/* ============================================================
   SeoPro.Tools — Homepage redesign "Minimal" (light, scoped)
   Loaded ONLY on the homepage (header.php CON_MAIN) under body.home-min.
   Does not affect any other page.
   ============================================================ */
:root{
  --hx-ink:#0b1020; --hx-mut:#52607a; --hx-soft:#8a94a6;
  --hx-line:#e8eaf0; --hx-bg:#fbfbfd; --hx-accent:#10b981; --hx-accent-d:#059669;
  --hx-head:'Sora',-apple-system,Segoe UI,Roboto,sans-serif;
}
body.home-min{background:var(--hx-bg); color:var(--hx-ink); font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;}
/* sections transparent so the faint particle layer shows through */
body.home-min .secHead, body.home-min .section{background:transparent !important;}

/* faint full-page particle background (dark dots on light, white on dark — barely visible) */
#particles-bg{position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:0; pointer-events:none;}
#particles-bg canvas{display:block; position:fixed; top:0; left:0;}
/* keep all content above the particle layer */
body.home-min .main-content, body.home-min .container, body.home-min .hx-cta, body.home-min footer{position:relative; z-index:1;}
/* fix logo "jump": legacy .themeLogoImg has margin-top:-25px */
body.home-min .themeLogoImg{margin-top:0 !important; width:auto !important; height:34px !important;}
body.home-min .logo{float:none; line-height:1;}

/* ---- top navigation (legacy markup, restyled) ---- */
/* шапка на главной — в обычном потоке (НЕ fixed), прозрачная, без нижней линии:
   так она физически не перекрывает ни заголовок, ни статус-бар на телефоне */
body.home-min .wrapper-header{position:relative !important; top:auto !important; left:auto; right:auto; background:transparent !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; border-bottom:0 !important; box-shadow:none !important; padding-top:12px;}
body.home-min .main-header{padding:14px 0;}
body.home-min .logo img{max-height:36px; width:auto;}
body.home-min .main-nav > li > a{color:var(--hx-mut) !important; font-weight:500; font-size:14px; padding:10px 12px !important; background:transparent !important; white-space:nowrap;}
body.home-min .main-nav > li > a:hover{color:var(--hx-ink) !important;}
body.home-min .main-nav > li.active > a{color:var(--hx-ink) !important;}
body.home-min .dropdown-menu{border:1px solid var(--hx-line); border-radius:12px; box-shadow:0 16px 44px rgba(11,16,32,.10);}

/* ---- hero ---- */
/* hide legacy decorative right-floated hero image (caused stats to drift right) */
body.home-min .headturbo-img{display:none !important;}
body.home-min .headturbo .row{margin:0;}
body.home-min .hx-stats, body.home-min .hx-line, body.home-min .hx-sec{clear:both;}
body.home-min .headturbo{background:transparent !important; min-height:auto;}
body.home-min #headturbo-wrap{margin-top:0 !important; background:transparent !important;}
body.home-min .hx-hero{text-align:center; padding:40px 0 56px;}
body.home-min .hx-kicker{color:var(--hx-accent); font-weight:700; font-size:13px; letter-spacing:.09em; text-transform:uppercase; margin-bottom:20px;}
body.home-min .hx-h1{font-family:var(--hx-head); font-weight:800; font-size:clamp(34px,5.4vw,62px); line-height:1.05; letter-spacing:-.035em; color:var(--hx-ink); max-width:860px; margin:0 auto 22px;}
body.home-min .hx-sub{font-size:clamp(16px,2vw,20px); color:var(--hx-mut); max-width:620px; margin:0 auto 36px; line-height:1.6;}

/* search / analyzer form */
body.home-min .hx-form{max-width:700px; margin:0 auto;}
body.home-min .hx-form .input-group.review{display:flex; background:#fff; border:1.5px solid var(--hx-ink); border-radius:999px; padding:6px 6px 6px 10px; box-shadow:0 10px 34px rgba(11,16,32,.08);}
body.home-min .hx-form .review-input{flex:1 1 auto; min-width:0; width:100%; border:0 !important; outline:0; background:transparent !important; box-shadow:none !important; font-size:15px; color:var(--hx-ink) !important; padding:0 16px; height:48px; text-overflow:ellipsis;}
body.home-min .hx-form .review-input::placeholder{color:var(--hx-soft);}
body.home-min .hx-form .input-group-btn{display:flex;}
body.home-min .hx-form .btn-green{background:var(--hx-accent) !important; border:0 !important; color:#fff !important; border-radius:999px !important; font-weight:700; font-size:15px; padding:0 26px; height:46px; box-shadow:none;}
body.home-min .hx-form .btn-green:hover{background:var(--hx-accent-d) !important;}
body.home-min .hx-trust{margin-top:18px; color:var(--hx-soft); font-size:14px; font-weight:500; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:6px 10px;}
body.home-min .hx-trust .dot{opacity:.45;}
body.home-min .top-link{margin-top:14px;}
body.home-min .top-link a{color:var(--hx-mut);}

/* thin divider */
body.home-min .hx-line{height:1px; background:var(--hx-line); margin:56px 0;}

/* stats */
body.home-min .hx-stats{display:flex; justify-content:center; gap:clamp(28px,6vw,72px); flex-wrap:wrap;}
body.home-min .hx-stat{text-align:center;}
body.home-min .hx-stat .n{font-family:var(--hx-head); font-size:clamp(30px,4vw,42px); font-weight:800; letter-spacing:-.02em; color:var(--hx-ink);}
body.home-min .hx-stat .l{color:var(--hx-soft); font-size:14px; margin-top:2px;}

/* ============ MOBILE adaptation (<=600px) ============ */
@media (max-width:600px){
  /* trust-строка: пункты столбиком, разделители-точки скрыты */
  body.home-min .hx-trust{flex-direction:column; gap:8px;}
  body.home-min .hx-trust .dot{display:none;}
  /* статистика: сетка 2×2 вместо 3+1 */
  body.home-min .hx-stats{display:grid; grid-template-columns:1fr 1fr; gap:28px 16px; max-width:420px; margin:0 auto;}
  body.home-min .hx-stat{padding:0 4px;}
  body.home-min .hx-line{margin:36px 0;}
  /* разделы/сетки в одну колонку, компактнее */
  body.home-min .hx-grid{grid-template-columns:1fr !important; gap:16px;}
  body.home-min .hx-steps{grid-template-columns:1fr !important; gap:16px;}
  body.home-min .hx-recent{grid-template-columns:1fr 1fr !important;}
  body.home-min .hx-sec h2{font-size:clamp(24px,7vw,30px);}
  body.home-min .hx-cta{padding:32px 18px;}
}

/* ============ MOBILE: действия (вход/регистрация/тема/язык) внутри меню-гамбургера (<768px) ============ */
@media (max-width:767px){
  body.home-min .hx-topbar{display:none !important;}            /* верхней полосы на мобиле нет */
  /* чистый вертикальный список меню (обе ul имеют класс .main-nav) */
  body.home-min .turbo-nav{float:none !important; width:100%;}
  body.home-min .turbo-nav .main-nav{float:none !important; width:100% !important; margin:0 !important; text-align:center; list-style:none; padding:0;}
  body.home-min .turbo-nav .main-nav > li{float:none !important; display:block !important; width:100% !important; text-align:center; margin:0;}
  body.home-min .turbo-nav .main-nav > li > a{display:block; padding:11px 12px;}
  body.home-min .turbo-nav .hx-actions{display:block !important; float:none; width:100%; margin:8px 0 0; padding:10px 0 0; border-top:1px solid var(--hx-line); list-style:none;}
  body.home-min .turbo-nav .hx-actions > li{display:block !important; float:none !important; width:100%; margin:6px 0; text-align:center;}
  body.home-min .turbo-nav .hx-actions .signin,
  body.home-min .turbo-nav .hx-actions .signup{display:block !important; width:100%; text-align:center; padding:11px 16px !important; border-radius:12px !important; margin:0 !important;}
  body.home-min .turbo-nav .hx-actions .hx-toggle-li{display:flex !important; justify-content:center;}
  body.home-min .turbo-nav .hx-actions .dropdown{text-align:center;}
  /* язык: список всегда раскрыт (без тоггла — надёжно на тач-устройствах) */
  body.home-min .turbo-nav .hx-actions .dropdown > .dropdown-toggle{display:none !important;}
  body.home-min .turbo-nav .hx-actions .dropdown-menu{display:block !important; position:static !important; float:none; width:100%; min-width:0; margin:0; padding:0; box-shadow:none; border:0; background:transparent !important; right:auto; left:auto;}
  body.home-min .turbo-nav .hx-actions .dropdown-menu > li > a{display:block; text-align:center; padding:10px 12px !important; border-radius:8px;}
  body.home-min .turbo-nav .hx-actions .dropdown-menu > li > a[href^="javascript"]{color:var(--hx-accent) !important; font-weight:700;} /* текущий язык */
  body.home-min.theme-dark .turbo-nav .hx-actions{border-top-color:rgba(255,255,255,.12);}
}

/* section heading */
body.home-min .hx-sec{text-align:center; padding:6px 0 0;}
body.home-min .hx-sec h2{font-family:var(--hx-head); font-size:clamp(26px,3.4vw,36px); font-weight:800; letter-spacing:-.025em; color:var(--hx-ink); margin:0;}
body.home-min .hx-sec p{color:var(--hx-mut); margin-top:10px; font-size:17px;}

/* feature grid (seamless, thin separators) */
body.home-min .hx-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--hx-line); border:1px solid var(--hx-line); border-radius:20px; overflow:hidden; margin:34px 0 0;}
body.home-min .hx-cell{background:#fff; padding:34px 28px;}
body.home-min .hx-cell .ico{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#ecfdf5;color:var(--hx-accent);margin-bottom:16px;}
body.home-min .hx-cell h3{font-family:var(--hx-head); font-size:18px; font-weight:700; margin:0 0 8px; color:var(--hx-ink);}
body.home-min .hx-cell p{color:var(--hx-mut); font-size:15px; line-height:1.6; margin:0;}

/* how it works */
body.home-min .hx-steps{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin:34px 0 0;}
body.home-min .hx-step{text-align:center; padding:10px;}
body.home-min .hx-step .num{width:44px;height:44px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-family:var(--hx-head);font-weight:700;color:#fff;background:var(--hx-ink);}
body.home-min .hx-step h4{font-family:var(--hx-head); font-size:17px; font-weight:700; margin:0 0 6px;}
body.home-min .hx-step p{color:var(--hx-mut); font-size:15px; line-height:1.6; margin:0;}

/* recently analyzed */
body.home-min .hx-recent{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:34px 0 0; list-style:none; padding:0;}
body.home-min .hx-recent .sites-block{background:#fff; border:1px solid var(--hx-line); border-radius:16px; overflow:hidden; transition:.2s;}
body.home-min .hx-recent .sites-block:hover{box-shadow:0 16px 44px rgba(11,16,32,.10); transform:translateY(-4px);}
body.home-min .hx-recent .imageBox{overflow:hidden;}
body.home-min .hx-recent .imageBox img{width:100% !important; height:auto !important; display:block; transition:.3s;}
body.home-min .hx-recent .sites-block:hover .imageBox img{transform:scale(1.04);}
body.home-min .hx-recent .infox{padding:14px 16px;}
body.home-min .hx-recent .recentTitle{font-weight:700; color:var(--hx-ink);}
body.home-min .hx-recent .details span{display:inline-block; margin-right:14px; color:var(--hx-mut); font-size:13px;}
body.home-min .hx-recent .recentStrong{color:var(--hx-ink);}
body.home-min .hx-recent .caption{display:none;}

/* CTA band */
body.home-min .hx-cta{margin:64px 0 10px; text-align:center; background:var(--hx-ink); color:#fff; border-radius:24px; padding:clamp(36px,6vw,64px) 24px;}
body.home-min .hx-cta h2{font-family:var(--hx-head); font-size:clamp(26px,3.6vw,40px); font-weight:800; letter-spacing:-.025em; margin:0 0 12px; color:#fff;}
body.home-min .hx-cta p{color:rgba(255,255,255,.8); margin:0 auto 28px; max-width:540px;}
body.home-min .hx-cta .btn-green{display:inline-block; background:var(--hx-accent) !important; color:#fff !important; border:0 !important; border-radius:999px !important; font-weight:700; padding:14px 32px; text-decoration:none; font-size:15px; transition:background .2s;}
body.home-min .hx-cta .btn-green:hover{background:var(--hx-accent-d) !important; color:#fff !important;}

/* footer (legacy markup, restyled light) */
body.home-min footer, body.home-min .footer{background:#fff !important; border-top:1px solid var(--hx-line); color:var(--hx-mut);}
body.home-min footer a{color:var(--hx-mut);}
body.home-min footer a:hover{color:var(--hx-ink);}
body.home-min .footerbg{display:none !important;}
body.home-min .copyright{background:#fff !important; color:var(--hx-soft);}

/* responsive */
@media (max-width:1024px){ body.home-min .hx-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:860px){
  body.home-min .hx-grid, body.home-min .hx-steps, body.home-min .hx-recent{grid-template-columns:1fr;}
  body.home-min .hx-form .input-group.review{flex-direction:column; border-radius:18px; gap:8px; padding:8px;}
  body.home-min .hx-form .review-input{width:100%; height:48px;}
  body.home-min .hx-form .input-group-btn, body.home-min .hx-form .btn-green{width:100%; border-radius:14px !important; height:48px;}
}

/* ============ v2 fixes (logo / menu button / footer) ============ */
/* black logo on the white header (the stock logo is light → invert to black) */
body.home-min .logo img{filter:brightness(0); max-height:36px; width:auto;}
/* mobile hamburger: dark icon on a clean white button (no black square!) */
body.home-min .navbar-toggle{background:#fff !important; border:1px solid var(--hx-line) !important; border-radius:10px; padding:8px 11px; margin:6px 0;}
body.home-min .navbar-toggle .fa, body.home-min .navbar-toggle .fa-bars{color:var(--hx-ink) !important; background:transparent !important; font-size:20px; line-height:1;}
body.home-min .navbar-toggle .icon-bar{background:var(--hx-ink) !important;}  /* legacy line-style hamburger, if used */

/* footer: was white text for a dark footer → make readable on white */
body.home-min footer{background:#fff !important; border-top:1px solid var(--hx-line); padding:40px 0 0;}
body.home-min [class*="footer"]{background:transparent !important;}      /* kill gradient row bg */
body.home-min .footer-title{color:var(--hx-ink) !important; font-family:var(--hx-head); font-weight:700;}
body.home-min footer p, body.home-min footer li, body.home-min footer span,
body.home-min .footer-about, body.home-min .single p, body.home-min .navigation a, body.home-min .navigation li{color:var(--hx-mut) !important;}
body.home-min footer a{color:var(--hx-mut) !important;}
body.home-min footer a:hover{color:var(--hx-ink) !important;}
body.home-min footer .fa, body.home-min .single .fa{color:var(--hx-accent) !important; background:transparent !important;}
body.home-min .social-icon a{color:var(--hx-mut) !important; background:transparent !important;}
body.home-min .right-border, body.home-min .left-border{border-color:var(--hx-line) !important;}
body.home-min .copyright{background:#fff !important; color:var(--hx-soft) !important; border-top:1px solid var(--hx-line); margin-top:24px; padding:18px 0;}

/* ============ v2 fix #2: legacy fixed-height hero + mobile form ============ */
/* main.css sets #headturbo{height:400px;padding:200px 0 400px} → on mobile the hero
   content overflowed and the form overlapped the stats. Make hero natural-height. */
body.home-min #headturbo{height:auto !important; padding:0 !important; margin:0 !important; min-height:0 !important;}
body.home-min #headturbo-wrap{height:auto !important; position:static !important;}
body.home-min .headturbo{height:auto !important;}
/* analyzer form must beat legacy .input-group{display:inline-table} */
body.home-min .hx-form .input-group.review{display:flex !important; align-items:center;}
body.home-min .hx-form .input-group-btn{display:flex !important; width:auto; white-space:normal;}
@media (max-width:860px){
  body.home-min .hx-form .input-group.review{flex-direction:column !important; align-items:stretch !important; gap:10px; border-radius:16px; padding:10px;}
  body.home-min .hx-form .review-input{display:block !important; width:100% !important; height:50px; border-radius:12px !important; padding:0 16px;}
  body.home-min .hx-form .input-group-btn{display:block !important; width:100% !important;}
  body.home-min .hx-form .input-group-btn .btn-green{display:block !important; width:100% !important; height:50px; border-radius:12px !important; padding:0;}
  body.home-min .hx-hero{padding:20px 0 32px;}
}

/* ============ footer: clean aligned columns (flex) ============
   Разметка: у .row ТРИ прямых ребёнка — About / обёртка(Contact) / Navigation. */
/* ВАЖНО: у .row только 2 прямых ребёнка — About и ОБЁРТКА(Contact+Navigation внутри).
   Чтобы получить 3 равные колонки в ряд: About=1 доля, обёртка=2 доли и сама flex. */
body.home-min footer{padding:48px 0 0; font-size:13.5px;}
body.home-min footer .row{display:flex !important; flex-wrap:nowrap; align-items:flex-start; gap:32px; margin:0;}
body.home-min footer .row > .col-md-6{float:none !important; width:auto !important; padding:0 !important; margin:0 !important; min-width:0;}
body.home-min footer .row > .col-md-6:first-child{flex:1 1 0;}                          /* About */
body.home-min footer .row > .col-md-6:last-child{flex:2 1 0; display:flex; gap:32px;}    /* обёртка: Contact | Navigation в ряд */
body.home-min footer .row > .col-md-6:last-child > .col-md-6{flex:1 1 0; float:none !important; width:auto !important; padding:0 !important; min-width:0;}
body.home-min footer .footer-title{font-size:18px;}
body.home-min footer .row > .clearfix{display:none !important;}
body.home-min .footer-title{white-space:normal; margin-bottom:16px;}
body.home-min .footer-title::after{display:none !important;}                 /* убрать декоративную полоску под заголовком */
body.home-min .right-border, body.home-min .left-border{border:0 !important;} /* убрать боковые полоски */
body.home-min .single{margin-bottom:10px;}
/* соцыконки: без ромба-поворота, аккуратные квадраты, опущены ниже текста контактов */
body.home-min .social-icon{margin-top:22px; clear:both; overflow:hidden;}
body.home-min .social-icon .list-inline{margin:0; padding:0;}
body.home-min .social-icon li a{transform:none !important; width:38px; height:38px; line-height:36px !important; border:1px solid var(--hx-line) !important; border-radius:10px !important; text-align:center; display:inline-block;}
body.home-min .social-icon li a i{transform:none !important; line-height:36px !important;}
/* копирайт: нормальная высота строки (база ставит 10px → текст налезает), отступ снизу */
body.home-min .copyright{line-height:1.6 !important; padding:18px 16px 26px !important;}
@media (max-width:768px){
  body.home-min footer{padding:36px 0 0;}
  body.home-min footer .row{flex-direction:column; flex-wrap:nowrap; gap:30px;}
  /* в колоночном направлении flex-basis влияет на ВЫСОТУ → сбрасываем, иначе контент вылезает и копирайт налезает */
  body.home-min footer .row > .col-md-6,
  body.home-min footer .row > .col-md-6:last-child > .col-md-6{flex:0 0 auto !important; width:100% !important;}
  body.home-min footer .row > .col-md-6:last-child{flex-direction:column; gap:30px;} /* Contact над Navigation */
  body.home-min .social-icon{margin-top:16px;}
}

/* ============ THEME TOGGLE (light/dark) ============ */
body.home-min .hx-toggle-li{display:flex; align-items:center;}
body.home-min .hx-theme-toggle{background:transparent; border:1px solid var(--hx-line); border-radius:999px; width:40px; height:40px; cursor:pointer; color:var(--hx-ink); font-size:16px; padding:0; line-height:1; display:inline-flex; align-items:center; justify-content:center; transition:.2s;}
body.home-min .hx-theme-toggle:hover{background:#f1f5f9;}

/* ---- DARK palette (toggled via body.home-min.theme-dark) ---- */
body.home-min.theme-dark{background:#0b1020; color:#c7d0e0;}
body.home-min.theme-dark .secHead, body.home-min.theme-dark .section{background:transparent !important;}
body.home-min.theme-dark .wrapper-header{background:transparent !important; border-bottom:0 !important;}
body.home-min.theme-dark .logo img{filter:brightness(0) invert(1);}              /* white logo on dark */
body.home-min.theme-dark .main-nav > li > a{color:#aab4c8 !important;}
body.home-min.theme-dark .main-nav > li > a:hover{color:#fff !important;}
body.home-min.theme-dark .navbar-toggle{background:#141a2b !important; border-color:rgba(255,255,255,.18) !important;}
body.home-min.theme-dark .navbar-toggle .fa, body.home-min.theme-dark .navbar-toggle .fa-bars{color:#fff !important;}
body.home-min.theme-dark .hx-theme-toggle{border-color:rgba(255,255,255,.2); color:#e6ebf5;}
body.home-min.theme-dark .hx-theme-toggle:hover{background:rgba(255,255,255,.08);}
body.home-min.theme-dark .hx-h1, body.home-min.theme-dark .hx-stat .n, body.home-min.theme-dark .hx-sec h2,
body.home-min.theme-dark .hx-cell h3, body.home-min.theme-dark .hx-step h4,
body.home-min.theme-dark .recentTitle, body.home-min.theme-dark .recentStrong, body.home-min.theme-dark .footer-title{color:#fff !important;}
body.home-min.theme-dark .hx-sub, body.home-min.theme-dark .hx-sec p, body.home-min.theme-dark .hx-cell p,
body.home-min.theme-dark .hx-step p, body.home-min.theme-dark .hx-stat .l, body.home-min.theme-dark .hx-trust,
body.home-min.theme-dark .hx-recent .details span, body.home-min.theme-dark footer p,
body.home-min.theme-dark footer li, body.home-min.theme-dark footer a, body.home-min.theme-dark .footer-about,
body.home-min.theme-dark .single p{color:#8893a7 !important;}
body.home-min.theme-dark footer a:hover{color:#fff !important;}
body.home-min.theme-dark .hx-line{background:rgba(255,255,255,.08);}
body.home-min.theme-dark .hx-form .input-group.review{background:#141a2b; border-color:rgba(255,255,255,.16); box-shadow:0 12px 36px rgba(0,0,0,.5);}
body.home-min.theme-dark .hx-form .review-input{color:#fff !important;}
body.home-min.theme-dark .hx-grid{background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.08);}
body.home-min.theme-dark .hx-cell{background:#121829;}
body.home-min.theme-dark .hx-recent .sites-block{background:#121829; border-color:rgba(255,255,255,.08);}
body.home-min.theme-dark .hx-cta{background:#121829; border:1px solid rgba(255,255,255,.08);}
body.home-min.theme-dark footer, body.home-min.theme-dark .copyright{background:#0b1020 !important; border-top-color:rgba(255,255,255,.08) !important;}
body.home-min.theme-dark [class*="footer"]{background:transparent !important;}
body.home-min.theme-dark .right-border, body.home-min.theme-dark .left-border{border-color:rgba(255,255,255,.08) !important;}

/* ============ nav structure: sign in / sign up as buttons on the right ============ */
body.home-min .main-nav .signin{border:1px solid var(--hx-line) !important; border-radius:999px !important; padding:8px 16px !important; margin-left:14px !important; color:var(--hx-ink) !important; font-weight:600;}
body.home-min .main-nav .signin:hover{background:#f1f5f9 !important; color:var(--hx-ink) !important;}
body.home-min .main-nav .signup{background:var(--hx-accent) !important; color:#fff !important; border:0 !important; border-radius:999px !important; padding:9px 18px !important; margin-left:6px !important; font-weight:700;}
body.home-min .main-nav .signup:hover{background:var(--hx-accent-d) !important; color:#fff !important;}
body.home-min.theme-dark .main-nav .signin{border-color:rgba(255,255,255,.22) !important; color:#fff !important;}
body.home-min.theme-dark .main-nav .signin:hover{background:rgba(255,255,255,.08) !important;}

/* ============ two-row header (variant C): отдельная верхняя полоса (JS переносит .hx-actions в .hx-topbar) ============ */
body.home-min .hx-topbar{background:transparent; border-bottom:0; position:relative; z-index:30;}
body.home-min .hx-topbar-in{display:flex; align-items:center; justify-content:flex-end; gap:10px;}
body.home-min .hx-topbar .hx-actions{display:flex !important; align-items:center; gap:8px; margin:0; padding:5px 0; list-style:none; float:none; width:auto;}
body.home-min .hx-topbar .hx-actions > li{float:none !important; list-style:none; display:flex; align-items:center; margin:0;}
body.home-min .hx-topbar .hx-actions > li > a{padding:6px 10px !important;}
body.home-min .hx-topbar .hx-actions .signin{margin-left:0 !important;}
body.home-min.theme-dark .hx-topbar{background:transparent; border-bottom:0;}
/* main bar back to normal (no absolute top strip anymore) */
body.home-min .main-header{padding-top:14px; position:relative; z-index:10;} /* ниже .hx-topbar(z30), чтобы dropdown языков из верхней полосы не перекрывался ссылками меню */

/* ============ dropdowns in top bar (language / account) — fix ugly white box, right-align, dark variant ============ */
body.home-min .hx-actions{overflow:visible;}
body.home-min .hx-actions .dropdown-menu{
  right:0; left:auto; min-width:180px; margin-top:8px; padding:6px; z-index:1080;
  border:1px solid var(--hx-line); border-radius:12px; box-shadow:0 16px 44px rgba(11,16,32,.14); background:#fff;
}
body.home-min .hx-actions .dropdown-menu > li > a{padding:9px 14px; border-radius:8px; color:var(--hx-ink); font-size:14px;}
body.home-min .hx-actions .dropdown-menu > li > a:hover{background:#f1f5f9; color:var(--hx-ink);}
/* dark variant */
body.home-min.theme-dark .dropdown-menu{background:#141a2b !important; border-color:rgba(255,255,255,.12) !important; box-shadow:0 16px 44px rgba(0,0,0,.5);}
body.home-min.theme-dark .dropdown-menu > li > a{color:#c7d0e0 !important;}
body.home-min.theme-dark .dropdown-menu > li > a:hover{background:rgba(255,255,255,.07) !important; color:#fff !important;}
body.home-min.theme-dark .hx-actions .dropdown > a{color:#c7d0e0 !important;}