/*! cro-s-pdp-gallery.css — CRO Design System v1 · section pdp-gallery (also styles the pdp-buybox media column).
 *  Token-only, no @layer, no !important. The gallery root (.cro-s-pdp-gallery__root) carries its own layout modifiers so
 *  the same markup works standalone (section band) or inside pdp-buybox. Selectors are `.cro .cro-s-pdp-gallery__*`
 *  plus one primitive class (0,3,0) where a primitive default (carousel, media, gallery) is re-laid out.
 *  Built from: carousel (§17), media (§6), gallery + PhotoSwipe skin (§18), icon (§16). */.cro.cro-s-pdp-gallery{display:block;padding-block:var(--cro-section-y, clamp(64px, 45.333333px + 5.185185vw, 120px));background-color:var(--cro-bg, #FDFDFC);color:var(--cro-ink, #21201C)}.cro.cro-s-pdp-gallery.cro-s--surface{background-color:var(--cro-surface, #EEEEED)}.cro.cro-s-pdp-gallery.cro-s--pad-compact{padding-block:var(--cro-space-5, 32px)}.cro.cro-s-pdp-gallery.cro-s--pad-none{padding-block:0}.cro.cro-s-pdp-gallery .cro-s-pdp-gallery__wrap:has(.cro-s-pdp-gallery__root--grid){max-width:var(--cro-container, 1200px)}.cro.cro-s-pdp-gallery .cro-s-pdp-gallery__wrap{max-width:calc(var(--cro-container-narrow, 720px) + var(--cro-space-9, 128px));margin-inline:auto;padding-inline:var(--cro-gutter, clamp(20px, 13.333333px + 1.851852vw, 40px))}.cro .cro-s-pdp-gallery__root{display:grid;gap:var(--cro-space-3, 16px);min-width:0}.cro .cro-s-pdp-gallery__lightbox{display:block;min-width:0}.cro .cro-s-pdp-gallery__stage{min-width:0}.cro .cro-s-pdp-gallery__stage .cro-carousel__viewport,.cro .cro-s-pdp-gallery__slide .cro-media,.cro .cro-s-pdp-gallery__slide .cro-gallery__item{border-radius:var(--cro-radius-lg, 16px)}.cro .cro-s-pdp-gallery__slide .cro-gallery__zoom .cro-icon{width:1.25em;height:1.25em}.cro .cro-s-pdp-gallery__video{background-color:var(--cro-dark-bg, #111110)}.cro .cro-s-pdp-gallery__video>:is(video,iframe){object-fit:contain;border:0}.cro .cro-s-pdp-gallery__empty{border-radius:var(--cro-radius-lg, 16px)}.cro .cro-s-pdp-gallery__stage .cro-s-pdp-gallery__controls{position:absolute;inset-inline:var(--cro-space-2, 8px);inset-block-start:50%;margin:0;transform:translateY(-50%);pointer-events:none}.cro .cro-s-pdp-gallery__stage .cro-s-pdp-gallery__controls .cro-carousel__nav{flex:1;justify-content:space-between}.cro .cro-s-pdp-gallery__stage .cro-s-pdp-gallery__controls .cro-carousel__arrow{pointer-events:auto;border-color:transparent;box-shadow:var(--cro-shadow-1, 0 1px 2px 0 rgba(28,25,20,.06), 0 2px 8px -2px rgba(28,25,20,.08))}.cro .cro-s-pdp-gallery__stage .cro-s-pdp-gallery__controls .cro-carousel__arrow:disabled{visibility:hidden}@media(hover:none),(max-width:749px){.cro .cro-s-pdp-gallery__root:not(.cro-s-pdp-gallery__root--thumbs-none) .cro-s-pdp-gallery__stage .cro-s-pdp-gallery__controls{display:none}}@media(hover:hover)and (min-width:750px){.cro .cro-s-pdp-gallery__stage .cro-s-pdp-gallery__controls .cro-carousel__arrow{width:calc(var(--cro-space-5, 32px) + var(--cro-space-1, 4px));height:calc(var(--cro-space-5, 32px) + var(--cro-space-1, 4px));opacity:0;transition:opacity var(--cro-dur-fast, .15s) var(--cro-ease, cubic-bezier(.25, 0, .3, 1))}.cro .cro-s-pdp-gallery__stage:hover .cro-s-pdp-gallery__controls .cro-carousel__arrow,.cro .cro-s-pdp-gallery__stage .cro-s-pdp-gallery__controls:focus-within .cro-carousel__arrow{opacity:1}}.cro .cro-s-pdp-gallery__count{display:none;font-size:var(--cro-step--1, clamp(13px, 12.333333px + .185185vw, 15px));font-variant-numeric:lining-nums tabular-nums;color:var(--cro-ink-soft, #63635E)}.cro .cro-s-pdp-gallery__root--thumbs-none .cro-s-pdp-gallery__controls{position:static;inset:auto;margin-block-start:var(--cro-space-3, 16px);transform:none;pointer-events:auto}.cro .cro-s-pdp-gallery__root--thumbs-none .cro-s-pdp-gallery__controls .cro-carousel__nav{flex:0 0 auto;gap:var(--cro-space-2, 8px)}.cro .cro-s-pdp-gallery__root--thumbs-none .cro-s-pdp-gallery__controls .cro-carousel__arrow{box-shadow:none;border-color:var(--cro-line-strong, #888881)}.cro .cro-s-pdp-gallery__root--thumbs-none .cro-s-pdp-gallery__count{display:block}.cro .cro-s-pdp-gallery__thumbs{display:flex;gap:var(--cro-space-2, 8px);min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:var(--cro-space-1, 4px);margin:calc(var(--cro-space-1, 4px) * -1)}.cro .cro-s-pdp-gallery__thumbs::-webkit-scrollbar{display:none}.cro .cro-s-pdp-gallery__thumb{position:relative;flex:0 0 auto;width:calc(var(--cro-tap-min, 44px) + var(--cro-space-3, 16px));height:calc(var(--cro-tap-min, 44px) + var(--cro-space-3, 16px));overflow:hidden;border:2px solid transparent;border-radius:var(--cro-radius, 8px);background-color:var(--cro-surface, #EEEEED);transition:border-color var(--cro-dur-fast, .16s) var(--cro-ease, cubic-bezier(.25, 0, .3, 1))}.cro .cro-s-pdp-gallery__thumb :is(img,.cro-pv-art){width:100%;height:100%;object-fit:cover;transition:transform var(--cro-dur, .24s) var(--cro-ease, cubic-bezier(.25, 0, .3, 1))}@media(hover:hover){.cro .cro-s-pdp-gallery__thumb:hover{border-color:var(--cro-line-strong, #888881)}.cro .cro-s-pdp-gallery__thumb:hover :is(img,.cro-pv-art){transform:scale(1.06)}}.cro .cro-s-pdp-gallery__thumb[aria-current=true]{border-color:var(--cro-selected-line, #0D74CE)}.cro .cro-s-pdp-gallery__thumb:focus-visible{outline:2px solid var(--cro-focus-ring, #0D74CE);outline-offset:2px}@media(max-width:749px){.cro .cro-s-pdp-gallery__root{gap:var(--cro-space-2, 8px)}.cro .cro-s-pdp-gallery__thumb{width:calc(var(--cro-tap-min, 44px) + var(--cro-space-1, 4px));height:calc(var(--cro-tap-min, 44px) + var(--cro-space-1, 4px))}}.cro .cro-s-pdp-gallery__play{position:absolute;top:0;right:0;bottom:0;left:0;width:40%;height:40%;margin:auto;padding:var(--cro-space-1, 4px);border-radius:var(--cro-radius-pill, 999px);background-color:var(--cro-bg, #FDFDFC);color:var(--cro-ink, #21201C)}@media(min-width:990px){.cro .cro-s-pdp-gallery__root--thumbs-side{grid-template-columns:calc(var(--cro-tap-min, 44px) + var(--cro-space-5, 32px)) minmax(0,1fr);align-items:stretch}.cro .cro-s-pdp-gallery__root--thumbs-side .cro-s-pdp-gallery__lightbox{grid-column:2;grid-row:1}.cro .cro-s-pdp-gallery__root--thumbs-side .cro-s-pdp-gallery__thumbs{grid-column:1;grid-row:1;flex-direction:column;overflow-x:hidden;overflow-y:auto;contain:size}.cro .cro-s-pdp-gallery__root--thumbs-side .cro-s-pdp-gallery__thumb{width:calc(var(--cro-tap-min, 44px) + var(--cro-space-5, 32px) - var(--cro-space-2, 8px));height:calc(var(--cro-tap-min, 44px) + var(--cro-space-5, 32px) - var(--cro-space-2, 8px))}.cro .cro-s-pdp-gallery__root--grid .cro-carousel__viewport{overflow:visible;border-radius:0}.cro .cro-s-pdp-gallery__root--grid .cro-carousel__track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cro-space-3, 16px);transform:none}.cro .cro-s-pdp-gallery__root--grid .cro-s-pdp-gallery__slide:first-child{grid-column:1 / -1}.cro .cro-s-pdp-gallery__root--grid .cro-s-pdp-gallery__controls,.cro .cro-s-pdp-gallery__root--grid .cro-s-pdp-gallery__thumbs{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/cro-s-pdp-gallery.css.map */