@media(min-width:768px){.media-gallery--grid .media-main-item:nth-child(3n+1){grid-column:auto}.media-gallery--grid .media-main-item:nth-child(1 of:not([hidden])){grid-column:1 / -1}.media-gallery--feature .media-main-wrap{container-type:inline-size}.media-gallery--feature .media-main-stage{--feature-h: calc((100cqw - var(--product-media-gap, 12px)) * .6429 / (var(--product-media-ratio, 3 / 4)));grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);grid-auto-flow:row dense;align-content:start;min-height:var(--feature-h-fit, var(--feature-h))}.media-gallery--feature .media-main-item,.media-gallery--feature .media-main-item:nth-child(3n+1){grid-column:2}.media-gallery--feature .media-main-item:nth-child(1 of:not([hidden])){grid-column:1;grid-row:1 / span var(--feature-rows, 1);align-self:stretch;height:auto;aspect-ratio:auto;overflow:visible;border-radius:0;contain:size}.media-gallery--feature .media-main-item:nth-child(1 of:not([hidden]))>*{position:sticky;top:calc(var(--axiom-header-height, 68px) + 16px);width:100%;height:var(--feature-h-fit, var(--feature-h));border-radius:var(--product-media-radius, var(--radius-xl));overflow:hidden}.media-gallery--feature.media-gallery--ratio-full_image .media-main-item:nth-child(1 of:not([hidden]))>.media-main{height:var(--feature-h-fit, var(--feature-h))}.media-gallery--collage .media-main-stage{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));align-items:stretch;aspect-ratio:3 / 2}.media-gallery--collage .media-main-item,.media-gallery--collage .media-main-item:nth-child(3n+1){grid-column:auto;height:100%;min-height:0;aspect-ratio:auto}.media-gallery--collage .media-main-item:nth-child(1 of:not([hidden])),.media-gallery--collage .media-main-item:nth-child(2 of:not([hidden])):nth-last-child(1 of:not([hidden])){grid-row:1 / span 2}.media-gallery--collage .media-main-item:nth-child(n+4 of:not([hidden])){display:none}.media-gallery--collage .media-main-item.active:nth-child(n+4 of:not([hidden])){display:block;order:-1;grid-row:1 / span 2}.media-gallery--collage .media-main-stage:has(>.media-main-item.active:nth-child(n+4 of:not([hidden])))>.media-main-item:nth-child(1 of:not([hidden])){grid-row:auto}.media-gallery--collage .media-main-stage:has(>.media-main-item.active:nth-child(n+4 of:not([hidden])))>.media-main-item:nth-child(2 of:not([hidden])){display:none}.media-gallery--collage.media-gallery--single .media-main-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:none;aspect-ratio:var(--product-media-ratio, 3 / 4)}.media-gallery--collage.media-gallery--ratio-full_image .media-main-item[data-media-type=image] .media-main{height:100%}.media-collage-more{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;background:#0a0a0c6b;color:#fff;font-size:clamp(20px,2.2vw,32px);font-weight:500;letter-spacing:.02em;pointer-events:none}.media-collage-more[hidden]{display:none}.media-gallery--carousel .media-main-wrap{aspect-ratio:auto;max-height:none;overflow:visible;border-radius:0}.media-gallery--carousel .media-main-stage{display:flex;gap:var(--product-media-gap, 12px);height:auto;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.media-gallery--carousel .media-main-stage::-webkit-scrollbar{display:none}.media-gallery--carousel .media-main-item{display:block;flex:0 0 82%;height:auto;aspect-ratio:var(--product-media-ratio, 3 / 4);overflow:hidden;border-radius:var(--product-media-radius, var(--radius-xl));scroll-snap-align:start}.media-gallery--carousel .media-main-item[hidden]{display:none}.media-gallery--carousel.media-gallery--single .media-main-item{flex-basis:100%}.media-gallery--carousel .media-gallery__scroll-indicator:not([hidden]){display:block}.media-gallery--hero.media-gallery--thumbnail-placement-outside{gap:var(--product-media-gap, 12px)}.media-gallery--hero.media-gallery--thumbnail-placement-outside>.media-thumbs-shell{overflow:visible}.media-gallery--hero>.media-thumbs-shell .media-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--product-media-gap, 12px);padding:0;overflow:visible}.media-gallery--hero>.media-thumbs-shell .media-thumb{width:auto;max-width:none;flex:none;aspect-ratio:var(--product-media-ratio, 3 / 4);border:0;border-radius:var(--product-media-radius, var(--radius-xl));outline:1.5px solid transparent;outline-offset:3px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:outline-color .3s ease,transform .5s cubic-bezier(.22,1,.36,1)}.media-gallery--hero>.media-thumbs-shell .media-thumb:hover{transform:translateY(-2px)}.media-gallery--hero>.media-thumbs-shell .media-thumb.active{outline-color:var(--fg)}.media-gallery--hero[data-image-fit=contain]>.media-thumbs-shell .media-thumb img,.media-gallery--hero.media-gallery--ratio-full_image>.media-thumbs-shell .media-thumb img{object-fit:contain}.media-gallery--hero.media-gallery--thumbnail-placement-outside>.media-thumbs-shell--rows{overflow:hidden}.media-gallery--hero>.media-thumbs-shell--rows .media-thumbs{grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - var(--product-media-gap, 12px) * 2) / 3);margin:-6px;padding:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.media-gallery--hero>.media-thumbs-shell--rows .media-thumbs::-webkit-scrollbar{display:none}.media-gallery--hero>.media-thumbs-shell--rows .media-thumbs-progress:not([hidden]){display:block}.media-gallery.media-gallery--feature>.media-thumbs-shell,.media-gallery.media-gallery--collage>.media-thumbs-shell,.media-gallery.media-gallery--carousel>.media-thumbs-shell{display:none}}@media(max-width:767px){.media-collage-more,.media-gallery__scroll-indicator--desktop{display:none!important}}.media-gallery--carousel.media-gallery--ratio-full_image .media-main-item[data-media-type=image] .media-main{object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/38/assets/product-media-layouts.css.map */