/* ============================================================
   БЕЛКОРУС — дизайн-токены и компоненты
   Настройки сайта → Ещё → Пользовательские CSS-стили
   Шрифт Golos Text выбирается в: Настройки сайта → Шрифты и цвета
   ============================================================ */

/* --- 1. ТОКЕНЫ --- */
.bk{
  --bk-font:'Golos Text',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;

  --bk-h1:56px; --bk-h2:38px; --bk-h3:22px;
  --bk-body-l:18px; --bk-body:17px; --bk-small:15px; --bk-xs:14px; --bk-eyebrow:12px;
  --bk-lh-tight:1.10; --bk-lh-head:1.18; --bk-lh-body:1.62;

  --bk-text:#1B1D19;
  --bk-text-2:#57544E;
  --bk-text-muted:#8A857D;
  --bk-text-invert:#FFFFFF;
  --bk-text-on-green:#E4EBE3;

  --bk-red:#C8102E;
  --bk-red-hover:#A50E26;
  --bk-red-active:#8B0B20;
  --bk-red-focus:rgba(200,16,46,.28);

  --bk-white:#FFFFFF;
  --bk-page:#FBF9F5;
  --bk-cream:#F6F2EB;
  --bk-shot:#EDE5D6;
  --bk-line:#E2DCD1;
  --bk-line-soft:#EFE9DF;

  --bk-green:#1D3A28;
  --bk-green-panel:#24462F;
  --bk-green-line:rgba(216,190,116,.30);
  --bk-gold:#D8BE74;
  --bk-gold-hover:#C4A85C;

  --bk-tint-rose:#F9E7E9;
  --bk-tint-rose-line:#EFD3D6;
  --bk-tint-sage:#EDEFE9;
  --bk-tint-sage-line:#DCE1D8;

  --bk-dark:#1A1C19;
  --bk-footer:#12140F;

  --bk-wrap:1180px;
  --bk-r:12px;
  --bk-r-lg:16px;
  --bk-gap:24px;
  --bk-sec-y:92px;

  font-family:var(--bk-font);
  color:var(--bk-text);
  font-size:var(--bk-body);
  line-height:var(--bk-lh-body);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

@media screen and (max-width:980px){
  .bk{ --bk-h1:40px; --bk-h2:30px; --bk-h3:20px; --bk-body-l:17px; --bk-body:16px; --bk-sec-y:66px; }
}
@media screen and (max-width:640px){
  .bk{ --bk-h1:32px; --bk-h2:26px; --bk-body-l:16px; --bk-small:14px; --bk-xs:13px; --bk-eyebrow:11px; --bk-gap:18px; --bk-sec-y:54px; }
}

/* --- 2. БАЗА --- */
.bk *{box-sizing:border-box}
.bk img{max-width:100%;display:block}
.bk a{color:inherit}

.bk .bk-wrap{max-width:var(--bk-wrap);margin:0 auto;padding:0 28px}
.bk .bk-sec{padding:var(--bk-sec-y) 0}
.bk .bk-bg-white{background:var(--bk-white)}
.bk .bk-bg-cream{background:var(--bk-cream)}
.bk .bk-bg-dark{background:var(--bk-dark);color:var(--bk-text-invert)}

.bk .bk-h1,.bk .bk-h2,.bk .bk-h3,.bk .bk-h4{margin:0;font-weight:700;letter-spacing:-.022em}
.bk .bk-h1{font-size:var(--bk-h1);line-height:var(--bk-lh-tight)}
.bk .bk-h2{font-size:var(--bk-h2);line-height:var(--bk-lh-head)}
.bk .bk-h3{font-size:var(--bk-h3);line-height:1.26;letter-spacing:-.014em}
.bk .bk-h4{font-size:var(--bk-body);font-weight:600;letter-spacing:0;line-height:1.4}

.bk p{margin:0}
.bk .bk-lead{font-size:var(--bk-body-l);color:var(--bk-text-2);line-height:1.68}
.bk .bk-small{font-size:var(--bk-small);line-height:1.58}
.bk .bk-muted{color:var(--bk-text-2)}
.bk .bk-center{text-align:center}

.bk .bk-eyebrow{font-size:var(--bk-eyebrow);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--bk-red);margin-bottom:16px}
.bk .bk-eyebrow--muted{color:var(--bk-text-muted)}
.bk .bk-eyebrow--gold{color:var(--bk-gold)}

.bk .bk-head-c{max-width:730px;margin:0 auto 46px;text-align:center}
.bk .bk-head-c .bk-lead{margin-top:16px}

.bk .mb8{margin-bottom:8px}
.bk .mb20{margin-bottom:20px}
.bk .mt16{margin-top:16px}
.bk .mt24{margin-top:24px}
.bk .mt34{margin-top:34px}

/* --- 3. КНОПКИ
   Кегль 16 / вес 600 — обязательный минимум.
   Белый на #C8102E даёт 3.55:1, порог проходится только на крупном тексте. --- */
.bk .bk-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--bk-font);font-size:16px;font-weight:600;line-height:1;
  padding:16px 28px;border-radius:10px;border:1.5px solid transparent;
  text-decoration:none;cursor:pointer;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease
}
.bk .bk-btn i{font-style:normal;font-size:17px;line-height:1}
.bk .bk-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bk-red-focus)}

.bk .bk-btn-primary{background:var(--bk-red);color:var(--bk-text-invert)}
.bk .bk-btn-primary:hover{background:var(--bk-red-hover);color:var(--bk-text-invert)}
.bk .bk-btn-primary:active{background:var(--bk-red-active)}

.bk .bk-btn-line{background:transparent;color:var(--bk-text);border-color:var(--bk-line)}
.bk .bk-btn-line:hover{border-color:var(--bk-red);color:var(--bk-red)}

.bk .bk-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.bk .bk-btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff}

/* Золотая — только в зелёной секции. Красная там даёт ~2.1:1. */
.bk .bk-btn-gold{background:var(--bk-gold);color:var(--bk-green)}
.bk .bk-btn-gold:hover{background:var(--bk-gold-hover);color:var(--bk-green)}
.bk .bk-btn-gold:focus-visible{box-shadow:0 0 0 3px rgba(216,190,116,.38)}

.bk .bk-btn-full{width:100%}

/* --- 4. СЕТКИ --- */
.bk .bk-g2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.bk .bk-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--bk-gap)}
.bk .bk-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--bk-gap)}
.bk .bk-g6{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 30px}
.bk .bk-g2>*,.bk .bk-g3>*,.bk .bk-g4>*,.bk .bk-g6>*{min-width:0}

@media screen and (max-width:980px){
  .bk .bk-g2{grid-template-columns:1fr;gap:34px}
  .bk .bk-g3,.bk .bk-g4,.bk .bk-g6{grid-template-columns:1fr 1fr}
}
@media screen and (max-width:640px){
  .bk .bk-g3,.bk .bk-g4,.bk .bk-g6{grid-template-columns:1fr}
  .bk .bk-wrap{padding:0 20px}
}

/* --- 5. СЛОТ ПОД ФОТО --- */
.bk .bk-shot{background:var(--bk-shot);border-radius:var(--bk-r);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;min-width:0}
.bk .bk-shot img{width:100%;height:100%;object-fit:cover}
.bk .bk-shot-cap{position:absolute;left:12px;bottom:12px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9C8B76;background:rgba(255,255,255,.78);padding:4px 9px;border-radius:6px}

/* --- 6. КАРТОЧКИ И ТЕГИ --- */
.bk .bk-card{background:var(--bk-white);border:1px solid var(--bk-line);border-radius:var(--bk-r);overflow:hidden}
.bk .bk-card__body{padding:24px}
.bk .bk-card__body .bk-h3{margin-bottom:9px}
.bk .bk-card__body .bk-small{color:var(--bk-text-2)}

.bk .bk-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.bk .bk-tags span{font-size:13px;font-weight:500;color:var(--bk-text-2);background:var(--bk-cream);border:1px solid var(--bk-line-soft);padding:5px 11px;border-radius:5px}

/* --- 7. СТРОКИ С ОТБИВКОЙ ТОЧКАМИ --- */
.bk .bk-spec{display:flex;align-items:baseline;gap:10px;padding:15px 0;border-bottom:1px solid var(--bk-line)}
.bk .bk-spec:last-child{border-bottom:none}
.bk .bk-spec b{font-weight:600;font-size:var(--bk-small);flex:0 0 auto;max-width:52%}
.bk .bk-spec .bk-dot{flex:1 1 auto;min-width:18px;border-bottom:1px dotted var(--bk-line);transform:translateY(-4px)}
.bk .bk-spec i{font-style:normal;font-size:var(--bk-xs);color:var(--bk-text-2);text-align:right;flex:0 0 auto;max-width:46%}

@media screen and (max-width:640px){
  .bk .bk-spec{flex-direction:column;gap:3px;align-items:flex-start}
  .bk .bk-spec b,.bk .bk-spec i{max-width:100%;text-align:left}
  .bk .bk-spec .bk-dot{display:none}
}

/* --- 8. СПИСКИ --- */
.bk .bk-list{list-style:none;padding:0;margin:20px 0 26px;display:grid;gap:10px}
.bk .bk-list li{font-size:var(--bk-small);padding-left:26px;position:relative;line-height:1.5}
.bk .bk-list li::before{content:"";position:absolute;left:0;top:6px;width:12px;height:7px;border-left:2px solid var(--bk-red);border-bottom:2px solid var(--bk-red);transform:rotate(-45deg)}
.bk .bk-list--gold li::before{border-color:var(--bk-gold)}

.bk .bk-chk{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.bk .bk-chk li{font-size:var(--bk-small);color:var(--bk-text-on-green);padding-left:24px;position:relative;line-height:1.5}
.bk .bk-chk li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;background:var(--bk-gold);border-radius:2px}

/* --- 9. ЗЕЛЁНАЯ СЕКЦИЯ
   Мелкий текст светлый, золотой только заголовки и стрелки. --- */
.bk .bk-green-sec{background:var(--bk-green);color:var(--bk-text-on-green);padding:var(--bk-sec-y) 0}
.bk .bk-green-sec .bk-h2,
.bk .bk-green-sec .bk-h3{color:var(--bk-gold)}
.bk .bk-green-sec .bk-h4{color:#fff}
.bk .bk-green-sec .bk-lead,
.bk .bk-green-sec .bk-small,
.bk .bk-green-sec p{color:var(--bk-text-on-green)}

.bk .bk-barr{display:grid;grid-template-columns:1fr 1fr;gap:6px 34px;padding:18px 0;border-top:1px solid var(--bk-green-line)}
.bk .bk-barr:last-of-type{border-bottom:1px solid var(--bk-green-line)}
.bk .bk-barr p{font-size:var(--bk-small);line-height:1.55}
.bk .bk-barr .bk-a{color:var(--bk-text-on-green);opacity:.86}
.bk .bk-barr .bk-b{color:#fff;font-weight:500;position:relative;padding-left:26px}
.bk .bk-barr .bk-b::before{content:"\2192";position:absolute;left:0;color:var(--bk-gold);font-weight:400}

@media screen and (max-width:640px){ .bk .bk-barr{grid-template-columns:1fr;gap:6px} }

/* --- 10. ДВЕ АУДИТОРИИ --- */
.bk .bk-aud{border-radius:var(--bk-r-lg);padding:36px;border:1px solid var(--bk-line)}
.bk .bk-aud--sage{background:var(--bk-tint-sage);border-color:var(--bk-tint-sage-line)}
.bk .bk-aud--rose{background:var(--bk-tint-rose);border-color:var(--bk-tint-rose-line)}
.bk .bk-aud .bk-h3{font-size:26px;margin-bottom:12px}
@media screen and (max-width:640px){ .bk .bk-aud{padding:26px} }

/* --- 11. ЦЕПОЧКА ПОСТАВКИ --- */
.bk .bk-chain{display:grid;grid-template-columns:repeat(5,1fr);align-items:start;margin-top:44px}
.bk .bk-node{text-align:center;padding:0 12px;position:relative;min-width:0}
.bk .bk-node::after{content:"";position:absolute;top:39px;right:-14px;width:28px;height:1px;border-top:1.5px dashed var(--bk-line)}
.bk .bk-node:last-child::after{display:none}
.bk .bk-node .bk-circ{width:78px;height:78px;border-radius:50%;background:var(--bk-white);border:1px solid var(--bk-line);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.bk .bk-node--key .bk-circ{border:2px solid var(--bk-red);background:var(--bk-tint-rose)}
.bk .bk-node .bk-h4{margin-bottom:6px}
.bk .bk-node--key .bk-h4{color:var(--bk-red);font-weight:700;letter-spacing:.05em;font-size:15px}
.bk .bk-node p{font-size:var(--bk-xs);line-height:1.5;color:var(--bk-text-2)}

@media screen and (max-width:980px){
  .bk .bk-chain{grid-template-columns:1fr 1fr 1fr;gap:32px 0}
  .bk .bk-node::after{display:none}
}
@media screen and (max-width:640px){ .bk .bk-chain{grid-template-columns:1fr;gap:28px 0} }

/* --- 12. ГЕОГРАФИЯ И ИКОНОЧНЫЕ СТРОКИ --- */
.bk .bk-geo{display:grid;grid-template-columns:.88fr 1.12fr;gap:48px;align-items:center}
.bk .bk-geo>*{min-width:0}
@media screen and (max-width:980px){ .bk .bk-geo{grid-template-columns:1fr;gap:34px} }

.bk .bk-icon-row{display:flex;gap:14px;align-items:flex-start;min-width:0}
.bk .bk-icon-row svg{flex:none;margin-top:2px}
.bk .bk-icon-row .bk-h4{margin-bottom:4px}
.bk .bk-icon-row p{font-size:var(--bk-xs);color:var(--bk-text-2);line-height:1.55}
.bk .bk-icon-list{display:grid;gap:20px;margin-top:28px}

/* --- 13. ПЛАНЫ --- */
.bk .bk-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--bk-gap);margin-top:38px}
.bk .bk-plans>*{min-width:0}
.bk .bk-plan{padding-top:18px;border-top:2px solid var(--bk-red)}
.bk .bk-plan .bk-n{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--bk-red)}
.bk .bk-plan .bk-h4{margin:10px 0 7px;font-weight:700;letter-spacing:-.01em}
.bk .bk-plan p{font-size:var(--bk-xs);color:var(--bk-text-2);line-height:1.55}
@media screen and (max-width:980px){ .bk .bk-plans{grid-template-columns:1fr 1fr} }
@media screen and (max-width:640px){ .bk .bk-plans{grid-template-columns:1fr} }

/* --- 14. ФИНАЛЬНЫЙ ПРИЗЫВ --- */
.bk .bk-final{background:var(--bk-dark);color:#fff;padding:76px 0;text-align:center}
.bk .bk-final .bk-h2{color:#fff;margin-bottom:14px}
.bk .bk-final p{color:#B2ADA5;max-width:56ch;margin:0 auto}
.bk .bk-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.bk .bk-cta--center{justify-content:center}

/* --- 15. ФУТЕР --- */
.bk .bk-foot{background:var(--bk-footer);color:#9C938B;padding:52px 0 40px;font-size:var(--bk-xs)}
.bk .bk-foot a{color:#9C938B;text-decoration:none}
.bk .bk-foot a:hover{color:#fff}
.bk .bk-foot-g{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:34px;padding-bottom:30px;border-bottom:1px solid #2A2620}
.bk .bk-foot-g>*{min-width:0}
.bk .bk-foot .bk-h4{color:#fff;font-size:13px;margin-bottom:14px;letter-spacing:.06em;text-transform:uppercase}
.bk .bk-foot ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.bk .bk-foot-req{padding-top:26px;font-size:13px;line-height:1.9;color:#6F6862;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
@media screen and (max-width:980px){ .bk .bk-foot-g{grid-template-columns:1fr 1fr} }
@media screen and (max-width:640px){ .bk .bk-foot-g{grid-template-columns:1fr} }

/* --- 16. НАТИВНЫЕ ФОРМЫ ТИЛЬДЫ
   Формы делаем нативными блоками — только так работает
   приём заявок и интеграция с Bitrix24. --- */
.t-input{
  font-family:'Golos Text',sans-serif !important;
  font-size:15px !important;
  border:1px solid #E2DCD1 !important;
  border-radius:9px !important;
  background:#FBF9F5 !important;
  color:#1B1D19 !important;
  padding:13px 15px !important;
}
.t-input:focus{
  border-color:#C8102E !important;
  box-shadow:0 0 0 3px rgba(200,16,46,.22) !important;
  outline:none !important;
}
.t-input::placeholder{color:#8A857D !important}

.t-submit{
  font-family:'Golos Text',sans-serif !important;
  font-size:16px !important;
  font-weight:600 !important;
  background:#C8102E !important;
  color:#fff !important;
  border-radius:10px !important;
  padding:16px 28px !important;
  border:none !important;
  transition:background-color .16s ease !important;
}
.t-submit:hover{background:#A50E26 !important}

.t-form__errorbox-middle{font-family:'Golos Text',sans-serif !important}
.t-checkbox__control,
.t-checkbox__indicator{border-color:#C8102E !important}
.t-checkbox__labeltext{font-size:13px !important;line-height:1.5 !important;color:#8A857D !important}

/* Форма в зелёной секции.
   В настройках блока → BLOCK CSS CLASS NAME впишите: uc-bk-form-dark */
.uc-bk-form-dark .t-input{
  background:#24462F !important;
  border-color:rgba(216,190,116,.30) !important;
  color:#fff !important;
}
.uc-bk-form-dark .t-input::placeholder{color:rgba(228,235,227,.55) !important}
.uc-bk-form-dark .t-input:focus{
  border-color:#D8BE74 !important;
  box-shadow:0 0 0 3px rgba(216,190,116,.26) !important;
}
.uc-bk-form-dark .t-submit{background:#D8BE74 !important;color:#1D3A28 !important}
.uc-bk-form-dark .t-submit:hover{background:#C4A85C !important}
.uc-bk-form-dark .t-checkbox__labeltext{color:#E4EBE3 !important}
.uc-bk-form-dark .t-descr,
.uc-bk-form-dark .t-text{color:#E4EBE3 !important}
.uc-bk-form-dark .t-title{color:#D8BE74 !important}

/* --- 17. ДОСТУПНОСТЬ --- */
.bk a:focus-visible,
.bk button:focus-visible{outline:2px solid var(--bk-red);outline-offset:3px}

@media (prefers-reduced-motion:reduce){ .bk *{transition:none !important} }

/* --- 18. ЛОГОТИП В ШАПКЕ
   Ограничение размера поверх настроек блока меню.
   Временная мера: текущий логотип вертикальный
   и в шапке нечитаем при любом размере.
   Снять, когда появится горизонтальный вариант. --- */
.t-menu__logowrapper img,
.t-menu__logo img,
.t228__logo img,
.t230__logo img,
.t280__logo img,
.t282__logo img,
.t450__logo img,
.t-menuwidgeticon__imgwrapper img{
  max-width:46px !important;
  max-height:44px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
}

@media screen and (max-width:640px){
  .t-menu__logowrapper img,
  .t-menu__logo img,
  .t228__logo img,
  .t230__logo img,
  .t280__logo img,
  .t282__logo img,
  .t450__logo img,
  .t-menuwidgeticon__imgwrapper img{
    max-width:36px !important;
    max-height:34px !important;
  }
}

/* --- 19. ГОРИЗОНТАЛЬНАЯ ПРОКРУТКА
   Страховка от выхода блоков за правый край. --- */
html,body{overflow-x:hidden;max-width:100%}