/* Shop page specific styles — keep lightweight and complementary to base.css */

.section { padding-block: var(--space-12); }

/* Hero */
.shop-hero { padding-block: var(--space-12) var(--space-10); }
.hero-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--space-8); align-items: center; }
.hero-copy p { margin-bottom: var(--space-4); }
.hero-search { display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); margin-top: var(--space-3); }
.hero-benefits { display: flex; gap: var(--space-4); flex-wrap: wrap; margin-top: var(--space-4); font-weight: 600; color: var(--gray-700); }
.hero-media { min-height: 260px; }

@media (max-width: 920px) {
  .hero-grid { grid-template-columns: 1fr; }
}

/* Filters */
.filters { position: relative; padding-block: var(--space-8); border-top: 1px solid var(--gray-200); border-bottom: 1px solid var(--gray-200); background: var(--color-surface); }
.filters-form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) auto; gap: var(--space-4); align-items: end; }
.filter-field { display: grid; gap: 8px; }
.price-range { display: grid; grid-template-columns: 1fr auto 1fr; gap: 8px; align-items: center; }
.filter-actions { display: flex; gap: var(--space-3); justify-content: flex-end; }
@media (max-width: 920px) {
  .filters-form { grid-template-columns: 1fr 1fr; }
  .filter-actions { grid-column: 1 / -1; }
}

/* Products grid */
.products-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-6); }
@media (max-width: 1200px) { .products-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 920px)  { .products-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 580px)  { .products-grid { grid-template-columns: 1fr; } }

.product-card .product-title { font-size: var(--font-size-lg); margin-bottom: 4px; }
.product-card .rating { font-weight: 700; color: var(--gray-800); margin: 6px 0; }
.product-card .price-row { display: flex; align-items: baseline; gap: 10px; margin: 6px 0 var(--space-3); }
.product-card .price { font-weight: 800; color: var(--color-text); }
.product-card .old-price { color: var(--gray-500); text-decoration: line-through; font-weight: 600; }
.product-card .actions { display: flex; gap: 10px; flex-wrap: wrap; }
.product-card .badges { margin-bottom: 6px; display: flex; gap: 8px; }

/* Deals */
.deal-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); margin-top: var(--space-4); }
.deal-card { background: radial-gradient(140% 120% at 100% 0%, color-mix(in srgb, var(--color-accent) 12%, transparent) 0%, transparent 60%), var(--color-surface); }
.deal-title { font-size: var(--font-size-xl); margin-bottom: var(--space-2); }
@media (max-width: 920px) { .deal-grid { grid-template-columns: 1fr; } }

/* Categories */
.category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); margin-top: var(--space-4); }
.category-card h3 { margin-bottom: 6px; }
@media (max-width: 920px) { .category-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 580px) { .category-grid { grid-template-columns: 1fr; } }

/* Reviews */
.reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); margin-top: var(--space-4); }
.review p { font-size: var(--font-size-lg); }
.review footer { margin-top: var(--space-3); }
@media (max-width: 920px) { .reviews-grid { grid-template-columns: 1fr; } }

/* Guide */
.guide .card ul { margin: 0 0 var(--space-4) 1.25rem; display: grid; gap: 8px; }
.guide-cta { display: flex; gap: var(--space-3); flex-wrap: wrap; }

/* Security */
.security-list { margin: 0 0 var(--space-3) 1.25rem; display: grid; gap: 8px; }

/* Contact */
.contact-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); }
@media (max-width: 920px) { .contact-grid { grid-template-columns: 1fr; } }