.product-card{display:block;width:100%;transition:var(--transition-base)}.product-card:hover{z-index:10;position:relative}.product-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.product-card__image-container{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:var(--color-background)}.product-card__image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease-out}.product-card:hover .product-card__image{transform:scale(1.05)}.product-card__placeholder{width:100%;height:100%;background:#e5e5e5}.product-card__favorite{position:absolute;top:var(--space-3);right:var(--space-3);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--color-secondary);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-base);opacity:0;transform:scale(.8);box-shadow:0 2px 8px #0000001a;z-index:10}.product-card:hover .product-card__favorite{opacity:1;transform:scale(1)}.product-card__favorite svg{color:var(--color-text-primary);transition:all var(--transition-base)}.product-card__favorite:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.product-card__favorite--active{opacity:1!important;transform:scale(1)!important}.product-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.5) 50%,transparent 100%);display:flex;flex-direction:column;gap:4px;opacity:1;transform:translateY(0);transition:all .3s ease}.product-card__title{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-normal);line-height:1.3;letter-spacing:0;color:#fff;margin:0}.product-card__pricing{display:flex;align-items:center;gap:8px}.product-card__price{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-bold);line-height:1.4;color:#fff}.product-card__original-price{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-normal);line-height:1.4;color:#ffffffb3;text-decoration:line-through}@media (min-width: 768px){.product-card__overlay{padding:20px}.product-card__title,.product-card__price{font-size:var(--text-base)}.product-card__original-price{font-size:var(--text-sm)}}@media (min-width: 1024px){.product-card__overlay{padding:24px;gap:6px}.product-card__title,.product-card__price{font-size:var(--text-lg)}}