/* arabictranslation.co.uk menu v2 (6 Oct 2026): header, drop-down panels and phone menu. The lingoservice.com menu
   (look A "photo window", Languages as native scripts) in design A "Mashrabiya": 8-point star marks, the carved lattice
   on navy, Arabic names in Cairo (Mohamed: "we also need to change the menu design, check the new lingo service menu").
   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-brass:#c9a35b;--mv-h:88px;--mv-pad:clamp(16px,3vw,48px);--mv-ease:cubic-bezier(.2,.7,.2,1);--mv-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 20.5L14.5 18L12 24L9.5 18L3.5 20.5L6 14.5L0 12L6 9.5L3.5 3.5L9.5 6L12 0L14.5 6L20.5 3.5L18 9.5L24 12L18 14.5Z'/%3E%3C/svg%3E")}
/* 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 :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)}
/* site language: one toggle to the other language (English / العربية), as before */
.mv-langlink{display:none;align-items:center;gap:8px;height:42px;padding:0 13px;border:1px solid var(--mv-line-2);border-radius:11px;font:500 15px/1 Inter,Arial,sans-serif;color:var(--mv-ink);background:#fff;white-space:nowrap;transition:border-color .15s ease,color .15s ease}
.mv-langlink:hover{border-color:var(--mv-ink);color:var(--mv-orange)}
.mv-langlink[lang="ar"]>span{font-family:Cairo,Inter,sans-serif;font-weight:600;font-size:16px;line-height:1}
.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)}

@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-langlink{display:flex}
  .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)}
}
@media (max-width:850px){.mv{--mv-h:76px}}
@media (max-width:600px){.mv{--mv-h:72px}.mv-logo img{height:52px}}
/* the homepage film fills the screen under the bar exactly (its height reads --ahv2-header) */
.ahv2{--ahv2-header:88px}
@media (max-width:850px){.ahv2{--ahv2-header:76px}}
@media (max-width:600px){.ahv2{--ahv2-header:72px}}

/* ---------- 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 on every page load. */
.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))}
/* group names carry design A's 8-point star (the site's section-heading mark) */
.mv-kicker{display:flex;align-items:center;gap:10px;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:12px;height:12px;background:var(--mv-orange);-webkit-mask:var(--mv-star) center/contain no-repeat;mask:var(--mv-star) center/contain no-repeat}
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:focus-visible,.mv-link.is-current{color:var(--mv-orange)}
@media (hover:hover){.mv-link:hover{color:var(--mv-orange)}}
.mv-link:focus-visible .i-arrow,.mv-link.is-current .i-arrow{opacity:1;transform:none}
@media (hover:hover){.mv-link:hover .i-arrow{opacity:1;transform:none}html[dir="rtl"] .mv-link:hover .i-arrow{transform:scaleX(-1)}}
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 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-foot-end{justify-content:flex-end;padding-top:14px}
.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)}

/* Countries: English and Arabic side by side, like a two-script index */
.mv-link-country{border-bottom:1px solid var(--mv-line);min-height:44px}
.mv-link-country .mv-native{font:600 17px/1.5 Cairo,"Noto Naskh Arabic",sans-serif;color:var(--mv-muted);transition:color .15s ease}
.mv-link-country.is-current .mv-native,.mv-link-country:focus-visible .mv-native{color:var(--mv-orange)}
@media (hover:hover){.mv-link-country:hover .mv-native{color:var(--mv-orange)}}
.mv-panel-countries .mv-links li:last-child .mv-link-country{border-bottom:0}

/* ---------- 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}

/* ---------- 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):not(.mv-panel-languages) .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:"";flex:none;width:11px;height:11px;background:var(--mv-brass);-webkit-mask:var(--mv-star) center/contain no-repeat;mask:var(--mv-star) center/contain no-repeat}
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}}
/* No photo (countries, the services hub): the carved navy card of the site's heroes, the Arabic name large */
.mv-photo::before{content:"";position:absolute;inset:0;z-index:0;background:url(/images/home-v2/watermark.svg) right center/auto 112% no-repeat;opacity:0;transition:opacity .25s ease}
html[dir="rtl"] .mv-photo::before{transform:scaleX(-1)}
.mv-photo.is-type::before{opacity:.55}
.mv-photo-script{position:absolute;z-index:1;inset:0 0 96px;display:grid;place-items:center;padding:24px;text-align:center;font:700 clamp(46px,4.6vw,72px)/1.6 Cairo,"Noto Naskh Arabic",sans-serif;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,.75) 0%,rgba(11,22,38,0) 45%)}

html[dir="rtl"] .mv-photo-names.is-type .mv-photo-title{display:none}

/* ---------- Languages: the names in their own scripts, no photos ---------- */
.mv-walls{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.mv-wall{display:grid;gap:8px}
.mv-wallgrp-pairs .mv-wall{grid-template-columns:repeat(6,minmax(0,1fr))}
.mv-wallgrp-dialects .mv-wall{grid-template-columns:repeat(6,minmax(0,1fr))}
.mv-tile-lang{display:flex;flex-direction:column;justify-content:space-between;gap:10px;height:100%;min-width:0;min-height:94px;padding:14px 14px 12px;border-radius:14px;background:var(--mv-paper);border:1px solid transparent;transition:border-color .15s ease,transform .2s var(--mv-ease),box-shadow .2s ease,background-color .15s ease}
.mv-tile-lang .mv-native{align-self:flex-start;font:500 clamp(19px,1.5vw,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:focus-visible{background:#fff;border-color:var(--mv-orange)}
@media (hover:hover){.mv-tile-lang:hover{background:#fff;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}}
.mv-pair{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px}
.mv-pair .mv-both{width:13px;height:13px;color:var(--mv-orange)}
/* Arabic-script names: Cairo for Arabic, a Naskh face for Urdu, Farsi and Kurdish (loaded on first open) */
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 :is(.mv-s-arab,.mv-s-naskh){line-height:1.5;font-size:24px;letter-spacing:0}
html .mv .mv-tile-lang .mv-s-arab,html .mv-sheet .mv-tile-lang .mv-s-arab{font-weight:700}
html[dir="rtl"] .mv-tile-lang .mv-native[dir="rtl"],html[dir="rtl"] .mv-tile-lang .mv-native{align-self:flex-start}
/* Arabic dialects: the navy of the site's bands, names in white Cairo */
.mv-tile-dialect{background:var(--mv-navy);position:relative;overflow:hidden;isolation:isolate}
.mv-tile-dialect::before{content:"";position:absolute;inset:0;z-index:-1;background:url(/images/home-v2/watermark.svg) right center/auto 160% no-repeat;opacity:.38}
html[dir="rtl"] .mv-tile-dialect::before{transform:scaleX(-1)}
.mv-tile-dialect .mv-native{color:#fff}
.mv-tile-dialect .mv-label{color:var(--mv-ondark)}
.mv-tile-dialect:focus-visible{background:var(--mv-deep);border-color:var(--mv-accent)}
@media (hover:hover){.mv-tile-dialect:hover{background:var(--mv-deep);border-color:var(--mv-accent)}.mv-tile-dialect:hover .mv-native{color:var(--mv-warm)}}

/* ---------- 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-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-row-lang{margin-top:18px;border:1px solid var(--mv-line);border-radius:14px;padding:0 14px;min-height:56px;font:500 16px/1.2 Inter,Arial,sans-serif}
.mv-row-lang-in{display:inline-flex;align-items:center;gap:10px}
.mv-row-lang [lang="ar"]{font-family:Cairo,Inter,sans-serif;font-weight:600;font-size:17px}
.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-sheet .mv-view-title+.mv-kicker{margin-top: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-country .mv-native{font-size:18px}
.mv-all-sheet{margin:18px 0 0;font-size:16px}
.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}

/* Sheet: photo tiles, with the scripts themselves on navy for Languages and Countries */
.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:124px;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}
@media (max-height:800px){.mv-tile{height:112px}.mv-row{min-height:54px}}
.mv-tile-script{background:var(--mv-navy) url(/images/home-v2/watermark.svg) right center/auto 150% no-repeat}
.mv-tile-script::before{background:linear-gradient(0deg,rgba(11,22,38,.92) 0%,rgba(11,22,38,.2) 62%)}
.mv-tile-scripts{position:absolute;z-index:-1;inset:10px 12px auto;max-height:3em;display:flex;flex-wrap:wrap;align-content:flex-start;gap:0 10px;overflow:hidden;font:500 16px/1.5 Poppins,Inter,sans-serif;color:rgba(255,255,255,.6)}
.mv-tile-scripts span:first-child{color:rgba(255,255,255,.88)}
.mv-tile-scripts-ar{font:600 17px/1.5 Cairo,sans-serif;justify-content:flex-start}
.mv-wall-sheet{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;margin-top:10px}
.mv-wall-sheet .mv-tile-lang{min-height:84px;padding:12px}
.mv-wall-sheet .mv-tile-lang .mv-native{font-size:22px}
.mv-wall-sheet .mv-tile-lang :is(.mv-s-arab,.mv-s-naskh){font-size:23px}

/* ---------- Narrow laptops and short screens ---------- */
@media (min-width:1280px) and (max-width:1439.98px){
  .mv-cols{gap:22px}
  .mv-a .mv-panel:not(.mv-panel-company):not(.mv-panel-languages) .mv-panel-in{grid-template-columns:minmax(0,1fr) 300px}
}
@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-link-country{min-height:38px}
  .mv-main{gap:16px}
  .mv-foot{padding-top:14px}
  .mv-tile-lang{min-height:84px}
}

.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}}

/* Arabic pages: every menu text in Cairo (house rule); names in other scripts keep their own font */
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-row,.mv-tile-label,.mv-photo-kicker,.mv-photo-title,.mv-view-title){font-family:Cairo,Inter,sans-serif}
html[dir="rtl"] .mv-tile-lang .mv-native[lang="en"],html[dir="rtl"] .mv-tile-lang .mv-native[lang="fr"],html[dir="rtl"] .mv-tile-lang .mv-native[lang="de"],html[dir="rtl"] .mv-tile-lang .mv-native[lang="es"],html[dir="rtl"] .mv-tile-lang .mv-native[lang="it"],html[dir="rtl"] .mv-tile-lang .mv-native[lang="nl"],html[dir="rtl"] .mv-tile-lang .mv-native[lang="tr"],html[dir="rtl"] .mv-tile-lang .mv-native[lang="pt"]{font-family:Poppins,system-ui,sans-serif}
html[dir="rtl"] .mv-tel span{direction:ltr;unicode-bidi:isolate}
