/* ============================================================
   NAUMEN DESIGN SYSTEM — Colors & Type Tokens
   Source: naumen.ru/products/customer_engagement (main.css?v67)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

/* ---- Aeroport (Brownfox) — UI / display ---- 
@font-face { font-family: "Aeroport"; src: url("fonts/Aeroport-Light.otf") format("opentype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Aeroport"; src: url("fonts/Aeroport-Regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Aeroport"; src: url("fonts/Aeroport-Medium.otf") format("opentype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Aeroport"; src: url("fonts/Aeroport-Bold.otf") format("opentype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Aeroport"; src: url("fonts/Aeroport-Bold.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; }


@font-face { font-family: "Geometria"; src: url("fonts/Geometria-Bold.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; }
 */
:root {
  /* BRAND */
  --naumen-orange:        #ff6720;
  --naumen-orange-bright: #f08b1d;
  --naumen-orange-deep:   #ff6611;
  --naumen-blue:          #2050ff;
  --naumen-blue-bright:   #2090ff;
  --naumen-teal:          #19a89d;
  --naumen-magenta:       #ed145c;
  --naumen-yellow:        #ff9d00;

  /* NEUTRALS */
  --ink-1: #000000; --ink-2: #292929; --ink-3: #404040; --ink-4: #464646;
  --ink-5: #545658; --ink-6: #838487; --ink-7: #939393; --ink-8: #9D9D9D;

  --line-1: #DEDEDE; --line-2: #C4C4C4; --line-3: #ECECEC; --line-4: #E5E5E5;

  --bg-page: #ffffff; --bg-mute-1: #F1F2F5; --bg-mute-2: #F7F7F7;
  --bg-mute-3: #F9F9F9; --bg-cool: #E2E5E6;

  /* SEMANTIC */
  --fg-default: var(--ink-3); --fg-strong: var(--ink-2); --fg-muted: var(--ink-5);
  --fg-subtle: var(--ink-6); --fg-on-brand: #ffffff;
  --bg-default: var(--bg-page); --bg-subtle: var(--bg-mute-1); --bg-card: var(--bg-mute-2);
  --border-default: var(--line-1); --border-strong: var(--line-2); --border-subtle: var(--line-3);
  --accent: var(--naumen-orange); --accent-hover: var(--naumen-orange-deep);
  --link: var(--naumen-orange); --link-info: var(--naumen-blue-bright);

  /* TYPE */
  --font-display: 'Aeroport', 'Open Sans', system-ui, sans-serif;
  --font-body:    'Open Sans', 'Aeroport', system-ui, sans-serif;
  --font-alt:     'Aeroport', 'Geometria', sans-serif;
  --font-mono:    ui-monospace, SFMono-Regular, Menlo, monospace;

  --fs-h1: 50px; --fs-h1-mobile: 32px; --fs-h2: 40px; --fs-h3: 28px;
  --fs-h4: 24px; --fs-h5: 20px; --fs-lead: 22px; --fs-body: 16px;
  --fs-small: 14px; --fs-meta: 12px;

  --lh-tight: 1.1; --lh-snug: 1.25; --lh-body: 1.45; --lh-loose: 1.6;

  /* RADIUS */
  --r-xs: 2px; --r-sm: 4px; --r-md: 7px; --r-lg: 16px; --r-pill: 42px; --r-circle: 50%;

  /* SHADOW */
  --shadow-sm:   0 1px 2px rgba(0,0,0,0.04), 0 1px 1px rgba(0,0,0,0.02);
  --shadow-md:   0 4px 12px rgba(0,0,0,0.06);
  --shadow-card: 0 8px 24px rgba(0,0,0,0.07);
  --shadow-lift: 0 16px 40px rgba(0,0,0,0.10);

  /* SPACING */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px;
  --sp-6: 24px; --sp-7: 32px; --sp-8: 40px; --sp-9: 56px; --sp-10: 80px; --sp-11: 100px;

  --container-max: 1440px;
  --container-pad: 32px;

  /* MOTION */
  --t-fast: 160ms; --t-base: 240ms; --t-slow: 320ms;
  --ease-default: cubic-bezier(.2,.6,.2,1);
  --ease-linear: linear;
}
/*
html { -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--font-body);
  color: var(--fg-default);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  background: var(--bg-default);
  min-width: 320px;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  color: var(--fg-strong);
  margin: 0 0 var(--sp-4) 0;
  font-weight: 600;
}
h1 { font-size: var(--fs-h1); line-height: var(--lh-tight); font-weight: 600; }
h2 { font-size: var(--fs-h2); line-height: var(--lh-tight); }
h3 { font-size: var(--fs-h3); line-height: var(--lh-snug); }
h4 { font-size: var(--fs-h4); line-height: var(--lh-snug); font-weight: 600; }
h5 { font-size: var(--fs-h5); line-height: var(--lh-snug); font-weight: 700; }

@media (max-width: 767px) {
  h1 { font-size: var(--fs-h1-mobile); }
  h2 { font-size: 28px; }
}
*/
p, li { font-size: var(--fs-body); line-height: var(--lh-body); color: var(--fg-default); }
.lead { font-size: var(--fs-lead); line-height: var(--lh-snug); color: var(--fg-strong); }
small, .meta { font-size: var(--fs-small); color: var(--fg-muted); }

a {
  color: var(--link);
  text-decoration: none;
  transition: color var(--t-base) var(--ease-linear);
  border-bottom: 1px solid transparent;
}
a:hover { color: var(--accent-hover); border-bottom-color: var(--accent); }

hr { border: 0; border-top: 1px solid var(--border-subtle); margin: var(--sp-7) 0; }

.btn-primary {
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-weight: 600; font-size: 16px;
  padding: 14px 28px; background: var(--accent); color: var(--fg-on-brand);
  border: 0; border-radius: var(--r-md); cursor: pointer;
  transition: background var(--t-fast) var(--ease-default), transform var(--t-fast) var(--ease-default);
}
.btn-primary:hover { background: var(--accent-hover); }
.btn-primary:active { transform: translateY(1px); }

.btn-ghost {
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-weight: 600; font-size: 16px;
  padding: 13px 27px; background: transparent; color: var(--accent);
  border: 1px solid var(--accent); border-radius: var(--r-md); cursor: pointer;
  transition: background var(--t-fast), color var(--t-fast);
}
.btn-ghost:hover { background: var(--accent); color: var(--fg-on-brand); }

/* ============================================================
   Программа лояльности — Naumen CE sub-page
   Built on Naumen Design System tokens (tokens.css)
   ============================================================ */

*{box-sizing:border-box}
body{margin:0;background:var(--bg-page);color:var(--ink-3);font-family:var(--font-body)}
.page{min-height:100%}
.wrap{max-width:1280px;margin:0 auto;padding:0}

/* ---------- hero / page title ---------- */
.hero{
  background:var(--bg-page);
  border-bottom:1px solid var(--line-3);
  padding:64px 0 60px;
}
.hero .eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--accent);margin:0 0 22px;
}
.hero .eyebrow::before{content:"";width:30px;height:2px;background:var(--accent);display:block}
.hero h1{
  font-family:var(--font-display);font-weight:600;color:var(--ink-2);
  font-size:46px;line-height:1.12;letter-spacing:-.01em;margin:0;max-width:1000px;
}
.hero h1 b{color:var(--accent);font-weight:600}

/* ---------- generic section ---------- */
.section{padding:50px 0}
.section.muted{background:var(--bg-mute-1)}
.section-head{max-width:920px;margin:0 0 44px}
/*.section-head h2{
  font-family:var(--font-display);font-weight:600;color:var(--ink-2);
  font-size:34px;line-height:1.16;letter-spacing:-.01em;margin:0;
}*/
.section-head .sub{
  font-size:18px;line-height:1.5;color:var(--ink-5);margin:18px 0 0;max-width:840px;
}

/* ---------- BLOCK 1 — task cards ---------- */
.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.task{
  position:relative;background:var(--bg-page);border:1px solid var(--line-4);
  border-radius:var(--r-lg);padding:26px 26px 28px;
  transition:box-shadow var(--t-base) var(--ease-linear),transform var(--t-base) var(--ease-linear),border-color var(--t-base) var(--ease-linear);
}
.task:hover{box-shadow:var(--shadow-card);transform:translateY(-3px);border-color:var(--line-2)}
.task .ic{
  width:50px;height:50px;border-radius:14px;background:rgba(255,103,32,.09);
  color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:18px;
}
.task .ic svg{width:25px;height:25px;stroke-width:1.75}
.task p{margin:0;font-size:15.5px;line-height:1.5;color:var(--ink-3)}
.task .check{
  position:absolute;top:24px;right:24px;width:22px;height:22px;border-radius:50%;
  background:var(--accent);display:flex;align-items:center;justify-content:center;
}
.task .check svg{width:13px;height:13px;stroke:#fff;stroke-width:3}

/* ---------- BLOCK 2 — advantage cards ---------- */
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.adv{
  position:relative;border-radius:var(--r-lg);padding:34px 30px 32px;overflow:hidden;
  background:var(--bg-page);border:1px solid var(--line-4);
  box-shadow:var(--shadow-md);
}
.adv::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--c)}
.adv .adv-ic{
  width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--c) 12%,transparent);color:var(--c);margin-bottom:20px;
}
.adv .adv-ic svg{width:26px;height:26px;stroke-width:1.75}
.adv h3{
  font-family:var(--font-display);font-weight:600;color:var(--ink-2);
  font-size:21px;line-height:1.25;margin:0 0 22px;
}
.adv ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.adv li{position:relative;padding-left:26px;font-size:15px;line-height:1.5;color:var(--ink-4)}
.adv li::before{
  content:"";position:absolute;left:0;top:7px;width:14px;height:14px;border-radius:50%;
  background:color-mix(in srgb,var(--c) 16%,transparent);
}
.adv li::after{
  content:"";position:absolute;left:5px;top:12px;width:4px;height:4px;border-radius:50%;background:var(--c);
}
.adv li em{font-style:normal;font-weight:700;color:var(--c)}

/* ---------- BLOCK 3 — vertical tabs ---------- */
.caps{display:grid;grid-template-columns:344px 1fr;gap:32px;align-items:start}

.rail-wrap{position:relative}
.rail-toggle{
  display:none;width:100%;align-items:center;gap:12px;text-align:left;cursor:pointer;
  background:var(--bg-page);border:1px solid var(--line-1);border-radius:var(--r-md);
  padding:13px 16px;font-family:var(--font-display);
}
.rail-toggle .r-ic{flex:0 0 auto;width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(255,103,32,.1);color:var(--accent)}
.rail-toggle .r-ic svg{width:19px;height:19px;stroke-width:1.85}
.rail-toggle .rt-name{flex:1;font-size:16px;font-weight:600;color:var(--ink-2);line-height:1.3}
.rail-toggle .rt-chev{flex:0 0 auto;color:var(--ink-5);transition:transform var(--t-base) var(--ease-default)}
.rail-toggle .rt-chev svg{width:20px;height:20px;stroke-width:2}
.rail-toggle.open .rt-chev{transform:rotate(180deg)}

.rail{display:flex;flex-direction:column;gap:6px}
.rail-btn{
  display:flex;gap:14px;align-items:flex-start;text-align:left;width:100%;
  background:transparent;border:1px solid transparent;border-left:4px solid transparent;
  border-radius:var(--r-md);padding:7px 16px;cursor:pointer;
  font-family:var(--font-display);transition:background var(--t-fast) var(--ease-linear),border-color var(--t-fast) var(--ease-linear),box-shadow var(--t-fast) var(--ease-linear);
}
.rail-btn:hover{background:var(--bg-mute-2)}
.rail-btn .r-ic{
  flex:0 0 auto;width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  background:var(--bg-mute-1);color:var(--ink-6);transition:background var(--t-fast),color var(--t-fast);
}
.rail-btn .r-ic svg{width:19px;height:19px;stroke-width:1.85}
.rail-btn .r-tx{min-width:0;padding-top:2px}
.rail-btn .r-name{display:block;font-size:16px;font-weight:600;color:var(--ink-3);line-height:1.3}
.rail-btn .badge{
  display:inline-block;margin-left:8px;vertical-align:middle;
  font-family:var(--font-body);font-weight:700;font-size:10px;letter-spacing:.04em;text-transform:uppercase;
  color:var(--accent);background:rgba(255,103,32,.12);padding:2px 8px;border-radius:20px;
}
.rail-btn .r-desc{
  display:block;
  font-family:var(--font-body);font-size:13px;line-height:1.45;color:var(--ink-6);
  margin-top:6px;max-height:0;opacity:0;overflow:hidden;transition:max-height var(--t-base) var(--ease-default),opacity var(--t-base) var(--ease-linear),margin-top var(--t-base);
}
.rail-btn.active{
  background:var(--bg-page);border-color:var(--line-4);border-left-color:var(--accent);
  box-shadow:var(--shadow-md);
}
.rail-btn.active .r-ic{background:rgba(255,103,32,.1);color:var(--accent)}
.rail-btn.active .r-name{color:var(--ink-2)}
.rail-btn.active .r-desc{max-height:120px;opacity:1;margin-top:8px}

/* panel */
.panel{
  background:var(--bg-page);border:1px solid var(--line-4);border-radius:var(--r-lg);
  box-shadow:var(--shadow-card);padding:38px 40px 42px;min-height:430px;
  animation:fade var(--t-slow) var(--ease-default);
}
@keyframes fade{from{transform:translateY(8px)}to{transform:none}}
.panel-h{
  font-family:var(--font-display);font-weight:600;color:var(--ink-2);
  font-size:24px;line-height:1.25;margin:0 0 28px;
}
.panel-lead{font-size:16px;color:var(--ink-5);margin:-16px 0 28px}

/* feature list (title + desc) */
.feat{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}
.feat.one{grid-template-columns:1fr}
.feat-item{
  display:flex;gap:14px;align-items:flex-start;padding:18px 20px;
  background:var(--bg-mute-2);border:1px solid var(--line-3);border-radius:var(--r-md);
}
.feat-item .fnum{
  flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;
  font-family:var(--font-display);font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;
}
.feat-item .fdot{
  flex:0 0 auto;width:22px;height:22px;border-radius:50%;margin-top:1px;
  background:rgba(255,103,32,.12);display:flex;align-items:center;justify-content:center;
}
.feat-item .fdot svg{width:13px;height:13px;stroke:var(--accent);stroke-width:3}
.feat-item h4{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--ink-2);margin:0 0 5px;line-height:1.3}
.feat-item p{margin:0;font-size:14px;line-height:1.45;color:var(--ink-5)}

/* simple check list */
.checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.checklist li{position:relative;padding-left:34px;font-size:16.5px;line-height:1.45;color:var(--ink-3)}
.checklist li::before{
  content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;
  background:rgba(255,103,32,.1);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6720' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M4 12.5l5 5 11-11'/></svg>");
  background-repeat:no-repeat;background-position:center;background-size:13px;
}

/* ---------- referral journey ---------- */
.ref-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:stretch}
.ref-step{
  background:var(--bg-mute-2);border:1px solid var(--line-3);border-radius:var(--r-md);
  padding:24px 22px;display:flex;flex-direction:column;
}
.ref-step .rnum{
  width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;
  font-family:var(--font-display);font-weight:600;font-size:16px;
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;
}
.ref-step h4{font-family:var(--font-display);font-weight:600;font-size:17px;color:var(--ink-2);margin:0 0 8px;line-height:1.3}
.ref-step p{margin:0;font-size:14px;line-height:1.45;color:var(--ink-5)}
.ref-arrow{display:flex;align-items:center;justify-content:center;color:var(--accent)}
.ref-arrow svg{width:24px;height:24px;stroke-width:2}

/* ---------- promo internal slider ---------- */
.promo-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.promo-dots{display:flex;gap:8px;align-items:center}
.promo-dots button{
  width:9px;height:9px;border-radius:50%;border:0;background:var(--line-2);cursor:pointer;padding:0;
  transition:background var(--t-fast),width var(--t-fast);
}
.promo-dots button.on{background:var(--accent);width:24px;border-radius:5px}
.promo-nav{display:flex;gap:8px}
.promo-nav button{
  width:38px;height:38px;border-radius:50%;border:1px solid var(--line-1);background:var(--bg-page);
  color:var(--ink-4);display:flex;align-items:center;justify-content:center;cursor:pointer;
  transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast);
}
.promo-nav button:hover{border-color:var(--accent);color:var(--accent)}
.promo-nav button svg{width:18px;height:18px;stroke-width:2}
.promo-view{animation:fade var(--t-base) var(--ease-default)}

/* promo type matrix */
.scope-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.scope{
  font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--ink-4);
  background:var(--bg-mute-1);border:1px solid var(--line-3);border-radius:var(--r-pill);
  padding:8px 18px;display:inline-flex;align-items:center;gap:8px;
}
.scope::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}
.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.type-col{background:var(--bg-mute-2);border:1px solid var(--line-3);border-radius:var(--r-md);padding:20px 18px}
.type-col h5{
  font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--ink-2);
  margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid var(--accent);display:inline-block;
}
.type-col .chips{display:flex;flex-direction:column;gap:9px}
.chip{
  background:var(--bg-page);border:1px solid var(--line-1);border-radius:var(--r-sm);
  padding:9px 12px;font-size:14px;color:var(--ink-3);line-height:1.3;
}

/* trigger flow */
.flow{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch;margin-bottom:26px}
.flow-card{background:var(--bg-mute-2);border:1px solid var(--line-3);border-radius:var(--r-md);padding:20px}
.flow-card .lab{
  font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--accent);margin:0 0 10px;
}
.flow-card.evt .lab{color:var(--naumen-blue-bright)}
.flow-card p{margin:0;font-size:15px;line-height:1.45;color:var(--ink-3)}
.flow-arrow{display:flex;align-items:center;justify-content:center;color:var(--ink-6)}
.flow-arrow svg{width:26px;height:26px;stroke-width:1.75}

/* certificate stat */
.cert-wrap{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:stretch}
.cert-stat{
  background:linear-gradient(160deg,var(--naumen-orange) 0%,var(--naumen-orange-bright) 100%);
  border-radius:var(--r-lg);padding:30px 26px;color:#fff;display:flex;flex-direction:column;justify-content:center;
}
.cert-stat .big{font-family:var(--font-display);font-weight:700;font-size:64px;line-height:1;letter-spacing:-.02em}
.cert-stat .cap{font-size:15px;line-height:1.45;margin-top:14px;color:rgba(255,255,255,.95)}
.cert-list{display:flex;flex-direction:column;gap:14px}

/* analytics groups */
.an-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.an-col{background:var(--bg-mute-2);border:1px solid var(--line-3);border-radius:var(--r-md);padding:24px 22px}
.an-col .an-h{display:flex;gap:12px;align-items:center;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line-3)}
.an-col .an-ic{
  width:38px;height:38px;border-radius:10px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  background:rgba(255,103,32,.1);color:var(--accent);
}
.an-col .an-ic svg{width:20px;height:20px;stroke-width:1.85}
.an-col h5{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--ink-2);margin:0;line-height:1.25}
.an-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.an-col li{position:relative;padding-left:18px;font-size:14px;line-height:1.45;color:var(--ink-4)}
.an-col li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--accent)}

/* ---------- responsive ---------- */
@media(max-width:980px){
  .caps{grid-template-columns:1fr}
  .rail-toggle{display:flex}
  .rail{
    position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;
    flex-direction:column;gap:4px;background:var(--bg-page);
    border:1px solid var(--line-4);border-radius:var(--r-md);box-shadow:var(--shadow-card);
    padding:6px;display:none;max-height:64vh;overflow-y:auto;
  }
  .rail.open{display:flex}
  .rail-btn{width:100%;border-left-width:0}
  .rail-btn .r-desc{display:none}
  .rail-btn.active{border-left-color:transparent;background:var(--bg-mute-1);border-color:var(--line-3);box-shadow:none}
  .rail-btn.active .r-ic{background:rgba(255,103,32,.1);color:var(--accent)}
  .feat{grid-template-columns:1fr}
  .task-grid,.adv-grid,.type-grid,.an-grid{grid-template-columns:1fr}
  .cert-wrap{grid-template-columns:1fr}
  .flow{grid-template-columns:1fr}
  .flow-arrow{transform:rotate(90deg)}
  .ref-flow{grid-template-columns:1fr}
  .ref-arrow{transform:rotate(90deg)}
}
@media(max-width:760px){
  .hero h1{font-size:32px}
  .section-head h2{font-size:26px}
  .task-grid{grid-template-columns:1fr}
}


/* ---------- static-mode additions (Bitrix export) ---------- */
.adv-orange{--c:var(--naumen-orange)}
.adv-blue{--c:var(--naumen-blue-bright)}
.adv-gray{--c:var(--ink-6)}
.panel-view{display:none}
.panel-view.active{display:block}
.promo-view{display:none}
.promo-view.active{display:block}