.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}@media screen and (max-width: 1200px){.product-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media screen and (max-width: 900px){.product-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media screen and (max-width: 520px){.product-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.product-card{position:relative;display:flex;flex-direction:column;background-color:#fff;border-radius:0;overflow:hidden;text-decoration:none;color:inherit;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);border:1px solid #f0f0f0}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000000f}.product-card__image-wrapper{position:relative;aspect-ratio:3 / 4;background-color:#f5f0eb;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-card__image{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.product-card:hover .product-card__image{transform:scale(1.03)}.product-card__badge{position:absolute;top:12px;right:12px;padding:5px 10px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-radius:0;background-color:#1a1a1a;color:#fff;z-index:2}.product-card__badge--warning{background-color:#c9a96e;color:#fff;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:1rem .25rem;flex:1}.product-card__brand{font-size:.65rem;font-weight:500;color:#c9a96e;text-transform:uppercase;letter-spacing:.15em;margin:0;font-family:var(--font-display),"Cormorant Garamond",serif}.product-card__name{font-size:.9rem;font-weight:400;color:#1a1a1a;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}.product-card__category{font-size:.7rem;color:#999;text-transform:uppercase;letter-spacing:.05em;margin:0}.product-card__description{font-size:.8rem;color:#777;line-height:1.5;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:.95rem;font-weight:500;color:#1a1a1a}.product-card__price-compare,.product-card__price-original{font-size:.8rem;font-weight:400;color:#aaa;text-decoration:line-through}.product-card__price-current:only-child{color:#1a1a1a}.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:13px;height:13px;fill:#c9a96e}.product-card__stars svg.star--empty{fill:#e8e4df}.product-card__rating-count{font-size:.7rem;color:#999}.product-card__colors{display:flex;gap:6px;margin-top:8px}.product-card__color-swatch{width:14px;height:14px;border-radius:0;border:1px solid rgba(0,0,0,.08);cursor:pointer;transition:transform .3s ease,border-color .3s ease}.product-card__color-swatch:hover{transform:scale(1.15);border-color:#c9a96e}.product-card__actions{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translate(-8px);transition:opacity .35s ease,transform .35s 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:34px;height:34px;background-color:#fff;border-radius:0;box-shadow:0 1px 6px #00000014;transition:background-color .3s ease,color .3s ease;color:#1a1a1a;cursor:pointer;border:none}.product-card__action-btn:hover{background-color:#1a1a1a;color:#fff}.product-card__action-btn svg{width:16px;height:16px}@media screen and (max-width: 768px){.product-card__content{padding:.75rem .25rem}.product-card__name{font-size:.85rem}.product-card__price-current,.product-card__price-sale{font-size:.9rem}.product-card__badge{padding:4px 8px;font-size:.6rem}}@media screen and (max-width: 480px){.product-card__content{padding:.6rem .15rem}.product-card__brand{font-size:.6rem}.product-card__name{font-size:.8rem;min-height:auto;-webkit-line-clamp:1}.product-card__category{font-size:.65rem}.product-card__badge{font-size:.6rem;padding:3px 7px}.product-card__price-current,.product-card__price-sale{font-size:.85rem}.product-card__price-compare,.product-card__price-original{font-size:.75rem}}
