.product-card{display:flex;flex-direction:column;background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;height:100%;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative}.product-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #00000014;border-color:var(--color-primary)}.product-card:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;flex-grow:1}.card-link:focus{outline:none}.card-image-container{position:relative;aspect-ratio:1 / 1;background:linear-gradient(135deg,var(--color-bg-alt) 0%,#f8fafc 100%);overflow:hidden;display:flex;align-items:center;justify-content:center}.card-image{width:100%;height:100%;object-fit:contain;padding:1rem;transition:transform .35s ease}.product-card:hover .card-image{transform:scale(1.08)}.card-image-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-size:.85rem}.promo-badge{position:absolute;top:0;right:0;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.85rem;font-weight:700;padding:.5rem .75rem;border-bottom-left-radius:var(--radius-md);box-shadow:0 2px 8px #ef44444d;z-index:10;letter-spacing:-.02em}.card-content{padding:1rem 1rem .75rem;display:flex;flex-direction:column;flex-grow:1;gap:.35rem}.card-category{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary);background-color:var(--color-primary-light);padding:.25rem .5rem;border-radius:var(--radius-full);display:inline-block;width:fit-content}.card-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--color-text);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card:hover .card-title{color:var(--color-primary)}.price-block{display:flex;flex-direction:column;gap:.25rem;margin-top:.25rem;padding-top:0}.price-row{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.current-price{font-size:1.35rem;font-weight:700;color:var(--color-primary-dark);line-height:1}.original-price{font-size:.9rem;color:var(--color-text-muted);text-decoration:line-through;font-weight:400}.price-savings{font-size:.75rem;color:#16a34a;font-weight:600;display:flex;align-items:center;gap:.25rem}.trust-signal{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.trust-signal svg{color:var(--color-primary)}.card-cta{padding:0 1rem 1rem;margin-top:auto}.card-cta a,.card-cta button{display:block;width:100%;text-align:center;padding:.75rem 1rem;background-color:var(--color-primary);color:#fff;font-weight:600;font-size:.9rem;border-radius:var(--radius-md);text-decoration:none;transition:background-color .2s ease,transform .2s ease;border:none;cursor:pointer;font-family:inherit}.card-cta a:hover,.card-cta button:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.card-cta a:active,.card-cta button:active{transform:translateY(0)}@media(max-width:480px){.card-content{padding:.75rem .75rem .5rem;gap:.35rem}.card-title{font-size:.95rem}.current-price{font-size:1.2rem}.card-cta{padding:0 .75rem .75rem}.card-cta a{padding:.65rem .75rem;font-size:.85rem}.promo-badge{font-size:.75rem;padding:.35rem .5rem}.card-category{font-size:.65rem}}.category-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:768px){.category-product-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(min-width:1024px){.category-product-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}
