.image-gallery-section{position:relative}.image-gallery__grid{display:grid;gap:var(--gallery-gap, 20px);grid-template-columns:repeat(var(--gallery-columns, 3),1fr)}.image-gallery__item{position:relative;overflow:hidden;border-radius:var(--radius, 0);cursor:pointer;background:var(--color-background-secondary)}.image-gallery__image-wrapper{position:relative;width:100%;padding-bottom:calc(100% / var(--aspect-ratio, 1));overflow:hidden}.image-gallery__image-wrapper.aspect-auto{padding-bottom:0}.image-gallery__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}.image-gallery__image-wrapper.aspect-auto .image-gallery__image{position:relative;height:auto}.image-gallery__item.hover-zoom:hover .image-gallery__image{transform:scale(1.05)}.image-gallery__item.hover-overlay:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000;transition:background .3s ease;pointer-events:none;z-index:1}.image-gallery__item.hover-overlay:hover:after{background:#0003}.image-gallery__caption{position:absolute;bottom:0;left:0;right:0;padding:15px 20px;background:linear-gradient(to top,#000000b3,#0000);color:#fff;font-size:14px;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;z-index:2}.image-gallery__item:hover .image-gallery__caption{opacity:1;transform:translateY(0)}.gallery-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,var(--lightbox-opacity, .95));opacity:0;transition:opacity .3s ease}.gallery-lightbox.active{display:flex;opacity:1}.gallery-lightbox__container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:60px 80px}.gallery-lightbox__image-wrapper{position:relative;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.gallery-lightbox__image{max-width:100%;max-height:calc(100vh - 120px);width:auto;height:auto;object-fit:contain;opacity:0;transform:scale(.95);transition:opacity .3s ease,transform .3s ease}.gallery-lightbox__image.loaded{opacity:1;transform:scale(1)}.gallery-lightbox__loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:gallery-spin .8s linear infinite}@keyframes gallery-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.gallery-lightbox__close{position:absolute;top:20px;right:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;transition:background .2s ease,transform .2s ease;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gallery-lightbox__close:hover{background:#fff3;transform:scale(1.1)}.gallery-lightbox__close svg{width:24px;height:24px;stroke:#fff;stroke-width:2}.gallery-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;transition:background .2s ease,opacity .2s ease,transform .2s ease;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gallery-lightbox__nav:hover:not(:disabled){background:#fff3;transform:translateY(-50%) scale(1.1)}.gallery-lightbox__nav:disabled{opacity:.3;cursor:not-allowed}.gallery-lightbox__nav--prev{left:30px}.gallery-lightbox__nav--next{right:30px}.gallery-lightbox__nav svg{width:24px;height:24px;stroke:#fff;stroke-width:2;fill:none}.gallery-lightbox__nav.hide{display:none}.gallery-lightbox__counter{position:absolute;bottom:30px;left:50%;transform:translate(-50%);padding:8px 16px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;color:#fff;font-size:14px;font-weight:500;z-index:10}.gallery-lightbox__counter.hide{display:none}.gallery-lightbox__thumbnails{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;max-width:calc(100% - 40px);overflow-x:auto;padding:10px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;scrollbar-width:none;z-index:10}.gallery-lightbox__thumbnails::-webkit-scrollbar{display:none}.gallery-lightbox__thumbnails.hide{display:none}.gallery-lightbox__thumb{flex-shrink:0;width:60px;height:60px;border-radius:5px;overflow:hidden;cursor:pointer;opacity:.5;border:2px solid transparent;transition:opacity .2s ease,border-color .2s ease}.gallery-lightbox__thumb:hover{opacity:.8}.gallery-lightbox__thumb.active{opacity:1;border-color:#fff}.gallery-lightbox__thumb img{width:100%;height:100%;object-fit:cover}.gallery-lightbox__caption{position:absolute;top:20px;left:50%;transform:translate(-50%);max-width:calc(100% - 40px);padding:12px 20px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;color:#fff;font-size:16px;text-align:center;z-index:10}.gallery-lightbox__caption.hide{display:none}@media (max-width: 992px){.image-gallery__grid{gap:var(--gallery-gap-mobile, 15px);grid-template-columns:repeat(var(--gallery-columns-mobile, 2),1fr)}.gallery-lightbox__container{padding:80px 20px 100px}.gallery-lightbox__image{max-height:calc(100vh - 180px)}.gallery-lightbox__close{top:15px;right:15px;width:40px;height:40px}.gallery-lightbox__nav{width:44px;height:44px}.gallery-lightbox__nav--prev{left:15px}.gallery-lightbox__nav--next{right:15px}.gallery-lightbox__counter{bottom:20px;font-size:13px}}@media (max-width: 533px){.image-gallery__grid{gap:var(--gallery-gap-mobile, 10px);grid-template-columns:repeat(var(--gallery-columns-mobile, 1),1fr)}.gallery-lightbox__container{padding:70px 10px 90px}.gallery-lightbox__nav{width:40px;height:40px}.gallery-lightbox__nav--prev{left:10px}.gallery-lightbox__nav--next{right:10px}.gallery-lightbox__thumbnails{bottom:10px;gap:8px;max-width:calc(100% - 20px)}.gallery-lightbox__thumb{width:50px;height:50px}}.gallery-lightbox:focus{outline:none}.gallery-lightbox__nav:focus,.gallery-lightbox__close:focus,.gallery-lightbox__thumb:focus{outline:2px solid #fff;outline-offset:2px}body.gallery-lightbox-open{overflow:hidden}@media (prefers-reduced-motion: reduce){.image-gallery__image,.image-gallery__caption,.gallery-lightbox,.gallery-lightbox__image,.gallery-lightbox__nav,.gallery-lightbox__close{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-image-gallery.css.map */