.product-card{display:grid;row-gap:20px;aspect-ratio:.75;width:100%}@media (min-width: 740px){.product-card:hover .product-card__picker-container{opacity:1;pointer-events:auto}}@media (min-width: 740px){.product-card:hover .product-card__title-container{opacity:0;pointer-events:none}}@media (min-width: 740px){.product-card:has(*:focus-visible) .product-card__picker-container{opacity:1;pointer-events:auto}}@media (min-width: 740px){.product-card:has(*:focus-visible) .product-card__title-container{opacity:0;pointer-events:none}}.product-card__container{background-color:#fceae9;aspect-ratio:.8}.product-card__product-link{grid-row:1;grid-column:1;z-index:10}.product-card__media-container{display:grid;grid-auto-flow:column;justify-content:start;background-color:#fceae9}.product-card__media-item{visibility:hidden;opacity:0;display:grid;grid-row:1;grid-column:1;align-content:center;aspect-ratio:.8}.product-card__media-item[data-visible=true]{visibility:visible;opacity:1}.product-card__main-media{display:grid;grid-row:1;grid-column:1;align-content:center;visibility:visible;opacity:1;background-color:#fceae9}@media (min-width: 740px){.product-card__main-media[data-visible=false]{visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}}.product-card__hover-media{grid-row:1;grid-column:1;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;background-color:#fceae9}@media (min-width: 740px){.product-card__hover-media[data-visible=true]{visibility:visible;opacity:1}}.product-card__title-container{display:grid;grid-row:1;grid-column:1;transition:opacity .3s ease-in-out}@media (min-width: 740px){.product-card:has(.card-color-picker__input:focus-visible) .product-card__title-container{opacity:0;pointer-events:none}}.product-card__title{font-weight:400;font-size:12px;line-height:140%;font-family:Untitled,sans-serif;display:flex;width:fit-content;color:#221919}.product-card__price{font-weight:400;font-size:12px;line-height:140%;font-family:Untitled,sans-serif;grid-row:2;grid-column:1;color:#6b5a5a}.product-card__info-container{display:grid}.product-card__picker-container{display:grid;grid-row:1;grid-column:1;visibility:hidden;opacity:0;z-index:10;pointer-events:none}@media (min-width: 740px){.product-card__picker-container{visibility:visible;transition:opacity .3s ease-in-out}}@media (min-width: 740px){.product-card__picker-container:has(.card-color-picker__input:focus-visible){opacity:1;pointer-events:auto}}.product-card__padding{padding:8%}.card-color-picker__container{display:grid;grid-auto-flow:column;justify-content:start}.card-color-picker__item{display:grid}.card-color-picker__item:has(input:focus),.card-color-picker__item:has(input:hover){background-color:#fceae9}.card-color-picker__input{position:absolute;appearance:none;margin:-1px;padding:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.card-color-picker__input:checked+.card-color-picker__swatch-container{border-bottom:1px solid #221919}.card-color-picker__swatch-container{display:flex;justify-content:center;align-items:center;cursor:pointer;border:1px solid transparent;padding:10px;width:34px;height:34px}.card-color-picker__swatch{border:1px solid rgba(0,0,0,.12);width:12px;height:12px}.card-color-picker__swatch--image{display:flex;position:relative;border:1px solid rgba(0,0,0,.12);width:12px;height:12px}
