@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;500;600&display=swap');

.avg-gallery-wrap { font-family:'Inter',-apple-system,sans-serif; max-width:1200px; margin:0 auto; padding:20px 0; }
.avg-section { margin-bottom:60px; }
.avg-section-header { display:flex; align-items:center; gap:16px; margin-bottom:36px; }
.avg-section-badge { width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:28px; background:linear-gradient(135deg,#001540,#00205B); box-shadow:0 4px 12px rgba(0,32,91,.25); flex-shrink:0; }
.avg-section-title { font-family:'Playfair Display',serif; font-size:clamp(24px,4vw,34px); font-weight:700; margin:0; color:#00205B; letter-spacing:-0.02em; }
.avg-section-line { flex:1; height:2px; border-radius:2px; background:linear-gradient(90deg,#00205B 0%,transparent 100%); opacity:.2; }
.avg-folder-section { margin-bottom:48px; }
.avg-folder-title-wrap { margin-bottom:20px; }
.avg-folder-title { display:flex; align-items:center; gap:12px; font-size:20px; font-weight:700; color:#00205B; margin:0; padding:14px 20px; background:linear-gradient(135deg,rgba(0,32,91,.06) 0%,rgba(0,32,91,.02) 100%); border-left:4px solid #00205B; border-radius:0 10px 10px 0; }
.avg-folder-icon { font-size:22px; flex-shrink:0; }
.avg-folder-month { font-family:'Playfair Display',serif; font-size:22px; letter-spacing:-0.01em; }
.avg-folder-count { margin-left:auto; font-size:12px; font-weight:500; color:#64748b; background:#fff; border:1px solid #e2e8f0; border-radius:20px; padding:3px 14px; font-family:'Inter',sans-serif; white-space:nowrap; }
.avg-grid { display:grid; gap:20px; }
.avg-cols-2 { grid-template-columns:repeat(2,1fr); }
.avg-cols-3 { grid-template-columns:repeat(3,1fr); }
.avg-cols-4 { grid-template-columns:repeat(4,1fr); }
.avg-cols-5 { grid-template-columns:repeat(5,1fr); }
.avg-cols-6 { grid-template-columns:repeat(6,1fr); }
@media(max-width:768px) { .avg-cols-3,.avg-cols-4,.avg-cols-5,.avg-cols-6 { grid-template-columns:repeat(2,1fr); } }
@media(max-width:480px) { .avg-cols-2,.avg-cols-3,.avg-cols-4,.avg-cols-5,.avg-cols-6 { grid-template-columns:1fr 1fr; } }
.avg-item { position:relative; border-radius:12px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.08); transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease; background:#f8fafc; }
.avg-item:hover { transform:translateY(-5px) scale(1.01); box-shadow:0 12px 32px rgba(0,0,0,.15); }
.avg-item a { display:block; text-decoration:none; color:inherit; }
.avg-img-wrap { position:relative; overflow:hidden; aspect-ratio:4/3; }
.avg-img-wrap img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease; }
.avg-item:hover .avg-img-wrap img { transform:scale(1.07); }
.avg-img-overlay { position:absolute; inset:0; background:linear-gradient(135deg,rgba(0,32,91,.65),rgba(0,32,91,.35)); display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .3s ease; }
.avg-item:hover .avg-img-overlay { opacity:1; }
.avg-zoom-icon { font-size:28px; transform:scale(0.6); transition:transform .3s ease; }
.avg-item:hover .avg-zoom-icon { transform:scale(1); }
.avg-img-caption { padding:10px 12px; font-size:13px; font-weight:500; color:#475569; background:#fff; border-top:1px solid #f1f5f9; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.avg-lightbox-overlay { position:fixed; inset:0; z-index:99999; background:rgba(0,0,0,.92); display:flex; align-items:center; justify-content:center; backdrop-filter:blur(6px); animation:avg-lb-fade .25s ease; }
@keyframes avg-lb-fade { from{opacity:0;} to{opacity:1;} }
.avg-lb-content { max-width:90vw; max-height:90vh; display:flex; flex-direction:column; align-items:center; }
.avg-lb-content img { max-width:100%; max-height:80vh; object-fit:contain; border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,.5); animation:avg-lb-img .3s cubic-bezier(.34,1.56,.64,1); }
@keyframes avg-lb-img { from{transform:scale(.85);opacity:0;} to{transform:scale(1);opacity:1;} }
.avg-lb-caption { color:rgba(255,255,255,.8); margin-top:16px; font-size:14px; text-align:center; }
.avg-lb-close { position:fixed; top:20px; right:24px; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.2); color:#fff; font-size:28px; width:44px; height:44px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .2s; }
.avg-lb-close:hover { background:rgba(255,255,255,.25); }
.avg-lb-nav { position:fixed; top:50%; transform:translateY(-50%); background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); color:#fff; font-size:20px; width:48px; height:48px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .2s; }
.avg-lb-nav:hover { background:rgba(255,255,255,.25); }
.avg-lb-prev { left:20px; } .avg-lb-next { right:20px; }