/* Gallery / Carousel */
:root{--gallery-bg:#0f1226;--gallery-grad:linear-gradient(135deg,#6a5cff 0%,#a855f7 50%,#ec4899 100%);--gallery-card:#0b0f23;--gallery-border:rgba(255,255,255,.08);--gallery-dot:#fff;--gallery-dot-active:#a78bfa;}
.section-gallery{position:relative;padding:80px 0;background:radial-gradient(1000px 400px at -20% 20%,rgba(167,139,250,.12),transparent 60%),radial-gradient(800px 360px at 120% 0,rgba(236,72,153,.12),transparent 60%),var(--gallery-bg);}
.section-gallery .container{max-width:1160px;margin:0 auto;padding:0 20px}
.section-gallery .section-header{text-align:center;margin-bottom:28px}
.section-gallery .section-header .section-badge{display:inline-block;background:rgba(167,139,250,.15);color:#c4b5fd;padding:6px 12px;border-radius:999px;font-weight:600;font-size:12px;letter-spacing:.04em}
.section-gallery .section-header h2{color:#fff;font-size:32px;line-height:1.2;margin:12px 0 8px}
.section-gallery .section-header p{color:#a9b0c6}
.gallery-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--gallery-border);border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.carousel{position:relative;overflow:hidden;border-radius:14px}
.carousel-track{display:flex;transition:transform .5s ease;will-change:transform}
.slide{min-width:100%;padding:0}
.slide img{width:100%;display:block;border-radius:12px;background:#0a0d1f}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:12px}
.carousel-btn{appearance:none;border:1px solid var(--gallery-border);background:linear-gradient(180deg,#141838,#0c1029);color:#e5e7eb;border-radius:12px;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}
.carousel-btn:hover{transform:translateY(-1px);border-color:rgba(167,139,250,.5);box-shadow:0 8px 20px rgba(167,139,250,.15)}
.carousel-dots{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}
.carousel-dot{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.3);border:1px solid var(--gallery-border);transition:all .2s}
.carousel-dot.active{width:24px;background:var(--gallery-dot-active)}
/* Thumbnails */
.thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}
.thumb{position:relative;border:1px solid var(--gallery-border);border-radius:10px;overflow:hidden;cursor:pointer;background:linear-gradient(180deg,#121634,#0b0f26)}
.thumb img{width:100%;height:72px;object-fit:cover;display:block;opacity:.9;transition:all .2s ease}
.thumb:hover img{opacity:1;transform:scale(1.02)}
.thumb.active{outline:2px solid var(--gallery-dot-active)}
/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(7,10,24,.8);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1000}
.lightbox.open{display:flex}
.lightbox-content{position:relative;max-width:90vw;max-height:88vh}
.lightbox-img{max-width:90vw;max-height:88vh;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.lightbox-close{position:absolute;top:-42px;right:0;background:rgba(15,18,38,.9);color:#fff;border:1px solid var(--gallery-border);border-radius:10px;padding:8px 12px;cursor:pointer}
@media (max-width: 768px){
 .section-gallery{padding:56px 0}
 .section-gallery .section-header h2{font-size:26px}
 .thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}
 .thumb img{height:58px}
}