/* products.css */
.products-hero { min-height:100vh; background:var(--color-hero-bg); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; position:relative; overflow:hidden; padding:var(--space-20) 0; padding-top:calc(var(--nav-height-mobile) + var(--space-20)); }
@media(min-width:768px){ .products-hero { padding-top:calc(var(--nav-height) + var(--space-20)); } }
.products-hero__content { position:relative; z-index:2; max-width:680px; }
.products-hero__title { font-family:var(--font-display); font-weight:700; font-size:clamp(3rem,8vw,5.5rem); color:#fff; letter-spacing:-0.03em; line-height:1.05; margin-bottom:var(--space-5); }
.products-hero__title span { color:var(--color-accent-400); }
.products-hero__subtitle { font-size:var(--text-xl); color:rgba(255,255,255,0.6); line-height:1.7; margin-bottom:var(--space-10); max-width:520px; margin-left:auto; margin-right:auto; }
.products-hero__phones { display:flex; flex-wrap:wrap; justify-content:center; gap:var(--space-6); margin-top:var(--space-8); }
.products-hero__phone { font-family:var(--font-mono); font-size:var(--text-lg); color:rgba(255,255,255,0.7); text-decoration:none; display:flex; align-items:center; gap:var(--space-2); transition:color var(--transition-fast); }
.products-hero__phone:hover { color:var(--color-accent-400); }
.categories-section { background:var(--color-bg); }
.category-card { background:var(--color-surface); border:2px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-6); text-align:center; transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base); }
.category-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:var(--color-primary-300); }
.category-card__icon { width:56px; height:56px; border-radius:var(--radius-md); background:linear-gradient(135deg,var(--color-primary-100),var(--color-primary-50)); display:flex; align-items:center; justify-content:center; margin:0 auto var(--space-4); }
.category-card__icon svg { width:24px; height:24px; color:var(--color-primary-700); }
.category-card__name { font-family:var(--font-display); font-size:var(--text-xl); font-weight:600; color:var(--color-text-primary); margin-bottom:var(--space-2); }
.category-card__badge { display:inline-flex; align-items:center; gap:4px; padding:4px 10px; background:rgba(5,150,105,0.1); border:1px solid rgba(5,150,105,0.25); border-radius:var(--radius-full); font-size:var(--text-xs); font-weight:600; color:var(--color-success); }