.card-product{position:relative;opacity:1;transition-property:top,opacity;transition-duration:.25s;transition-timing-function:ease-out;top:0}.card-product.preload{opacity:0;top:.75em}.card-product:hover .card-product__media a .product-image{opacity:0;visibility:hidden}.card-product:hover .card-product__media a .product-image-hidden{z-index:1;visibility:visible}.card-product__media a{display:block;position:relative;height:0;padding-bottom:100%;overflow:hidden}.card-product__media a .product-image{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);z-index:1}.card-product__media a .product-image-hidden{position:absolute;left:50%;top:50%;width:100%;height:100%;visibility:hidden;z-index:0;transform:translate(-50%,-50%)}.card-product__media a .quick-add{position:absolute;bottom:0;left:0;margin:1em;z-index:2}.card-product__media a .quick-add-btn{min-width:40px;min-height:40px;width:40px;height:40px;border-radius:100%;padding:3px}.card-product__media a .quick-add-btn svg{width:100%}@media (max-width:768px){.card-product__media a .quick-add-btn{min-width:50px;min-height:50px;width:50px;height:50px}}.card-product__details{padding-top:.75em;display:flex;flex-direction:column;gap:.75em}.card-product__details h5{text-transform:none;margin-bottom:0;font-size:1.375em}.card-product__details h5 a{color:var(--color-primary);text-decoration:none}.card-product__details .price .price-display,.card-product__details .price .price-display-sale,.card-product__details .price .price-prefix,.card-product__details .price .price-prefix-sale{font-size:1em}.card-product__available span{font-size:.875em;opacity:.5;letter-spacing:0}.card-product__meta{display:flex;gap:.25em .75em;align-items:center;flex-wrap:wrap;padding-top:.125em}.card-product__meta svg{width:auto;height:1.5em;min-height:1.5em}.card-product__meta svg circle,.card-product__meta svg line,.card-product__meta svg path{fill:none;stroke:var(--color-secondary-accent);stroke-miterlimit:10;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.card-product__meta span{display:flex;gap:.25em;align-items:center;white-space:nowrap}.card-product__meta span span{font-size:.875em}