.card-product{--card-product-overlay-padding:var(--grid-margin);position:relative}.card-product__medias{aspect-ratio:3/4;position:relative;overflow:hidden;container:card-product-medias/inline-size}.card-product__medias .carousel{height:100%}.card-product__medias .carousel__slide{pointer-events:auto}.card-product__medias-list{height:100%;display:grid}.card-product__packshot{display:none;position:absolute;inset:0}.card-product__media{display:grid;position:relative;overflow:hidden}.card-product__tags{z-index:var(--z-raised);max-inline-size:calc(100% - var(--card-product-overlay-padding) * 2);gap:var(--space-100);flex-wrap:wrap;align-items:center;display:flex;position:absolute;inset-block-start:var(--card-product-overlay-padding);inset-inline-start:var(--card-product-overlay-padding)}.card-product__colors{display:none}@media screen and (width>=64rem){.card-product__colors{z-index:var(--z-elevated);opacity:0;transition:opacity var(--animation-micro);display:block;position:absolute;inset-block-end:var(--card-product-overlay-padding);inset-inline-start:var(--card-product-overlay-padding)}}.card-product__notify{inset-block-end:var(--card-product-overlay-padding);inset-inline:var(--card-product-overlay-padding);z-index:var(--z-elevated);display:none;position:absolute;container:card-product-notify/inline-size}@media screen and (width>=64rem){.card-product__notify{opacity:0;transition:opacity var(--animation-micro);display:block}}.card-product__notify-button{width:100%}.card-product__notify-button .button__inner{align-items:center}.card-product__notify-icon svg{width:var(--space-300);height:var(--space-300)}@container card-product-notify (width<184px){.card-product__notify-button.button{padding-block:var(--space-150);padding-inline:var(--space-200)}.card-product__notify-button.button .button__inner{font-family:var(--font-family-sans-serif);font-size:var(--ui-2-font-size);line-height:var(--ui-2-line-height);font-weight:var(--ui-2-font-weight);letter-spacing:var(--ui-2-letter-spacing);text-transform:uppercase}}@container card-product-notify (width<156px){.card-product__notify-button.button{--button-inner-justify:center}.card-product__notify-icon.svg{display:none}}@container card-product-notify (width<140px){.card-product__notify-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card-product__notify-icon.svg{display:block}}.card-product__header{gap:var(--space-300);padding-block-start:var(--space-250);padding-inline:var(--grid-margin);flex-direction:column;display:flex;position:relative}@media screen and (width>=64rem){.card-product__header{align-items:flex-start;gap:var(--space-200);flex-direction:row}}.card-product__content{grid-template-columns:minmax(0,1fr);min-width:0;display:grid;overflow:hidden}@media screen and (width>=64rem){.card-product__content{flex:1 0 0}}.card-product__title{font-family:var(--font-family-sans-serif);font-size:var(--body-font-size);line-height:var(--body-line-height);font-weight:var(--body-font-weight);line-clamp:var(--settings-product-card-line-clamp);-webkit-line-clamp:var(--settings-product-card-line-clamp);text-overflow:ellipsis;color:var(--settings-color-text-primary,var(--color-content-default));-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-product__type{font-family:var(--font-family-sans-serif);font-size:var(--body-font-size);line-height:var(--body-line-height);font-weight:var(--body-font-weight);color:var(--settings-color-text-secondary,var(--color-content-secondary));grid-area:2/1}@media screen and (width>=64rem){.card-product__type{transition:opacity var(--animation-micro)}}.card-product__sizes{display:none}@media screen and (width>=64rem){.card-product__sizes{margin-inline:calc(var(--space-300) / -2);opacity:0;transition:opacity var(--animation-micro);grid-area:2/1;align-self:start;align-items:center;display:flex}}.card-product__size{font-family:var(--font-family-sans-serif);font-size:var(--body-font-size);line-height:var(--body-line-height);font-weight:var(--body-font-weight);z-index:var(--z-raised);padding-inline:calc(var(--space-300) / 2);color:var(--settings-color-text-primary,var(--color-content-default));position:relative}.card-product__size--unavailable{color:var(--color-cream-700);text-decoration:line-through}.card-product__size--unavailable:disabled{cursor:not-allowed}.card-product:not(:has(.card-product__size--low-stock:is(:hover,:focus-visible))) .card-product__low-stock-tag{display:none}.card-product__price{font-family:var(--font-family-sans-serif);font-size:var(--body-font-size);line-height:var(--body-line-height);font-weight:var(--body-font-weight);flex-shrink:0}.card-product__price .price{gap:var(--space-200)}.card-product--search .card-product__header{grid-template-columns:minmax(0,1fr);align-items:start;gap:0;display:grid;overflow:hidden}.card-product--search .card-product__content{display:contents}.card-product--search .card-product__title{line-clamp:1;-webkit-line-clamp:1;grid-area:1/1}.card-product--search .card-product__type{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card-product--search .card-product__sizes,.card-product--search .card-product__size-loader,.card-product--search .card-product__price{grid-area:2/1}@media screen and (width>=64rem){.card-product--search .card-product__price{transition:opacity var(--animation-micro)}}@media screen and (width>=64rem) and (hover:hover) and (pointer:fine){.card-product--search:hover :has(>.card-product__sizes)+.card-product__price{opacity:0}}@media screen and (width>=64rem){:is(.card-product--search:has(:focus-visible) :has(>.card-product__sizes)+.card-product__price,.card-product--search :has(>.card-product__sizes.is-loading)+.card-product__price){opacity:0}}.card-product--edito .card-product__medias{aspect-ratio:auto}.card-product--edito .card-product__medias-list{gap:var(--grid-gutter)}.card-product--edito .card-product__media{aspect-ratio:3/4}@media screen and (width>=64rem){.card-product--edito{inline-size:calc((100% - var(--grid-gutter) * 2) / 3 * var(--card-product-edito-medias,2));margin-inline:auto}.card-product--edito .card-product__medias-list{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0}.card-product--hover-swap .carousel__slide:nth-child(2){z-index:var(--z-raised);opacity:0;transition:opacity var(--animation-emphasis);pointer-events:none;position:absolute;inset:0}.card-product--hover-swap .carousel__slide:nth-child(n+3){display:none}}@media screen and (width>=64rem) and (hover:hover) and (pointer:fine){.card-product--hover-swap:hover .carousel__nav{display:none}}.card-product__veil{z-index:var(--z-raised);background-color:var(--color-cream-200);opacity:.7;pointer-events:none;position:absolute;inset:0}.card-product .carousel__nav{z-index:var(--z-elevated);gap:var(--space-300);width:auto;height:auto;color:var(--color-content-default);inset-block:auto 0;inset-inline:auto 0}@media screen and (width>=64rem){.card-product .carousel__nav{opacity:0;transition:opacity var(--animation-micro)}.card-product .carousel__nav:has(>:focus-visible){opacity:1}}.card-product .carousel__nav-button{padding:var(--card-product-overlay-padding);transition:color var(--animation-micro);display:inline-flex}.card-product .carousel__nav-button.is-hidden{opacity:1}.card-product .carousel__nav-button:disabled{color:var(--color-cream-500)}.card-product .carousel__nav-button:first-child{padding-right:0}.card-product .carousel__nav-button:last-child{padding-left:0}@container card-product-medias (width<160px){.card-product .carousel__nav{gap:0}.card-product .carousel__nav-button{inline-size:var(--space-600);block-size:var(--space-600);justify-content:center;align-items:center;padding:0}.card-product .carousel__nav-button svg{width:var(--space-250);height:var(--space-250)}}.card-product .swatch-list{--swatch-item-width:var(--space-800);--swatch-item-height:var(--space-300);align-items:center;gap:var(--space-200);flex-direction:row}.card-product .swatch-list__header{display:none}.card-product .swatch-list__list{gap:0;margin-inline-end:0;display:flex}.card-product .swatch-list__more{color:var(--color-content-default)}:is(.card-product .swatch-list__item:has(.swatch-item--empty,.swatch-item--outlined)+.swatch-list__item .swatch-item--empty,.card-product .swatch-list__item:has(.swatch-item--empty,.swatch-item--outlined)+.swatch-list__item .swatch-item--outlined){border-inline-start-width:0}.card-product .swatch-item{border-radius:var(--radius-0);transition:none}.card-product .is-selected>.swatch-item:before{opacity:0}@media screen and (width>=64rem) and (hover:hover) and (pointer:fine){.card-product:hover .card-product__colors,.card-product:hover .carousel__nav,.card-product:hover .card-product__sizes,.card-product:hover .card-product__notify{opacity:1}.card-product:hover .card-product__type:has(+.card-product__sizes){opacity:0}}@media screen and (width>=64rem){:is(.card-product:has(:focus-visible) .card-product__colors,.card-product:has(:focus-visible) .card-product__sizes,.card-product:has(:focus-visible) .card-product__notify){opacity:1}.card-product:has(:focus-visible) .card-product__type:has(+.card-product__sizes){opacity:0}}@media screen and (hover:hover) and (pointer:fine) and (width>=64rem){.card-product--hover-swap:hover .carousel__slide:nth-child(2){opacity:1}}@media screen and (width>=64rem){.card-product--hover-swap:focus-within .carousel__slide:nth-child(2){opacity:1}}.is-loading-card-product .card-product .card-product__medias,.is-loading-card-product .card-product .card-product__title,.is-loading-card-product .card-product .card-product__type,.is-loading-card-product .card-product .card-product__price,.is-loading-card-product .card-product .swatch-item,.card-product.is-loading .card-product__medias,.card-product.is-loading .card-product__title,.card-product.is-loading .card-product__type,.card-product.is-loading .card-product__price,.card-product.is-loading .swatch-item{background:var(--color-cream-200);color:#0000;animation:2.4s ease-in-out infinite both shimmer-effect;animation-delay:var(--animation-delay,0s);overflow:hidden}.is-loading-card-product .card-product .card-product__medias>*,.is-loading-card-product .card-product .card-product__title>*,.is-loading-card-product .card-product .card-product__type>*,.is-loading-card-product .card-product .card-product__price>*,.is-loading-card-product .card-product .swatch-item>*,.card-product.is-loading .card-product__medias>*,.card-product.is-loading .card-product__title>*,.card-product.is-loading .card-product__type>*,.card-product.is-loading .card-product__price>*,.card-product.is-loading .swatch-item>*{visibility:hidden;color:#0000}.is-loading-card-product .card-product .card-product__title,.card-product.is-loading .card-product__title{--animation-delay:50ms}.is-loading-card-product .card-product .card-product__type,.card-product.is-loading .card-product__type{--animation-delay:.1s;width:200px}.is-loading-card-product .card-product .card-product__price,.card-product.is-loading .card-product__price{--animation-delay:.15s;width:100px}.is-loading-card-product .card-product .swatch-item,.card-product.is-loading .swatch-item{--animation-delay:50ms}
