/* ==========================================================================
   Hadjistyllis Garage — 2026 rebuild
   Industrial palette: charcoal + steel gray, red accent
   ========================================================================== */

@font-face{font-family:"Montserrat";font-display:swap;font-weight:400;font-style:normal;src:url("../fonts/Montserrat-Regular.woff2") format("woff2"),url("../fonts/Montserrat-Regular.woff") format("woff");}
@font-face{font-family:"Montserrat";font-display:swap;font-weight:500;font-style:normal;src:url("../fonts/Montserrat-Medium.woff2") format("woff2"),url("../fonts/Montserrat-Medium.woff") format("woff");}
@font-face{font-family:"Montserrat";font-display:swap;font-weight:600;font-style:normal;src:url("../fonts/Montserrat-SemiBold.woff2") format("woff2"),url("../fonts/Montserrat-SemiBold.woff") format("woff");}
@font-face{font-family:"Montserrat";font-display:swap;font-weight:700;font-style:normal;src:url("../fonts/Montserrat-Bold.woff2") format("woff2"),url("../fonts/Montserrat-Bold.woff") format("woff");}
@font-face{font-family:"Montserrat";font-display:swap;font-weight:800;font-style:normal;src:url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"),url("../fonts/Montserrat-ExtraBold.woff") format("woff");}

:root{
  /* industrial palette */
  --charcoal-950:#0e0f10;
  --charcoal-900:#16181a;
  --charcoal-800:#202327;
  --charcoal-700:#2c3035;
  --steel-600:#454b52;
  --steel-500:#5b626a;
  --steel-400:#7d848c;
  --steel-300:#a7adb3;
  --steel-100:#e5e7e9;
  --paper-50:#f5f4f2;
  --paper-0:#ffffff;
  --red-700:#a3101f;
  --red-600:#c8102e;
  --red-500:#e0132f;
  --red-050:#fdeceb;

  --bg:var(--paper-50);
  --surface:var(--paper-0);
  --text:var(--charcoal-900);
  --text-muted:var(--steel-500);
  --border:var(--steel-100);
  --accent:var(--red-600);
  --accent-dark:var(--red-700);
  --accent-contrast:var(--paper-0);

  --font:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --container:1240px;
  --radius-sm:6px;
  --radius:12px;
  --radius-lg:20px;
  --shadow:0 4px 24px rgba(14,15,16,.08);
  --shadow-lg:0 20px 48px rgba(14,15,16,.16);
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--font);
  color:var(--text);
  background:var(--bg);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4{margin:0;font-weight:800;line-height:1.15;letter-spacing:-.01em;}
p{margin:0;}
button{font-family:inherit;}

.container{max-width:var(--container);margin:0 auto;padding:0 24px;}
.section{padding:88px 0;}
.section--tight{padding:56px 0;}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--accent);margin-bottom:14px;
}
.eyebrow::before{content:"";width:24px;height:2px;background:var(--accent);display:inline-block;}
h2.section-title{font-size:clamp(28px,4vw,42px);margin-bottom:16px;}
.section-lede{font-size:18px;color:var(--text-muted);max-width:640px;}
.section-head{margin-bottom:48px;}
.section-head.center{text-align:center;margin-left:auto;margin-right:auto;}
.section-head.center .section-lede{margin-left:auto;margin-right:auto;}
.text-muted{color:var(--text-muted);}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 30px;border-radius:var(--radius-sm);font-weight:700;font-size:15px;
  border:2px solid transparent;cursor:pointer;transition:.18s ease;white-space:nowrap;
}
.btn--primary{background:var(--accent);color:#fff;}
.btn--primary:hover{background:var(--accent-dark);}
.btn--outline{border-color:currentColor;color:var(--text);background:transparent;}
.btn--outline:hover{background:var(--text);color:var(--bg);}
.btn--ghost{color:var(--accent);padding:15px 4px;}
.btn--block{width:100%;}
.btn svg{width:18px;height:18px;flex:none;}

/* ---------- icon helper ---------- */
.icon{display:block;width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}

/* ==========================================================================
   Header / nav
   ========================================================================== */
.topbar{
  background:var(--charcoal-950);color:var(--steel-300);font-size:13px;
}
.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:9px;padding-bottom:9px;flex-wrap:wrap;}
.topbar__info{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.topbar__item{display:flex;align-items:center;gap:7px;}
.topbar__item .icon{width:15px;height:15px;color:var(--accent);}
.topbar__item a:hover{color:#fff;}
.langswitch{display:flex;align-items:center;gap:2px;background:rgba(255,255,255,.06);border-radius:999px;padding:3px;}
.langswitch a{
  display:inline-block;padding:5px 11px;border-radius:999px;font-weight:700;font-size:12px;
  letter-spacing:.04em;color:var(--steel-300);
}
.langswitch a:hover{color:#fff;}
.langswitch a.is-active{background:var(--accent);color:#fff;}

.site-header{
  position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:14px;padding-bottom:14px;max-width:1520px;}
.progressbar{position:absolute;left:0;bottom:-1px;height:2px;background:var(--accent);width:0%;transition:width .1s linear;}

.brand{display:flex;align-items:center;gap:12px;}
.brand__mark{width:68px;height:68px;flex:none;}
.brand__mark-chip{display:flex;align-items:center;justify-content:center;flex:none;width:54px;height:54px;border-radius:50%;background:var(--paper-0);padding:5px;}
.brand__mark-chip .brand__mark{width:100%;height:100%;}
.brand__type{display:flex;flex-direction:column;line-height:1.15;}
.brand__type strong{font-size:16px;font-weight:800;letter-spacing:-.01em;}
.brand__type span{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);}

.mainnav{display:flex;align-items:center;gap:2px;}
.mainnav > li{position:relative;}
.mainnav > li > a{
  display:flex;align-items:center;gap:6px;padding:12px 14px;font-weight:600;font-size:14.5px;border-radius:var(--radius-sm);
  white-space:nowrap;
}
.mainnav > li > a:hover, .mainnav > li > a.is-active{color:var(--accent);}
.mainnav .icon{width:14px;height:14px;}
.mainnav__more{display:none;}
.mainnav__more .dropdown{left:auto;right:0;}
/* The header's own container now has a wider cap (1520px, see above) than the
   sitewide 1240px one, sized to comfortably fit the longest language's full
   inline nav (measured natural width: EN 1295 / RU 1418 / UK 1471 / EL
   1476px). At genuinely wide viewports (≥1500px) the full nav — including
   About Us / Pre-Sale Inspection / Sale Assistance — shows inline; below that,
   those three tuck into the "More" dropdown so the header never overflows
   regardless of translation length. */
@media (min-width:700px) and (max-width:1499.98px){
  .mainnav__secondary{display:none;}
  .mainnav__more{display:block;}
}
.has-dropdown:hover .dropdown, .has-dropdown:focus-within .dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown{
  position:absolute;top:100%;left:0;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);
  padding:10px;min-width:260px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s ease;
  display:grid;grid-template-columns:1fr;gap:2px;border:1px solid var(--border);
}
.dropdown a{display:block;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:600;}
.dropdown a:hover{background:var(--bg);color:var(--accent);}

/* "Choose your maps app" popover (iOS only — Android gets a native chooser
   for geo: links for free, desktop just opens Google Maps in a new tab) */
.mapchoices{
  position:fixed;z-index:200;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);
  border:1px solid var(--border);padding:8px;min-width:200px;
}
.mapchoices a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:8px;font-size:14px;font-weight:600;color:var(--text);}
.mapchoices a:hover{background:var(--bg);color:var(--accent);}
.mapchoices .icon{width:17px;height:17px;color:var(--accent);flex:none;}
.mapchoices__backdrop{position:fixed;inset:0;z-index:199;background:transparent;}

.header-cta{display:flex;align-items:center;gap:14px;}
.header-cta__phone{height:42px;font-weight:800;font-size:15px;display:flex;align-items:center;gap:8px;white-space:nowrap;flex:none;}
.header-cta__phone .icon{color:var(--accent);flex:none;}

.header-cta__directions{display:none;height:42px;width:42px;align-items:center;justify-content:center;flex:none;}
.header-cta__directions .icon{color:var(--accent);}

.nav-toggle{display:none;align-items:center;justify-content:center;height:42px;width:42px;background:none;border:none;padding:0;cursor:pointer;flex:none;}
.nav-toggle .icon{width:22px;height:22px;}

/* ==========================================================================
   Hero
   ========================================================================== */
.hero{position:relative;background:var(--charcoal-950);color:#fff;overflow:hidden;}
.hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(700px 500px at 82% 15%, rgba(200,16,46,.28), transparent 60%),
    linear-gradient(120deg, rgba(14,15,16,.98) 0%, rgba(14,15,16,.86) 45%, rgba(14,15,16,.55) 100%);
  z-index:1;
}
.hero__bg{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;opacity:.55;}
.hero__inner{position:relative;z-index:2;padding-top:120px;padding-bottom:96px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;}
.hero__badge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;margin-bottom:24px;}
.hero__badge .icon{width:16px;height:16px;color:var(--accent);}
.hero h1{font-size:clamp(34px,5.4vw,60px);max-width:16ch;}
.hero h1 em{font-style:normal;color:var(--accent);}
.hero p{margin-top:22px;font-size:18px;max-width:48ch;color:var(--steel-300);}
.hero__actions{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap;}
.hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:26px;backdrop-filter:blur(6px);}
.hero__stat strong{display:block;font-size:30px;font-weight:800;color:#fff;}
.hero__stat span{font-size:13px;color:var(--steel-300);}

/* ==========================================================================
   Advantages
   ========================================================================== */
.advgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.advcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:30px 26px;transition:.18s;}
.advcard:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-3px);}
.advcard__icon{width:52px;height:52px;border-radius:12px;background:var(--red-050);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.advcard__icon .icon{width:26px;height:26px;}
.advcard h3{font-size:17px;margin-bottom:10px;}
.advcard p{font-size:14.5px;color:var(--text-muted);}

/* ==========================================================================
   Services
   ========================================================================== */
.svcgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.svccard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:.18s;display:flex;flex-direction:column;}
.svccard:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--charcoal-800);}
.svccard__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--charcoal-800);}
.svccard__media img{width:100%;height:100%;object-fit:cover;}
.svccard__body{padding:24px 24px 26px;flex:1;display:flex;flex-direction:column;}
.svccard h3{font-size:18px;margin-bottom:12px;}
.svccard ul{margin-bottom:0;flex:1;}
.svccard li{display:flex;gap:9px;font-size:14px;color:var(--text-muted);padding:5px 0;}
.svccard li .icon{width:15px;height:15px;color:var(--accent);flex:none;margin-top:2px;}

/* ==========================================================================
   About
   ========================================================================== */
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;}
.about__media{position:relative;}
.about__media img{border-radius:var(--radius-lg);width:100%;aspect-ratio:4/5;object-fit:cover;}
.about__badge{
  position:absolute;bottom:-22px;left:-22px;background:var(--accent);color:#fff;border-radius:var(--radius);
  padding:22px 26px;box-shadow:var(--shadow-lg);
}
.about__badge strong{display:block;font-size:34px;font-weight:800;}
.about__badge span{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;}
.about__list{margin-top:26px;display:grid;gap:14px;}
.about__list li{display:flex;gap:12px;align-items:flex-start;font-size:15px;}
.about__list .icon{width:20px;height:20px;color:var(--accent);flex:none;margin-top:1px;}

/* ==========================================================================
   CTA band
   ========================================================================== */
.ctaband{background:var(--charcoal-950);color:#fff;border-radius:var(--radius-lg);padding:52px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;position:relative;overflow:hidden;}
.ctaband::before{content:"";position:absolute;inset:0;background:radial-gradient(480px 260px at 90% 20%, rgba(200,16,46,.35), transparent 65%);}
.ctaband>*{position:relative;z-index:1;}
.ctaband h2{font-size:clamp(22px,3vw,30px);max-width:26ch;}
.ctaband p{color:var(--steel-300);margin-top:10px;max-width:52ch;}
.ctaband__actions{display:flex;gap:14px;flex-wrap:wrap;}
.ctaband > div:not(.ctaband__actions){flex:1 1 380px;min-width:0;}

/* ==========================================================================
   Contact / hours / map
   ========================================================================== */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.contact-grid > *{min-width:0;}
.infocard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;display:flex;gap:16px;align-items:flex-start;margin-bottom:16px;}
.infocard__icon{width:44px;height:44px;border-radius:10px;background:var(--red-050);color:var(--accent);display:flex;align-items:center;justify-content:center;flex:none;}
.infocard h4{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px;}
.infocard p{font-weight:700;font-size:16px;}
.hourstable{width:100%;table-layout:fixed;border-collapse:collapse;margin-top:6px;}
.hourstable td{padding:9px 0;border-bottom:1px solid var(--border);font-size:14.5px;}
.hourstable td:last-child{text-align:right;font-weight:700;}
.mapwrap{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);margin-top:20px;}
.mapwrap iframe{display:block;width:100%;height:260px;border:0;}

.form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:34px;box-shadow:var(--shadow);}
.form h3{font-size:20px;margin-bottom:6px;}
.form .text-muted{margin-bottom:22px;display:block;}
.field{margin-bottom:16px;}
.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px;}
.field input,.field select,.field textarea{
  width:100%;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:13px 14px;font-family:inherit;font-size:15px;background:var(--bg);
}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);background:#fff;}
.field textarea{resize:vertical;min-height:110px;}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form__note{font-size:12.5px;color:var(--text-muted);margin-top:12px;}
.form__status{margin-top:14px;font-size:14px;font-weight:700;display:none;padding:12px 14px;border-radius:8px;}
.form__status.is-success{display:block;background:#eafaf0;color:#166534;}
.form__status.is-error{display:block;background:var(--red-050);color:var(--accent-dark);}

/* ==========================================================================
   Footer
   ========================================================================== */
.site-footer{background:var(--charcoal-950);color:var(--steel-300);padding-top:64px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08);}
.footer-col h4{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px;}
.footer-col p{font-size:14px;line-height:1.7;}
.footer-col ul{display:grid;gap:10px;}
.footer-col a:hover{color:#fff;}
.footer-brand__type strong{color:#fff;font-size:17px;}
.footer .brand__mark{width:40px;height:40px;}
.footer-social{display:flex;gap:10px;margin-top:18px;}
.footer-social a{width:38px;height:38px;border-radius:8px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;}
.footer-social a:hover{background:var(--accent);color:#fff;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:13px;flex-wrap:wrap;gap:10px;}
.footer-bottom a:hover{color:#fff;}

.whatsapp-fab{
  position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;
  background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);
}
.whatsapp-fab .icon{width:28px;height:28px;}
.whatsapp-fab:hover{transform:scale(1.06);}

/* ==========================================================================
   Page hero (inner pages)
   ========================================================================== */
.pagehero{background:var(--charcoal-950);color:#fff;padding:64px 0 56px;position:relative;overflow:hidden;}
.pagehero::before{content:"";position:absolute;inset:0;background:radial-gradient(560px 320px at 88% 0%, rgba(200,16,46,.3), transparent 65%);}
.pagehero .container{position:relative;z-index:1;}
.breadcrumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--steel-300);margin-bottom:16px;}
.breadcrumb a:hover{color:#fff;}
.pagehero h1{font-size:clamp(28px,4vw,44px);}
.pagehero p{margin-top:14px;color:var(--steel-300);max-width:60ch;font-size:16px;}

.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.split img{border-radius:var(--radius-lg);width:100%;aspect-ratio:4/3;object-fit:cover;}
.checklist{display:grid;gap:14px;margin-top:24px;}
.checklist li{display:flex;gap:12px;align-items:flex-start;}
.checklist .icon{width:20px;height:20px;color:var(--accent);flex:none;margin-top:2px;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:1199.98px){
  .hero__inner{grid-template-columns:1fr;}
  .advgrid{grid-template-columns:repeat(2,1fr);}
  .svcgrid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
/* Squeeze zone: not full desktop width yet — tighten nav spacing further.
   (Secondary nav items are already tucked into "More" by the rule above.) */
@media (min-width:992px) and (max-width:1279.98px){
  .site-header .container{gap:10px;}
  .mainnav{gap:0;}
  .mainnav > li > a{padding:12px 9px;font-size:13.5px;}
  .header-cta{gap:8px;}
  .header-cta .btn--primary{display:none;}
}
/* Content layout reflow — independent of the nav breakpoints below/above */
@media (max-width:991.98px){
  .about,.split,.contact-grid{grid-template-columns:1fr;}
  .about__media img,.split img{aspect-ratio:16/10;}
  .about__badge{position:static;margin-top:-40px;margin-left:20px;display:inline-block;}
}
/* Compact ("priority") nav: Home, Services, the new More dropdown (About Us /
   Pre-Sale Inspection / Sale Assistance), and Contact + phone stay visible as
   long as there's room — only the hamburger-only mode below hides everything. */
@media (min-width:700px) and (max-width:991.98px){
  .site-header .container{gap:10px;}
  .mainnav{gap:0;}
  .mainnav > li > a{padding:12px 8px;font-size:13.5px;}
  .header-cta{gap:8px;}
  .header-cta__phone-label,.header-cta .btn--primary{display:none;}
}
/* Hamburger-early tier: the language switcher moves out of the topbar and
   into the mobile drawer (it's already the first thing in the drawer), so
   the topbar's remaining items always fit on one line without wrapping. */
@media (max-width:928.98px){
  .langswitch{display:none;}
  .mainnav,.header-cta__phone-label,.header-cta .btn--primary{display:none;}
  .nav-toggle{display:flex;}
  .header-cta{gap:10px;}
  .header-cta__phone{width:42px;justify-content:center;}
}
/* Phone viewport: topbar (hours/email/whatsapp/directions) disappears
   entirely, so directions gets its own icon next to the phone/menu icons. */
@media (max-width:708.98px){
  .topbar{display:none;}
  .header-cta__directions{display:flex;}
}
@media (max-width:767.98px){
  .section{padding:64px 0;}
  .advgrid{grid-template-columns:1fr 1fr;}
  .svcgrid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .ctaband{flex-direction:column;text-align:center;padding:36px 26px;}
  .ctaband__actions{justify-content:center;}
  .field-row{grid-template-columns:1fr;}
  .topbar__info{gap:12px;}
  .hero__inner{text-align:center;}
  .hero h1,.hero p{margin-left:auto;margin-right:auto;}
  .hero__actions{justify-content:center;}
}
@media (max-width:500px){
  .advgrid{grid-template-columns:1fr;}
  .hero__stats{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .hero__inner{padding-top:96px;padding-bottom:64px;}
  .hero h1{font-size:30px;}
  .hero p{font-size:16px;}
  .form{padding:24px;}
}

/* mobile drawer nav */
.mobile-drawer{
  position:fixed;inset:0;z-index:100;background:var(--charcoal-950);color:#fff;
  transform:translateX(100%);transition:transform .28s ease;overflow-y:auto;
}
.mobile-drawer.is-open{transform:translateX(0);}
.mobile-drawer__top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08);}
.mobile-drawer nav{padding:14px 10px;}
.mobile-drawer a{display:block;padding:15px 12px;font-size:17px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.06);}
.mobile-drawer .dropdown-inline{padding-left:14px;}
.mobile-drawer .dropdown-inline a{font-size:14.5px;font-weight:600;color:var(--steel-300);padding:11px 12px;}
.mobile-langs{display:flex;gap:8px;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.08);}
.mobile-langs a{flex:1;text-align:center;padding:10px 0;border-radius:8px;background:rgba(255,255,255,.06);font-weight:700;}
.mobile-langs a.is-active{background:var(--accent);}
body.no-scroll{overflow:hidden;}