/* Shop page specific styles */
.shop-hero {
  padding-top: var(--space-40);
  padding-bottom: var(--space-16);
}
.shop-toolbar {
  margin-top: var(--space-16);
  display: grid;
  gap: var(--space-12);
  background: var(--color-surface);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: var(--space-16);
}
.shop-toolbar .filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
  align-items: flex-end;
}
.shop-toolbar fieldset { border: 0; padding: 0; margin: 0; display: flex; gap: var(--space-12); flex-wrap: wrap; }
.shop-toolbar label { font-size: var(--text-sm); color: var(--gray-700); }
.shop-toolbar .price-group, .shop-toolbar .sort-group { display: flex; gap: var(--space-8); align-items: center; }
.toolbar-actions { display: flex; gap: var(--space-8); }
.results-count { color: var(--gray-600); font-size: var(--text-sm); }

/* Product grid */
.product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-16);
  margin-top: var(--space-12);
}
@media (max-width: 1100px) { .product-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 820px)  { .product-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px)  { .product-grid { grid-template-columns: 1fr; } }

.product-card img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: var(--radius-md); background: var(--gray-100); }
.product-body { margin-top: var(--space-12); display: grid; gap: var(--space-8); }
.product-title { font-size: var(--h4-size); }
.product-desc { color: var(--gray-700); }
.product-meta { display: flex; justify-content: space-between; align-items: center; }
.price { font-weight: 800; font-size: var(--h4-size); }
.rating { color: var(--color-warning); font-weight: 700; letter-spacing: 1px; }
.availability { font-size: var(--text-sm); }
.availability.in-stock { color: var(--color-success); }
.availability.limited { color: var(--color-warning); }
.product-actions { display: flex; gap: var(--space-8); flex-wrap: wrap; margin-top: var(--space-8); }

/* Deals */
.deals-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-16); }
@media (max-width: 900px) { .deals-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .deals-grid { grid-template-columns: 1fr; } }
.deal-card h3 { margin-bottom: var(--space-8); }
.deal-timer { color: var(--gray-600); font-size: var(--text-sm); }

/* Reviews */
.reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-16); }
@media (max-width: 820px) { .reviews-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .reviews-grid { grid-template-columns: 1fr; } }
.review p { font-style: italic; }
.review footer { margin-top: var(--space-8); color: var(--gray-600); font-size: var(--text-sm); }

/* Customizer */
.customizer-form { margin-top: var(--space-12); }
.customizer-form .grid { grid-template-columns: 1fr 1fr; }
@media (max-width: 560px) { .customizer-form .grid { grid-template-columns: 1fr; } }
.customizer-preview {
  margin-top: var(--space-12);
  padding: var(--space-12);
  background: var(--gray-100);
  border-radius: var(--radius-md);
  color: var(--gray-800);
}

/* Guides */
.guides-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-16); }
@media (max-width: 1100px) { .guides-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .guides-grid { grid-template-columns: 1fr; } }

/* Contact */
.contact-grid { grid-template-columns: 2fr 1fr; gap: var(--space-16); }
@media (max-width: 900px) { .contact-grid { grid-template-columns: 1fr; } }

/* Minor tweaks */
#shop-toolbar select, #shop-toolbar input[type='number'] { min-width: 140px; }