.product-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer}.product-card__image{aspect-ratio:3 / 4;overflow:hidden;background-color:var(--color-bg-secondary);position:relative;border-radius:10px}.product-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .5s ease}.product-card__image-hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .45s ease}.product-card__image-hover img{transition:none}@media(hover:hover)and (pointer:fine){.product-card:hover .product-card__image-hover{opacity:1}}.product-card__badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:4px;z-index:1}.product-card__badge{display:inline-block;padding:2px 7px;font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:.9rem;letter-spacing:.18em;text-transform:uppercase;background:var(--color-text-primary);color:var(--color-bg-primary)}.product-card__badge--sale{background:var(--color-accent-warm-dark)}.product-card__info{padding-top:12px;display:flex;flex-direction:column;gap:4px}.product-card__name{font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:1.1rem;letter-spacing:.02em;line-height:1.5;color:var(--color-text-primary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-card__price{font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:1.4rem;letter-spacing:.02em;color:var(--color-text-primary)}.product-card__price-compare{text-decoration:line-through;color:var(--color-text-light);margin-right:5px}.product-card__price-sale{color:var(--color-accent-warm-dark)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);column-gap:10px;row-gap:clamp(32px,4vw,56px)}.product-grid-section{padding-block:var(--space-section-y)}@media(max-width:1023px){.product-grid{grid-template-columns:repeat(3,1fr);column-gap:10px}}@media(max-width:767px){.product-grid{grid-template-columns:repeat(2,1fr);column-gap:10px;row-gap:28px}.product-card__info{padding-top:8px}.product-card__name{font-size:1.05rem;-webkit-line-clamp:2}.product-card__price{font-size:1.3rem}.product-card__badge{font-size:.8rem;padding:2px 5px}}@media(max-width:374px){.product-grid{column-gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/component-card.css.map */