/* Shop page styles - scoped, minimal, leveraging base.css */

.shop-hero { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--space-8); align-items: center; overflow: hidden; }
.shop-hero__content { padding-right: var(--space-6); }
.shop-hero__search { margin-top: var(--space-4); display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); }
.shop-hero__media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
@media (max-width: 960px) {
  .shop-hero { grid-template-columns: 1fr; }
  .shop-hero__content { padding-right: 0; }
}

.section-header { margin-block: var(--space-10) var(--space-6); }
.section-header p { color: var(--gray-600); }

.filters { margin-top: var(--space-8); }
.filters-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--space-4); align-items: end; }
.filters-actions { display: flex; gap: var(--space-3); align-items: center; }
.filters-results { margin-top: var(--space-3); color: var(--gray-600); }
@media (max-width: 1024px) { .filters-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 720px) { .filters-grid { grid-template-columns: 1fr; } .filters-actions { justify-content: flex-start; } }

.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-6); }
@media (max-width: 1200px) { .product-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px) { .product-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .product-grid { grid-template-columns: 1fr; } }

.product-card { display: grid; grid-template-rows: auto 1fr; }
.product-media img { aspect-ratio: 4/3; width: 100%; object-fit: cover; }
.product-body { display: grid; gap: var(--space-3); }
.product-meta { min-height: 1.5rem; }
.product-title { margin: 0; }
.product-desc { color: var(--gray-600); margin: 0; }
.product-bottom { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); margin-top: var(--space-2); }
.product-actions { display: flex; gap: var(--space-3); align-items: center; }
.product-rating { font-variant-numeric: tabular-nums; color: #d97706; }
.product-price { font-weight: var(--fw-semibold); font-size: var(--fs-lg); }
.price--old { color: var(--gray-500); text-decoration: line-through; margin-right: var(--space-2); }

.category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); }
.category-card { text-decoration: none; transition: transform var(--dur-fast) var(--ease-out); }
.category-card:hover { transform: translateY(-2px); text-decoration: none; }
.category-card__body h3 { margin-top: 0; }
@media (max-width: 900px) { .category-grid { grid-template-columns: 1fr; } }

.sale-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-6); }
.sale-card { display: grid; gap: var(--space-3); }
@media (max-width: 720px) { .sale-grid { grid-template-columns: 1fr; } }

.reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); }
.review p { margin-bottom: var(--space-3); }
@media (max-width: 900px) { .reviews-grid { grid-template-columns: 1fr; } }

.guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); }
@media (max-width: 900px) { .guide-grid { grid-template-columns: 1fr; } }

.exclusive-section { margin-top: var(--space-10); background: linear-gradient(135deg, #e7f6ea, #ffffff); display: grid; gap: var(--space-4); }
.exclusive-form { margin-top: var(--space-4); display: grid; grid-template-columns: 1fr auto auto; gap: var(--space-3); }
@media (max-width: 720px) { .exclusive-form { grid-template-columns: 1fr; } }

.support-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); }
@media (max-width: 900px) { .support-grid { grid-template-columns: 1fr; } }