.cshow{padding-top:var(--cs-pt, 56px);padding-bottom:var(--cs-pb, 56px);overflow-x:clip;background-color:var(--cs-bg, transparent)}.cshow__heading{margin:0 0 var(--space-lg);font-family:var(--font-heading);font-size:var(--cs-heading-size, 28px);font-weight:var(--cs-heading-weight, 700);color:var(--cs-heading-color, #121212);line-height:var(--heading-line-height, 1.2)}.cshow__grid{display:grid;grid-template-columns:repeat(var(--cs-columns, 4),minmax(0,1fr));gap:var(--cs-row-gap, 28px) var(--cs-gap, 20px)}.cshow__slider-wrap{position:relative}.cshow__track{min-width:0;display:flex;gap:var(--cs-gap, 20px);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:thin}.cshow__track>.cshow-card{flex:0 0 calc((100% - (var(--cs-columns, 4) - 1) * var(--cs-gap, 20px)) / var(--cs-columns, 4));scroll-snap-align:start}.cshow[data-upsell] .cshow__track{scrollbar-color:#121212 rgba(0,0,0,.08);padding-bottom:26px}.cshow[data-upsell] .cshow__track::-webkit-scrollbar{height:5px}.cshow[data-upsell] .cshow__track::-webkit-scrollbar-track{background:#00000014;border-radius:4px}.cshow[data-upsell] .cshow__track::-webkit-scrollbar-thumb{background:#121212;border-radius:4px}.cshow__arrow{position:absolute;top:50%;z-index:2;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--cs-arrow-border, #e5e5e5);border-radius:50%;background-color:var(--cs-arrow-bg, #ffffff);color:var(--cs-arrow-color, #121212);cursor:pointer}.cshow__arrow--prev{left:0;transform:translate(calc(-100% - 28px),-50%)}.cshow__arrow--next{right:0;transform:translate(calc(100% + 28px),-50%)}.cshow__arrow--prev .icon-chevron{transform:rotate(180deg)}.cshow__arrow .icon{width:18px;height:18px}@media(max-width:749px){.cshow__arrow{display:none}}.cshow-card{display:flex;flex-direction:column}.cshow-card__media-wrap{position:relative}.cshow-card__media{position:relative;display:block;aspect-ratio:var(--cs-image-ratio, 1);overflow:hidden;background-color:var(--cs-card-bg, var(--card-background, #f4f4f4));border-radius:var(--cs-image-radius, 8px)}.cshow-card__image{width:100%;height:100%;object-fit:var(--cs-image-fit, contain);transition:transform .45s ease,opacity .3s ease}.cshow-card--has-second:hover .cshow-card__image:not(.cshow-card__image--second){opacity:0}.cshow[data-zoom=true] .cshow-card:hover .cshow-card__image{transform:scale(var(--cs-zoom, 1.08))}@media(prefers-reduced-motion:reduce){.cshow-card__image{transition:none}.cshow[data-zoom=true] .cshow-card:hover .cshow-card__image{transform:none}}.cshow[data-blend=true] .cshow-card__image{mix-blend-mode:multiply}.cshow-card__image--second{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease,transform .45s ease}.cshow-card:hover .cshow-card__image--second{opacity:1}.cshow-card__swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.cshow-card__swatch{width:100%;aspect-ratio:1 / 1;padding:0;border:var(--cs-swatch-border-w, 1px) solid var(--cs-swatch-border-c, #e5e5e5);border-radius:var(--cs-image-radius, 8px);overflow:hidden;background-color:var(--cs-card-bg, var(--card-background, #f4f4f4));cursor:pointer;transition:border-color .15s ease,border-width .15s ease}.cshow-card__swatch.is-active{border-width:var(--cs-swatch-active-border-w, 2px);border-color:var(--cs-swatch-active-border-c, var(--color-text, #121212))}.cshow-card__swatch img{width:100%;height:100%;object-fit:var(--cs-image-fit, contain)}.cshow[data-blend=true] .cshow-card__swatch img{mix-blend-mode:multiply}.cshow-card__info{display:flex;flex-direction:column;gap:3px;margin-top:var(--cs-info-gap, 12px);text-decoration:none;color:inherit}.cshow-card__title{font-size:var(--cs-title-size, 15px);font-weight:600;color:var(--cs-title-color, #121212);text-transform:uppercase;letter-spacing:.01em;line-height:1.25}.cshow-card__subtitle{font-size:var(--cs-subtitle-size, 13px);color:var(--cs-subtitle-color, #6c6c6c)}.cshow-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.cshow-card__price{font-size:var(--cs-price-size, 16px);font-weight:var(--cs-price-weight, 700);color:var(--cs-price-color, #121212)}.cshow-card__compare{margin-left:.4em;font-size:var(--cs-compare-size, 13px);font-weight:400;color:var(--cs-compare-color, #999999)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-collection-showcase.css.map */