.products-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--dws-space-md); }
@media (min-width: 640px) { .products-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .products-grid { grid-template-columns: repeat(4, 1fr); } }

.product-card {
  border: 1px solid var(--dws-color-border); border-radius: var(--dws-radius-md);
  overflow: hidden; transition: box-shadow var(--dws-transition); background: var(--dws-color-bg);
}
.product-card:hover { box-shadow: var(--dws-shadow-md); }
.product-card__link { display: block; }
.product-card__link img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.product-card__content { padding: var(--dws-space-md); }
.product-card__title-link { text-decoration: none; color: inherit; }
.product-card__title { font-size: var(--dws-font-size-sm); font-weight: 500; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.product-card__price { margin-top: var(--dws-space-sm); font-size: var(--dws-font-size-base); font-weight: 700; }
.product-card__amount { color: var(--dws-color-price); }
.product-card__from { font-size: var(--dws-font-size-xs); color: var(--dws-color-text-muted); font-weight: 400; }
.product-card__regular { color: var(--dws-color-text-muted); font-weight: 400; font-size: var(--dws-font-size-sm); }
.product-card__rating { display: flex; align-items: center; gap: 4px; margin-top: var(--dws-space-xs); }
.product-card__stars { display: flex; color: var(--dws-color-warning); }
.product-card__review-count { font-size: var(--dws-font-size-xs); color: var(--dws-color-text-muted); }
.product-card__colors { display: flex; gap: 4px; margin-top: var(--dws-space-sm); }
.product-card__color { width: 24px; height: 24px; border-radius: var(--dws-radius-full); overflow: hidden; border: 2px solid transparent; }
.product-card__color--active { border-color: var(--dws-color-primary); }
.product-card__color img { width: 100%; height: 100%; object-fit: cover; }