.product-card-host,product-card{display:block;height:100%}.product-card{--card-gutter: 0px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"media" "body" "actions";height:100%;color:rgb(var(--color-foreground));text-align:var(--text-alignment)}.product-card.card--card{--card-gutter: var(--space-16)}.product-card--fill{grid-template-rows:minmax(0,1fr) auto auto}.product-card__box{grid-area:media}.product-card--fill .product-card__box{height:100%}.product-card__image[hidden],.product-card__image--next{display:none}@media screen and (hover:hover)and (min-width:769px){.product-card__image--next{display:block;opacity:0;transition:opacity var(--motion-time-long) var(--motion-ease)}.product-card-wrapper:hover .product-card__image--next{opacity:1}.product-card-wrapper[data-picked] .product-card__image--next{display:none}}.product-card__track{display:flex;transform:translate(calc(var(--slide, 0) * -100%));transition:transform var(--motion-time-long) var(--motion-ease)}.product-card__track>img{flex:0 0 100%;width:100%;height:100%}.photo-blend>.product-card__track{mix-blend-mode:multiply}.product-card__arrows{grid-area:media;align-self:center;display:flex;justify-content:space-between;padding-inline:calc(var(--image-padding) + var(--space-8));position:relative;z-index:2;pointer-events:none}.product-card__arrows[hidden]{display:none}.product-card__arrow{pointer-events:auto}@media screen and (max-width:768px){.product-card__arrows{display:none}}@media screen and (hover:hover){.product-card__arrows{--hover-show-rest: 0}}.product-card__badges{grid-area:media;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);max-width:calc(100% - 2 * var(--image-padding) - var(--space-16));margin:calc(var(--image-padding) + var(--space-8));position:relative;z-index:1;pointer-events:none}.product-card__badges--top-left,.product-card__badges--top-right{align-self:start}.product-card__badges--bottom-left,.product-card__badges--bottom-right{align-self:end}.product-card__badges--top-right,.product-card__badges--bottom-right{justify-self:end;align-items:flex-end}.product-card__badges--top-left,.product-card__badges--bottom-left{justify-self:start}.product-card__body{grid-area:body;display:flex;flex-direction:column;gap:var(--space-4);min-width:0;padding:var(--space-16) var(--card-gutter) var(--card-gutter);overflow-wrap:anywhere}.product-card__body>*{margin:0}.product-card__body>.product-card__title{margin-block-start:var(--space-4)}.product-card__title{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight-bold);font-size:var(--text-body);line-height:var(--leading-body);text-transform:none;color:inherit}.product-card__vendor,.product-card__note,.product-card__colors,.product-card__more{font-size:var(--text-label);line-height:var(--leading-sub);color:rgba(var(--color-foreground),var(--text-soft))}.product-card__rating{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);font-size:var(--text-label)}.product-card__rating .star-rating__count{color:rgba(var(--color-foreground),var(--text-soft))}.product-card__body>:is(.product-card__price,.product-card__options,.product-card__stock){margin-block-start:var(--space-4)}.product-card__body>.product-card__stock{margin-block-start:var(--space-16)}.product-card__price{font-size:var(--text-body)}.product-card__price .product-card__note{--card-note-gap: calc(2 * var(--px));margin:var(--card-note-gap) 0 0}.product-card--price-last .product-card__body>.product-card__price{order:1;margin-block-start:auto;padding-block-start:var(--space-12)}.product-card--lines .product-card__body>:is(.product-card__options,.product-card__stock),.product-card--lines:not(.product-card--price-last) .product-card__body>.product-card__price{margin-block-start:var(--space-8);padding-block-start:var(--space-12);border-block-start:1px solid rgba(var(--color-foreground),var(--line-alpha))}.product-card__options{display:flex;flex-direction:column;gap:var(--space-8)}.product-card__swatches{display:flex;flex-wrap:wrap;align-items:center;justify-content:var(--text-alignment);gap:var(--space-8);min-width:0;margin:0;padding:0;border:0;position:relative;z-index:2;pointer-events:none}.product-card__swatches .swatch-input__input{position:absolute;width:1px;height:1px;margin:0;opacity:0}.product-card__swatches .swatch-input__label{pointer-events:auto}.product-card__stock{font-size:var(--text-small)}.product-card__actions{grid-area:actions;margin-block-start:calc(var(--space-16) - var(--card-gutter));padding:0 var(--card-gutter) var(--card-gutter);position:relative;z-index:2}@media screen and (max-width:1023px){.product-card--grid .product-card__button{--button-pad-x: calc(10 * var(--px))}}.product-card__error{margin-block-end:var(--space-8)}.product-card__button-icon{display:none;width:var(--space-24);height:var(--space-24)}:is(.product-card--phone-icon:not(.card-rows *) .product-card__button,.product-card--wide-hover-icon:not(.card-rows *) .product-card__button){--button-span: auto;--button-pad-x: calc(15 * var(--px));--button-pad-y: calc(15 * var(--px));--button-corner: 50%;--button-corner-inner: 50%}@media screen and (max-width:1023px){.product-card--phone-icon:not(.card-rows *) .product-card__actions{grid-area:media;align-self:end;justify-self:end;margin:calc(var(--image-padding) + var(--space-8));padding:0}.product-card--phone-icon:not(.card-rows *) .product-card__badges--bottom-right{margin-block-end:calc(var(--image-padding) + var(--space-72))}.product-card--phone-icon:not(.card-rows *) .product-card__button-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.product-card--phone-icon:not(.card-rows *) .product-card__button-icon{display:flex}}@media screen and (min-width:1024px){:is(.product-card--wide-hover-text,.product-card--wide-hover-icon):not(.card-rows *) .product-card__actions{grid-area:media;align-self:end;margin:calc(var(--image-padding) + var(--space-8));padding:0}.product-card--wide-hover-icon:not(.card-rows *) .product-card__actions{justify-self:end}.product-card--wide-hover-icon:not(.card-rows *) .product-card__badges--bottom-right,.product-card--wide-hover-text:not(.card-rows *) :is(.product-card__badges--bottom-left,.product-card__badges--bottom-right){margin-block-end:calc(var(--image-padding) + var(--space-72))}.product-card--wide-hover-icon:not(.card-rows *) .product-card__button-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.product-card--wide-hover-icon:not(.card-rows *) .product-card__button-icon{display:flex}}@media screen and (min-width:1024px)and (hover:hover){:is(.product-card--wide-hover-text,.product-card--wide-hover-icon):not(.card-rows *) .product-card__actions{--hover-show-rest: 0}}.product-card--compact{--compact-image: calc(88 * var(--px));--image-padding: 0px;--text-alignment: start;grid-template-columns:var(--compact-image) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"media body" "media actions";column-gap:var(--space-16);align-items:start}.product-card--compact.card--card{--card-gutter: 0px;padding:var(--space-12)}.product-card--compact .card__inner,.product-card--compact .card__inner .card__media{border-radius:var(--radius-small)}.product-card--compact .product-card__body{gap:var(--space-4);padding-block-start:var(--space-8)}.product-card--compact .product-card__title{margin-block-start:0;font-weight:calc(var(--font-body-weight) + 200)}.product-card--compact .product-card__body>.product-card__price{margin-block-start:0}.product-card--compact .product-card__actions{margin-block-start:var(--space-8)}.product-card--compact{position:relative}.product-card__end{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:2}.product-card--compact:has(.product-card__end) .product-card__title{padding-inline-end:var(--space-48)}.card-rows .product-card--grid{grid-template-columns:var(--row-picture) minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"media body" "badges body" ". actions";column-gap:var(--row-gap);align-items:start}.card-rows .product-card__body{padding-block-start:0}.card-rows .product-card__title{margin-block-start:0}.card-rows .product-card__actions{margin-block-start:var(--space-12)}.card-rows .product-card.card--card .card__inner .card__media{border-radius:0;border-start-start-radius:calc(var(--frame-radius, var(--radius)) - var(--image-padding))}@media screen and (max-width:768px){.card-rows .product-card__badges{grid-area:badges;justify-self:start;align-self:start;align-items:flex-start;max-width:100%;margin:var(--space-8) 0 0}}@media screen and (min-width:769px){.card-rows .product-card--grid{--row-actions-min: calc(160 * var(--px));--row-actions-max: calc(220 * var(--px));grid-template-columns:var(--row-picture) minmax(0,1fr) minmax(var(--row-actions-min),var(--row-actions-max));grid-template-rows:auto 1fr;grid-template-areas:"media body actions" ". body actions";column-gap:var(--row-gap)}.card-rows :is(.product-card__body,.product-card__actions){align-self:center;margin:0}.card-rows .product-card.card--card .card__inner .card__media{border-end-start-radius:calc(var(--frame-radius, var(--radius)) - var(--image-padding))}}@media(scripting:none){.product-card__opener{display:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-product-card.css.map */