.card-product{position:relative;width:100%;background-color:var(--color-grey-1);border:1px solid var(--color-grey-1);display:grid;grid-template-rows:auto 1fr;height:100%;transition:border-color linear .1s}.card-product.added{border-color:var(--color-black)}.card-product__media{position:relative}.card-product__media:hover img.image-1{display:none}.card-product__media:hover img.image-2{display:block}.card-product__media img{position:relative;opacity:1;transition-property:opacity;transition-duration:.25s;transition-timing-function:linear;width:100%;z-index:2}.card-product__media img.preload{opacity:0}.card-product__media img.image-1{display:block}.card-product__media img.image-2{display:none}.card-product__media .loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2em;height:2em;z-index:1}.card-product__media .loading svg{opacity:1;width:100%;height:auto;-webkit-animation-name:spinner;animation-name:spinner;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.card-product__media .loading svg path{fill:var(--color-white)}.card-product__footer{background-color:var(--color-white);padding:1em;display:grid;grid-template-rows:1fr auto auto;gap:.75em}.card-product__title a{font-weight:600;text-decoration:none}.card-product__title a span{display:block;line-height:1.2}.card-product__meta{display:flex;gap:.5em;align-items:center}.card-product__meta a{display:block;width:1em;height:1em;border-radius:50%;border:1px solid var(--color-grey-3)}.card-product__meta span{display:block;line-height:1;font-size:.625em}.card-product__price{display:flex;align-items:flex-end;justify-content:space-between}.card-product__price .price{display:flex;gap:0 .75em;flex-wrap:wrap}.card-product__price span{font-size:.75em;font-weight:600}@media (max-width:440px){.card-product__price span{font-size:.8125em}}.card-product__price span del{font-weight:400}.card-product__price button{width:1.25em;height:1.25em}@media (max-width:440px){.card-product__price button{width:1.5em;height:1.5em}}.card-product__price button span{display:none}.card-product__price button svg{width:1.25em;height:auto}@media (max-width:440px){.card-product__price button svg{width:1.5em}}.card-product__price button svg circle,.card-product__price button svg line,.card-product__price button svg path,.card-product__price button svg polygon{fill:none;stroke:var(--color-black);stroke-width:1;stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round}.card-product__price button.added svg circle,.card-product__price button.added svg line,.card-product__price button.added svg path,.card-product__price button.added svg polygon{fill:var(--color-black)}.card-product .toggle-quick-view{margin-left:auto}.card-product .wishlist-toggle{margin-left:.75em}@media (max-width:440px){.card-product .wishlist-toggle{margin-left:1em}}@-webkit-keyframes spinner{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner{from{transform:rotate(0)}to{transform:rotate(360deg)}}