.image-gallery{background:rgb(var(--color-background));color:rgb(var(--color-foreground));position:relative}.image-gallery:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:100vw;background:rgb(var(--color-background));z-index:-1}.gallery-main-title{text-align:center;font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,#d97227,#f4a261);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gallery-description{text-align:center;max-width:600px;margin:0 auto 3rem;opacity:.8}.gallery-characters{display:flex;flex-direction:column;gap:3rem}.character-section{border:1px solid rgba(var(--color-foreground),.1);border-radius:12px;overflow:hidden;background:rgba(var(--color-foreground),.02);padding:1.5rem}.character-section__header{margin-bottom:1rem}.character-section__title{font-size:1.6rem;margin:0 0 .25rem}.character-section__collection{margin:0;opacity:.6;font-size:1rem}.character-section__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.gallery-image{aspect-ratio:1;overflow:hidden;border-radius:8px;cursor:pointer;position:relative}.gallery-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-image:hover img{transform:scale(1.05)}.gallery-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.gallery-lightbox.active{opacity:1;visibility:visible}.gallery-lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;background:#ffffff1a;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:1rem;border-radius:50%;transition:background .3s ease}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:#fff3}.lightbox-close{top:2rem;right:2rem;font-size:2.5rem;padding:.5rem 1rem}.lightbox-prev{left:2rem;top:50%;transform:translateY(-50%)}.lightbox-next{right:2rem;top:50%;transform:translateY(-50%)}.eb-toast-container,.eb-toast{display:none!important}@media (max-width: 768px){.gallery-main-title{font-size:2rem}.character-section__grid{grid-template-columns:repeat(2,1fr)}.lightbox-prev,.lightbox-next{padding:.5rem;font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-image-gallery.css.map */