/* Products page specific styles */

.section-hero { padding: var(--space-12) 0 var(--space-8); }
.hero-grid { display: grid; gap: var(--space-8); grid-template-columns: 1.2fr; }
.hero-copy p { color: var(--gray-100); }
.hero-search { margin-top: var(--space-5); }
.hero-media { overflow: hidden; }
.hero-media img { border-radius: var(--radius-lg); }
@media (min-width: 960px) { .hero-grid { grid-template-columns: 1.1fr 0.9fr; align-items: center; } }

.section-offer { padding: var(--space-6) 0; }
.offer-bar { display: grid; gap: var(--space-4); grid-template-columns: 1fr; align-items: center; }
.offer-timer strong { font-size: var(--text-2xl); color: var(--color-primary); letter-spacing: 0.06em; }
@media (min-width: 820px) { .offer-bar { grid-template-columns: 1fr auto auto; } }

.section-filters { padding: var(--space-8) 0 var(--space-4); }
.filters-form { display: grid; gap: var(--space-6); }
.filters-row { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.filter-chip { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.12); padding: 8px 10px; border-radius: var(--radius-pill); }
.filters-range input { max-width: 120px; }
.filters-actions { display: flex; gap: var(--space-3); }

.section-featured { padding: var(--space-6) 0 var(--space-2); }
.section-head p { color: var(--gray-100); }
.products-grid { display: grid; gap: var(--space-6); grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
.product-media img { border-radius: var(--radius-md); }
.product-header { display: grid; grid-template-columns: 1fr auto; gap: 6px var(--space-4); align-items: start; }
.product-name { grid-column: 1 / span 1; }
.product-price { grid-column: 2 / span 1; font-weight: 700; color: var(--color-primary); }
.rating { position: relative; display: inline-block; color: #6b7280; letter-spacing: 2px; font-size: 0.95rem; }
.rating span[aria-hidden="true"] { color: rgba(255,255,255,0.15); }
.rating-fill { position: absolute; left: 0; top: 0; height: 100%; background: linear-gradient(90deg, var(--color-primary), var(--color-accent)); mix-blend-mode: screen; pointer-events: none; }
.product-actions { display: flex; gap: var(--space-3); flex-wrap: wrap; }

.section-categories { padding: var(--space-8) 0; }
.categories-grid { display: grid; gap: var(--space-6); grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.category-card figure { overflow: hidden; border-radius: var(--radius-lg); margin-bottom: var(--space-3); }
.category-card img { transform: scale(1.02); transition: transform var(--duration-300) var(--easing-standard); }
.category-card:hover img { transform: scale(1.05); }

.section-specs { padding: var(--space-6) 0; }
.specs-grid { display: grid; gap: var(--space-6); grid-template-columns: 1fr; }
@media (min-width: 920px) { .specs-grid { grid-template-columns: 1fr 1fr; } }
.spec-list { margin: 0; padding-left: var(--space-6); }
.personalize-form { display: grid; gap: var(--space-4); }
.personalize-actions { margin-top: var(--space-2); }

.section-compare { padding: var(--space-8) 0; }
.compare-wrapper { overflow: hidden; }
.compare-scroll { overflow-x: auto; }
.compare-table { width: 100%; border-collapse: collapse; }
.compare-table th, .compare-table td { border: 1px solid rgba(255,255,255,0.12); padding: 12px 14px; text-align: left; }
.compare-table thead th { background: rgba(255,255,255,0.06); position: sticky; top: 0; z-index: 1; }
.compare-table tbody tr:nth-child(odd) td { background: rgba(255,255,255,0.03); }

.section-reviews { padding: var(--space-8) 0; }
.reviews-grid { display: grid; gap: var(--space-6); grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.reviewer { font-size: 1.05rem; }

.section-support { padding: var(--space-8) 0 var(--space-12); }
.support { display: grid; gap: var(--space-6); grid-template-columns: 1fr; align-items: start; }
.support-list { margin: 0; padding-left: var(--space-6); }
.support-actions { display: flex; gap: var(--space-3); flex-wrap: wrap; }
@media (min-width: 880px) { .support { grid-template-columns: 1.2fr auto; } }

/* Chat */
.chat { position: fixed; right: 16px; bottom: 16px; z-index: 999; max-width: 380px; width: calc(100vw - 32px); }
.chat-inner { display: grid; grid-template-rows: auto 1fr auto; gap: var(--space-3); }
.chat-header { display: flex; align-items: center; justify-content: space-between; }
.chat-body { min-height: 160px; max-height: 300px; overflow-y: auto; display: grid; gap: 8px; padding-right: 6px; }
.chat-form { display: grid; gap: var(--space-3); grid-template-columns: 1fr auto; align-items: center; }
.chat-msg { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); padding: 8px 10px; border-radius: var(--radius-md); }
.chat-msg--agent { border-color: rgba(var(--rgb-primary), 0.5); }

/* Minor helpers */
.section-head { margin-bottom: var(--space-4); }
.offer-cta { text-align: right; }

@media (prefers-reduced-motion: reduce) {
  .category-card img { transition: none; }
}