/* ── HERO ─────────────────────────────────────────── */
.prod-decor { position:absolute; border-radius:50%; filter:blur(80px); pointer-events:none; }
.prod-decor--1 { width:500px; height:500px; background:radial-gradient(circle,rgba(122,141,132,.18),transparent 70%); top:-120px; right:-100px; }
.prod-decor--2 { width:350px; height:350px; background:radial-gradient(circle,rgba(14,165,233,.1),transparent 70%); bottom:-80px; left:-60px; }
.prod-hero-inner { position:relative; z-index:1; max-width:800px; }
.prod-breadcrumbs { display:flex; align-items:center; gap:.5rem; margin-bottom:1.5rem; }
.prod-bc-link { color:rgba(255,255,255,.5); font-size:.8rem; text-decoration:none; letter-spacing:.04em; transition:color .2s; }
.prod-bc-link:hover { color:#7a8d84; }
.prod-bc-sep { color:rgba(255,255,255,.25); font-size:.75rem; }
.prod-hero-label { display:inline-block; background:rgba(122,141,132,.15); border:1px solid rgba(122,141,132,.3); color:#7a8d84; font-size:.7rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; padding:.35rem .9rem; border-radius:50px; margin-bottom:1.2rem; }
.prod-hero-title { font-size:clamp(2rem,5vw,3.2rem); font-weight:900; color:#fff; letter-spacing:-.02em; line-height:1.15; margin:0 0 1.2rem; }
.prod-hero-title span { color:#7a8d84; }
.prod-hero-sub { font-size:1.05rem; color:rgba(255,255,255,.6); line-height:1.7; max-width:600px; margin:0 0 2rem; }
.prod-hero-pills { display:flex; flex-wrap:wrap; gap:.6rem; }
.prod-pill { display:flex; align-items:center; gap:.5rem; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.75); font-size:.78rem; padding:.4rem .9rem; border-radius:50px; backdrop-filter:blur(8px); }
.prod-pill svg { opacity:.7; }

/* ── НАВИГАЦИЯ ПО СТРАНИЦЕ ─────────────────────────── */
.prod-toc { background:#fff; border-bottom:1px solid #e2e8f0; position:sticky; top:80px; z-index:50; }
.prod-toc-inner { max-width:1200px; margin:0 auto; padding:0 2rem; display:flex; gap:0; overflow-x:auto; scrollbar-width:none; }
.prod-toc-inner::-webkit-scrollbar { display:none; }
.prod-toc-link { display:flex; align-items:center; gap:.5rem; padding:1rem 1.5rem; font-size:.83rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:#64748b; text-decoration:none; border-bottom:2px solid transparent; white-space:nowrap; transition:all .2s; }
.prod-toc-link:hover, .prod-toc-link.is-active { color:#0f172a; border-bottom-color:#7a8d84; }
.prod-toc-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.prod-toc-dot--green { background:#22c55e; }
.prod-toc-dot--blue  { background:#0ea5e9; }

/* ── LAYOUT СЕКЦИЙ ────────────────────────────────── */
.prod-section { padding:5rem 2rem; }
.prod-section--alt { background:#f8fafc; }
.prod-section-inner { max-width:1200px; margin:0 auto; }
.prod-section-label { display:inline-flex; align-items:center; gap:.5rem; font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; margin-bottom:1rem; padding:.3rem .8rem; border-radius:50px; }
.prod-section-label--green { background:rgba(34,197,94,.1); color:#16a34a; border:1px solid rgba(34,197,94,.2); }
.prod-section-label--blue  { background:rgba(14,165,233,.1); color:#0284c7; border:1px solid rgba(14,165,233,.2); }
.prod-section-title { font-size:clamp(1.6rem,3.5vw,2.4rem); font-weight:800; color:#0f172a; letter-spacing:-.02em; line-height:1.2; margin:0 0 1rem; }
.prod-section-intro { font-size:1.05rem; color:#475569; line-height:1.75; max-width:740px; margin:0 0 3rem; }

/* ── ГРИД ─────────────────────────────────────────── */
.prod-main-grid { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:start; }
.prod-main-grid--rev { direction:rtl; }
.prod-main-grid--rev > * { direction:ltr; }
@media(max-width:900px) { .prod-main-grid { grid-template-columns:1fr; } .prod-main-grid--rev { direction:ltr; } }

/* ── КАРТОЧКИ ПОЛЬЗ ────────────────────────────────── */
.prod-benefits { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
@media(max-width:600px) { .prod-benefits { grid-template-columns:1fr; } }
.prod-benefit-card { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:1.25rem 1.4rem; display:flex; flex-direction:column; gap:.5rem; transition:all .25s; }
.prod-benefit-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(0,0,0,.07); border-color:#cbd5e1; }
.prod-benefit-icon { width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center; }
.prod-benefit-icon--green { background:rgba(34,197,94,.1); }
.prod-benefit-icon--blue  { background:rgba(14,165,233,.1); }
.prod-benefit-title { font-size:.9rem; font-weight:700; color:#1e293b; }
.prod-benefit-text  { font-size:.82rem; color:#64748b; line-height:1.55; }

/* ── СПИСОК ПРОДУКТОВ ─────────────────────────────── */
.prod-list-card { background:linear-gradient(135deg,#0f172a,#1e293b); border-radius:18px; padding:2rem; }
.prod-list-title { font-size:.8rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.45); margin:0 0 1.2rem; }
.prod-list-grid { display:grid; grid-template-columns:1fr 1fr; gap:.6rem; }
@media(max-width:480px) { .prod-list-grid { grid-template-columns:1fr; } }
.prod-list-item { display:flex; align-items:center; gap:.6rem; padding:.55rem .75rem; border-radius:8px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); color:rgba(255,255,255,.85); font-size:.82rem; font-weight:500; text-decoration:none; transition:all .2s; }
.prod-list-item:hover { background:rgba(122,141,132,.15); border-color:rgba(122,141,132,.35); color:#fff; transform:translateX(3px); }
.prod-list-item::before { content:''; width:6px; height:6px; border-radius:50%; background:#7a8d84; flex-shrink:0; }
.prod-list-cta { margin-top:1.5rem; display:flex; justify-content:center; }
.prod-list-btn { display:inline-flex; align-items:center; gap:.5rem; background:rgba(122,141,132,.15); border:1px solid rgba(122,141,132,.3); color:#7a8d84; padding:.7rem 1.5rem; border-radius:50px; font-size:.85rem; font-weight:600; text-decoration:none; transition:all .25s; }
.prod-list-btn:hover { background:rgba(122,141,132,.25); color:#fff; }

/* ── ТЕКСТОВЫЙ БЛОК С РОЛЯМИ ──────────────────────── */
.prod-roles { display:flex; flex-direction:column; gap:1.2rem; }
.prod-role-item { display:flex; gap:1rem; padding:1.2rem 1.4rem; border-radius:12px; border:1px solid #e2e8f0; background:#fff; transition:all .25s; }
.prod-role-item:hover { border-color:#cbd5e1; box-shadow:0 4px 16px rgba(0,0,0,.05); }
.prod-role-num { min-width:32px; height:32px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:.78rem; font-weight:800; flex-shrink:0; margin-top:.1rem; }
.prod-role-num--green { background:rgba(34,197,94,.1); color:#16a34a; }
.prod-role-num--blue  { background:rgba(14,165,233,.1); color:#0284c7; }
.prod-role-body h4 { font-size:.9rem; font-weight:700; color:#1e293b; margin:0 0 .3rem; }
.prod-role-body p  { font-size:.83rem; color:#64748b; line-height:1.6; margin:0; }

/* ── КАТЕГОРИИ ДОБАВОК ────────────────────────────── */
.prod-cats { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.5rem; }
.prod-cat-badge { padding:.4rem 1rem; border-radius:50px; font-size:.78rem; font-weight:600; border:1px solid; }
.prod-cat-badge--green { background:rgba(34,197,94,.08); color:#16a34a; border-color:rgba(34,197,94,.25); }
.prod-cat-badge--blue  { background:rgba(14,165,233,.08); color:#0284c7; border-color:rgba(14,165,233,.25); }

/* ── РАЗДЕЛИТЕЛЬ ──────────────────────────────────── */
.prod-divider { height:1px; background:linear-gradient(to right,transparent,#e2e8f0,transparent); margin:0; }

/* ── CTA ФИНАЛ ────────────────────────────────────── */
.prod-cta-section { background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%); padding:5rem 2rem; text-align:center; position:relative; overflow:hidden; }
.prod-cta-section::before { content:''; position:absolute; top:-150px; left:50%; transform:translateX(-50%); width:600px; height:600px; background:radial-gradient(circle,rgba(122,141,132,.12),transparent 70%); }
.prod-cta-inner { position:relative; z-index:1; max-width:600px; margin:0 auto; }
.prod-cta-title { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:800; color:#fff; margin:0 0 1rem; }
.prod-cta-sub { color:rgba(255,255,255,.6); font-size:1rem; line-height:1.7; margin:0 0 2.5rem; }
.prod-cta-btns { display:flex; justify-content:center; flex-wrap:wrap; gap:1rem; }
.prod-cta-btn { display:inline-flex; align-items:center; gap:.6rem; padding:.9rem 2rem; border-radius:50px; font-size:.9rem; font-weight:700; text-decoration:none; transition:all .25s; }
.prod-cta-btn--primary { background:linear-gradient(135deg,#7a8d84,#5d6e66); color:#fff; }
.prod-cta-btn--primary:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(122,141,132,.35); }
.prod-cta-btn--wa { background:#16a34a; color:#fff; }
.prod-cta-btn--wa:hover { background:#15803d; transform:translateY(-2px); }