/* Lingo Service menu v2 (6 Oct 2026): header, drop-down panels and phone menu in the v2 homepage language.
   Look A "photo window" with the Languages menu as native scripts (Mohamed: "Go A but for the languages tab, make it
   all the native scripts not images").
   Every rule is scoped under .mv / .mv-sheet / .mv-scrim. Drawn icons only (no typed arrows). */

.mv,.mv-sheet,.mv-scrim{--mv-navy:#101d30;--mv-deep:#0b1626;--mv-ink:#122033;--mv-paper:#f6f5f1;--mv-line:#e6e3dc;--mv-line-2:#d9d5cc;--mv-muted:#4c5966;--mv-soft:#5a6672;--mv-orange:#c7420d;--mv-orange-h:#b83a0a;--mv-accent:#f86011;--mv-ondark:#d3dbe4;--mv-warm:#ffa06b;--mv-h:88px;--mv-pad:clamp(16px,3vw,48px);--mv-ease:cubic-bezier(.2,.7,.2,1)}
/* Resets carry zero specificity (:where) so every component rule below wins without !important. */
:where(.mv,.mv-sheet) :where(*){box-sizing:border-box}
:where(.mv,.mv-sheet) :where(ul){list-style:none;margin:0;padding:0}
:where(.mv,.mv-sheet) :where(p,h2){margin:0}
:where(.mv,.mv-sheet) :where(a){color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
:where(.mv,.mv-sheet) :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
:where(.mv,.mv-sheet) :where(.mv-i){flex:none;display:block}
.mv-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mv :focus-visible,.mv-sheet :focus-visible{outline:3px solid var(--mv-orange);outline-offset:3px;border-radius:6px}

/* ---------- Bar ---------- */
.mv{position:sticky;top:0;z-index:61;font-family:Inter,Arial,sans-serif;color:var(--mv-ink);font-size:16px;line-height:1.4}
.mv-bar{position:relative;background:#fff;border-bottom:1px solid var(--mv-line);transition:box-shadow .2s ease}
.mv.is-stuck .mv-bar{box-shadow:0 10px 24px -18px rgba(11,22,38,.45)}
.mv-wrap{max-width:1440px;height:var(--mv-h);margin:0 auto;padding:0 var(--mv-pad);display:flex;align-items:center;gap:clamp(10px,1.4vw,26px)}
.mv-logo{display:flex;align-items:center;flex:none}
.mv-logo img{display:block;height:60px;width:auto}
.mv-nav{display:none;align-items:stretch;height:100%;gap:2px;margin-inline-start:clamp(4px,1vw,18px)}
.mv-item{display:flex;align-items:center}
.mv-item-company{position:relative}
.mv-trigger,.mv-toplink{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 13px;border-radius:10px;font:500 15px/1 Inter,Arial,sans-serif;color:var(--mv-ink);white-space:nowrap;transition:color .15s ease,background-color .15s ease}
.mv-trigger:hover,.mv-toplink:hover,.mv-item.is-open>.mv-trigger{color:var(--mv-orange)}
.mv-chev{width:15px;height:15px;transition:transform .22s var(--mv-ease);opacity:.75}
.mv-item.is-open>.mv-trigger .mv-chev{transform:rotate(180deg)}
.mv-ink{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--mv-accent);opacity:0;pointer-events:none;transition:transform .3s var(--mv-ease),width .3s var(--mv-ease),opacity .15s ease;z-index:3}
.mv-ink.is-on{opacity:1}
.mv-tools{display:flex;align-items:center;gap:clamp(6px,.9vw,14px);margin-inline-start:auto}
.mv-tel{display:none;align-items:center;gap:8px;height:44px;padding:0 6px;font:600 15px/1 Inter,Arial,sans-serif;white-space:nowrap;color:var(--mv-ink)}
.mv-tel:hover{color:var(--mv-orange)}
.mv-lang{position:relative;display:none}
.mv-lang-btn{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 11px;border:1px solid var(--mv-line-2);border-radius:11px;font:500 14px/1 Inter,Arial,sans-serif;color:var(--mv-ink);background:#fff;transition:border-color .15s ease,color .15s ease}
.mv-lang-btn:hover,.mv-lang.is-open .mv-lang-btn{border-color:var(--mv-ink)}
.mv-lang-btn .mv-chev{width:14px;height:14px}
.mv-lang.is-open .mv-lang-btn .mv-chev{transform:rotate(180deg)}
.mv-lang-list{position:absolute;top:calc(100% + 12px);inset-inline-end:0;min-width:210px;padding:6px;background:#fff;border:1px solid var(--mv-line);border-radius:14px;box-shadow:0 28px 50px -24px rgba(11,22,38,.45);z-index:5}
.mv-lang-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:9px;font:500 15px/1.2 Inter,Arial,sans-serif}
.mv-lang-list a:hover{background:var(--mv-paper);color:var(--mv-orange)}
.mv-lang-list a[aria-current]{color:var(--mv-orange);font-weight:600}
.mv-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:46px;padding:0 18px;border-radius:12px;background:var(--mv-orange);color:#fff!important;font:600 15px/1 Inter,Arial,sans-serif;white-space:nowrap;box-shadow:0 10px 22px -14px rgba(199,66,13,.75);transition:background-color .15s ease}
.mv-cta:hover{background:var(--mv-orange-h)}
.mv-cta .i-arrow{width:17px;height:17px;transition:transform .2s var(--mv-ease)}
.mv-cta:hover .i-arrow{transform:translateX(3px)}
.mv-cta-bar{display:none}
.mv-burger{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;color:var(--mv-ink)}
.mv-burger:hover{background:var(--mv-paper)}
.mv-phone-btn{display:inline-flex}

@media (min-width:640px){.mv-cta-bar{display:inline-flex;height:44px;padding:0 16px;font-size:14px}}
@media (min-width:1280px){
  .mv-nav,.mv-tel,.mv-lang{display:flex}
  .mv-lang{display:block}
  .mv-cta-bar{height:46px;padding:0 18px;font-size:15px}
  .mv-burger{display:none}
}
@media (min-width:1280px) and (max-width:1535.98px){
  .mv-trigger,.mv-toplink{padding:0 9px}
  .mv-tel>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .mv-tel{width:44px;justify-content:center;border-radius:11px;border:1px solid var(--mv-line-2)}
  .mv-lang-btn>span{display:none}
}
/* bar heights match the homepage hero's --header (88 / 76 / 72px) so its sticky film meets the bar exactly */
@media (max-width:850px){.mv{--mv-h:76px}}
@media (max-width:600px){.mv{--mv-h:72px}.mv-logo img{height:52px}}

/* ---------- Panels (laptop) ---------- */
/* Closed panels are display:none (not just invisible): text in a hidden-but-laid-out panel makes the browser fetch
   extra font files (Inter latin-ext + greek, about 100 KB) on every page load (measured 6 Oct). */
.mv-panel{position:absolute;left:0;right:0;top:calc(100% + 1px);z-index:2;display:none}
.mv-item.is-open>.mv-panel{display:block;animation:mvPanelIn .22s var(--mv-ease)}
@keyframes mvPanelIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mv.is-switching .mv-panel{animation:none!important}
@media (prefers-reduced-motion:reduce){.mv-item.is-open>.mv-panel{animation:none}.mv-ink{transition:none}}
.mv-panel-in{max-width:1440px;margin:0 auto;padding:32px var(--mv-pad) 30px;max-height:calc(100vh - var(--mv-h) - 48px);overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,3vw,56px)}
.mv-main{display:flex;flex-direction:column;gap:22px;min-width:0}
.mv-cols{display:grid;gap:clamp(20px,2.4vw,40px)}
.mv-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mv-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mv-kicker{display:flex;align-items:center;gap:12px;margin:0 0 12px;font:600 12px/1.4 Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mv-soft)}
.mv-kicker::before{content:"";flex:none;width:28px;height:2px;background:var(--mv-accent)}
html[dir="rtl"] .mv-kicker{letter-spacing:0;text-transform:none;font-size:13px;font-weight:700}
.mv-link{display:flex;align-items:center;gap:10px;min-height:36px;padding:6px 0;font:500 15px/1.3 Inter,Arial,sans-serif;color:var(--mv-ink);transition:color .15s ease}
.mv-link .mv-label{min-width:0}
.mv-link .i-arrow{width:16px;height:16px;margin-inline-start:auto;color:var(--mv-orange);opacity:0;transform:translateX(-6px);transition:opacity .16s ease,transform .2s var(--mv-ease)}
html[dir="rtl"] .mv .i-arrow,html[dir="rtl"] .mv-sheet .i-arrow,html[dir="rtl"] .mv-next,html[dir="rtl"] .mv-back{transform:scaleX(-1)}
html[dir="rtl"] .mv-link .i-arrow{transform:scaleX(-1) translateX(-6px)}
.mv-link:hover,.mv-link:focus-visible,.mv-link.is-current{color:var(--mv-orange)}
.mv-link:hover .i-arrow,.mv-link:focus-visible .i-arrow,.mv-link.is-current .i-arrow{opacity:1;transform:none}
html[dir="rtl"] .mv-link:hover .i-arrow,html[dir="rtl"] .mv-link:focus-visible .i-arrow,html[dir="rtl"] .mv-link.is-current .i-arrow{transform:scaleX(-1)}
.mv-native{font-size:13px;font-weight:400;color:var(--mv-soft);white-space:nowrap;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
/* native names sit at the line end of the PAGE direction (an Arabic-script name has its own dir="rtl") */
.mv-link .mv-native{margin-left:auto}
html[dir="rtl"] .mv-link .mv-native{margin-left:0;margin-right:auto}
.mv-link .mv-native+.i-arrow{margin-inline-start:0}
.mv-foot{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;padding-top:18px;border-top:1px solid var(--mv-line)}
.mv-kicker-inline{margin:0}
.mv-docs{display:flex;flex-wrap:wrap;gap:6px 20px}
.mv-doc{display:inline-block;padding:4px 0;font:500 14px/1.3 Inter,Arial,sans-serif;color:var(--mv-ink);border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}
.mv-doc:hover,.mv-doc:focus-visible,.mv-doc.is-current{color:var(--mv-orange);border-color:var(--mv-orange)}
.mv-all{display:inline-flex;align-items:center;gap:10px;margin-inline-start:auto;padding:8px 0;font:600 15px/1.2 Inter,Arial,sans-serif;color:var(--mv-orange);white-space:nowrap}
.mv-all .i-arrow{width:17px;height:17px;transition:transform .2s var(--mv-ease)}
.mv-all:hover .i-arrow{transform:translateX(3px)}
html[dir="rtl"] .mv-all:hover .i-arrow{transform:scaleX(-1) translateX(3px)}

/* Company: a small card under its own button */
.mv-panel-company{left:auto;right:auto;inset-inline-start:-8px;width:290px;top:calc(100% + 1px)}
.mv-panel-company .mv-panel-in{display:block;padding:10px 10px;border-radius:0 0 16px 16px;max-height:none}
.mv-company .mv-link{min-height:46px;padding:8px 12px;border-radius:10px;font-size:16px}
.mv-company .mv-link:hover{background:var(--mv-paper)}

/* Language finder */
.mv-finder-row{display:flex;align-items:flex-start;gap:28px}
.mv-finder-row .mv-finder{flex:1;max-width:none}
.mv-finder-row>.mv-all{margin-top:6px}
.mv-finder{position:relative;max-width:520px}
.mv-finder input{width:100%;height:50px;padding:0 16px;padding-inline-start:46px;border:1px solid var(--mv-line-2);border-radius:12px;background:#fff;font:500 16px/1 Inter,Arial,sans-serif;color:var(--mv-ink);-webkit-appearance:none;appearance:none}
.mv-finder input::placeholder{color:#6b7682}
.mv-finder input:focus{outline:none;border-color:var(--mv-orange);box-shadow:0 0 0 3px rgba(199,66,13,.18)}
.mv-finder input::-webkit-search-cancel-button{cursor:pointer}
.mv-finder-icon{position:absolute;top:15px;inset-inline-start:15px;color:var(--mv-soft);pointer-events:none}
.mv-results{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px}
.mv-results .mv-link{border-bottom:1px solid var(--mv-line)}
.mv-results .mv-empty{grid-column:1/-1;color:var(--mv-soft);padding:8px 0;font-size:15px}
.mv-panel-languages .mv-finder{max-width:none}
.mv-panel-languages .mv-results{grid-template-columns:repeat(4,minmax(0,1fr))}
.mv-browse-hidden{display:none!important}

/* ---------- Scrim ---------- */
.mv-scrim{position:fixed;inset:0;z-index:58;background:rgba(11,22,38,.42);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}
.mv-scrim.is-on{opacity:1;visibility:visible;transition:opacity .2s ease,visibility 0s}

/* ---------- A: photo window ---------- */
.mv-a .mv-panel{background:#fff;box-shadow:0 44px 70px -44px rgba(11,22,38,.55)}
.mv-a .mv-panel:not(.mv-panel-company) .mv-panel-in{grid-template-columns:minmax(0,1fr) clamp(300px,26vw,400px)}
.mv-photo{position:relative;display:block;min-height:330px;border-radius:16px;overflow:hidden;background:var(--mv-navy);isolation:isolate}
.mv-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .28s ease;filter:saturate(.85)}
.mv-photo img.is-front{opacity:1}
.mv-photo::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(11,22,38,.9) 0%,rgba(11,22,38,.55) 34%,rgba(11,22,38,0) 64%)}
.mv-photo-cap{position:absolute;z-index:2;left:24px;right:84px;bottom:24px;display:flex;flex-direction:column;gap:8px;color:#fff}
html[dir="rtl"] .mv-photo-cap{left:84px;right:24px}
.mv-photo-kicker{display:flex;align-items:center;gap:10px;font:600 11px/1.4 Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mv-ondark)}
.mv-photo-kicker::before{content:"";width:22px;height:2px;background:var(--mv-accent);flex:none}
html[dir="rtl"] .mv-photo-kicker{letter-spacing:0;text-transform:none;font-size:13px}
.mv-photo-title{font:600 26px/1.18 Poppins,Inter,sans-serif;letter-spacing:-.02em}
html[dir="rtl"] .mv-photo-title{font-family:Cairo,Inter,sans-serif;font-weight:700;line-height:1.4;letter-spacing:0}
.mv-photo-go{position:absolute;z-index:2;right:24px;bottom:24px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--mv-orange);transition:transform .2s var(--mv-ease)}
html[dir="rtl"] .mv-photo-go{right:auto;left:24px}
.mv-photo:hover .mv-photo-go{transform:scale(1.06)}
@media (prefers-reduced-motion:reduce){.mv-photo img{transition:none}}

.mv-wall{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}
.mv-tile-lang{display:flex;flex-direction:column;justify-content:space-between;gap:10px;height:100%;min-height:94px;padding:14px 14px 12px;border-radius:14px;background:#fff;border:1px solid #e9e5dc;transition:border-color .15s ease,transform .2s var(--mv-ease),box-shadow .2s ease}
.mv-tile-lang .mv-native{font:500 23px/1.15 Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--mv-ink);white-space:normal;letter-spacing:-.01em}
.mv-tile-lang .mv-label{font:500 13px/1.3 Inter,Arial,sans-serif;color:var(--mv-soft)}
.mv-tile-lang:hover,.mv-tile-lang:focus-visible{border-color:var(--mv-orange);box-shadow:0 14px 26px -18px rgba(11,22,38,.45);transform:translateY(-2px)}
.mv-tile-lang:hover .mv-native{color:var(--mv-orange)}
@media (prefers-reduced-motion:reduce){.mv-tile-lang:hover{transform:none}}
html .mv .mv-s-sc,html .mv-sheet .mv-s-sc{font-family:"Noto Sans SC",sans-serif}
html .mv .mv-s-jp,html .mv-sheet .mv-s-jp{font-family:"Noto Sans JP",sans-serif}
html .mv .mv-s-kr,html .mv-sheet .mv-s-kr{font-family:"Noto Sans KR",sans-serif}
html .mv .mv-s-deva,html .mv-sheet .mv-s-deva{font-family:"Noto Sans Devanagari",sans-serif}
html .mv .mv-s-beng,html .mv-sheet .mv-s-beng{font-family:"Noto Sans Bengali",sans-serif}
html .mv .mv-s-ethi,html .mv-sheet .mv-s-ethi{font-family:"Noto Sans Ethiopic",sans-serif}
html .mv .mv-s-arab,html .mv-sheet .mv-s-arab{font-family:Cairo,"Noto Naskh Arabic",sans-serif}
html .mv .mv-s-naskh,html .mv-sheet .mv-s-naskh{font-family:"Noto Naskh Arabic",Cairo,sans-serif}
.mv-tile-lang .mv-s-arab,.mv-tile-lang .mv-s-naskh{line-height:1.5;font-size:24px}


/* ---------- Languages: the native scripts, no photos (his order, 6 Oct) ---------- */
.mv-a .mv-panel.mv-panel-languages:not(.mv-panel-company) .mv-panel-in{grid-template-columns:minmax(0,1fr)}
.mv-tile-lang{min-width:0}
.mv-tile-lang .mv-native{font-size:clamp(19px,1.5vw,23px)}
.mv-a .mv-tile-lang{background:var(--mv-paper);border-color:transparent}
.mv-a .mv-tile-lang:hover,.mv-a .mv-tile-lang:focus-visible{background:#fff;border-color:var(--mv-orange)}

/* ---------- Phone and tablet sheet ---------- */
.mv-sheet{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;background:#fff;color:var(--mv-ink);font-family:Inter,Arial,sans-serif;transform:translateX(100%);visibility:hidden;transition:transform .32s var(--mv-ease),visibility 0s linear .32s}
html[dir="rtl"] .mv-sheet{transform:translateX(-100%)}
.mv-sheet.is-open{transform:none!important;visibility:visible;transition:transform .32s var(--mv-ease),visibility 0s}
.mv-sheet[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.mv-sheet,.mv-sheet.is-open{transition:none}}
@media (min-width:1280px){.mv-sheet{display:none!important}}
.mv-sheet-head{flex:none;display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 10px 0 16px;padding-inline:16px 10px;border-bottom:1px solid var(--mv-line)}
.mv-sheet .mv-logo img{height:52px}
.mv-close{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px}
.mv-views{position:relative;flex:1;overflow:hidden}
.mv-view{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px 20px 28px;transform:translateX(100%);visibility:hidden;transition:transform .3s var(--mv-ease),visibility 0s linear .3s}
html[dir="rtl"] .mv-view{transform:translateX(-100%)}
.mv-view.is-active{transform:none!important;visibility:visible;transition:transform .3s var(--mv-ease),visibility 0s}
.mv-view.is-past{transform:translateX(-28%)}
html[dir="rtl"] .mv-view.is-past{transform:translateX(28%)}
.mv-view[hidden]{display:block}
@media (prefers-reduced-motion:reduce){.mv-view,.mv-view.is-active{transition:none}}
.mv-rows{margin:0}
.mv-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:58px;padding:0 2px;border-bottom:1px solid var(--mv-line);font:600 18px/1.25 Poppins,Inter,sans-serif;letter-spacing:-.01em;text-align:start;color:var(--mv-ink)}
html[dir="rtl"] .mv-row{font-family:Cairo,Inter,sans-serif;font-weight:700;letter-spacing:0}
.mv-row .mv-next{color:var(--mv-soft)}
.mv-rows-big .mv-row{min-height:66px;font-size:24px;letter-spacing:-.02em}
.mv-row-lang{margin-top:18px;border:1px solid var(--mv-line);border-radius:14px;padding:0 14px;min-height:56px;font:500 15px/1.2 Inter,Arial,sans-serif}
.mv-row-lang-in,.mv-row-lang-cur{display:inline-flex;align-items:center;gap:10px}
.mv-row-lang-cur{color:var(--mv-soft)}
.mv-backbtn{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:0 0 4px;margin-inline-start:-6px;padding:0 8px 0 2px;border-radius:10px;font:500 15px/1 Inter,Arial,sans-serif;color:var(--mv-soft)}
.mv-view-title{margin:6px 0 18px!important;font:600 30px/1.15 Poppins,Inter,sans-serif;letter-spacing:-.03em;color:var(--mv-ink)}
html[dir="rtl"] .mv-view-title{font-family:Cairo,Inter,sans-serif;font-weight:700;letter-spacing:0;line-height:1.4}
.mv-sheet .mv-kicker{margin:22px 0 4px}
.mv-links-sheet .mv-link{min-height:50px;padding:10px 0;border-bottom:1px solid var(--mv-line);font-size:17px}
.mv-links-sheet .mv-link .mv-native{font-size:14px}
.mv-links-sheet .mv-link[aria-current]{color:var(--mv-orange);font-weight:600}
.mv-all-sheet{margin:18px 0 0;font-size:16px}
.mv-sheet .mv-finder{margin:2px 0 6px}
.mv-sheet .mv-results{grid-template-columns:1fr}
.mv-sheet-foot{flex:none;display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--mv-line);background:#fff}
.mv-cta-sheet{flex:1;height:54px;font-size:16px;justify-content:center}
.mv-call{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:54px;height:54px;border-radius:12px;border:1px solid var(--mv-line-2);color:var(--mv-ink);font:600 16px/1 Inter,Arial,sans-serif}
.mv-call .mv-call-num{display:none}
.mv-call-wide{flex:1;width:auto}
.mv-call-wide .mv-call-num{display:inline}
html.mv-lock,html.mv-lock body{overflow:hidden!important}

/* A sheet: photo tiles */
.mv-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 10px}
.mv-tile{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:6px;width:100%;height:138px;padding:14px;border-radius:14px;overflow:hidden;isolation:isolate;background:var(--mv-navy);color:#fff;text-align:start}
.mv-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.85)}
.mv-tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(11,22,38,.88) 0%,rgba(11,22,38,.35) 55%,rgba(11,22,38,.08) 100%)}
.mv-tile-label{font:600 18px/1.2 Poppins,Inter,sans-serif;letter-spacing:-.01em}
html[dir="rtl"] .mv-tile-label{font-family:Cairo,Inter,sans-serif;font-weight:700;letter-spacing:0}
.mv-tile .mv-next{width:20px;height:20px;opacity:.9}



/* ---------- Narrow laptops and long languages ---------- */
@media (min-width:1280px) and (max-width:1439.98px){
  .mv-cols{gap:22px}
  .mv-a .mv-panel:not(.mv-panel-company) .mv-panel-in{grid-template-columns:minmax(0,1fr) 300px}
  .mv-wall{grid-template-columns:repeat(7,minmax(0,1fr))}
}
@media (max-height:760px) and (min-width:1280px){
  .mv-panel-in{padding-top:24px;padding-bottom:22px}
  .mv-link{min-height:32px;padding:5px 0}
  .mv-main{gap:16px}
  .mv-foot{padding-top:14px}
}
html:is([lang="de"],[lang="cy"],[lang="pt-BR"],[lang="es"],[lang="fr"]) .mv-trigger,
html:is([lang="de"],[lang="cy"],[lang="pt-BR"],[lang="es"],[lang="fr"]) .mv-toplink{font-size:14.5px}
/* German and Welsh labels are the longest: phone number and language name stay compact up to 1800px */
@media (min-width:1536px) and (max-width:1799.98px){
  html:is([lang="de"],[lang="cy"]) .mv-tel>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  html:is([lang="de"],[lang="cy"]) .mv-tel{width:44px;justify-content:center;border-radius:11px;border:1px solid var(--mv-line-2)}
  html:is([lang="de"],[lang="cy"]) .mv-lang-btn>span{display:none}
}
@media (min-width:1280px) and (max-width:1365.98px){
  html:is([lang="de"],[lang="cy"],[lang="pt-BR"],[lang="es"],[lang="fr"]) .mv-trigger,
  html:is([lang="de"],[lang="cy"],[lang="pt-BR"],[lang="es"],[lang="fr"]) .mv-toplink{padding:0 7px;font-size:14px}
}


/* polish round 1 (6 Oct) */
.mv-tile-lang .mv-native{align-self:flex-start}

.mv-callbar{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;border:1px solid var(--mv-line-2);color:var(--mv-ink)}
.mv-callbar:hover{color:var(--mv-orange);border-color:var(--mv-orange)}
@media (min-width:1280px){.mv-callbar{display:none}}


/* Tablets and small laptops (640-1279px): the menu is a side drawer over a dimmed page, not a full-width sheet */
.mv-sheet-scrim{position:fixed;inset:0;z-index:99999;background:rgba(11,22,38,.45);opacity:0;transition:opacity .25s ease}
.mv-sheet-scrim.is-on{opacity:1}
.mv-sheet-scrim[hidden]{display:none}
@media (max-width:639.98px){.mv-sheet-scrim{display:none!important}}
@media (min-width:640px){
  .mv-sheet{left:auto;right:0;width:min(460px,100%);box-shadow:-30px 0 60px -30px rgba(11,22,38,.5)}
  html[dir="rtl"] .mv-sheet{right:auto;left:0;box-shadow:30px 0 60px -30px rgba(11,22,38,.5)}
}
@media (min-width:1280px){.mv-sheet-scrim{display:none!important}}


/* review round (6 Oct): A's photo window shows the page's own script on navy when the page has no photo */
.mv-photo-script{position:absolute;z-index:1;inset:0 0 96px;display:grid;place-items:center;padding:24px;text-align:center;font:500 clamp(44px,4.4vw,68px)/1.25 Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.02em;color:#fff;opacity:0;transition:opacity .25s ease}
.mv-photo.is-type img{opacity:0!important}
.mv-photo.is-type .mv-photo-script{opacity:1}
.mv-photo.is-type::after{background:linear-gradient(0deg,rgba(11,22,38,.6) 0%,rgba(11,22,38,0) 45%)}
html .mv .mv-photo-script.mv-s-arab,html .mv .mv-photo-script.mv-s-naskh{line-height:1.6}
/* phone root, Languages tile: the scripts themselves instead of a photo */
.mv-tile-script{background:var(--mv-navy)}
.mv-tile-scripts{position:absolute;z-index:-1;inset:12px 12px 46px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:0 10px;overflow:hidden;font:500 17px/1.45 Poppins,Inter,sans-serif;color:rgba(255,255,255,.62)}
.mv-tile-scripts span:first-child{font-size:20px;color:rgba(255,255,255,.85)}
.mv-tile-script::before{background:linear-gradient(0deg,rgba(11,22,38,.9) 0%,rgba(11,22,38,0) 60%)}
.mv-wall-sheet{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.mv-wall-sheet .mv-tile-lang{min-height:86px;padding:12px}
.mv-wall-sheet .mv-tile-lang .mv-native{font-size:22px}


/* Arabic pages: every menu text in Cairo (house rule); native-script names keep their own font (review round 3) */
html[dir="rtl"] :is(.mv,.mv-sheet) :is(.mv-label,.mv-backbtn,.mv-backbtn span,.mv-kicker,.mv-link,.mv-doc,.mv-all,.mv-cta,.mv-trigger,.mv-toplink,.mv-tel,.mv-lang-btn,.mv-row,.mv-tile-label,.mv-photo-kicker,.mv-photo-title,.mv-view-title),
html[dir="rtl"] :is(.mv,.mv-sheet) .mv-finder input{font-family:Cairo,Inter,sans-serif}