.gallery-section{padding:40px 20px;display:flex;justify-content:center}.gallery{display:flex;flex-direction:column;gap:10px;max-width:500px;width:100%}.gallery-row{display:grid;gap:10px}.gallery-row--1{grid-template-columns:1fr}.gallery-row--2{grid-template-columns:repeat(2,1fr)}.gallery-row--3{grid-template-columns:repeat(3,1fr)}.gallery-row--4{grid-template-columns:repeat(4,1fr)}.gallery-item{margin:0;overflow:hidden}.gallery-image{width:100%;height:auto;display:block;cursor:pointer;transition:transform .3s ease,opacity .3s ease}.gallery-image:hover{transform:scale(1.02);opacity:1}.gallery-image:focus{outline:2px solid #000;outline-offset:2px}.gallery-item--video{width:100%}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.gallery-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;background-color:#000000d9}.gallery-modal.is-open{opacity:1;visibility:visible}.gallery-modal__content{position:relative;display:flex;align-items:center;justify-content:center;z-index:1}.gallery-modal__media{position:relative;display:flex;flex-direction:column;align-items:center}.gallery-modal__image{max-width:70vw;max-height:80vh;width:auto;height:auto;object-fit:contain;transition:opacity .15s ease;display:block}.gallery-modal__description{margin-top:15px;color:#fff;font-size:14px;font-family:Work Sans,sans-serif;font-weight:400;letter-spacing:.02em;text-align:center;max-width:100%}.gallery-modal__nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:15px;opacity:.8;transition:opacity .2s ease,transform .2s ease;z-index:2}.gallery-modal__nav:hover{opacity:1}.gallery-modal__nav:focus,.gallery-modal__nav:focus-visible{outline:none!important;box-shadow:none!important}.gallery-modal__nav img{width:50px;height:auto;display:block}.gallery-modal__nav--prev{right:100%;margin-right:20px}.gallery-modal__nav--prev:hover{transform:translateY(-50%) translate(-5px)}.gallery-modal__nav--next{left:100%;margin-left:20px}.gallery-modal__nav--next:hover{transform:translateY(-50%) translate(5px)}.gallery-modal__close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;padding:10px;color:#fff;opacity:.7;transition:opacity .2s ease;z-index:2}.gallery-modal__close:hover{opacity:1}.gallery-modal__close:focus{outline:2px solid #fff;outline-offset:2px}.gallery-modal__close svg{width:24px;height:24px;display:block}@media screen and (max-width:900px){.gallery{max-width:100%;padding:0}.gallery-modal__image{max-width:65vw}.gallery-modal__nav img{width:40px}.gallery-modal__nav--prev{margin-right:15px}.gallery-modal__nav--next{margin-left:15px}}@media screen and (max-width:600px){.gallery-section{padding:5px}.gallery,.gallery-row{gap:6px}.gallery-modal__image{max-width:85vw;max-height:70vh}.gallery-modal__content{flex-direction:column}.gallery-modal__nav{position:relative;top:auto;transform:none;padding:10px}.gallery-modal__nav--prev,.gallery-modal__nav--next{position:absolute;top:50%;transform:translateY(-50%);margin:0}.gallery-modal__nav--prev{left:10px;right:auto}.gallery-modal__nav--next{right:10px;left:auto}.gallery-modal__nav--prev:hover,.gallery-modal__nav--next:hover{transform:translateY(-50%)}.gallery-modal__nav img{width:30px}.gallery-modal__close{top:15px;right:15px}.gallery-modal__description{font-size:12px;padding:0 50px}.gallery-modal__nav{display:none!important}}@media(prefers-reduced-motion:reduce){.gallery-image,.gallery-modal,.gallery-modal__image,.gallery-modal__nav{transition:none}.gallery-image:hover{transform:none}}.gallery-modal__video{width:90vw;max-width:1200px;aspect-ratio:16 / 9}.gallery-modal__video iframe{width:100%;height:100%;border:none}.gallery-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:2;background:transparent}.gallery-item--video .video-wrapper{position:relative}.gallery-modal__nav svg{color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}
/*# sourceMappingURL=/cdn/shop/t/32/assets/section-gallery.css.map */