@layer components{.c-product-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);height:100%;min-width:0;color:var(--color-text-primary);container:product-card / inline-size}.c-product-card__media{position:relative;overflow:hidden;border-radius:var(--radius-md);background:var(--color-bg-tint)}.c-product-card--row .c-product-card__media{background:var(--color-bg-subtle)}.c-product-card--home .c-product-card__media{background:var(--color-bg-subtle);border-radius:var(--radius-lg)}.c-product-card__slides{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.c-product-card__slides::-webkit-scrollbar{display:none}.c-product-card__slide{aspect-ratio:1;scroll-snap-align:start;scroll-snap-stop:always}.c-product-card--row .c-product-card__slide,.c-product-card--home .c-product-card__slide{aspect-ratio:4 / 5}.c-product-card__slide img{display:block;width:100%;height:100%;object-fit:cover}.c-product-card__missing{display:grid;place-items:center;aspect-ratio:1;padding:var(--space-4);background:var(--color-bg-subtle);text-align:center}.c-product-card.is-sold-out .c-product-card__slides{opacity:.55}.c-product-card__badge{position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3);z-index:var(--z-raised)}.c-product-card--grid .c-product-card__badge{padding-inline:var(--space-3)}.c-product-card--home .c-product-card__badge{inset-block-start:var(--space-4);inset-inline-end:var(--space-4);padding:var(--space-1) var(--space-3);font-size:var(--type-label-size);line-height:var(--type-label-line);letter-spacing:var(--type-label-tracking);text-transform:uppercase}.c-product-card__dots{position:absolute;inset-block-end:var(--space-3);inset-inline-start:50%;display:none;gap:var(--space-1);padding:var(--space-1) var(--space-raw-6);border-radius:var(--radius-pill);background:var(--color-glass);transform:translate(-50%);pointer-events:none}.c-product-card__dots>span{width:var(--space-raw-5);height:var(--space-raw-5);border-radius:var(--radius-round);background:var(--color-border-control)}.c-product-card__dots>.is-current{background:var(--color-bg-inverse)}@media(hover:none),(pointer:coarse){.c-product-card.has-alt:not(.c-product-card--row) .c-product-card__dots{display:flex}.c-product-card.has-alt:not(.c-product-card--row) .c-product-card__slides{position:relative;z-index:var(--z-raised)}.c-product-card.has-alt:not(.c-product-card--row) :is(.c-product-card__dots,.c-product-card__badge){z-index:var(--z-raised)}}@media(hover:hover)and (pointer:fine){.c-product-card__slides{overflow:hidden;grid-auto-flow:row}.c-product-card__slide{grid-area:1 / 1}.c-product-card__slide--alt{opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.c-product-card:hover .c-product-card__slide--alt{opacity:1}}.c-product-card__info{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"rating" "name" "line" "price";align-content:start}.c-product-card__rating{grid-area:rating;display:grid}.c-product-card__name{grid-area:name;font-size:var(--type-body-size);line-height:var(--type-body-line);letter-spacing:var(--type-body-tracking);font-weight:var(--font-weight-medium);overflow-wrap:break-word}.c-product-card__link{color:inherit;text-decoration:none;border-radius:var(--radius-sm)}.c-product-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-base)}.c-product-card__link:focus-visible{box-shadow:none}.c-product-card:has(.c-product-card__link:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus-outer);outline-offset:var(--focus-ring-width);border-radius:var(--radius-sm)}.c-product-card.is-focus-target:focus-within{outline:var(--focus-ring-width) solid var(--color-border-selected);outline-offset:calc(var(--space-2) - var(--focus-ring-width));border-radius:var(--radius-md)}html[data-input=pointer] .c-product-card:is(:has(.c-product-card__link:focus-visible),.is-focus-target:focus-within){outline-color:transparent}.c-product-card__line{grid-area:line;font-size:var(--type-small-size);line-height:var(--type-small-line);letter-spacing:var(--type-small-tracking);color:var(--color-text-secondary)}.c-product-card__price{grid-area:price;padding-block-start:var(--space-1);font-size:var(--type-body-size);line-height:var(--type-body-line);letter-spacing:var(--type-body-tracking);white-space:nowrap}.c-product-card--home .c-product-card__info{row-gap:var(--space-1)}.c-product-card--home .c-product-card__price{padding-block-start:0}.c-product-card--home .c-product-card__add{--btn-px: var(--space-5)}.c-product-card--home[data-state=adding] .c-product-card__add{--btn-px: var(--space-3)}.c-product-card--home .c-product-card__name{font-size:var(--type-h4-size);line-height:var(--type-h4-line);letter-spacing:var(--type-h4-tracking);font-weight:var(--font-weight-regular)}@container product-card (min-width: 13rem){.c-product-card__info{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"rating rating" "name price" "line line";column-gap:var(--space-3)}.c-product-card__price{padding-block-start:0}.c-product-card--home .c-product-card__info{align-items:baseline}}.c-product-card__action{position:relative;z-index:var(--z-raised);margin-block-start:auto}.c-product-card--row .c-product-card__action{align-self:flex-start}.c-product-card__form{display:contents}.c-product-card__label{gap:var(--space-2)}.c-product-card__label--adding,.c-product-card__label--added,.c-product-card[data-state=adding] .c-product-card__label--idle,.c-product-card[data-state=added] .c-product-card__label--idle{display:none}.c-product-card[data-state=adding] .c-product-card__label--adding,.c-product-card[data-state=added] .c-product-card__label--added{display:inline-flex}.c-product-card[data-state=adding] .c-product-card__add{cursor:progress}.c-product-card__spinner{animation:c-product-card-spin var(--duration-reveal) var(--ease-linear) infinite}@keyframes c-product-card-spin{to{transform:rotate(1turn)}}.c-product-card[data-state=added] .c-product-card__add.btn--secondary{background:var(--color-bg-brand);border-color:var(--color-bg-brand);color:var(--color-text-on-brand)}@media(hover:hover)and (pointer:fine){.c-product-card:hover .c-product-card__add.btn--secondary:not(:disabled):not([aria-disabled=true]){background:var(--color-bg-brand);border-color:var(--color-bg-brand);color:var(--color-text-on-brand)}}@media(prefers-reduced-motion:reduce){.c-product-card__slide--alt{transition:none}.c-product-card__spinner{animation:none}}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/c-product-card.css.map */