/* Accessories page styles — GardenLite */

.hero {
  padding: var(--space-16) 0;
  background: radial-gradient(1200px 500px at 80% -20%, var(--primary-50), transparent),
              linear-gradient(180deg, var(--color-surface), var(--color-surface-alt));
}
.hero-inner { display: grid; gap: var(--space-8); align-items: center; grid-template-columns: 1.25fr 0.75fr; }
@media (max-width: 900px) { .hero-inner { grid-template-columns: 1fr; } }
.hero-actions { display: flex; gap: var(--space-4); flex-wrap: wrap; margin-top: var(--space-4); }
.quick-links { display: flex; gap: var(--space-4); justify-content: flex-end; }
.quick-links .btn { position: relative; }
.cart-count { display: inline-flex; align-items: center; justify-content: center; min-width: 1.5rem; height: 1.5rem; padding: 0 .375rem; margin-left: .5rem; border-radius: var(--radius-full); background: var(--primary-600); color: #fff; font-weight: 700; font-size: var(--fs-200); }

.breadcrumbs { padding: var(--space-6) 0 var(--space-2); color: var(--color-muted); }

.filters { position: sticky; top: 0; z-index: 20; backdrop-filter: saturate(1.2) blur(6px); }
.filters-bar { display: grid; gap: var(--space-4); grid-template-columns: 1.1fr 1.2fr 1fr 0.7fr auto; align-items: center; padding: var(--space-4); background: var(--color-surface); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
@media (max-width: 1024px) { .filters-bar { grid-template-columns: 1fr; } }
.filters-group { display: flex; gap: var(--space-3); align-items: center; flex-wrap: wrap; }
.filter-check { display: inline-flex; align-items: center; gap: .5rem; }
.filters-actions { display: flex; justify-content: flex-end; }

.section-header { margin-block: var(--space-10) var(--space-4); }

.products-grid { --card-gap: var(--space-5); gap: var(--card-gap); }
.product-card { display: grid; grid-template-rows: auto 1fr; }
.product-media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.product-body { margin-top: var(--space-4); }
.product-title a { color: inherit; text-decoration: none; }
.product-title a:hover { text-decoration: underline; }
.product-desc { color: var(--color-muted); }
.product-meta { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-top: var(--space-3); }
.rating { color: #f59e0b; display: inline-flex; gap: 2px; }
.price { font-weight: 700; }
.product-tags { display: flex; gap: var(--space-2); margin-top: var(--space-3); flex-wrap: wrap; }
.product-actions { display: flex; gap: var(--space-3); margin-top: var(--space-4); flex-wrap: wrap; }

.review { min-height: 100%; }

/* Reduced motion: avoid sticky blur if user prefers */
@media (prefers-reduced-motion: reduce) { .filters { position: static; backdrop-filter: none; } }