/* =====================================================================
   Три варианта оформления. A и B — на красном, но разные по типу:
   A «Русские мотивы» (светлый, кремовый, красный+золото, матрёшечные рамки)
   B «Инженерный красный» (тёмный, строгий, технический)
   C «Деловой минимализм» (графит + оранжевый)
   Логотип: красная матрёшка проекта Default Workspace.
   ===================================================================== */

/* ---- A: «Хохлома» — чёрный лак, золото, красный ---- */
:root{
  --bg:#0e0a07; --panel:#16100a; --panel-2:#120d08; --ink:#f4e6c8; --muted:#b59d76;
  --line:#3c2b17; --accent:#d8a94a; --accent-ink:#1b1206; --accent-soft:rgba(216,169,74,.14);
  --gold:#d8a94a; --gold-lt:#f0cd7d; --red:#c1121f; --red-lt:#e0473f; --ok:#59a06b;
  --shadow:0 1px 2px rgba(0,0,0,.6), 0 14px 34px rgba(0,0,0,.55);
  --radius:6px; --radius-sm:4px;
  --head-bg:rgba(14,10,7,.92);
  --grid-line:rgba(216,169,74,.05);
  --hero-grad:radial-gradient(1100px 460px at 50% -8%, rgba(216,169,74,.12), transparent 62%);
  --font:"PT Sans","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-head:"PT Serif",Georgia,"Times New Roman",serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

/* ---- B: «Инженерный красный» (тёмный) ---- */
html[data-theme="b"]{
  --bg:#0c0b0b; --panel:#161313; --panel-2:#100e0e; --ink:#f4ece7; --muted:#a2948d;
  --line:#2b2323; --accent:#e4323a; --accent-ink:#ffffff; --accent-soft:rgba(228,50,58,.13);
  --gold:#f0a03c; --ok:#4ade80; --red:#e4323a; --red-lt:#f06068;
  --shadow:0 1px 2px rgba(0,0,0,.6), 0 14px 34px rgba(0,0,0,.5);
  --radius:3px; --radius-sm:2px;
  --head-bg:rgba(12,11,11,.86);
  --grid-line:rgba(228,50,58,.07);
  --hero-grad:radial-gradient(1000px 340px at 18% -10%, rgba(228,50,58,.22), transparent 62%);
  --font-head:"Segoe UI",Roboto,Arial,sans-serif;
}

/* ---- C: «Деловой минимализм» ---- */
html[data-theme="c"]{
  --bg:#fbf8f3; --panel:#ffffff; --panel-2:#f7f1e8; --ink:#241f1a; --muted:#6d6255;
  --line:#e8ded0; --accent:#d9660f; --accent-ink:#ffffff; --accent-soft:rgba(217,102,15,.10);
  --gold:#a8611a; --ok:#2f7d4f; --red:#c0392b; --red-lt:#d9534a;
  --shadow:0 1px 2px rgba(60,40,20,.05), 0 10px 28px rgba(60,40,20,.07);
  --head-bg:rgba(251,248,243,.88);
  --grid-line:rgba(217,102,15,.07);
  --hero-grad:radial-gradient(1000px 360px at 30% -10%, rgba(217,102,15,.10), transparent 60%);
  --font-head:"Segoe UI",Roboto,Arial,sans-serif;
}

/* ================= A: хохлома ================= */
html[data-theme="a"] body{
  background-color:var(--bg);
  background-image:var(--hero-grad);
  background-repeat:no-repeat;
  background-size:100% 640px;
}
html[data-theme="a"] h1,
html[data-theme="a"] h2,
html[data-theme="a"] .brand-text strong{ font-family:var(--font-head); letter-spacing:0; }
html[data-theme="a"] h1,
html[data-theme="a"] h2{ color:var(--gold-lt); }
html[data-theme="a"] h3{ color:var(--ink); }
html[data-theme="a"] a{ color:var(--gold-lt); }

html[data-theme="a"] .site-header{ border-bottom:1px solid rgba(216,169,74,.3); }
html[data-theme="a"] .site-header::after{
  content:""; display:block; height:22px; opacity:.92;
  background:url(../img/khokhloma-band.svg) repeat-x center/auto 22px;
}
html[data-theme="a"] .brand-text strong{ color:var(--gold-lt); font-size:20px; }
html[data-theme="a"] .main-nav a{ color:var(--ink); }
html[data-theme="a"] .main-nav a:hover{ background:var(--accent-soft); color:var(--gold-lt); }
html[data-theme="a"] .main-nav a.active{
  background:var(--accent-soft); color:var(--gold-lt); border-color:rgba(216,169,74,.45);
}
html[data-theme="a"] .theme-switch{ background:#140f09; border-color:rgba(216,169,74,.35); }
html[data-theme="a"] .demo-badge{ border-color:rgba(192,57,43,.7); color:var(--red-lt); }

html[data-theme="a"] .hero .container{
  position:relative; background:#151009;
  border:1px solid rgba(216,169,74,.45); border-radius:6px;
  padding:66px 68px 58px;
  box-shadow:inset 0 0 0 1px rgba(216,169,74,.16), inset 0 0 80px rgba(216,169,74,.05), var(--shadow);
}
html[data-theme="a"] .hero .container::before,
html[data-theme="a"] .hero .container::after{
  content:""; position:absolute; width:118px; height:118px; pointer-events:none;
  background:url(../img/khokhloma-corner.svg) no-repeat center/contain; opacity:.42;
}
html[data-theme="a"] .hero .container::before{ left:-4px; top:-6px; }
html[data-theme="a"] .hero .container::after{ right:-4px; top:-6px; transform:scaleX(-1); }
html[data-theme="a"] .hero .lead{ color:var(--muted); }
html[data-theme="a"] .kicker{ color:var(--red-lt); }

html[data-theme="a"] .card{
  position:relative; background:linear-gradient(180deg,#1a130b,#140f09);
  border:1px solid rgba(216,169,74,.26); border-top:2px solid var(--red);
  border-radius:6px;
}
html[data-theme="a"] .card::after{
  content:""; position:absolute; right:4px; top:4px; width:46px; height:46px;
  background:url(../img/khokhloma-card-corner.svg) no-repeat center/contain;
  opacity:.45; transform:scaleX(-1); pointer-events:none;
}
html[data-theme="a"] .card h3{ padding-right:34px; }
html[data-theme="a"] .card:hover{
  box-shadow:0 0 0 1px rgba(216,169,74,.55), var(--shadow);
}
html[data-theme="a"] .section-head h2::after,
html[data-theme="a"] .container > h2::after,
html[data-theme="a"] .two-col h2::after{
  content:""; display:block; width:190px; height:26px; margin:10px 0 0;
  background:url(../img/khokhloma-divider.svg) no-repeat left center/contain;
}
html[data-theme="a"] .section-alt{
  background:var(--panel-2);
  border-top:1px solid rgba(216,169,74,.16);
  border-bottom:1px solid rgba(216,169,74,.16);
}
html[data-theme="a"] .btn-primary{
  background:linear-gradient(180deg,#f0cd7d,#d8a94a); color:#1b1206;
  border-color:rgba(216,169,74,.85); box-shadow:0 2px 12px rgba(216,169,74,.16);
}
html[data-theme="a"] .btn-ghost{
  background:transparent; border-color:rgba(216,169,74,.55); color:var(--gold-lt);
}
html[data-theme="a"] .btn-ghost:hover{ border-color:var(--gold-lt); color:var(--gold-lt); background:rgba(216,169,74,.08); }
html[data-theme="a"] .stat b{ color:var(--gold-lt); }
html[data-theme="a"] .steps li{ background:#151009; border:1px solid rgba(216,169,74,.22); }
html[data-theme="a"] .steps li::before{ background:var(--red); color:#f6e7c6; border-radius:50%; }
html[data-theme="a"] .notice{
  background:rgba(216,169,74,.08); border:1px solid rgba(216,169,74,.25);
  border-left:4px solid var(--gold);
}
html[data-theme="a"] .cta{
  background:#151009; border:1px solid rgba(216,169,74,.25); border-left:4px solid var(--red);
}
html[data-theme="a"] .data-table thead th{ background:#1a130b; color:var(--gold-lt); }
html[data-theme="a"] .card-meta span{ background:rgba(216,169,74,.12); color:var(--muted); }
html[data-theme="a"] .chip{ background:transparent; border-color:rgba(216,169,74,.4); color:var(--ink); }
html[data-theme="a"] .chip.is-on{ background:linear-gradient(180deg,#f0cd7d,#d8a94a); color:#1b1206; border-color:transparent; }
html[data-theme="a"] .timeline li::before{ background:var(--gold); }
html[data-theme="a"] .aside-card{ background:#151009; border-color:rgba(216,169,74,.28); }
html[data-theme="a"] .footer-brand{ color:var(--gold-lt); font-family:var(--font-head); }
html[data-theme="a"] .footer-col a{ color:var(--ink); }
html[data-theme="a"] .form input,html[data-theme="a"] .form select,html[data-theme="a"] .form textarea{
  background:#100c07; border-color:rgba(216,169,74,.3); color:var(--ink);
}

/* ================= B: инженерный красный ================= */
html[data-theme="b"] body{
  background-image:
    linear-gradient(var(--grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
  background-size:44px 44px;
}
html[data-theme="b"] .site-header{ border-bottom:1px solid var(--line); }
html[data-theme="b"] .site-header::after{
  content:""; display:block; height:2px;
  background:linear-gradient(90deg, transparent, var(--accent) 20%, var(--accent) 80%, transparent);
  opacity:.7;
}
html[data-theme="b"] h1,
html[data-theme="b"] h2{ letter-spacing:-.02em; }
html[data-theme="b"] .kicker{ color:var(--accent); }
html[data-theme="b"] .brand-text strong{ letter-spacing:.06em; text-transform:uppercase; }
html[data-theme="b"] .card{ border-left:2px solid var(--accent); }
html[data-theme="b"] .card:hover{
  box-shadow:0 0 0 1px var(--accent), 0 12px 40px rgba(228,50,58,.18);
}
html[data-theme="b"] .btn{
  border-radius:2px; text-transform:uppercase; letter-spacing:.05em;
  font-size:13px; padding:12px 20px;
}
html[data-theme="b"] .btn-primary{ box-shadow:0 0 20px rgba(228,50,58,.32); }
html[data-theme="b"] .chip,
html[data-theme="b"] .main-nav a,
html[data-theme="b"] .theme-switch,
html[data-theme="b"] .demo-badge,
html[data-theme="b"] .theme-switch button,
html[data-theme="b"] .card-meta span{ border-radius:2px; }
html[data-theme="b"] .stat b{ color:var(--gold); }
html[data-theme="b"] .data-table thead th{ background:#100e0e; color:var(--accent); }
html[data-theme="b"] .notice{ border-left:4px solid var(--accent); background:var(--accent-soft); }
html[data-theme="b"] .cta{ border-left:4px solid var(--accent); background:var(--panel); }
html[data-theme="b"] .steps li{ border-left:2px solid var(--accent); }
html[data-theme="b"] .steps li::before{ background:var(--accent); color:var(--accent-ink); border-radius:2px; }

/* логотип */
.brand-logo{ width:36px; height:36px; display:block; flex:none; }
html[data-theme="a"] .brand-logo{ width:40px; height:40px; }

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.6 var(--font); -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{line-height:1.2;margin:0 0 .5em}
h1,h2{font-family:var(--font-head)}
h1{font-size:clamp(28px,4.2vw,44px);letter-spacing:-.015em}
h2{font-size:clamp(20px,2.4vw,26px);margin-top:0}
h3{font-size:17px}
p{margin:0 0 1em}
code{font-family:var(--mono);font-size:.9em;background:var(--accent-soft);
     padding:1px 6px;border-radius:5px}
.container{max-width:1120px;margin:0 auto;padding:0 22px}

.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;background:var(--panel);padding:10px 14px;border-radius:8px;z-index:99}

/* Шапка */
.site-header{
  position:sticky;top:0;z-index:20;background:var(--head-bg);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--line);
}
.header-inner{display:flex;align-items:center;gap:22px;min-height:66px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;flex:none}
.brand:hover{text-decoration:none}
.brand-mark svg rect{fill:var(--accent)}
.brand-mark svg path{fill:none;stroke:var(--accent-ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.brand-text{display:flex;flex-direction:column;line-height:1.15}
.brand-text strong{font-size:19px;letter-spacing:.02em}
.brand-text small{font-size:11px;color:var(--muted);max-width:210px}
.main-nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
.main-nav a{
  padding:9px 14px;border-radius:999px;color:var(--ink);font-weight:600;font-size:15px;
  text-decoration:none;border:1px solid transparent;
}
.main-nav a:hover{background:var(--accent-soft);color:var(--accent);text-decoration:none}
.main-nav a.active{background:var(--accent);color:var(--accent-ink)}
.header-tools{display:flex;align-items:center;gap:10px;flex:none}
.theme-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}
.theme-switch button{
  border:0;background:transparent;color:var(--muted);font:600 12px/1 var(--font);
  width:26px;height:26px;border-radius:50%;cursor:pointer;
}
.theme-switch button:hover{color:var(--accent)}
.theme-switch button.is-on{background:var(--accent);color:var(--accent-ink)}
.demo-badge{
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  color:var(--muted);border:1px dashed var(--line);border-radius:999px;padding:4px 9px;
}

/* Секции */
.hero{padding:56px 0 40px;background:var(--hero-grad)}
.hero .lead{max-width:64ch;color:var(--muted);font-size:18px}
.kicker{
  font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent);margin:0 0 12px;
}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.section{padding:44px 0}
.section-alt{background:var(--panel-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}
.section-head h2{margin:0}
.link-more{font-weight:600}

/* Кнопки */
.btn{
  display:inline-block;padding:11px 20px;border-radius:10px;font-weight:650;
  border:1px solid transparent;cursor:pointer;text-decoration:none;font-size:15px;
  transition:transform .06s ease, background .15s ease;
}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn-primary{background:var(--accent);color:var(--accent-ink)}
.btn-primary:hover{filter:brightness(1.07)}
.btn-ghost{border-color:var(--line);color:var(--ink);background:var(--panel)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.btn-small{padding:7px 13px;font-size:13.5px;border-radius:8px}
.btn-block{display:block;text-align:center;margin-top:14px}

/* Сетки и карточки */
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px;box-shadow:var(--shadow);transition:box-shadow .18s ease, transform .18s ease;
}
.card h3 a{color:var(--ink)}
.card:hover{transform:translateY(-2px)}
.product-card p{color:var(--muted)}
.card-list{margin:0 0 14px;padding-left:18px;color:var(--muted);font-size:14.5px}
.card-list li{margin:4px 0}
.card-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin:0 0 14px}
.card-meta span{background:var(--accent-soft);border-radius:999px;padding:3px 10px}
.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0}
.card-tags{font-size:12.5px;color:var(--muted);margin:0}

/* Цифры */
.stats-row{
  display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:24px;box-shadow:var(--shadow);
}
.stat b{display:block;font-size:34px;line-height:1.1;font-family:var(--mono);color:var(--accent)}
.stat span{color:var(--muted);font-size:14px}

/* Шаги */
.steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;gap:14px;
       grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.steps li{
  counter-increment:s;position:relative;padding:18px 18px 18px 58px;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
}
.steps li::before{
  content:counter(s);position:absolute;left:16px;top:16px;width:28px;height:28px;
  border-radius:50%;background:var(--accent);color:var(--accent-ink);
  display:grid;place-items:center;font:700 14px/1 var(--mono);
}
.steps li b{display:block;margin-bottom:4px}
.steps li span{color:var(--muted);font-size:14.5px}

/* CTA */
.cta{
  display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;
  background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--accent);
  border-radius:var(--radius);padding:26px 28px;box-shadow:var(--shadow);
}
.cta h2{margin:0 0 6px}
.cta p{margin:0;color:var(--muted)}

/* Фильтры */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.chip{
  border:1px solid var(--line);background:var(--panel);color:var(--ink);
  padding:8px 15px;border-radius:999px;font:600 14px/1 var(--font);cursor:pointer;
}
.chip:hover{border-color:var(--accent);color:var(--accent)}
.chip.is-on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.empty-note{color:var(--muted);margin-top:18px}

/* Таблицы */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.data-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px}
.data-table th,.data-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.data-table thead th{
  background:var(--panel-2);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);
  position:sticky;top:0;
}
.data-table tbody tr:last-child td{border-bottom:0}
.data-table tbody tr:hover{background:var(--accent-soft)}
.data-table .row-head{font-weight:600}
.data-table .row-head a{color:var(--ink)}
.mono{font-family:var(--mono);font-size:13px}
.price{font-family:var(--mono);font-size:13px;color:var(--muted)}
.data-table-prices{min-width:760px}

/* Текстовые блоки */
.two-col{display:grid;gap:30px;grid-template-columns:minmax(0,1fr) 320px;align-items:start}
.two-col-narrow{grid-template-columns:minmax(0,1fr) 320px}
.two-col h2:not(:first-child){margin-top:34px}
.aside-card{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px;box-shadow:var(--shadow);position:sticky;top:84px;
}
.aside-card h3{margin-top:0}
dl{margin:0}
dt{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-top:14px}
dt:first-of-type{margin-top:0}
dd{margin:2px 0 0;font-weight:600;word-break:break-word}
.breadcrumbs{color:var(--muted);font-size:13.5px;margin-bottom:24px}
.breadcrumbs a{color:var(--muted)}
.breadcrumbs span{color:var(--ink)}
.checklist{list-style:none;padding:0;margin:0}
.checklist li{position:relative;padding-left:28px;margin:9px 0}
.checklist li::before{
  content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:800;
}
.checklist-2{columns:2;column-gap:34px}
.plain-list{padding-left:20px;margin:0;color:var(--muted)}
.plain-list li{margin:5px 0}
.note{color:var(--muted);font-size:13.5px}
.notice{
  background:var(--accent-soft);border:1px solid var(--line);border-left:4px solid var(--accent);
  border-radius:var(--radius-sm);padding:14px 18px;margin-bottom:26px;font-size:14.5px;
}
.license-list{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:12px;
              grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.license-list li{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px}
.license-list b{display:block;margin-bottom:2px}
.license-list span{color:var(--muted);font-size:14px}
.timeline{list-style:none;padding:0;margin:0;border-left:2px solid var(--line);padding-left:20px}
.timeline li{position:relative;margin:0 0 16px}
.timeline li::before{
  content:"";position:absolute;left:-27px;top:7px;width:10px;height:10px;border-radius:50%;
  background:var(--accent);box-shadow:0 0 0 3px var(--bg);
}
.timeline b{display:block;font-family:var(--mono)}
.timeline span{color:var(--muted);font-size:14.5px}

/* Форма */
.form{display:grid;gap:14px;margin-top:16px;max-width:560px}
.form label{display:grid;gap:6px;font-size:14px;font-weight:600}
.form input,.form select,.form textarea{
  font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);
  background:var(--panel);color:var(--ink);width:100%;
}
.form input:focus,.form select:focus,.form textarea:focus{
  outline:2px solid var(--accent-soft);border-color:var(--accent);
}
.form-note{font-size:13px;color:var(--muted);margin:0}
.contact-card dl{margin-top:0}

/* Пейджер */
.pager{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;padding-top:10px;padding-bottom:50px}
.pager-link{
  flex:1 1 240px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:16px 18px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);
}
.pager-link:hover{border-color:var(--accent);text-decoration:none}
.pager-link span{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.pager-link b{font-size:15px}
.pager-next{text-align:right}

/* Подвал */
.site-footer{border-top:1px solid var(--line);background:var(--panel-2);padding:38px 0 20px;margin-top:20px}
.footer-grid{display:grid;gap:26px;grid-template-columns:1.4fr 1fr 1fr 1fr}
.footer-brand{font-size:18px}
.footer-col h3{font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 10px}
.footer-col ul{list-style:none;padding:0;margin:0}
.footer-col li{margin:7px 0}
.footer-col a{color:var(--ink);font-size:14.5px}
.footer-col p{color:var(--muted);font-size:14px;margin:8px 0 0}
.footer-bottom{border-top:1px solid var(--line);margin-top:26px;padding-top:16px;color:var(--muted);font-size:13px}

/* Адаптив */
@media (max-width:900px){
  .two-col,.two-col-narrow{grid-template-columns:1fr}
  .aside-card{position:static}
  .footer-grid{grid-template-columns:1fr 1fr}
  .checklist-2{columns:1}
}
@media (max-width:720px){
  html[data-theme="a"] .hero .container{
    border-radius:84px 84px 14px 14px; padding:38px 22px 34px;
  }
  .header-inner{gap:12px}
  .brand-text small{display:none}
  .main-nav{order:3;width:100%;margin-left:0;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
  .main-nav a{white-space:nowrap}
  .header-tools{margin-left:auto}
  .hero{padding:34px 0 26px}
  .section{padding:32px 0}
  .cta{padding:20px}
}

/* Плашка согласия на cookie */
.cookie-bar{
  position:fixed; left:0; right:0; bottom:0; z-index:50;
  background:var(--panel); border-top:1px solid var(--line);
  box-shadow:0 -10px 34px rgba(0,0,0,.3);
}
.cookie-inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:18px; flex-wrap:wrap; padding:14px 22px;
}
.cookie-text{margin:0; font-size:14px; line-height:1.45; color:var(--muted); max-width:74ch}
.cookie-actions{display:flex; align-items:center; gap:16px; flex:none; flex-wrap:wrap}
.cookie-link{font-size:13.5px; text-decoration:underline; color:var(--muted)}
.cookie-link:hover{color:var(--accent)}
body.cookie-open{padding-bottom:104px}
html[data-theme="a"] .cookie-bar{ background:#151009; border-top:1px solid rgba(216,169,74,.4); }
html[data-theme="a"] .cookie-link{ color:var(--gold-lt); }
html[data-theme="b"] .cookie-bar{ border-top:2px solid var(--accent); }

@media (prefers-reduced-motion:reduce){
  *{transition:none !important;animation:none !important;scroll-behavior:auto}
}