@layer components{.product-grid{display:grid;grid-template-columns:repeat(var(--cols-mobile, 2),minmax(0,1fr));gap:var(--space-6) var(--grid-gap)}@media(min-width:750px){.product-grid{grid-template-columns:repeat(var(--cols-tablet, 3),minmax(0,1fr))}}@media(min-width:990px){.product-grid{grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr))}}.card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);height:100%;text-align:var(--card-align, start)}.card--center{--card-align: center;--card-justify: center}.card__media{--ratio: var(--card-ratio, .75)}.card__media img{transition:opacity var(--duration-slow) var(--ease),scale .8s var(--ease)}.card__media--contain img{object-fit:contain}.card__media .card__img--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}@media(hover:none){.card__media .card__img--hover{display:none}}@media(hover:hover){.card:hover .card__img--hover{opacity:1}.card:hover .card__media img{scale:1.03}}.card__gallery,.card__dots{display:none}@media(hover:none){.card__gallery{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-timeline:--card-gallery x}.card__gallery::-webkit-scrollbar{display:none}.card__slide{position:relative;flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.card__slide img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background-color:var(--color-bg-subtle)}.card__media--contain .card__slide img{object-fit:contain}.card__dots{position:absolute;left:50%;bottom:.625rem;z-index:2;display:flex;gap:.25rem;padding:.3125rem .5rem;background-color:#ffffffb8;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);translate:-50% 0;pointer-events:none}.card__dots>span{width:.3125rem;height:.3125rem;background-color:#00000047;border-radius:999px;transition:width .25s var(--ease),background-color .25s}.card__dots>.is-active{width:.875rem;background-color:#111}@supports (animation-timeline: scroll()){.card__media--gallery{timeline-scope:--card-gallery}.card__media--gallery>img:not(.card__img--hover){animation:card-gallery-shift linear both;animation-timeline:--card-gallery}}:is(.slider__track,[data-ref=track]) :is(.card__gallery,.card__dots){display:none}:is(.slider__track,[data-ref=track]) .card__media--gallery>img{animation:none}}@keyframes card-gallery-shift{to{translate:calc(-100% * (var(--card-n) - 1)) 0}}.card__badges{position:absolute;top:var(--space-2);inset-inline-start:var(--space-2);z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);pointer-events:none}.card__countdown{--icon-size: .75rem;display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:var(--font-body-weight-bold);font-variant-numeric:tabular-nums;line-height:1.2;color:#fff;background-color:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px}.card__countdown[hidden]{display:none}.card__view{--icon-size: 1rem;position:absolute;bottom:var(--space-2);inset-inline-start:var(--space-2);z-index:3;display:inline-flex;align-items:center;gap:.375rem;max-width:calc(100% - 3.75rem - var(--space-3));height:2.75rem;padding-inline:.875rem;font-size:.8125rem;white-space:nowrap;color:var(--color-fg);background-color:var(--color-bg);border-radius:999px;box-shadow:0 2px 12px #0000001f;transition:opacity var(--duration),translate var(--duration) var(--ease),background-color var(--duration),color var(--duration)}.card__view .icon{flex:none}.card__view-label{min-width:0;overflow:hidden;text-overflow:ellipsis}@media(hover:hover){.card__view{opacity:0;translate:0 .375rem}.card:hover .card__view,.card__view:focus-visible{opacity:1;translate:none}.card__view:hover{color:var(--color-bg);background-color:var(--color-fg)}}@media(hover:none){.card__view{top:calc(var(--space-2) + 3rem);right:var(--space-2);bottom:auto;left:auto;justify-content:center;width:2.25rem;height:2.25rem;padding:0}.card__view-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}.card__quick{position:absolute;bottom:var(--space-2);inset-inline-end:var(--space-2);z-index:3}.card__quick-btn{--icon-size: 1.125rem;display:grid;place-items:center;width:2.75rem;height:2.75rem;background-color:var(--color-bg);color:var(--color-fg);border-radius:50%;box-shadow:0 2px 12px #0000001f}.card__quick-btn[aria-busy=true] .icon{visibility:hidden}.card__quick-btn[aria-busy=true]:after{content:"";position:absolute;width:1rem;height:1rem;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.card__quick-btn{transition:background-color var(--duration),color var(--duration),scale var(--duration) var(--ease)}@media(hover:hover){.card__quick-btn:hover{background-color:var(--color-fg);color:var(--color-bg);scale:1.06}}.card__quick-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.card__type{font-size:.6875rem;font-weight:var(--font-body-weight-bold);letter-spacing:.16em;text-transform:uppercase;color:var(--color-fg-muted)}.card__info{display:grid;gap:.25rem}.card__vendor{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-fg-muted)}.card__title{margin:0;font-family:var(--font-body-family);font-size:clamp(.875rem,.84rem + .2vw,1rem);font-style:normal;font-weight:var(--font-body-weight);line-height:1.4;letter-spacing:normal;text-transform:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--card-title-lines, none);overflow:hidden}.card__link{text-decoration:none}.card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card__link:hover{text-decoration:underline}.card .price{justify-content:var(--card-justify, flex-start);font-size:.9375rem}.swatches{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:var(--card-justify, flex-start);gap:.375rem;padding-block-start:.25rem}.swatch{display:block;width:1rem;height:1rem;background-color:var(--swatch-color, var(--color-bg-subtle));background-image:var(--swatch-image, none);background-position:center;background-size:cover;border-radius:50%;box-shadow:inset 0 0 0 1px #00000024}.swatches__more{font-size:.75rem;color:var(--color-fg-muted)}.rating{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem}.rating__stars{--percent: calc(var(--rating) / var(--rating-max) * 100%);font-size:.9375rem;line-height:1;letter-spacing:.1em;color:transparent;background:linear-gradient(90deg,var(--color-fg) var(--percent),color-mix(in srgb,var(--color-fg) 22%,transparent) var(--percent));-webkit-background-clip:text;background-clip:text}.rating__stars:before{content:"\2605\2605\2605\2605\2605"}.rating__count{color:var(--color-fg-muted)}.product-row{position:relative;display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;align-items:center;gap:var(--space-3)}.product-row__media{--ratio: var(--card-ratio, .75)}.product-row__info{display:grid;gap:.125rem}.product-row__title{font-size:.875rem;line-height:1.35}.product-row .price{font-size:.875rem}.product-row .card__quick-btn{position:relative;z-index:2;width:2.5rem;height:2.5rem;border:1px solid var(--color-border-strong);box-shadow:none}.product-rows{display:grid;gap:var(--space-4)}.step-product{width:min(100%,24rem);padding:.5rem;color:var(--color-fg);text-align:start;background-color:var(--color-bg);border-radius:calc(var(--radius-media) + .25rem);box-shadow:0 6px 24px #00000014}.collection-card{position:relative;display:grid;gap:var(--space-3)}.collection-card__media{--ratio: var(--collection-ratio, 1)}.collection-card__media img{transition:scale .8s var(--ease)}@media(hover:hover){.collection-card:hover .collection-card__media img{scale:1.04}}.collection-card__title{margin:0;font-size:1rem}.collection-card__count{font-size:.8125rem;color:var(--color-fg-muted)}.article-card{position:relative;display:grid;align-content:start;gap:var(--space-3)}.article-card__media{--ratio: 1.5}.article-card__meta{font-size:.8125rem;color:var(--color-fg-muted)}.article-card__title{margin:0;font-size:calc(1.25rem * var(--heading-scale))}.article-card__excerpt{font-size:.9375rem;color:var(--color-fg-muted)}.quick-view__panel{position:absolute;top:50%;left:50%;width:min(100% - 2rem,62rem);max-height:min(100% - 2rem,46rem);overflow-y:auto;overscroll-behavior:contain;background-color:var(--color-bg);color:var(--color-fg);border-radius:var(--radius-media);box-shadow:var(--shadow-popover);opacity:0;translate:-50% -48%;transition:opacity var(--duration-slow) var(--ease),translate var(--duration-slow) var(--ease)}.is-open>.quick-view__panel{opacity:1;translate:-50% -50%}@media(max-width:749px){.quick-view__panel{top:auto;bottom:0;left:0;width:100%;max-height:92%;border-radius:var(--radius-media) var(--radius-media) 0 0;translate:0 100%}.is-open>.quick-view__panel{translate:none}}.quick-view__close{position:absolute;top:var(--space-2);inset-inline-end:var(--space-2);z-index:5;background-color:var(--color-bg)}.quick-view__loading{display:grid;place-items:center;min-height:22rem}.card__wish{--icon-size: 1.125rem;position:absolute;top:var(--space-2);inset-inline-end:var(--space-2);z-index:3;display:grid;place-items:center;width:2.5rem;height:2.5rem;color:var(--color-fg);background-color:color-mix(in srgb,var(--color-bg) 88%,transparent);border-radius:50%;transition:scale var(--duration) var(--ease),color var(--duration)}.card__wish:hover{scale:1.08}.card__wish[aria-pressed=true],.wish-btn[aria-pressed=true]{color:var(--color-sale, #c62828)}:is(.card__wish,.wish-btn)[aria-pressed=true] .icon{fill:currentColor}.card__compare{position:relative;z-index:2;display:inline-flex;align-items:center;align-self:flex-start;justify-self:start;gap:var(--space-2);margin-block-start:var(--space-1);padding:0;font-size:.75rem;color:var(--color-fg-muted)}.card--center .card__compare{align-self:center;justify-self:center}.card__compare-box{display:grid;place-items:center;width:.875rem;height:.875rem;border:1px solid currentColor;border-radius:3px}.card__compare[aria-pressed=true]{color:var(--color-fg)}.card__compare[aria-pressed=true] .card__compare-box{background-color:var(--color-fg);border-color:var(--color-fg)}.card__compare[aria-pressed=true] .card__compare-box:after{content:"";width:.375rem;height:.2rem;border:solid var(--color-bg);border-width:0 0 2px 2px;rotate:-45deg;translate:0 -1px}ts-wishlist-page{display:block}.wishlist-empty{display:grid;justify-items:center;gap:var(--space-4);padding-block:var(--space-7);text-align:center;color:var(--color-fg-muted)}}@layer components{a.swatch{display:inline-block;text-decoration:none}.swatches--square .swatch{border-radius:3px}.swatches--portrait .swatch{width:1.375rem;height:1.875rem;border-radius:3px}.swatches .swatch--image{width:auto;height:var(--card-swatch-h, 2.75rem);aspect-ratio:var(--swatch-ratio, .75);background-color:var(--color-bg-subtle);background-image:var(--swatch-image);background-position:center;background-repeat:no-repeat;background-size:contain;border-radius:3px}.swatch.is-active{box-shadow:0 0 0 1px var(--color-bg),0 0 0 2px var(--color-fg)}a.swatches__more{color:inherit;text-decoration:none}.card.is-previewing .card__img--hover{opacity:0!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-card.css.map */
