/* ═══════════════════════════════════════════════════════════════════
   ДИЗАЙН-СИСТЕМА startt.ru — версия 1, 24.10.2026
   Единственное место, где задаются цвет, шрифт, размеры, интервалы,
   отступы и скругления. В коде страниц — только эти переменные,
   числа и прозрачность для текста не пишутся.
   Палитра «Сад» (без yellow и pink). Шрифт Sofia Sans Condensed (текст и заголовки), файлы на CDN Тильды; Sofia Sans обычной ширины объявлена про запас.
   ═══════════════════════════════════════════════════════════════════ */

/* ── ШРИФТЫ ── */
@font-face{font-family:'Sofia Sans';font-style:normal;font-weight:1 1000;font-display:swap;src:url('https://static.tildacdn.com/tila3665-6630-4662-a433-616362663031/SofiaSans-cyr.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Sofia Sans';font-style:normal;font-weight:1 1000;font-display:swap;src:url('https://static.tildacdn.com/tila6338-3937-4937-a330-343065623864/SofiaSans-lat.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+20BD;}
@font-face{font-family:'Sofia Sans Condensed';font-style:normal;font-weight:1 1000;font-display:swap;src:url('https://static.tildacdn.com/tila3561-3863-4033-b864-366136356533/SofiaSansCond-cyr.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Sofia Sans Condensed';font-style:normal;font-weight:1 1000;font-display:swap;src:url('https://static.tildacdn.com/tila6136-3264-4336-b031-383432373534/SofiaSansCond-lat.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+20BD;}

:root{
  /* ── ЦВЕТ: палитра «Сад» ── */
  --c-green:#027b49; --c-green-h:#015c37;
  --c-ember:#fa4d43; --c-ember-h:#d93a31;
  --c-carbon:#000000; --c-iron:#1f1f1f; --c-coal:#3d3d3d; --c-graphite:#5a5a5a;
  --c-concrete:#d9d9d9; --c-ash:#c4c4c4; --c-mist:#ececec; --c-white:#ffffff;
  /* совместимость со старыми именами (лента ДТ) */
  --c-fog:var(--c-concrete); --c-slate:var(--c-iron); --c-ink:var(--c-carbon);
  --c-obsidian:var(--c-carbon); --c-black:var(--c-carbon); --c-pewter:var(--c-iron);

  /* смысловые цвета */
  --pg:var(--c-concrete);            /* фон страницы */
  --tile:var(--c-white);             /* плитка */
  --tile2:var(--c-mist);             /* плитка второго плана, подложка иконки */
  --panel:var(--c-white);
  --ink:var(--c-carbon);             /* текст: основной */
  --ink-2:var(--c-coal);             /* текст: вводный абзац (вместо прозрачности .85–.92) */
  --text:var(--c-coal);              /* весь текст (абзацы); заголовки, телефоны, меню — --ink (решение Томаса 24.10) */
  --mut:var(--c-coal);               /* текст: вторичный, подписи (темнее graphite — решение Томаса 24.10) */
  --acc:var(--c-green); --acc-h:var(--c-green-h); --acc-40:rgba(2,123,73,.4);
  --acc-bg:var(--c-ember); --acc-bg-h:var(--c-ember-h);
  --on-dark:var(--c-white);          /* текст на цветной плитке */
  --on-dark-mut:rgba(255,255,255,.8);/* вторичный текст на цветной плитке */
  --on-dark-24:rgba(255,255,255,.24);/* подложка кнопки на цветной плитке */
  --on-dark-75:var(--on-dark-mut); --on-dark-85:var(--on-dark-mut);
  --brd:var(--c-ash);                /* рамка плитки */
  --line:rgba(0,0,0,.18); --line-08:rgba(0,0,0,.08); --line-18:rgba(0,0,0,.18); --line-20:rgba(0,0,0,.2);
  --sh-12:rgba(0,0,0,.12); --sh-28:rgba(0,0,0,.28); --sh-50:rgba(0,0,0,.5);
  --head-bg:rgba(255,255,255,.92); --scrim:rgba(0,0,0,.42); --veil:rgba(0,0,0,.55);
  --h1-shine:var(--c-graphite);
  --lga:var(--c-carbon); --lgb:var(--c-white);   /* логотип */

  /* ── ШРИФТ ── */
  --ff-text:'Sofia Sans Condensed','Arial Narrow',Arial,sans-serif;/* текст — узкая (решение Томаса 24.10) */
  --ff-head:'Sofia Sans Condensed','Arial Narrow',Arial,sans-serif;/* заголовки, телефоны, кикеры, меню */
  --fw-text:400; --fw-head:600; --fw-bold:700;

  /* размеры (шкала 02.09.2026) */
  /* под Sofia шкала поднята на ~10% от шкалы 02.09 (у Sofia ниже строчные, при тех же px она мельче Inter) */
  --fs-h1:clamp(34px,4.4vw,44px); --fs-display:32px; --fs-section:24px; --fs-tile:22px;
  --fs-lead-l:20px; --fs-nav:17px; --fs-lead:17px; --fs-text:16px; --fs-small:14px; --fs-kicker:12px;
  --fs-giant:132px;   /* огромная цифра (404) */

  /* межстрочный интервал */
  --lh-tight:1; --lh-head:1.15; --lh-snug:1.3; --lh-text:1.5; --lh-doc:1.65;   /* --lh-doc — длинный юридический текст */
  /* трекинг */
  --ls-0:0; --ls-head:0; --ls-caps:.08em;

  /* ── ОТСТУПЫ: шаг 4px ── */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px;
  --gap-grid:16px;                   /* между плитками */
  --pad-tile:24px; --pad-tile-s:20px; --pad-hero:40px;
  --gap-kicker:12px; --gap-kicker-hero:16px;
  --row:150px; --maxw:1240px; --maxw-doc:900px;   /* --maxw-doc — ширина страницы-документа (политика) */

  /* ── СКРУГЛЕНИЯ ── */
  --r-tile:24px; --r-el:12px; --r-xs:3px; --r-pill:999px; --r-round:50%;
}
@media(max-width:640px){:root{
  --fs-h1:30px; --fs-display:25px; --fs-section:22px; --fs-tile:20px; --fs-lead-l:17px; --fs-nav:17px; --fs-giant:88px;
  --pad-tile:20px; --pad-hero:24px;
}}

/* ── БАЗА ── */
*{box-sizing:border-box;margin:0;}
/* русские формы кириллицы у Sofia (по умолчанию в шрифте болгарские: т как m, д как g); основное — lang="ru" у html */
html{font-language-override:"RUS";}
body{font-family:var(--ff-text);font-weight:var(--fw-text);font-size:var(--fs-text);line-height:var(--lh-text);background:var(--pg);color:var(--text);}
h1,h2,h3,.ttl,.big,.ph,.hd-phone,.nm,#stMenu nav a,.cph{color:var(--ink);}
a{text-decoration:none;color:inherit;}
h1,h2,h3{font-family:var(--ff-head);font-weight:var(--fw-head);line-height:var(--lh-head);letter-spacing:var(--ls-head);}
h1,h2,h3,p,.big,.num,.ph,.slg{overflow-wrap:break-word;}
.big,.num,.ph,.ph a,.hd-phone,.tag,.nm{font-family:var(--ff-head);}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--sp-5);}
@media(max-width:640px){.wrap{padding:0 var(--sp-4);}}

/* ── ШАПКА ── */
header{position:sticky;top:0;z-index:30;background:var(--head-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--brd);}
.hd{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);max-width:var(--maxw);margin:0 auto;gap:var(--sp-4);}
.hd-brand{display:flex;align-items:center;gap:var(--sp-3);}
.hd-brand svg{width:40px;height:40px;flex:0 0 auto;}
.hd-brand .nm{font-size:var(--fs-kicker);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase;line-height:var(--lh-head);color:var(--ink);}
.hd-right{display:flex;align-items:center;gap:var(--sp-5);}
.hd-phone{font-size:var(--fs-nav);font-weight:var(--fw-bold);white-space:nowrap;}
.burger{width:44px;height:44px;border:none;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--sp-1);cursor:pointer;}
.burger span{width:19px;height:2px;background:var(--ink);border-radius:var(--r-xs);transition:transform .38s cubic-bezier(.16,1,.3,1),opacity .2s;}
body.mopen .burger span:nth-child(1){transform:translateY(6px) rotate(45deg);}
body.mopen .burger span:nth-child(2){opacity:0;}
body.mopen .burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
.crumb{max-width:var(--maxw);margin:var(--sp-5) auto 0;padding:0 var(--sp-5);font-size:var(--fs-small);color:var(--mut);}
.crumb a:hover{color:var(--ink);}

/* ── МЕНЮ ── */
#stMenu{height:0;overflow:hidden;background:var(--tile);border-bottom:1px solid transparent;transition:height .5s cubic-bezier(.16,1,.3,1),border-color .4s;}
#stMenu.open{border-bottom-color:var(--brd);}
#stMenu .minner{padding:var(--sp-6) var(--sp-5) var(--sp-8);max-width:var(--maxw);margin:0 auto;}
#stMenu .mclose{display:none;}
#stMenu nav{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--sp-10);width:100%;}
#stMenu nav a{font-family:var(--ff-head);color:var(--ink);font-size:var(--fs-nav);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--ls-0);padding:var(--sp-3) 0;border-bottom:1px solid var(--line-08);opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .4s cubic-bezier(.16,1,.3,1),color .15s,padding-left .25s;}
body.mopen #stMenu nav a{opacity:1;transform:none;transition-delay:calc(var(--n) * 34ms + .08s);}
#stMenu nav a:hover{color:var(--acc);padding-left:var(--sp-2);}

/* ── НИЖНЯЯ ПАНЕЛЬ (телефон) ── */
#stBar{position:fixed;left:0;right:0;bottom:0;z-index:101;height:62px;background:var(--tile);border-top:1px solid var(--brd);display:none;}
#stBar a,#stBar button{flex:1;border:none;background:none;font:inherit;font-size:var(--fs-kicker);font-weight:var(--fw-bold);color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);letter-spacing:var(--ls-0);}
#stBar svg{width:19px;height:19px;stroke:var(--ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
#stBar .mid svg{transition:transform .35s cubic-bezier(.16,1,.3,1);}
body.mopen #stBar .mid{color:var(--acc);}
body.mopen #stBar .mid svg{stroke:var(--acc);transform:rotate(90deg);}
#stScrim{position:fixed;inset:0;z-index:99;background:var(--scrim);opacity:0;visibility:hidden;transition:.3s;}
body.mopen #stScrim{opacity:1;visibility:visible;}
@media(max-width:640px){
  .burger{display:none!important;}
  #stBar{display:flex;}
  body{padding-bottom:62px;}
  #stMenu{position:fixed;left:0;right:0;bottom:62px;top:auto;z-index:100;height:auto;max-height:72vh;overflow-y:auto;border-top:1px solid var(--brd);border-bottom:none;border-radius:var(--r-tile) var(--r-tile) 0 0;transform:translateY(115%);visibility:hidden;transition:transform .44s cubic-bezier(.16,1,.3,1),visibility .44s;}
  #stMenu.open{transform:none;visibility:visible;}
  #stMenu .minner{padding:var(--sp-4) var(--sp-5) var(--sp-6);}
  #stMenu .minner::before{content:"";display:block;width:42px;height:4px;border-radius:var(--r-xs);background:var(--line-20);margin:0 auto var(--sp-4);}
  #stMenu nav{grid-template-columns:1fr;}
}
@media(min-width:641px){#stScrim{display:none;}}

/* ── ОКНО КОНТАКТОВ: оборот плитки и запасной вариант ── */
/* плитка-призыв (на всех страницах область сетки cta, надпись своя) и обёртка переворота — место задано здесь, а не скриптом */
.t-cta,.st-scene{grid-area:cta;}
.st-scene{perspective:1400px;}
/* обе стороны в одной клетке сетки: высота плитки = высота большей стороны, текст оборота не вылезает */
.st-flip{position:relative;height:100%;display:grid;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.4,.15,.2,1);}
.st-flip>.tile,.st-flip>.st-back{grid-area:1/1/2/2;}
.st-flip.flipped{transform:rotateX(180deg);}
.st-flip>.tile{width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
/* любая плитка может переворачиваться и показывать контакты (класс .flip-tile ставит скрипт) */
.flip-tile{cursor:pointer;}
.st-back{position:relative;transform:rotateX(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--tile);border:1px solid var(--brd);border-radius:var(--r-tile);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--sp-8) var(--sp-6);text-align:left;color:var(--ink);}
#stContact{position:fixed;inset:0;z-index:100000;background:var(--veil);display:none;align-items:center;justify-content:center;padding:var(--sp-6);}
#stContact.open{display:flex;}
#stContact .cbox{background:var(--tile);border:1px solid var(--brd);border-radius:var(--r-tile);padding:var(--sp-8) var(--sp-6);max-width:380px;width:100%;position:relative;text-align:left;box-shadow:0 24px 60px var(--sh-28);}
.st-back h3,#stContact h3{font-size:var(--fs-nav);font-weight:var(--fw-bold);color:var(--ink);margin:0 var(--sp-10) var(--sp-3) 0;text-transform:uppercase;}
.st-back .cph,#stContact .cph{display:block;font-family:var(--ff-head);font-size:var(--fs-section);font-weight:var(--fw-bold);color:var(--ink);margin:var(--sp-1) 0;white-space:nowrap;transition:color .15s;}
.st-back .cph:hover,#stContact .cph:hover{color:var(--acc);}
.st-back .cem,#stContact .cem{display:inline-block;font-size:var(--fs-nav);font-weight:var(--fw-bold);color:var(--acc);margin-top:var(--sp-3);}
.st-back .chours,#stContact .chours{font-size:var(--fs-small);color:var(--mut);margin-top:var(--sp-3);}
.st-back .cclose,#stContact .cclose{position:absolute;top:var(--sp-3);right:var(--sp-3);width:32px;height:32px;border-radius:var(--r-el);border:1px solid var(--brd);background:transparent;color:var(--ink);font-size:var(--fs-small);line-height:1;cursor:pointer;transition:transform .25s ease,background .2s,border-color .2s;}
.st-back .cclose:hover{transform:rotate(90deg);background:var(--tile2);border-color:transparent;}
@media(max-width:640px){.st-back{padding:var(--sp-5);}}
@media(prefers-reduced-motion:reduce){.st-flip{transition:none;}}

/* ── ПЛИТКА ── */
.tile{min-width:0;background:var(--tile);border:1px solid var(--brd);border-radius:var(--r-tile);padding:var(--pad-tile);display:flex;flex-direction:column;justify-content:flex-start;transition:transform .18s,border-color .18s,box-shadow .18s;}
a.tile:hover{box-shadow:0 12px 28px var(--sh-12);}
.tag{font-size:var(--fs-kicker);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase;line-height:var(--lh-head);color:var(--mut);}
.tile>.tag{margin-bottom:var(--gap-kicker);}
.ttl{font-family:var(--ff-head);font-size:var(--fs-tile);font-weight:var(--fw-head);line-height:var(--lh-head);text-wrap:balance;}  /* заголовок плитки без h-тега */
.txt{font-size:var(--fs-text);line-height:var(--lh-text);color:var(--mut);margin-top:var(--sp-2);}         /* вторичный текст плитки */
.lead{font-size:var(--fs-lead);line-height:var(--lh-text);color:var(--ink-2);margin-top:var(--sp-4);}      /* вводный абзац */
.arr{transition:background .18s,color .18s,transform .18s;}
a.tile:hover .arr{transform:translate(2px,-2px);}

/* герой */
.t-hero{justify-content:center;padding:var(--pad-hero);}
.t-hero>.tag,.t-hero>.brand{margin-bottom:var(--gap-kicker-hero);}
.t-hero h1{font-size:var(--fs-h1);line-height:var(--lh-tight);text-transform:uppercase;text-wrap:balance;}
.t-hero h1 span{color:var(--acc);}
.t-hero .sub{font-family:var(--ff-head);font-size:var(--fs-lead);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase;line-height:var(--lh-snug);color:var(--mut);margin-top:var(--sp-4);}

/* карточка с иконкой */
.card .ic{width:42px;height:42px;border-radius:var(--r-el);background:var(--tile2);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-4);}
.card .ic svg{width:22px;height:22px;stroke:var(--acc);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.card h3{font-size:var(--fs-tile);}
.card p{font-size:var(--fs-text);line-height:var(--lh-text);color:var(--mut);margin-top:var(--sp-2);}

/* ТРИ ВИДА ПЛИТОК (решение Томаса 24.10). Отступ, прижим, размеры — только здесь; страница задаёт лишь место в сетке.
   1. обычная — .tile: белая, рамка, всё прижато к верху
   2. второго плана — .tile.t-second: серая, без рамки, прижим к верху, как у обычной
   3. с ценой или цифрой — .tile.t-num: крупная цифра (.num) сверху, пояснение под ней */
.tile h3,.tile .ttl{font-size:var(--fs-tile);}
.tile p,.tile .txt{font-size:var(--fs-text);line-height:var(--lh-text);color:var(--mut);margin-top:var(--sp-2);}
.t-second{background:var(--tile2);border-color:transparent;}
.t-num .num{font-family:var(--ff-head);font-size:var(--fs-display);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--acc);margin-bottom:var(--sp-3);}
.t-num .num small{font-size:var(--fs-small);color:var(--mut);}
.t-num h3{font-family:var(--ff-text);font-size:var(--fs-text);font-weight:var(--fw-text);line-height:var(--lh-snug);color:var(--text);}

/* CTA: верх спокойный, низ — красная кнопка; на тач-экранах вся плитка красная */
.t-cta{position:relative;background:var(--tile);border:1px solid var(--brd);color:var(--ink);justify-content:center;align-items:center;text-align:center;cursor:pointer;font:inherit;padding:calc(var(--pad-tile) + 14px + var(--gap-kicker-hero)) var(--pad-tile);transition:background .15s,color .15s,border-color .15s;}
.t-cta>.tag{position:absolute;top:var(--pad-tile);left:var(--pad-tile);right:var(--pad-tile);margin:0;color:var(--mut);}
.t-cta h2{font-size:var(--fs-display);line-height:var(--lh-tight);text-transform:uppercase;text-wrap:balance;}
.t-cta .go{margin-top:var(--sp-4);font-size:var(--fs-text);font-weight:var(--fw-bold);display:inline-flex;align-items:center;gap:var(--sp-3);}
.t-cta .go span{width:34px;height:34px;border-radius:var(--r-round);display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:var(--fs-nav);}
.t-cta .cta-act{background:var(--acc-bg);color:var(--on-dark);border-radius:var(--r-el);padding:var(--sp-5) var(--sp-6);transition:background .15s;}
.t-cta .cta-act h2,.t-cta .cta-act .go{color:var(--on-dark);}
.t-cta .cta-act .go span{background:var(--on-dark-24);color:var(--on-dark);}
.t-cta:hover .cta-act{background:var(--acc-bg-h);}
@media(hover:none){
  .t-cta{background:var(--acc-bg);border-color:transparent;color:var(--on-dark);}
  .t-cta>.tag{color:var(--on-dark-mut);}
  .t-cta h2,.t-cta .go{color:var(--on-dark);}
  .t-cta .cta-act{background:transparent;padding:0;}
}
@media(max-width:640px){.t-cta{padding:var(--sp-5)!important;}.t-cta>.tag{position:static;margin-bottom:var(--gap-kicker-hero);}}

/* контакты */
.t-cont{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--sp-5);flex-wrap:wrap;cursor:pointer;}
.t-cont .ph{font-size:var(--fs-section);font-weight:var(--fw-bold);}
.t-cont .em{font-size:var(--fs-lead);font-weight:var(--fw-bold);color:var(--acc);}
.t-cont .reg{font-size:var(--fs-small);color:var(--mut);}
.t-cont:hover{transform:translateY(-3px);border-color:var(--line);box-shadow:0 12px 28px var(--sh-12);}
.t-cont:hover .arr{transform:translate(2px,-2px);background:var(--acc-bg);color:var(--on-dark);}
@media(max-width:880px){.t-cont{flex-direction:column;align-items:flex-start;}}
@media(max-width:640px){.t-cont .ph{display:flex;flex-wrap:wrap;align-items:baseline;}.ph a{white-space:nowrap!important;}}

/* частые вопросы */
.fh{font-size:var(--fs-section);margin:0 0 var(--sp-4);}
/* РЯД КАРТОЧЕК: заголовки сверху, тексты во всех карточках ряда начинаются с одной линии
   (высота строки заголовка — по самому длинному заголовку ряда; subgrid) */
.frow{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:var(--gap-grid);}
.fc{background:var(--tile);border:1px solid var(--brd);border-radius:var(--r-tile);padding:var(--pad-tile);min-width:0;
  display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:var(--sp-2);align-content:start;}
.fc h3{font-size:var(--fs-tile);margin:0;align-self:start;overflow-wrap:anywhere;}
.fc p{font-size:var(--fs-text);line-height:var(--lh-text);color:var(--mut);align-self:start;}
@supports not (grid-template-rows:subgrid){.fc{display:flex;flex-direction:column;gap:var(--sp-2);}}
@media(max-width:880px){.frow{grid-template-columns:1fr;}}

/* подвал */
footer{border-top:1px solid var(--brd);padding:var(--sp-6) var(--sp-5);color:var(--mut);font-size:var(--fs-small);}
footer .fw{max-width:var(--maxw);margin:0 auto;display:flex;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;}
.t-serv a,.about a,.fmore a,footer a{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .25s,color .15s;}
.t-serv a:hover,.about a:hover,.fmore a:hover,footer a:hover{background-size:100% 1px;color:var(--ink);}

/* сетка-бенто: общие правила; раскладка плиток (grid-template-areas) — на странице */
.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(var(--row),auto);gap:var(--gap-grid);margin:var(--sp-4) 0 var(--sp-8);}
.bento>*{min-width:0;}
@media(min-width:641px) and (max-width:1024px){
  .bento{grid-template-columns:repeat(2,1fr)!important;grid-template-areas:none!important;}
  .bento>*{grid-area:auto!important;}
  .t-hero,.t-cta,.t-cargo,.t-sbor,.t-map,.t-about,.t-req,.t-note{grid-column:1/-1!important;}
}
@media(max-width:880px){.hd-phone{display:none;}}
@media(min-width:641px) and (max-width:1024px){.hd-phone{display:inline!important;}}
@media(max-width:640px){.t-hero .hero-logo{display:none!important;}}
.ph .sep{color:var(--brd);font-weight:var(--fw-text);margin:0 var(--sp-2);}
@media(max-width:640px){.t-cont .ph{flex-direction:column;align-items:flex-start;row-gap:var(--sp-1);}.t-cont .sep{display:none;}}

/* ── СЕКЦИИ ПОД СЕТКОЙ-БЕНТО: общая ширина и шаг ── */
.acc,.about,.faq,.duo{max-width:var(--maxw);margin:0 auto var(--sp-8);padding:0 var(--sp-5);}
.wrap>.t-cont{margin-bottom:var(--sp-8);}
@media(max-width:640px){.acc,.about,.faq,.duo{padding:0 var(--sp-4);}}

/* вводные абзацы в герое */
.t-hero p{font-size:var(--fs-lead);line-height:var(--lh-text);color:var(--ink-2);max-width:70ch;margin-top:var(--sp-3);}
.t-hero h1+p{margin-top:var(--sp-4);}

/* блок текстовых плиток одна под другой */
.about{display:flex;flex-direction:column;gap:var(--gap-grid);}
.about>*{min-width:0;}
.about p{max-width:110ch;}
.about a,.link-tile a,.fmore a{color:var(--acc);border-bottom:1px solid var(--acc-40);}
.about a:hover,.link-tile a:hover,.fmore a:hover{border-bottom-color:var(--acc);}

/* две плитки рядом */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-grid);}
.duo>*{min-width:0;}
@media(max-width:880px){.duo{grid-template-columns:1fr;}}

/* плитка со ссылками в заголовке */
.link-tile h3{line-height:var(--lh-snug);}
.link-tile .go2{margin-top:var(--sp-3);font-size:var(--fs-small);font-weight:var(--fw-bold);color:var(--acc);display:inline-flex;align-items:center;gap:var(--sp-2);}

/* «ещё вопросы» под рядом карточек */
.fmore{margin:var(--sp-4) 0 0;font-size:var(--fs-text);line-height:var(--lh-text);color:var(--mut);}

/* раскрывающийся блок (прайс) */
.acc-toggle{width:100%;background:var(--tile);border:1px solid var(--brd);border-radius:var(--r-tile);padding:var(--pad-tile);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);cursor:pointer;color:var(--ink);text-align:left;font-family:var(--ff-text);}
.acc-toggle .att{display:flex;flex-direction:column;gap:var(--sp-1);}
.acc-toggle .att b{font-family:var(--ff-head);font-size:var(--fs-tile);font-weight:var(--fw-head);line-height:var(--lh-tight);}
.acc-toggle .att span{font-size:var(--fs-small);font-weight:var(--fw-bold);color:var(--acc);}
.acc-toggle .chev{width:40px;height:40px;border-radius:var(--r-round);background:var(--tile2);display:flex;align-items:center;justify-content:center;font-size:var(--fs-nav);flex:0 0 auto;transition:transform .25s;}
.acc.open .acc-toggle .chev{transform:rotate(180deg);}
.acc-note{font-size:var(--fs-small);line-height:var(--lh-text);color:var(--mut);padding:var(--sp-3) var(--pad-tile) 0;}
.acc-body{max-height:0;overflow:hidden;transition:max-height .4s ease;}
.acc.open .acc-body{max-height:2600px;}
/* сетка цен: кикер, цифра и пояснение в плитках ряда стоят на одних линиях (subgrid) */
.acc-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:var(--gap-grid);padding-top:var(--gap-grid);}
.acc-grid>*{min-width:0;}
.acc-grid .span2{grid-column:span 2;}
.acc-grid .t-num{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:var(--sp-2);align-content:start;}
.acc-grid .t-num>*{margin:0;}
@supports not (grid-template-rows:subgrid){.acc-grid .t-num{display:flex;flex-direction:column;}}
@media(min-width:641px) and (max-width:1024px){.acc-grid{grid-template-columns:repeat(2,1fr);}.acc-grid .span2{grid-column:auto;}}
@media(max-width:640px){.acc-grid{grid-template-columns:1fr;}.acc-grid .span2{grid-column:auto;}}

/* подзаголовок-кикер внутри плитки (например «География перевозок» в герое) */
.geo-kick{font-family:var(--ff-head);font-size:var(--fs-kicker);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase;line-height:var(--lh-head);color:var(--mut);margin:var(--sp-4) 0 var(--sp-1);}
.geo-kick+p{margin-top:0;}

/* несколько иконок в ряд в карточке */
.ic-row{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-4);}
.card .ic-row .ic{margin-bottom:0;}

/* плитка-строка: иконка слева, текст справа (вид «обычная», на всю ширину) */
.t-line{flex-direction:row;align-items:center;gap:var(--sp-6);}
.t-line .ic{margin-bottom:0;flex:0 0 auto;}
.t-line h3{margin-bottom:var(--sp-1);}
.wrap>.t-line{margin-bottom:var(--gap-grid);}
@media(max-width:640px){.t-line{flex-direction:column;align-items:flex-start;gap:var(--sp-3);}}

/* список с зелёными точками */
.rd-list{list-style:none;margin:var(--sp-3) 0 0;padding:0;display:grid;gap:var(--sp-2);font-size:var(--fs-lead);line-height:var(--lh-snug);color:var(--ink-2);}
.rd-list li{position:relative;padding-left:var(--sp-4);}
.rd-list li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:var(--r-round);background:var(--acc);}

/* плитка-ссылка: стрелка в правом верхнем углу */
a.tile{color:inherit;}
a.tile:hover{transform:translateY(-3px);border-color:var(--line);}
.tile>.arr{position:absolute;top:var(--sp-4);right:var(--sp-5);width:28px;height:28px;border-radius:var(--r-round);background:var(--tile2);display:flex;align-items:center;justify-content:center;font-size:var(--fs-small);color:var(--ink);}
a.tile:hover>.arr{background:var(--acc-bg);color:var(--on-dark);}
.tile:has(>.arr){position:relative;}

/* ссылки внутри текста карточек и ответов */
.fc a,.card p a{color:var(--acc);border-bottom:1px solid var(--acc-40);}
.fc a:hover,.card p a:hover{border-bottom-color:var(--acc);}

/* вводный абзац: ширина строки */
.lead{max-width:70ch;}

/* список ссылок (услуги) */
.slist{font-family:var(--ff-head);font-size:var(--fs-lead);font-weight:var(--fw-head);}
.slist a{display:block;width:fit-content;margin:var(--sp-2) 0;color:var(--ink);border-bottom:1px solid var(--line-18);}
.slist a:hover{color:var(--acc);border-bottom-color:var(--acc);}

/* реквизиты */
.t-req .nm2{font-family:var(--ff-head);font-size:var(--fs-lead);font-weight:var(--fw-bold);color:var(--ink);}
.t-req .r{font-size:var(--fs-small);line-height:var(--lh-text);color:var(--mut);margin-top:var(--sp-2);}

/* логотип в углу героя */
.t-hero{position:relative;}
.hero-logo2{position:absolute;top:var(--sp-8);right:var(--sp-8);width:60px;height:60px;}
@media(max-width:640px){.hero-logo2{display:none;}}

/* 4. АКЦЕНТНАЯ плитка — красная, белый текст, прижим к верху (контакты: e-mail, график; главная: «На белую доставку») */
.t-accent{background:var(--acc-bg);border-color:transparent;color:var(--on-dark);}
.t-accent .tag{color:var(--on-dark-mut);}
.t-accent .big,.t-accent h2,.t-accent h3,.t-accent .ttl,.t-accent p,.t-accent .sm{color:var(--on-dark);}
a.t-accent:hover{background:var(--acc-bg-h);}

/* крупное значение и подпись в плитке (телефон, адрес, график, e-mail) */
.tile .big{font-family:var(--ff-head);font-size:var(--fs-tile);font-weight:var(--fw-bold);line-height:var(--lh-snug);}
.t-ph .big{font-size:var(--fs-section);}
.tile .sm{font-size:var(--fs-small);color:var(--mut);margin-top:var(--sp-2);}
@media(max-width:640px){.t-ph .big{white-space:nowrap;}}

/* кнопка «Проложить маршрут» */
.route{margin-top:auto;padding-top:var(--sp-5);display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;}
.rbtn{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--acc);color:var(--on-dark);font-size:var(--fs-small);font-weight:var(--fw-bold);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-el);transition:background .15s;}
a.tile:hover .rbtn{background:var(--acc-h);}
.rbtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.rhint{font-size:var(--fs-small);color:var(--mut);}
@media(max-width:640px){.rbtn{width:100%;justify-content:center;}}


/* ═══ ЛЕНТА «ДТ В РАБОТЕ» (главная) — самостоятельный компонент со своими внутренними настройками --dtbg-*.
   Перенесён из кода главной 25.10 без изменений, кроме статуса «в обработке»: жёлтый → graphite (жёлтого в системе нет). ═══ */

/* ── ЛЕНТА «ДТ В РАБОТЕ» — компонент только этой страницы ──
   Разметка, стили и скрипт лежат рядом: правится в одном месте.
   На узком экране компонент не работает вовсе. */
#dtBand{ position:relative; grid-area:band; height:auto; border-radius:22px; overflow:hidden;
  background:var(--tile); border:1px solid var(--brd); }

.dtbg-root{ --dtbg-bleed:0%; --dtbg-pad:22px; --dtbg-tilt-y:-8deg; --dtbg-tilt-x:0deg;
  --dtbg-bg:var(--tile); --dtbg-surface:var(--tile2); --dtbg-line:var(--tile2);
  --dtbg-text:var(--ink); --dtbg-muted:var(--mut); }
@media(max-width:1024px){ #dtBand{ display:none; } }
/* ЛЕНТА «ДТ В РАБОТЕ» — оформление */
  .dtbg-root {
    /* =====================================================================
       ШАБЛОН: ЦВЕТА БРЕНДА — подставить HEX вместо значений ниже
       ===================================================================== */
    --dtbg-overlay-color: var(--pg);    /* цвет затемняющего слоя — обычно = --dtbg-bg */
    /* ===================================================================== */
    /* ---- Режим фона ---- */
    --dtbg-overlay: .72;              /* 0 — без затемнения, 1 — максимум */
    --dtbg-blur: 0px;                 /* например 2px */
    /* ---- Наклон экрана (0deg / 1 — плоско) ---- */
    --dtbg-tilt-y: -22deg;            /* наклон; 0deg — плоско. Минус = правый край уходит вглубь */
    --dtbg-tilt-x: 3deg;
    --dtbg-bleed: 7%;                /* запас по краям при наклоне; при 0deg ставь 0% */
    /* ---- Сетка ---- */
    --dtbg-row-h: 20px;
    --dtbg-pad: clamp(16px, 4vw, 56px);
    --dtbg-grid: minmax(0,1.3fr) minmax(0,.95fr) minmax(0,1.05fr) minmax(0,1.4fr) minmax(0,1fr);

    position: absolute; inset: 0; overflow: hidden; isolation: isolate;
    background: var(--dtbg-bg); color: var(--dtbg-text);
    font: 400 13px/1.2 ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, "Roboto Mono", "Liberation Mono", monospace;
    font-variant-numeric: tabular-nums;
    pointer-events: none; user-select: none; -webkit-user-select: none;
  }
  .dtbg-root::before, .dtbg-root::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; }
  .dtbg-root::before { background: var(--dtbg-overlay-color); opacity: calc(var(--dtbg-overlay) * .55); }
  .dtbg-root::after {
    background: linear-gradient(90deg, var(--dtbg-overlay-color) 0%, var(--dtbg-overlay-color) 30%, transparent 85%);
    opacity: var(--dtbg-overlay);
  }
  .dtbg-screen {
    position: absolute; inset: calc(-1 * var(--dtbg-bleed)); z-index: 1; display: flex; flex-direction: column; filter: blur(var(--dtbg-blur));
    transform: perspective(1600px) rotateX(var(--dtbg-tilt-x)) rotateY(var(--dtbg-tilt-y));
    transform-origin: 50% 50%; transition: transform .6s ease;
  }
  .dtbg-top {
    display: flex; align-items: center; gap: 28px; padding: 18px var(--dtbg-pad) 14px;
    background: var(--dtbg-surface); border-bottom: 1px solid var(--dtbg-line);
  }
  .dtbg-title { font-size: 1.08em; font-weight: 600; white-space: nowrap; }
  .dtbg-counts { display: flex; gap: 20px; overflow: hidden; color: var(--dtbg-muted); white-space: nowrap; }
  .dtbg-count { display: inline-flex; align-items: center; gap: 7px; }
  .dtbg-count i { width: 6px; height: 6px; border-radius: 50%; background: var(--tc); }
  .dtbg-count b { color: var(--dtbg-text); font-weight: 600; }
  .dtbg-clock { margin-left: auto; color: var(--dtbg-muted); white-space: nowrap; }
  .dtbg-cols, .dtbg-row { display: grid; grid-template-columns: var(--dtbg-grid); gap: 0 20px; align-items: center; padding: 0 var(--dtbg-pad); }
  .dtbg-cols { padding-top: .77em; padding-bottom: .77em; color: var(--dtbg-muted); font-size: .92em; border-bottom: 1px solid var(--dtbg-line); }
  .dtbg-body { position: relative; flex: 1; overflow: hidden; }
  .dtbg-row {
    position: absolute; left: 0; right: 0; top: 0; height: var(--dtbg-row-h); box-sizing: border-box;
    border-bottom: 1px solid var(--dtbg-line);
    transition: transform .9s cubic-bezier(.2,.7,.2,1), opacity .7s ease; will-change: transform;
  }
  .dtbg-root.is-static .dtbg-row { transition: none; }
  .dtbg-c { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .dtbg-c-num.is-empty { color: var(--dtbg-muted); }
  .dtbg-code { margin-right: 10px; }
  .dtbg-name { color: var(--dtbg-muted); }

  .dtbg-st-submitted  { --tc: var(--dtbg-status-neutral); }
  .dtbg-st-processing { --tc: var(--dtbg-status-info); }
  .dtbg-st-inspection,
  .dtbg-st-docs       { --tc: var(--dtbg-status-warn); }
  .dtbg-st-released   { --tc: var(--dtbg-status-ok); }

  .dtbg-badge {
    display: inline-flex; align-items: center; gap: 8px; padding: 5px 10px 5px 9px; border-radius: 999px;
    color: var(--tc); background: rgba(138,155,173,.12); background: color-mix(in srgb, var(--tc) 14%, transparent);
    font-size: 12px; font-weight: 500; white-space: nowrap;
  }
  .dtbg-badge i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none; }
  .dtbg-badge.is-new { animation: dtbg-in .6s ease-out; }
  .dtbg-row.is-flash { animation: dtbg-flash 1.8s ease-out; }
  @keyframes dtbg-in { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: none; } }
  @keyframes dtbg-flash { from { background: color-mix(in srgb, var(--tc) 16%, transparent); } to { background: transparent; } }

  @media (max-width: 640px) {
    .dtbg-root { --dtbg-grid: minmax(0,1fr) auto; --dtbg-row-h: 20px; font-size: 12px; }
    .dtbg-badge { padding: 4px 8px 4px 7px; font-size: 11.5px; }
    .dtbg-root { --dtbg-tilt-y: -22deg; --dtbg-tilt-x: 3deg; --dtbg-bleed: 7%; } /* на мобильных без наклона */
    .dtbg-c-date, .dtbg-c-post, .dtbg-c-goods, .dtbg-counts { display: none; }
  }
  @media (prefers-reduced-motion: reduce) {
    .dtbg-row { transition: none; }
    .dtbg-row.is-flash, .dtbg-badge.is-new { animation: none; }
  }


/* Настройки ленты «ДТ в работе» поверх её шаблона.
   Цвета — из физических токенов --c-*, поэтому тёмная тема задаётся
   осознанно, а не перекрытием. */

#dtWrap{ position:absolute; inset:0; overflow:hidden; pointer-events:none; isolation:isolate; }
.dtbg-root{
  --dtbg-bg:var(--pg); --dtbg-surface:var(--tile2); --dtbg-line:var(--tile2);
  --dtbg-text:var(--c-slate); --dtbg-muted:var(--c-graphite);
  --dtbg-status-neutral:var(--c-graphite); --dtbg-status-info:var(--c-graphite);
  --dtbg-status-warn:var(--c-ember);        --dtbg-status-ok:var(--c-green);
  --dtbg-bleed:9%; --dtbg-pad:calc(var(--dtbg-bleed) + 22px); --dtbg-row-h:20px;
  --dtbg-grid:minmax(0,1.12fr) minmax(0,.82fr) minmax(0,.95fr) minmax(0,1.2fr) minmax(0,.92fr);
  font-size:8.6px; }

.dtbg-row, .dtbg-cols{ gap:0 12px; }
.dtbg-top{ padding:7px var(--dtbg-pad) 6px; gap:16px; }
.dtbg-cols{ padding-top:.5em; padding-bottom:.5em; }


/* ═══ конец ленты ДТ ═══ */

/* кикер-бренд в герое главной */
.t-hero .brand{font-family:var(--ff-head);font-size:var(--fs-kicker);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase;line-height:var(--lh-head);color:var(--mut);}
/* вводный абзац крупный */
.slg{font-size:var(--fs-lead-l);line-height:var(--lh-text);color:var(--ink-2);max-width:60ch;margin-top:var(--sp-4);}
/* блик на заголовке героя (класс .shine у плитки) */
@keyframes sheen{0%{background-position:180% 0}50%{background-position:-80% 0}100%{background-position:-80% 0}}
.t-hero.shine h1{background:linear-gradient(105deg,var(--ink) 44%,var(--h1-shine) 50%,var(--ink) 56%) 0 0/250% 100% no-repeat,var(--ink);-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 8.4s linear infinite;}
.t-hero.shine h1 span{background:linear-gradient(105deg,var(--acc) 44%,var(--on-dark) 50%,var(--acc) 56%) 0 0/250% 100% no-repeat,var(--acc);-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 8.4s linear infinite;}
@media(prefers-reduced-motion:reduce){.t-hero.shine h1,.t-hero.shine h1 span{animation:none;background:none;color:var(--ink);}.t-hero.shine h1 span{color:var(--acc);}}

/* навигационная плитка: маленькая иконка вверху, название внизу, стрелка в углу */
.nav .ic{width:34px;height:34px;border-radius:var(--r-el);background:var(--tile2);display:flex;align-items:center;justify-content:center;margin-bottom:auto;}
.nav .ic svg{width:17px;height:17px;stroke:var(--ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.nav h3{font-size:var(--fs-nav);font-weight:var(--fw-bold);padding-top:var(--sp-4);}

/* акцентная плитка с крупным заголовком и белой стрелкой */
.t-accent h2{font-size:var(--fs-display);line-height:var(--lh-tight);text-transform:uppercase;}
.t-accent>.arr{background:var(--on-dark);color:var(--acc);}
a.t-accent:hover>.arr{background:var(--on-dark);color:var(--acc);}
@media(max-width:640px){.t-accent:has(>.arr) .tag{padding-right:var(--sp-10);}}

/* плитка «Контакты» столбиком (главная) */
.t-cont:has(.ct-title){flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;}
.ct-title{display:block;font-family:var(--ff-head);font-size:var(--fs-section);font-weight:var(--fw-head);line-height:var(--lh-head);color:var(--ink);margin-bottom:var(--sp-3);}
.ph .pn{white-space:nowrap;}
.t-cont .note{font-size:var(--fs-small);color:var(--mut);margin-top:var(--sp-1);}
.t-cont:has(.ct-title) .em{margin-top:var(--sp-2);}

/* кикер внутри вложенного блока плитки (например .l в «На белую доставку») */
.tile .l>.tag{margin-bottom:var(--gap-kicker-hero);}


/* ── СТРАНИЦА-ДОКУМЕНТ (политика конфиденциальности) ── */
.art{max-width:var(--maxw-doc);margin:var(--sp-3) auto var(--sp-10);padding:0 var(--sp-5);}
body:has(.art) .crumb{max-width:var(--maxw-doc);}
.art h1{font-size:var(--fs-display);line-height:var(--lh-head);text-transform:uppercase;margin:var(--sp-4) 0 var(--sp-5);}
.art h2{font-size:var(--fs-section);margin:var(--sp-8) 0 var(--sp-3);}
.art p{font-size:var(--fs-text);line-height:var(--lh-doc);color:var(--text);margin:var(--sp-2) 0;}
.art p.li{padding-left:var(--sp-4);}
@media(max-width:640px){.art{padding:0 var(--sp-4);}}


/* ── КНОПКИ ── */
.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-6);border-radius:var(--r-el);font-family:var(--ff-head);font-weight:var(--fw-bold);font-size:var(--fs-nav);white-space:nowrap;transition:background .15s;}
.btn-acc{background:var(--acc-bg);color:var(--on-dark);}
.btn-acc:hover{background:var(--acc-bg-h);}
.btn-ghost{background:var(--tile2);color:var(--ink);border:1px solid var(--brd);}
.btn-ghost:hover{background:var(--tile);}
@media(max-width:640px){.btn{padding:var(--sp-3) var(--sp-4);}}

/* ── СТРАНИЦА 404 ── */
.nf{min-height:62vh;display:flex;align-items:center;padding:var(--sp-10) 0;}
.nf-card{background:var(--tile);border:1px solid var(--brd);border-radius:var(--r-tile);padding:var(--sp-10);width:100%;position:relative;overflow:hidden;}
.nf-card .stamp{position:absolute;top:var(--sp-6);right:var(--sp-8);border:2px solid var(--acc);color:var(--acc);font-family:var(--ff-head);font-size:var(--fs-kicker);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-xs);transform:rotate(6deg);}
.nf .code{font-family:var(--ff-head);font-size:var(--fs-giant);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--acc);}
.nf h1{font-size:var(--fs-display);text-transform:uppercase;margin-top:var(--sp-4);}
.nf p{color:var(--text);font-size:var(--fs-lead);line-height:var(--lh-text);max-width:60ch;margin-top:var(--sp-3);}
.nf-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-8);}
@media(max-width:640px){.nf-card{padding:var(--sp-8) var(--sp-5);}.nf-card .stamp{position:static;display:inline-block;transform:none;margin-bottom:var(--sp-4);}}

/* ── ПЛАШКА СОГЛАСИЯ НА COOKIE (создаёт скрипт в HEAD; поведение — решение 12.10, одна кнопка «Ок») ──
   Исключение: !important и усиленный селектор — в HEAD есть свои стили плашки с !important,
   эти правила должны их перебить, чтобы плашка тоже жила по системе. */
html body #ck-banner{background:var(--tile)!important;border:1px solid var(--brd)!important;border-radius:var(--r-tile)!important;padding:var(--sp-5)!important;width:260px!important;gap:var(--sp-3)!important;box-shadow:0 12px 34px var(--sh-12)!important;font-family:var(--ff-text)!important;font-size:var(--fs-small)!important;line-height:var(--lh-text)!important;color:var(--mut)!important;}
html body #ck-link{color:var(--ink)!important;font-size:var(--fs-small)!important;font-weight:var(--fw-bold)!important;}
html body #ck-accept{background:var(--acc)!important;color:var(--on-dark)!important;border-radius:var(--r-el)!important;font-family:var(--ff-head)!important;font-size:var(--fs-small)!important;font-weight:var(--fw-bold)!important;padding:var(--sp-3) 0!important;}
html body #ck-accept:hover{background:var(--acc-h)!important;}
@media(max-width:639px){html body #ck-banner{width:200px!important;padding:var(--sp-4)!important;bottom:var(--sp-4)!important;left:var(--sp-4)!important;}}