.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media screen and (max-width: 1200px){.product-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media screen and (max-width: 900px){.product-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media screen and (max-width: 520px){.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.product-card{position:relative;display:flex;flex-direction:column;background-color:#fff;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .25s ease,transform .25s ease;border:1px solid #f0f0f0}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.product-card__image-wrapper{position:relative;aspect-ratio:1 / 1;background-color:#f8f8f8;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-card__image{width:100%;height:100%;object-fit:contain;padding:16px;transition:transform .4s ease}.product-card:hover .product-card__image{transform:scale(1.05)}.product-card__badge{position:absolute;top:12px;right:12px;padding:6px 10px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border-radius:4px;background-color:#1a1a1a;color:#fff;z-index:2}.product-card__badge--warning{background-color:#c8ff00;color:#1a1a1a;top:auto;bottom:12px;right:12px}.product-card__badges{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px;z-index:2}.product-card__content{display:flex;flex-direction:column;gap:6px;padding:16px;flex:1}.product-card__brand{font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0}.product-card__name{font-size:.95rem;font-weight:600;color:#333;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.product-card__category{font-size:.75rem;color:#888;margin:0}.product-card__description{font-size:.8rem;color:#666;line-height:1.4;margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__price{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:8px}.product-card__price-current,.product-card__price-sale{font-size:1.125rem;font-weight:700;color:#1a1a1a}.product-card__price-compare,.product-card__price-original{font-size:.9rem;font-weight:500;color:#999;text-decoration:line-through}.product-card__price-current:only-child{color:#333}.product-card__rating{display:flex;align-items:center;gap:6px;margin-top:8px}.product-card__stars{display:flex;gap:2px}.product-card__stars svg{width:14px;height:14px;fill:#ffc107}.product-card__stars svg.star--empty{fill:#e0e0e0}.product-card__rating-count{font-size:.75rem;color:#888}.product-card__colors{display:flex;gap:6px;margin-top:8px}.product-card__color-swatch{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .2s ease}.product-card__color-swatch:hover{transform:scale(1.2)}.product-card__actions{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translate(-10px);transition:opacity .25s ease,transform .25s ease;z-index:2}.product-card:hover .product-card__actions{opacity:1;transform:translate(0)}.product-card__action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001f;transition:background-color .2s ease,color .2s ease,transform .2s ease;color:#555;cursor:pointer;border:none}.product-card__action-btn:hover{background-color:#1a1a1a;color:#fff;transform:scale(1.1)}.product-card__action-btn svg{width:18px;height:18px}@media screen and (max-width: 768px){.product-card__content{padding:12px}.product-card__name{font-size:.875rem}.product-card__price-current,.product-card__price-sale{font-size:1rem}.product-card__badge{padding:4px 8px;font-size:.7rem}}@media screen and (max-width: 480px){.product-card__image{padding:12px}.product-card__content{padding:10px}.product-card__brand{font-size:.75rem}.product-card__name{font-size:.875rem;min-height:auto;-webkit-line-clamp:1}.product-card__category{font-size:.8rem}.product-card__badge{font-size:.75rem;padding:.25rem .5rem}.product-card__price-current,.product-card__price-sale{font-size:.95rem}.product-card__price-compare,.product-card__price-original{font-size:.8rem}}