/* Весь CSS сайта: токены палитры, типографика, лента ДТ.
   Перенесён сюда из поля head 13.09.2026: у head лимит ~53 000 символов,
   и при его превышении Tilda молча обрезает код. В head остался только JS. */

/* ═══════════════════════════════════════════════════════════════════
   ПАЛИТРА «БУМАГА» — единственный источник цвета на сайте.
   В CSS страниц цвет не пишется числом, только токеном отсюда.
   Тёмная тема — другой набор ЗНАЧЕНИЙ тех же токенов, а не слой
   перекрывающих правил: поэтому порядок подключения роли не играет
   и !important не нужен.
   ═══════════════════════════════════════════════════════════════════ */
:root{
  /* ── ПАЛИТРА «САД» — единственная тема сайта, тёмной темы нет ──
     The Green · The Red · The Yellow · The Pink + Carbon / Iron / Concrete */
  --c-green:#027b49; --c-green-h:#015c37;
  --c-ember:#fa4d43;  --c-ember-h:#d93a31;
  --c-yellow:#fbb833; --c-pink:#f19ec8;
  --c-carbon:#000000; --c-iron:#1f1f1f; --c-concrete:#d9d9d9;
  --c-white:#ffffff;  --c-mist:#ececec;  --c-graphite:#5a5a5a;
  /* совместимость: имена, на которые опираются стили ленты */
  --c-fog:var(--c-concrete); --c-ash:#c4c4c4; --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);
  --ink:var(--c-carbon); --mut:var(--c-graphite);
  --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-24:rgba(255,255,255,.24);
  --on-dark-75:rgba(255,255,255,.75);
  --on-dark-85:rgba(255,255,255,.85);
  --line:rgba(0,0,0,.18); --brd:#c4c4c4;
  --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); --panel:var(--c-white);
  --scrim:rgba(0,0,0,.42); --veil:rgba(0,0,0,.55);
  --h1-shine:var(--c-graphite);
}

/* фоны компонентов, которых нет в CSS страниц */
.st-back{ background:var(--tile); }
header{ background:var(--head-bg); }
#stMenu{ background:var(--tile); }
#stBar{ background:var(--tile); }
.t-cargo, a.t-cargo, .t-cargo,a.t-cargo:hover{ background:var(--acc-bg) !important; }
a.t-cargo:hover{ background:var(--acc-bg-h) !important; }
.t-cargo h2, .t-cargo h2,a.t-cargo:hover h2{ background:transparent !important; color:var(--on-dark) !important; padding:0 !important; }


/* ── ТИПОГРАФИЧЕСКАЯ ШКАЛА САЙТА (утверждена 02.09.2026). Одно место на весь сайт ── */
:root{--fs-h1:clamp(32px,4.1vw,40px);--fs-display:30px;--fs-section:22px;--fs-tile:20px;--fs-nav:16px;--fs-lead:16px;--fs-lead-l:19px;--fs-text:14.5px;--fs-small:13px;--fs-kicker:11px;}
@media(max-width:640px){:root{--fs-h1:28px;--fs-display:23px;--fs-section:20px;--fs-tile:19px;--fs-nav:13px;--fs-lead:16px;--fs-lead-l:16px;--fs-text:14.5px;--fs-small:13px;--fs-kicker:11px;}
.t-cont .sep{display:none}
.t-cont .ph a:not(:last-child){margin-bottom:6px}
}
/* ── ОТСТУПЫ ОТ КИКЕРА (правило 02.09.2026): кикер + фиксированный отступ + содержимое единой группой.
   Обычные плитки — группа к верху; герой и CTA — группа по центру по вертикали ── */
:root{--gap-kicker:12px;--gap-kicker-hero:16px;--pad-tile:26px;--pad-tile-s:22px;--pad-hero:38px;--row:150px;}
.bento>.tile.nav{padding:var(--pad-tile-s);}
.tile>.tag{margin-bottom:var(--gap-kicker);}
.tile:has(>.tag){justify-content:flex-start;}
.tile.t-hero{justify-content:center;}
.tile.t-hero>.tag,.tile.t-hero>.brand{margin-bottom:var(--gap-kicker-hero);}
/* CTA: кикер в верхнем углу (как стрелка), действие строго по центру плитки (правило 02.09, вечер) */
.tile.t-cta{justify-content:center;position:relative;padding-top:calc(var(--pad-tile) + 14px + var(--gap-kicker-hero));padding-bottom:calc(var(--pad-tile) + 14px + var(--gap-kicker-hero));}
.tile.t-cta>.tag{position:absolute;top:var(--pad-tile);left:var(--pad-tile);right:var(--pad-tile);margin:0;}
.tile.t-cta .cta-act{margin-top:0;}
@media(max-width:640px){.tile.t-cta{padding-top:20px!important;padding-bottom:20px!important;}.tile.t-cta>.tag{position:static;margin-bottom:var(--gap-kicker-hero);}}
.t-cta h2,.t-hero h1{text-wrap:balance;}


@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('https://static.tildacdn.com/tild6438-3539-4135-b432-373865333531/Inter-Regular.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('https://static.tildacdn.com/tild3936-3164-4434-b132-616630616561/Inter-SemiBold.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('https://static.tildacdn.com/tild3338-6666-4564-b335-373463616536/Inter-Bold.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('https://static.tildacdn.com/tild3862-3038-4161-a530-393230616138/Inter-ExtraBold.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:900;font-display:swap;src:url('https://static.tildacdn.com/tild3830-6565-4536-b136-626663303337/Inter-Black.woff2') format('woff2');}


  #ck-banner{position:fixed;bottom:22px;left:22px;width:250px;background:#FFFFFF;border:1px solid rgba(22,33,26,.1);border-radius:16px;padding:18px;z-index:99999;display:none;flex-direction:column;gap:12px;box-shadow:0 12px 34px rgba(0,0,0,.45);font-family:'Gilroy','Inter',sans-serif;font-size:13px;line-height:1.5;color:#626D62;box-sizing:border-box;}
  #ck-banner p{margin:0;}
  #ck-link{display:inline-block;margin-top:4px;color:#16211A;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer;font-size:13px;}
  #ck-link:hover{opacity:.75;}
  #ck-accept{display:block;width:100%;padding:11px 0;background:#437742;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;font-family:inherit;text-align:center;transition:background .15s;}
  #ck-accept:hover{background:#B5331F;}
  @media (max-width:639px){
    #ck-banner{width:190px;padding:13px;bottom:14px;left:14px;gap:9px;font-size:12px;border-radius:13px;}
    #ck-link{font-size:12px;} #ck-accept{padding:9px 0;font-size:12px;}
  }


/* куки-баннер в палитре «Бумага», светлая и тёмная версии */
#ck-banner{
  background:#ffffff !important;
  border:1px solid #e0e0e0 !important;
  color:#606562 !important;
  box-shadow:0 12px 34px rgba(26,33,30,.18) !important;
}
#ck-link{ color:var(--ink) !important; }
#ck-accept{ background:var(--acc-bg) !important; }
#ck-accept:hover{ background:var(--acc-bg-h) !important; }