.product-media-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:1000;justify-content:center;align-items:center}.product-media-modal__dialog{width:90vw;height:90vh;max-width:90vw;max-height:90vh;position:relative}.product-media-modal__toggle{position:absolute;top:20px;right:30px;color:#fff;font-size:40px;font-weight:700;background:none;border:none;cursor:pointer;z-index:1001}.product-media-modal__content{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.product-media-modal__carousel{width:100%;height:100%;position:relative}.media-carousel-item{display:none;width:100%;height:100%;justify-content:center;align-items:center;min-width:0;min-height:0}.media-carousel-item.active{display:flex}.media-carousel-item img,.media-carousel-item video{max-width:100%!important;max-height:100%;object-fit:contain;display:block}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:10}.carousel-prev{left:15px}.carousel-next{right:15px}.media-layout{display:grid;grid-template-columns:170px 1fr;grid-template-areas:"thumbs stage";gap:12px;align-items:stretch}.thumbs-wrap{grid-area:thumbs}.media-stage{grid-area:stage}.media-thumbs{--thumb-size: 150px;--thumb-gap: 10px;display:flex;flex-direction:column;gap:var(--thumb-gap);overflow:auto;scrollbar-width:thin;max-height:680px;overflow-x:hidden;align-items:center;padding-bottom:4px;padding-top:4px}.media-thumb{position:relative;width:var(--thumb-size);height:var(--thumb-size);padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;margin-left:3px}.media-thumb:after{content:"";display:block;padding-top:100%}.media-thumb>img,.media-thumb>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.media-thumb.is-active{outline:1px solid #161848;outline-offset:0}.media-stage{position:relative;min-height:680px;background:#fff;border-radius:10px;overflow:hidden}.stage-inner{width:100%;height:100%;display:grid;place-items:center}.stage-inner .stage-item{width:100%;height:100%;display:none;place-items:center}video{object-fit:contain!important}.stage-inner .stage-item.is-active{display:grid}.stage-inner img,.stage-inner video{max-width:100%;max-height:74vh!important;object-fit:contain;cursor:zoom-in;outline:none!important;box-shadow:none!important;background:transparent!important}.stage-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:0;width:44px;height:44px;border-radius:50%;cursor:pointer;z-index:2}.stage-prev{left:10px}.stage-next{right:10px}.thumbs-wrap{display:grid;grid-template-rows:32px 1fr 32px;align-items:center;gap:6px;overflow:hidden}.thumbs-nav{width:100%;height:32px;border:0;background:#1618489e;color:#fff;border-radius:8px;cursor:pointer;margin:0 auto}@media (min-width: 769px){.thumbs-wrap{min-width:140px}.thumbs-nav{position:relative;font-size:0;display:grid;place-items:center}.thumbs-nav:before{content:"\276f";font-size:18px;line-height:1;display:inline-block;transition:transform .2s ease;padding:6px}.thumbs-prev:before{transform:rotate(-90deg)}.thumbs-next:before{transform:rotate(90deg)}.top-byor{position:absolute;top:30px;left:10px;margin-top:0!important}.steper-key{padding-top:0!important;padding-bottom:8px!important}}@media (max-width: 768px){.media-layout{grid-template-columns:1fr;gap:10px}.media-thumbs{flex-direction:row;max-height:unset;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-top:45px;width:100%;justify-content:flex-start}.media-thumb{min-width:76px;aspect-ratio:1 / 1;max-width:76px;max-height:78px}.thumbs-nav{display:grid;place-items:center;position:absolute;font-size:0;width:32px}button.thumbs-nav.thumbs-prev{left:0;z-index:9}button.thumbs-nav.thumbs-next{right:1px;z-index:9}.thumbs-prev:before,.thumbs-next:before{font-size:18px;line-height:1.5;display:inline-block}.thumbs-prev:before{content:"\276e";transform:none}.thumbs-next:before{content:"\276f";transform:none}.media-stage{min-height:450px!important}.media-stage .stage-nav{display:none}.media-layout{grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"stage" "thumbs";gap:10px}.media-thumbs{flex-direction:row;max-height:unset;max-width:100%;overflow-x:hidden;overflow-y:hidden;padding-right:0;min-height:130px}}.product-media-root .zoom-canvas{touch-action:none;cursor:zoom-in;will-change:transform;transition:transform .12s ease}.product-media-root .zooming{cursor:grab}.product-media-root .zooming:active{cursor:grabbing}@media (min-width: 992px){.pdp-sticky-left{position:sticky;top:var(--sticky-top, 96px)}}@media (max-width: 991.98px){.pdp-sticky-left{position:static}}.media-stage{outline:none}.media-stage:focus{outline:none}.trust-logos__track button.slick-arrow{font-size:0}.product-media-root .zoom-canvas{touch-action:pan-y}.product-media-root .zoom-canvas.zoom-locked{touch-action:none}
/*# sourceMappingURL=/cdn/shop/t/79/assets/product-media.css.map */