.media-gallery{--thumb-size: 68px;--thumb-gap: var(--space-xs);--slide-radius: var(--radius-md);position:relative}.media-gallery__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .12s ease-out;will-change:transform}.media-gallery__video,.media-gallery__model{width:100%;height:100%;display:block}.media-gallery__zoom-wrap{position:relative;overflow:hidden;width:100%;height:100%;display:block;background:var(--color-surface);border-radius:var(--slide-radius)}.media-gallery__zoom-wrap.is-zooming{cursor:zoom-in}.media-gallery__zoom-wrap.is-zooming .media-gallery__image{transform:scale(2.2)}.media-gallery__zoom-wrap.js-zoom-modal{cursor:zoom-in}.media-gallery__zoom-wrap.js-zoom-modal:after{content:"";position:absolute;bottom:10px;right:10px;width:36px;height:36px;border-radius:50%;background-color:#ffffffe6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.8'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3Cline x1='11' y1='8' x2='11' y2='14'/%3E%3Cline x1='8' y1='11' x2='14' y2='11'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;box-shadow:0 2px 8px #0000001f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transform:scale(.85);transition:opacity .18s,transform .18s;pointer-events:none;z-index:3}.media-gallery__zoom-wrap.js-zoom-modal:hover:after{opacity:1;transform:scale(1)}.media-gallery__zoom-wrap.js-zoom-modal:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.media-gallery__thumbs{display:flex;gap:var(--thumb-gap);scrollbar-width:none}.media-gallery__thumbs::-webkit-scrollbar{display:none}.media-gallery__thumb{flex:0 0 auto;width:var(--thumb-size);height:var(--thumb-size);border:2px solid transparent;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;background:var(--color-surface);padding:0;transition:border-color .15s}.media-gallery__thumb.is-active{border-color:var(--color-primary)}.media-gallery__thumb:hover:not(.is-active){border-color:var(--color-text-subtle)}.media-gallery__thumb:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.media-gallery__thumb-img{width:100%;height:100%;object-fit:cover;display:block}.media-gallery__thumb-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-subtle)}.media-gallery__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#00000073;color:#fff;box-shadow:0 2px 8px #00000040;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)),opacity .18s ease;opacity:0}.media-gallery__main:hover .media-gallery__arrow{opacity:1}.media-gallery__arrow:hover{background:#000000a6;border-color:#ffffff59;color:var(--color-primary, #E2001A);transform:translateY(-50%) scale(1.1)}.media-gallery__arrow--prev{left:var(--space-sm)}.media-gallery__arrow--next{right:var(--space-sm)}.media-gallery__arrow:focus-visible{outline:2px solid var(--color-accent);opacity:1}.media-gallery__dots{position:absolute;bottom:var(--space-sm);left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:2}.media-gallery__dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;transition:background-color .2s,transform .2s}.media-gallery__dot.is-active{background:#fff;transform:scale(1.3)}.media-gallery--thumbs-side{display:flex;flex-direction:column;gap:var(--thumb-gap)}@media(min-width:768px){.media-gallery--thumbs-side{flex-direction:row;gap:var(--space-sm)}.media-gallery--thumbs-side .media-gallery__thumbs{order:-1;flex-direction:column;width:var(--thumb-size);min-width:var(--thumb-size);overflow-y:auto;max-height:560px}.media-gallery--thumbs-side .media-gallery__dots,.media-gallery--thumbs-side .media-gallery__arrow{display:none}}.media-gallery--thumbs-side .media-gallery__main{flex:1;position:relative;border-radius:var(--slide-radius);overflow:hidden;background:var(--color-surface)}.media-gallery--thumbs-side .media-gallery__slide{aspect-ratio:3/4}@media(max-width:767px){.media-gallery--thumbs-side .media-gallery__thumbs{overflow-x:auto;flex-direction:row}}.media-gallery--thumbs-bottom{display:flex;flex-direction:column;gap:var(--space-sm)}.media-gallery--thumbs-bottom .media-gallery__main{position:relative;border-radius:var(--slide-radius);overflow:hidden;background:var(--color-surface)}.media-gallery--thumbs-bottom .media-gallery__slide{aspect-ratio:3/4}@media(min-width:768px){.media-gallery--thumbs-bottom .media-gallery__dots{display:none}}.media-gallery--thumbs-bottom .media-gallery__thumbs{overflow-x:auto;flex-direction:row;justify-content:flex-start}.media-gallery--stacked .media-gallery__thumbs{display:none}.media-gallery--stacked .media-gallery__main{position:relative;border-radius:var(--slide-radius);overflow:hidden;background:var(--color-surface)}.media-gallery--stacked .media-gallery__slide{aspect-ratio:3/4}@media(min-width:768px){.media-gallery--stacked .media-gallery__arrow{opacity:.7}}.media-gallery__slide{width:100%;position:relative}.media-gallery__slide[hidden]{display:none}.media-gallery__slide.is-active{display:block}.media-gallery--grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;border-radius:var(--slide-radius);overflow:hidden}@media(max-width:479px){.media-gallery--grid{grid-template-columns:1fr}}.media-gallery__grid-cell{position:relative;overflow:hidden;background:var(--color-surface);aspect-ratio:3/4}.media-gallery--grid .media-gallery__zoom-wrap{border-radius:0;height:100%}.media-gallery--grid .media-gallery__image{width:100%;height:100%;object-fit:cover}.media-gallery__grid-cell-video{width:100%;height:100%}.media-gallery__grid-cell-video video,.media-gallery__grid-cell-video iframe{width:100%;height:100%;object-fit:cover}.media-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;animation:lb-fade-in .2s ease}.media-lightbox[hidden]{display:none}@keyframes lb-fade-in{0%{opacity:0}to{opacity:1}}.media-lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000eb;cursor:zoom-out}.media-lightbox__inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;max-width:min(92vw,1400px);max-height:92vh;animation:lb-scale-in .22s var(--ease-default, cubic-bezier(.4,0,.2,1))}@keyframes lb-scale-in{0%{transform:scale(.94);opacity:.6}to{transform:scale(1);opacity:1}}.media-lightbox__frame{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:92vh}.media-lightbox__image{max-width:100%;max-height:88vh;width:auto;height:auto;object-fit:contain;display:block;border-radius:var(--radius-sm, 2px);-webkit-user-select:none;user-select:none}.media-lightbox__close{position:fixed;top:var(--space-md, 16px);right:var(--space-md, 16px);width:44px;height:44px;border-radius:50%;border:none;background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s;z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.media-lightbox__close:hover{background:#ffffff40}.media-lightbox__close:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.media-lightbox__arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1))}.media-lightbox__arrow:hover{background:#000000a6;border-color:#ffffff59;color:var(--color-primary, #E2001A);transform:translateY(-50%) scale(1.1)}.media-lightbox__arrow:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.media-lightbox__arrow--prev{left:var(--space-md, 16px)}.media-lightbox__arrow--next{right:var(--space-md, 16px)}@media(max-width:639px){.media-lightbox__arrow{display:none}}.media-lightbox__counter{position:fixed;bottom:var(--space-md, 16px);left:50%;transform:translate(-50%);font-size:.8125rem;color:#ffffffb3;letter-spacing:.05em;pointer-events:none}@media(max-width:767px){[data-mobile-mode=slider] .media-gallery__thumbs{display:none!important}[data-mobile-mode=slider].media-gallery--thumbs-side,[data-mobile-mode=slider].media-gallery--thumbs-bottom{flex-direction:column}[data-mobile-mode=slider] .media-gallery__main{flex:1}[data-mobile-mode=slider] .media-gallery__arrow{opacity:1!important;background:#0b07078c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:#ffffff2e;color:#fff}[data-mobile-mode=slider] .media-gallery__arrow--prev{left:8px}[data-mobile-mode=slider] .media-gallery__arrow--next{right:8px}[data-mobile-mode=slider] .media-gallery__dots{display:flex!important}[data-mobile-mode=slider].media-gallery--grid{display:flex;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:0;position:relative;scrollbar-width:thin;scrollbar-color:#E2001A transparent}[data-mobile-mode=slider].media-gallery--grid::-webkit-scrollbar{height:3px}[data-mobile-mode=slider].media-gallery--grid::-webkit-scrollbar-track{background:#ffffff14;border-radius:99px}[data-mobile-mode=slider].media-gallery--grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#7b1619,#e2001a 42%,#f26a1c 72%,#f1c100);border-radius:99px}[data-mobile-mode=slider].media-gallery--grid .media-gallery__grid-cell{flex:0 0 100%;min-width:100%;scroll-snap-align:start}[data-mobile-mode=slider].media-gallery--grid .media-gallery__image{width:100%;height:auto}[data-mobile-mode=slider].media-gallery--grid .media-gallery__grid-arrow{display:flex}[data-mobile-mode=slider].media-gallery--grid .media-gallery__grid-dots{display:flex!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-media-gallery.css.map */