.pattern-gallery{--gallery-gap: 18px;position:relative;width:100%;padding:var(--gallery-gap);box-sizing:border-box}.gallery-item{position:absolute;overflow:hidden;border-radius:14px;background:#111;cursor:pointer;-webkit-user-select:none;user-select:none;isolation:isolate;transform:translateZ(0)}.gallery-item.big{aspect-ratio:4 / 5}.gallery-item.small{aspect-ratio:1 / 1}.gallery-image{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .55s cubic-bezier(.22,.61,.36,1),filter .45s ease;will-change:transform}.gallery-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;background:linear-gradient(to top,#000000b8,#00000052 36%,#0000001a 58%,#0000 78%);transition:opacity .35s ease}.gallery-item-title{position:absolute;left:50%;bottom:28px;width:calc(100% - 40px);transform:translate(-50%,12px);z-index:2;color:#fff;text-align:center;font-size:1.25rem;font-weight:600;line-height:1.35;letter-spacing:.01em;text-shadow:0 2px 10px rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease}.gallery-item-title:before{content:"";display:block;width:96px;height:2px;margin:0 auto 16px;border-radius:999px;background:linear-gradient(to right,transparent 0%,transparent 8%,rgba(255,255,255,.34) 22%,rgba(255,255,255,.34) 78%,transparent 92%,transparent 100%);opacity:0;transform:scaleX(.82);transition:opacity .35s ease,transform .35s ease}.gallery-item:hover .gallery-image,.gallery-item.active .gallery-image{transform:scale(1.08);filter:brightness(.96) saturate(1.03)}.gallery-item:hover:before,.gallery-item.active:before{opacity:1}.gallery-item:hover .gallery-item-title,.gallery-item.active .gallery-item-title{opacity:1;transform:translate(-50%)}.gallery-item:hover .gallery-item-title:before,.gallery-item.active .gallery-item-title:before{opacity:1;transform:scaleX(1)}.gallery-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:#000000f0;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:9999}.gallery-lightbox.active{opacity:1;visibility:visible}.gallery-lightbox-image{max-width:90vw;max-height:84vh;object-fit:contain;border-radius:14px;box-shadow:0 24px 70px #00000073}.gallery-title{position:absolute;left:50%;bottom:42px;transform:translate(-50%);width:min(90vw,760px);text-align:center;color:#fff;font-size:1.45rem;font-weight:600;line-height:1.35;letter-spacing:.01em;text-shadow:0 2px 12px rgba(0,0,0,.35)}.gallery-title:before{content:"";display:block;width:120px;height:2px;margin:0 auto 18px;border-radius:999px;background:linear-gradient(to right,transparent 0%,transparent 8%,rgba(255,255,255,.34) 22%,rgba(255,255,255,.34) 78%,transparent 92%,transparent 100%)}.gallery-close,.gallery-prev,.gallery-next{position:absolute;display:flex;justify-content:center;align-items:center;border:none;background:none;color:#fff;cursor:pointer;line-height:1;opacity:.9;transition:opacity .25s ease,transform .25s ease}.gallery-close:hover,.gallery-prev:hover,.gallery-next:hover{opacity:1}.gallery-close{top:22px;right:28px;font-size:3rem}.gallery-close:hover{transform:rotate(90deg)}.gallery-prev,.gallery-next{top:50%;transform:translateY(-50%);width:72px;height:72px;font-size:3.8rem}.gallery-prev{left:16px}.gallery-next{right:16px}.gallery-prev:hover{transform:translate(-6px,-50%)}.gallery-next:hover{transform:translate(6px,-50%)}.gallery-close:focus-visible,.gallery-prev:focus-visible,.gallery-next:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:4px}@media(max-width:990px){.gallery-item-title{font-size:1.02rem}.gallery-title{font-size:1.15rem}.gallery-prev,.gallery-next{font-size:3.25rem;width:64px;height:64px}}@media(max-width:749px){.pattern-gallery{--gallery-gap: 14px}.gallery-item{border-radius:10px}.gallery-item-title{bottom:20px;width:calc(100% - 28px);font-size:1rem;line-height:1.4}.gallery-item-title:before{width:72px;margin-bottom:12px}.gallery-lightbox-image{max-width:94vw;max-height:74vh;border-radius:10px}.gallery-title{bottom:26px;width:calc(100vw - 32px);font-size:1.05rem}.gallery-title:before{width:90px;margin-bottom:14px}.gallery-close{top:14px;right:16px;font-size:2.5rem}.gallery-prev,.gallery-next{width:48px;height:48px;font-size:2.6rem}.gallery-prev{left:6px}.gallery-next{right:6px}}@media(prefers-reduced-motion:reduce){.gallery-image,.gallery-item:before,.gallery-item-title,.gallery-item-title:before,.gallery-lightbox,.gallery-close,.gallery-prev,.gallery-next{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-pattern-gallery.css.map */