/* ===== Спрощений вигляд сайту (12.11.2026) =====
   Підключається лише коли в адмінці увімкнено: Налаштування → «Спрощений вигляд сайту».
   Вимкнули — цей файл не підключається, і сайт такий, як був. */

/* --- одна кнопка «Допомога» замість окремих кнопок контактів і AI --- */
html.ui-s .tdbai-fab{display:none!important}
.tdbh{position:fixed;right:20px;bottom:24px;z-index:9990;font-family:Manrope,system-ui,sans-serif}
html.ui-s.tdbai-has #tdbf.tdbh{bottom:24px}
.tdbh-main{display:flex;align-items:center;gap:8px;height:56px;padding:0 22px 0 18px;border:0;border-radius:999px;cursor:pointer;background:#0077B6;color:#fff;font:800 16px Manrope,system-ui,sans-serif;box-shadow:0 8px 22px rgba(4,38,58,.28);transition:background .15s,transform .15s}
.tdbh-main svg{width:22px;height:22px}
@media (hover:hover){.tdbh-main:hover{background:#04263A;transform:translateY(-1px)}}
.tdbh-main:focus-visible{outline:3px solid #5CC8F2;outline-offset:3px}
body.tdbf-open .tdbh{display:none}

.tdbh-ov{position:fixed;inset:0;z-index:100000;background:rgba(4,38,58,.55);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s;font-family:Manrope,system-ui,sans-serif}
.tdbh-ov.on{opacity:1}
.tdbh-ov[hidden]{display:none}
.tdbh-sh{box-sizing:border-box;width:100%;max-width:440px;background:#fff;border-radius:22px 22px 0 0;padding:16px 16px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;transform:translateY(30px);transition:transform .22s;color:#04263A}
.tdbh-ov.on .tdbh-sh{transform:none}
@media (min-width:761px){.tdbh-ov{align-items:flex-end;justify-content:flex-end;padding:0 24px 24px}.tdbh-sh{border-radius:22px;max-width:400px}}
.tdbh-hd{display:flex;align-items:center;justify-content:space-between;padding:2px 0 4px}
.tdbh-hd b{font-size:20px;font-weight:800}
.tdbh-x{width:44px;height:44px;border:0;border-radius:12px;background:#F4F7FA;color:#04263A;font-size:26px;line-height:1;cursor:pointer}
.tdbh-call{display:flex;align-items:center;gap:14px;background:#00A0E3;color:#fff!important;text-decoration:none!important;border-radius:16px;padding:14px 16px;min-height:62px;box-sizing:border-box}
.tdbh-call svg{width:26px;height:26px;flex:none}
.tdbh-call span{display:flex;flex-direction:column;line-height:1.25}
.tdbh-call b{font-size:20px;font-weight:800;letter-spacing:.3px}
.tdbh-call small{font-size:13px;font-weight:600;opacity:.95}
.tdbh-ms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tdbh-ms a{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:14px;background:#F4F7FA;color:#04263A!important;text-decoration:none!important;font-weight:700;font-size:15px}
@media (hover:hover){.tdbh-ms a:hover,.tdbh-ai:hover{background:#E6F6FD}}
.tdbh-ai{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:0;cursor:pointer;background:#F4F7FA;color:#04263A;border-radius:14px;padding:12px 16px;min-height:60px;font-family:inherit}
.tdbh-ai b{font-size:16px;font-weight:700}
.tdbh-ai small{font-size:13px;color:#4A5D6B}
.tdbh-cb{border-top:1px solid #E3EAF0;padding-top:12px;margin:2px 0 0}
.tdbh-cb label{display:block;font-size:15px;font-weight:700;margin-bottom:8px}
.tdbh-cb div{display:flex;gap:8px}
.tdbh-cb input{flex:1;min-width:0;height:52px;border:1px solid #C9D6E0;border-radius:12px;padding:0 12px;font:500 17px Manrope,system-ui,sans-serif;color:#04263A}
.tdbh-cb input:focus{outline:none;border-color:#00A0E3;box-shadow:0 0 0 2px rgba(0,160,227,.25)}
.tdbh-cb button{height:52px;border:0;border-radius:12px;background:#04263A;color:#fff;font:700 15px Manrope,system-ui,sans-serif;padding:0 16px;cursor:pointer;white-space:nowrap}
.tdbh-msg{margin:6px 0 0;font-size:13px}
.tdbh-msg.err{color:#B42318}
.tdbh-done{margin:0;font-size:15px;line-height:1.4}

/* --- картка товару з телефона: панель «номер + Дізнатися ціну» видно завжди --- */
#tdbsb .tdbsb-ph{display:none}
@media (max-width:760px){
 html.ui-s #tdbsb{transform:none;gap:8px}
 html.ui-s #tdbsb .tdbsb-ph{display:flex;align-items:center;justify-content:center;flex:none;height:50px;padding:0 12px;border:2px solid #00A0E3;border-radius:10px;color:#0077B6!important;text-decoration:none!important;font-weight:800;font-size:15px;white-space:nowrap;box-sizing:border-box}
 html.ui-s #tdbsb.no-price .tdbsb-p{display:none}
 html.ui-s #tdbsb.no-price .tdbsb-ask{flex:1}
 html.ui-s #tdbsb .tdbsb-p b{font-size:16px}
 html.ui-s #tdbsb button{padding:13px 14px}
 html.ui-s body.tdb-bar #tdbf.tdbh{bottom:84px}
 html.ui-s .tdbh{right:14px;bottom:20px}
 html.ui-s .tdbh-main{height:50px;padding:0 18px 0 14px;font-size:15px}
 /* на картці товару внизу вже є дзвінок і ціна — «Допомогу» робимо круглою, щоб не закривала текст */
 html.ui-s body.tdb-bar .tdbh-main span{display:none}
 html.ui-s body.tdb-bar .tdbh-main{width:50px;padding:0;justify-content:center}
 /* у блоці під ціною — без дубля «Швидке замовлення» */
 html.ui-s .prod .tdbo>[data-quick]{display:none!important}
}

/* --- довгий опис згорнуто --- */
.tabs-b.ui-fold{max-height:300px;overflow:hidden;position:relative}
.tabs-b.ui-fold:after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.tabs-b.ui-fold.ui-open{max-height:none}
.tabs-b.ui-fold.ui-open:after{display:none}
.ui-more{display:block;margin:10px auto 0;border:1px solid #BFE6F7;background:#fff;color:#0077B6;border-radius:12px;padding:12px 20px;font:700 15px Manrope,system-ui,sans-serif;cursor:pointer;min-height:46px}
@media (hover:hover){.ui-more:hover{background:#EAF7FD}}
@media print{.tdbh,.tdbh-ov{display:none!important}.tabs-b.ui-fold{max-height:none}}

/* ===== Головна: перший екран компактніший, пошук одразу в банері ===== */
.ui-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ui-hs{display:flex;align-items:center;gap:8px;background:#fff;border-radius:14px;padding:0 6px 0 14px;height:58px;max-width:560px;margin:18px 0 0;box-shadow:0 8px 24px rgba(2,24,38,.35)}
.ui-hs svg{width:22px;height:22px;color:#0077B6;flex:none}
.ui-hs input{flex:1;min-width:0;border:0;outline:none;background:transparent;font:500 17px Manrope,system-ui,sans-serif;color:#04263A;height:100%}
.ui-hs input::placeholder{color:#6B7A85}
.ui-hs button{height:46px;border:0;border-radius:10px;background:#00A0E3;color:#fff;font:800 16px Manrope,system-ui,sans-serif;padding:0 22px;cursor:pointer}
@media (hover:hover){.ui-hs button:hover{background:#0077B6}}
html.ui-s #tdb-home .tdb-hero-l p,
html.ui-s #tdb-home .tdb-hero-cta{display:none!important}
html.ui-s #tdb-home .tdb-hero-b{margin:16px 0 0}
/* права частина банера — «Передзвоніть мені» одним полем */
html.ui-s .tdb-hero-r .ui-cb{border-top:0;padding:0;margin:14px 0 0}
html.ui-s .tdb-hero-r .ui-cb label{color:#fff}
html.ui-s .tdb-hero-r .ui-cb button{background:#00A0E3}
html.ui-s .tdb-hero-r .tdbh-msg{color:#fff}
html.ui-s .tdb-hero-r .tdbh-msg.err{color:#FFB4AB}
html.ui-s .tdb-hero-r .tdbh-done{color:#fff}
html.ui-s .tdb-hero-r .ui-cb-or{margin:14px 0 0;font-size:14px;color:#CDEBFA}
html.ui-s .tdb-hero-r .ui-cb-or a{color:#fff!important;font-weight:800;font-size:17px;text-decoration:none!important;white-space:nowrap}
@media (min-width:761px){
 html.ui-s #tdb-home .tdb-hero{min-height:0!important;height:auto!important}
 html.ui-s #tdb-home .tdb-hero-in{padding-top:36px!important;padding-bottom:36px!important;align-items:center}
 html.ui-s #tdb-home .tdb-hero-h{font-size:40px!important;line-height:1.12!important;margin-bottom:0!important}
}
/* дублі прибрано: окремий «Підбір за 10 секунд» (пошук тепер у банері), «Як ми працюємо», нижня велика форма (є «Допомога») */
html.ui-s #tdb-home .tdb-pick-slot,
html.ui-s #tdb-home .tdb-how,
html.ui-s #tdb-home > .tdb-lead-slot,
html.ui-s #tdb-home .tdb-marq-hint{display:none!important}

@media (max-width:760px){
 html.ui-s #tdb-home .tdb-hero{margin:0 0 4px}
 html.ui-s #tdb-home .tdb-hero-in{padding:16px 14px 16px!important;text-align:left!important}
 html.ui-s #tdb-home .tdb-hero .tdb-kicker{display:none}
 html.ui-s #tdb-home .tdb-hero-h{font-size:21px!important;line-height:1.2!important;margin:0!important;text-align:left!important}
 html.ui-s #tdb-home .tdb-hero-h br{display:none}
 html.ui-s .ui-hs{height:52px;margin-top:12px;padding:0 5px 0 12px}
 html.ui-s .ui-hs input{font-size:16px}
 html.ui-s .ui-hs button{height:42px;padding:0 14px;font-size:15px}
 /* «Оберіть напрямок»: 4 компактні плитки 2×2 замість високих карток */
 html.ui-s .tdb-dir-h{margin:12px 0 8px}
 html.ui-s .tdb-dir{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 html.ui-s .tdb-dir-h,html.ui-s .tdb-dir-f{grid-column:1/-1}
 html.ui-s .tdb-dir-2{display:contents}
 html.ui-s .tdb-dir-big,html.ui-s .tdb-dir-2 .tdb-dir-i,html.ui-s .tdb-dir-rkd{height:104px!important;margin:0!important}
 html.ui-s .tdb-dir-big b,html.ui-s .tdb-dir-rkd b,html.ui-s .tdb-dir-i b{font-size:16px!important}
 html.ui-s .tdb-dir-i small,html.ui-s .tdb-dir-rkd em{display:none!important}
 html.ui-s .tdb-dir-i span,html.ui-s .tdb-dir-rkd span{left:10px!important;right:10px!important;top:auto!important;bottom:10px!important}
 html.ui-s .tdb-dir-i i,html.ui-s .tdb-dir-rkd i{display:none!important}
 html.ui-s .tdb-dir-rkd:after{background:linear-gradient(180deg,rgba(4,38,58,.1) 15%,rgba(4,38,58,.92) 100%)!important}
 html.ui-s .tdb-dir-rkd img{object-position:center 40%!important}
 html.ui-s .tdb-dir-i span,html.ui-s .tdb-dir-rkd span{text-align:center!important}
}

/* ===== Етап 2: сторінки розділів і пошуку ===== */
/* «Гербіциди для кукурудзи / пшениці…» — один рядок, гортається вбік */
html.ui-cat .seo-chips .rg-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
html.ui-cat .seo-chips .rg-chips::-webkit-scrollbar{display:none}
html.ui-cat .seo-chips .rg-chips>*{flex:none;white-space:nowrap}
html.ui-cat .seo-chips p{margin-bottom:6px}
/* фільтри: довгі списки згорнуті */
html.ui-cat .fc.ui-fc:not(.ui-all):not(.ui-q) .fc-i.ui-x:not(:has(input:checked)){display:none}
.ui-fc-all{display:block;width:100%;margin:6px 0 0;border:0;background:none;color:#0077B6;font:700 14px Manrope,system-ui,sans-serif;text-align:left;padding:8px 0;cursor:pointer}
.fc.ui-q .ui-fc-all{display:none}
.ui-moref{margin:6px 0 10px;border-top:1px solid #E3EAF0;padding-top:10px}
.ui-moref summary{cursor:pointer;font-weight:800;font-size:14px;color:#04263A;padding:6px 0;list-style:none}
.ui-moref summary::-webkit-details-marker{display:none}
.ui-moref summary:after{content:" ▾";color:#0077B6}
.ui-moref[open] summary:after{content:" ▴"}
/* сортування — список */
html.ui-cat .sort.ui-sort-old{display:none!important}
.ui-sort{height:42px;border:1px solid #C9D6E0;border-radius:10px;background:#fff;color:#04263A;font:600 14px Manrope,system-ui,sans-serif;padding:0 10px;cursor:pointer;max-width:100%}
.cat-f-open.ui-on{background:#00A0E3!important;color:#fff!important;border-color:#00A0E3!important}
@media (max-width:760px){
 html.ui-cat .cat-bar{position:sticky;top:0;z-index:30;flex-wrap:nowrap;margin-left:-10px;margin-right:-10px;border-radius:0;box-shadow:0 4px 12px rgba(4,38,58,.08)}
 html.ui-cat .cat-f-open{flex:1 1 0;width:auto;height:42px;align-items:center;font-size:15px;border-radius:10px}
 html.ui-cat .ui-sort{flex:1 1 0;min-width:0;order:2}
}
/* «нічого не знайдено» */
.ui-empty{background:#fff;border:1px solid #E3EAF0;border-radius:16px;padding:18px;margin:10px 0 20px;max-width:560px;color:#04263A}
.ui-empty[hidden]{display:none}
html.ui-cat [data-empty]{display:none!important}
.ui-empty>b{font-size:18px;font-weight:800}
.ui-empty>p{margin:6px 0 0;font-size:15px;color:#4A5D6B}
.ui-empty .tdbh-cb{border-top:0;padding-top:4px;margin-top:10px}
.ui-empty .ui-empty-or{font-size:14px;margin-top:10px}
.ui-empty .ui-empty-or a{font-weight:800;color:#0077B6!important;text-decoration:none!important}
/* текст для Google — згорнутий */
section.seo.ui-fold{overflow:hidden;position:relative}
section.seo.ui-fold:after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(rgba(255,255,255,0),#fff)}
section.seo.ui-fold.ui-open:after{display:none}

/* ===== Етап 3: меню розділами і «Скільки потрібно на ваше поле» ===== */
.hd-mm-l.ui-mm .ui-mm-h{margin:0;padding:14px 16px 4px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#0077B6}
.hd-mm-l.ui-mm .ui-mm-h:first-child{padding-top:6px}
.hd-mm-l.ui-mm .ui-mm-ai{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #EEF2F4;background:none;padding:12px 16px;color:#1f2a30;font:600 15px Manrope,system-ui,sans-serif;cursor:pointer}
.hd-mm-l.ui-mm .ui-mm-ai:after{content:" ✦";color:#00A0E3}

.ui-ha{padding:18px 20px;margin:14px 0;border-radius:14px}
.ui-ha h2{margin:0 0 12px;font-size:20px;font-weight:800;color:#04263A}
.ui-ha-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:420px}
.ui-ha-in label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;color:#4A5D6B}
.ui-ha-in input{height:48px;border:1px solid #C9D6E0;border-radius:10px;padding:0 12px;font:600 17px Manrope,system-ui,sans-serif;color:#04263A;width:100%;box-sizing:border-box}
.ui-ha-in input:focus{outline:none;border-color:#00A0E3;box-shadow:0 0 0 2px rgba(0,160,227,.25)}
.ui-ha-out{margin:12px 0 4px;font-size:16px;line-height:1.5;color:#04263A}
.ui-ha-out b{color:#0077B6}
.ui-ha-note{margin:0;font-size:12px;color:#727271}
.ui-ha-b{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-top:12px}
.ui-ha-send{height:48px;border:0;border-radius:10px;background:#00A0E3;color:#fff;font:700 15px Manrope,system-ui,sans-serif;padding:0 18px;cursor:pointer}
.ui-ha-send:disabled{background:#B9D9E8;cursor:default}
.ui-ha-sch{font-weight:700;font-size:14px;color:#0077B6!important;text-decoration:none!important}
@media (max-width:760px){.ui-ha{padding:16px 14px}.ui-ha-send{flex:1 1 100%}}

/* ===== Кошик: зайві поля згорнуті ===== */
.ui-co-more{margin:4px 0 14px;border:1px solid #E3EAF0;border-radius:12px;padding:0 14px;background:#FAFCFD}
.ui-co-more summary{cursor:pointer;list-style:none;padding:14px 0;display:flex;flex-direction:column;gap:2px}
.ui-co-more summary::-webkit-details-marker{display:none}
.ui-co-more summary b{font-size:15px;color:#04263A}
.ui-co-more summary b:after{content:" ▾";color:#0077B6}
.ui-co-more[open] summary b:after{content:" ▴"}
.ui-co-more summary span{font-size:13px;color:#727271}
.ui-co-more[open]{padding-bottom:6px}

/* ===== Картка товару: менше дрібного тексту ===== */
@media (max-width:760px){
 html.ui-s #tdbsb .tdbsb-p small{display:none}
}
html.ui-s .prod-info>h1+p[style]{font-size:12px!important;color:#8A969E!important}
/* кнопка «нагору» на телефоні — у лівому нижньому куті, щоб не плутати з «Допомогою» справа */
@media (max-width:760px){
 html.ui-s #tdbup,html.ui-s.tdbai-has #tdbup{left:14px;right:auto;bottom:22px;width:46px;height:46px}
 html.ui-s body.tdb-bar #tdbup,html.ui-s.tdbai-has body.tdb-bar #tdbup{bottom:86px}
 html.ui-s body:has(#tdbsb) #tdbup{display:flex!important}
 html.ui-s body.tdbf-open #tdbup{opacity:0;visibility:hidden}
}

/* ===== «Схема під ваше поле» ===== */
.ui-schbar{display:none}
@media (max-width:760px){
 html.ui-sch .sch-hero p{display:none}
 html.ui-sch .sch-hero{padding-top:18px!important;padding-bottom:18px!important}
 .ui-schbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9985;align-items:center;gap:10px;background:#04263A;color:#fff;padding:10px 14px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 18px rgba(4,38,58,.25);transition:transform .25s;font-family:Manrope,system-ui,sans-serif}
 .ui-schbar[hidden],.ui-schbar.ui-off{transform:translateY(110%)}
 .ui-schbar-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
 .ui-schbar-t span{font-size:13px;color:#CDEBFA}
 .ui-schbar-t b{font-size:16px;font-weight:800;white-space:nowrap}
 .ui-schbar button{flex:none;height:48px;border:0;border-radius:10px;background:#00A0E3;color:#fff;font:800 15px Manrope,system-ui,sans-serif;padding:0 16px;cursor:pointer;white-space:nowrap}
 html.ui-sch body{padding-bottom:72px}
 html.ui-sch #tdbf.tdbh{bottom:84px!important}
 html.ui-sch .tdbh-main span{display:none}
 html.ui-sch .tdbh-main{width:50px;padding:0;justify-content:center}
 html.ui-sch #tdbup{bottom:86px!important}
 html.ui-sch section.sch-aux.ui-fold{overflow:hidden;position:relative}
}

/* ===== Аналоги в картці товару: компактніше на телефоні ===== */
@media (max-width:760px){
 html.ui-s .tdbcmp{padding:16px 14px;margin:14px 0}
 html.ui-s .tdbcmp-s{display:none}
 html.ui-s .tdbcmp-crops{display:flex;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;gap:6px}
 html.ui-s .tdbcmp-crops::-webkit-scrollbar{display:none}
 html.ui-s .tdbcmp-crops>*{flex:none;white-space:nowrap}
}

/* ===== Більший шрифт і кнопки під палець (телефон) ===== */
@media (max-width:760px){
 html.ui-s body{font-size:16px}
 html.ui-s .pc-t{font-size:15.5px;line-height:1.35}
 html.ui-s .pc-ai{font-size:13.5px}
 html.ui-s .pc-btn{min-height:46px;font-size:15.5px}
 html.ui-s .text,html.ui-s .text p,html.ui-s .text li{font-size:16px;line-height:1.6}
 html.ui-s .crumbs{font-size:13px}
 html.ui-s .fc-i{min-height:40px;align-items:center}
 html.ui-s .fc-i input{width:20px;height:20px}
 html.ui-s .mods-l .mod{min-height:46px}
 html.ui-s .tdbo>button,html.ui-s .tdbo>a{min-height:50px}
 html.ui-s .co-row input,html.ui-s .co-row select,html.ui-s .co-row textarea{font-size:16px;min-height:48px}
}
.ui-ha-c{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;color:#4A5D6B;max-width:420px;margin:0 0 10px}
.ui-ha-c select{height:48px;border:1px solid #C9D6E0;border-radius:10px;padding:0 10px;font:600 16px Manrope,system-ui,sans-serif;color:#04263A;background:#fff}

/* ---- Верхній рядок на комп'ютері (спрощений вигляд): «Меню» + сезон + прапорці, 12.11.2026 ---- */
.hd-top-s{justify-content:flex-start!important;gap:18px!important;flex-wrap:nowrap!important;min-height:44px!important}
.hd-ub{position:relative;flex:none}
.hd-ub-b{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px 0 10px;border:0;border-radius:8px;background:#00A0E3;color:#fff;font:700 14px/1 Manrope,system-ui,sans-serif;cursor:pointer}
.hd-ub-b svg{width:20px;height:20px}
@media (hover:hover){.hd-ub-b:hover{background:#0077B6}}
.hd-ub-p{display:none;position:absolute;left:0;top:calc(100% + 8px);z-index:200;background:#fff;border-radius:12px;box-shadow:0 12px 32px rgba(4,38,58,.22);padding:18px 22px;grid-template-columns:repeat(2,minmax(190px,auto));gap:6px 34px}
.hd-ub.is-open .hd-ub-p{display:grid}
.hd-ub-p p{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#727271}
.hd-top .hd-ub-p a{display:block;padding:7px 0;color:#04263A;font-size:15px;font-weight:600;white-space:nowrap}
@media (hover:hover){.hd-top .hd-ub-p a:hover{color:#0077B6}}
.hd-ssl{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:12px;color:#E1EBF0;font-size:14px;white-space:nowrap;overflow:hidden}
.hd-ssl span{overflow:hidden;text-overflow:ellipsis}
.hd-ssl b{flex:none;background:#00A0E3;color:#fff;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:3px 9px;border-radius:20px}
.hd-top .hd-ssl a{flex:none;color:#5CC8F2;font-weight:700}
@media (hover:hover){.hd-top .hd-ssl a:hover{color:#fff}}
.hd-flags{flex:none;display:inline-flex;gap:6px;padding-left:16px;border-left:1px solid rgba(255,255,255,.25)}
.hd-top .hd-flags a{display:inline-flex;padding:3px;border-radius:5px;opacity:.5;transition:opacity .15s}
.hd-top .hd-flags a.is-on{opacity:1;background:rgba(255,255,255,.16)}
@media (hover:hover){.hd-top .hd-flags a:hover{opacity:1}}
.hd-flags svg{display:block;border-radius:2px}
@media (max-width:1100px){.hd-ssl span{display:none}}

/* ---- Прапорці в мобільному меню і в підвалі, 12.11.2026 ---- */
.hd-mm-flags,.ft-flags{display:flex;gap:10px;align-items:center}
.hd-mm-flags{margin:14px 0 4px}
.ft-flags{margin:10px 0 0}
.hd-mm-flags a,.ft-flags a{display:inline-flex;padding:4px;border-radius:6px;opacity:.5;border:2px solid transparent}
.hd-mm-flags a.is-on{opacity:1;border-color:#00A0E3}
.ft-flags a.is-on{opacity:1;border-color:rgba(255,255,255,.55)}
.hd-mm-flags svg,.ft-flags svg{display:block;width:33px;height:22px;border-radius:3px}

/* ---- Номер телефону в шапці — в один рядок ---- */
.hd-phone{flex:none}
.hd-phone-btn{white-space:nowrap!important;display:inline-flex!important;align-items:center;gap:4px}