:root{--bg:#030711;--bg2:#071120;--panel:#0b1b31;--text:#f6fbff;--muted:#a9bbce;--cyan:#39dcff;--green:#3cf3a6;--blue:#158aff;--line:rgba(130,220,255,.18);--soft:rgba(255,255,255,.065);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% -10%,rgba(57,220,255,.16),transparent 30%),radial-gradient(circle at 90% 5%,rgba(60,243,166,.1),transparent 28%),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(3,7,17,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:24px;font-weight:900;letter-spacing:.08em}.logo span{color:var(--cyan)}nav{display:flex;gap:24px;align-items:center;font-weight:700;color:#d7e8f7}.nav-cta{padding:11px 16px;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#03101e}.menu{display:none;background:transparent;color:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:22px}.hero{min-height:calc(100vh - 76px);display:flex;align-items:center;background:linear-gradient(90deg,rgba(3,7,17,.82) 0%,rgba(3,7,17,.68) 34%,rgba(3,7,17,.18) 55%,rgba(3,7,17,0) 72%),url('../assets/images/riyadh-tv-ui-hero-bg-4k.jpg');background-size:cover;background-position:72% center;background-repeat:no-repeat}.hero.small{min-height:auto;padding:90px 0}.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:70px 0}.tag{display:inline-flex;color:var(--cyan);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(57,220,255,.06);margin-bottom:18px}h1{font-size:clamp(40px,6vw,76px);line-height:1.02;letter-spacing:-.055em;margin:0 0 22px}h2{font-size:clamp(32px,4.2vw,58px);line-height:1.05;letter-spacing:-.04em;margin:0 0 18px}p{color:var(--muted);line-height:1.75}.hero p{font-size:19px;max-width:760px}.trust-line{border-left:4px solid var(--green);background:var(--soft);padding:15px 18px;border-radius:16px;margin:24px 0;color:#e7fbff}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;font-weight:900;border:1px solid rgba(255,255,255,.14)}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--cyan),var(--green));color:#02101d;border:0}.btn.secondary{background:rgba(255,255,255,.06);color:#fff}.tv-demo{border-radius:38px;padding:16px;background:linear-gradient(145deg,#273348,#020611);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(0,0,0,.38)}.tv-screen{border-radius:24px;min-height:360px;padding:28px;background:radial-gradient(circle at top,rgba(57,220,255,.17),transparent 42%),linear-gradient(180deg,#102746,#071120);border:1px solid rgba(255,255,255,.09)}.tv-top{color:var(--green);font-weight:800}.tv-screen h3{font-size:32px;margin:22px 0}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tiles span{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}.section{padding:90px 0}.dark{background:linear-gradient(180deg,#071423,#040914)}.head{max-width:860px;margin-bottom:38px}.grid{display:grid;gap:18px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.four{grid-template-columns:repeat(4,1fr)}article,.form,.faq details{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:26px;box-shadow:0 20px 60px rgba(0,0,0,.18)}article:hover{border-color:rgba(57,220,255,.35)}article h3{font-size:22px}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.steps span{background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:22px;text-align:center;font-weight:800}.faq{display:grid;gap:12px}.faq details{padding:0}.faq summary{padding:22px 24px;font-weight:900;cursor:pointer}.faq p{padding:0 24px 22px}.cta{background:radial-gradient(circle at 80% 20%,rgba(60,243,166,.13),transparent 35%),linear-gradient(135deg,#08172b,#071120)}.cta-box{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:32px;padding:32px}.footer{background:#02060c;border-top:1px solid rgba(255,255,255,.1);padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footer h2 span{color:var(--cyan)}.footer h3{text-transform:uppercase;letter-spacing:.12em;font-size:14px}.footer a{display:block;color:var(--muted);margin:9px 0}.footer b{color:var(--green)}.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:32px;padding-top:18px;color:#90a3b4;font-size:13px;display:flex;justify-content:space-between;gap:20px}.form{display:grid;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}label{display:grid;gap:8px;font-weight:750;color:#dbeaf8}input,select,textarea{width:100%;padding:14px 15px;border-radius:14px;background:#071326;border:1px solid var(--line);color:#fff;font:inherit}textarea{min-height:110px}.form-block{border:1px solid var(--line);border-radius:22px;padding:20px;background:rgba(255,255,255,.035)}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.check-grid label{display:flex;gap:9px;align-items:center;background:rgba(255,255,255,.045);padding:12px;border-radius:12px}.note{font-size:13px}.result{margin-top:22px;background:rgba(60,243,166,.08);border:1px solid rgba(60,243,166,.28);border-radius:22px;padding:24px}.compact{max-width:850px}.header.open nav{display:flex}@media(max-width:950px){
  nav{
    display:none;
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    width:100%;
    order:3;
    flex-direction:column;
    align-items:center;
    background:#071326;
    border:1px solid var(--line);
    border-radius:20px;
    padding:18px;
    margin-top:12px;
  }
  .header.open nav{
    display:flex;
  }
  .nav{
    height:auto;
    min-height:76px;
    flex-wrap:wrap;
    align-items:center;
    padding-top:8px;
    padding-bottom:8px;
  }
  .menu{display:block}
  .hero-inner,.split,.cta-box,.three,.two,.four,.footer-grid,.form-grid,.check-grid{grid-template-columns:1fr}
  .hero{min-height:auto}
  .hero-inner{padding:46px 0}
  .copyright{flex-direction:column}
  .section{padding:70px 0}
}@media(max-width:560px){h1{font-size:38px}.actions .btn{width:100%}.tiles{grid-template-columns:1fr}.tv-screen{min-height:270px}.section{padding:58px 0}}


/* RTL Arabic Build */
html[dir="rtl"], body.rtl{direction:rtl;text-align:right}
html[dir="rtl"] .hero-inner, html[dir="rtl"] .split{direction:rtl}
html[dir="rtl"] .trust-line{border-left:0;border-right:4px solid var(--green)}
html[dir="rtl"] .actions, html[dir="rtl"] nav{direction:rtl}
html[dir="rtl"] input, html[dir="rtl"] select, html[dir="rtl"] textarea{text-align:right}
html[dir="rtl"] .copyright{direction:rtl}


/* ===== Arabic Tajawal Font Standard ===== */
html[lang="ar"],
html[lang="ar"] body,
body.rtl,
body.rtl *{
  font-family:'Tajawal', Arial, sans-serif;
}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
body.rtl h1,
body.rtl h2,
body.rtl h3{
  font-family:'Tajawal', Arial, sans-serif;
  font-weight:800;
  letter-spacing:0;
}
html[lang="ar"] p,
html[lang="ar"] a,
html[lang="ar"] label,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
body.rtl p,
body.rtl a,
body.rtl label,
body.rtl input,
body.rtl select,
body.rtl textarea{
  font-family:'Tajawal', Arial, sans-serif;
  font-weight:500;
}
html[lang="ar"] .btn,
html[lang="ar"] nav,
html[lang="ar"] .tag,
body.rtl .btn,
body.rtl nav,
body.rtl .tag{
  font-family:'Tajawal', Arial, sans-serif;
  font-weight:700;
}
html[lang="ar"],
body.rtl{
  direction:rtl;
  text-align:right;
}
body.rtl .trust-line{
  border-left:0;
  border-right:4px solid var(--green);
}
body.rtl input,
body.rtl select,
body.rtl textarea{
  text-align:right;
}
body.rtl .actions,
body.rtl nav,
body.rtl .copyright{
  direction:rtl;
}

/* ===== AJMI + MACVISION Brand Update ===== */
.logo.logo-img,.brand.logo-img{display:flex;align-items:center;min-width:176px}
.logo.logo-img img,.brand.logo-img img{height:42px;width:auto;display:block;object-fit:contain;filter:drop-shadow(0 8px 22px rgba(53,228,255,.16))}
.logo.logo-img .logo-fallback,.brand.logo-img .logo-fallback{display:none}
.btn.green,.nav-cta.green{background:linear-gradient(135deg,#0f8f57,#3df5a8)!important;color:#02100a!important;border:0!important}
.btn.green:hover{box-shadow:0 18px 45px rgba(61,245,168,.22)}
.footer{background:radial-gradient(circle at 20% 0%,rgba(61,245,168,.16),transparent 32%),radial-gradient(circle at 85% 10%,rgba(53,228,255,.09),transparent 34%),linear-gradient(180deg,#052014 0%,#03100b 55%,#02060c 100%)!important}
.footer-grid,.footer-top{align-items:start}
.footer-ajmi-logo{display:block;max-width:220px;height:auto;margin-bottom:18px;border-radius:18px;border:1px solid rgba(61,245,168,.22);background:rgba(255,255,255,.04)}
.footer .arabic-reg-name{margin:6px 0 12px;color:#dfffee;font-weight:800;font-size:17px;line-height:1.6}
.footer h2{color:#ffffff;font-size:24px;margin:0 0 6px}
.footer h3{color:#3df5a8}
.footer a:hover{color:#3df5a8}
.cta,#team-request.dark{background:radial-gradient(circle at 78% 18%,rgba(61,245,168,.18),transparent 34%),radial-gradient(circle at 18% 80%,rgba(53,228,255,.08),transparent 30%),linear-gradient(135deg,#052014,#061120)!important}
body.rtl .logo.logo-img,body.rtl .brand.logo-img{direction:ltr}
@media(max-width:560px){.logo.logo-img img,.brand.logo-img img{height:34px}.logo.logo-img,.brand.logo-img{min-width:130px}.footer-ajmi-logo{max-width:180px}}


/* ===== Equal Logo Size Standard - English + Arabic ===== */
.logo.logo-img,
.brand.logo-img{
  width:190px !important;
  min-width:190px !important;
  max-width:190px !important;
  height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}
.logo.logo-img img,
.brand.logo-img img{
  width:190px !important;
  height:58px !important;
  max-width:190px !important;
  max-height:58px !important;
  object-fit:contain !important;
  object-position:left center !important;
  display:block !important;
  filter:drop-shadow(0 8px 22px rgba(53,228,255,.18));
}
body.rtl .logo.logo-img,
body.rtl .brand.logo-img{
  justify-content:flex-start !important;
  direction:ltr !important;
}
body.rtl .logo.logo-img img,
body.rtl .brand.logo-img img{
  object-position:left center !important;
}
.footer-ajmi-logo{
  width:220px !important;
  height:120px !important;
  max-width:220px !important;
  max-height:120px !important;
  object-fit:contain !important;
  object-position:left center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
}
body.rtl .footer-ajmi-logo{
  object-position:right center !important;
}
@media(max-width:560px){
  .logo.logo-img,
  .brand.logo-img{
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
    height:48px !important;
  }
  .logo.logo-img img,
  .brand.logo-img img{
    width:150px !important;
    height:48px !important;
    max-width:150px !important;
    max-height:48px !important;
  }
  .footer-ajmi-logo{
    width:180px !important;
    height:98px !important;
    max-width:180px !important;
    max-height:98px !important;
  }
}


/* ===== FINAL EQUAL ENGLISH + ARABIC LAYOUT LOCK ===== */

/* Same global content width for English + Arabic */
.container,
.nav{
  width:min(1120px,88%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Navbar inward spacing, not touching screen edge */
.header{
  padding-left:0 !important;
  padding-right:0 !important;
}
.nav{
  padding-left:18px !important;
  padding-right:18px !important;
  border-left:1px solid rgba(255,255,255,.04);
  border-right:1px solid rgba(255,255,255,.04);
}
body.rtl .nav{
  direction:rtl;
}

/* Equal top logo size both English and Arabic */
.logo.logo-img,
.brand.logo-img{
  width:190px !important;
  min-width:190px !important;
  max-width:190px !important;
  height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  direction:ltr !important;
}
.logo.logo-img img,
.brand.logo-img img{
  width:190px !important;
  height:58px !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
}
.logo.logo-img .logo-fallback,
.brand.logo-img .logo-fallback{
  display:none !important;
}

/* Equal footer grid in English + Arabic */
.footer-grid,
.footer-top{
  display:grid !important;
  grid-template-columns:1.35fr 1fr 1fr 1fr !important;
  gap:30px !important;
  align-items:start !important;
}

/* AJMI footer first column centered */
.footer-grid > div:first-child,
.footer-top > div:first-child{
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}

/* AJMI logo PNG centered above name */
.footer-ajmi-logo{
  display:block !important;
  width:230px !important;
  height:130px !important;
  max-width:230px !important;
  max-height:130px !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto 14px auto !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}

/* AJMI names centered and equal */
.footer-grid > div:first-child h2,
.footer-top > div:first-child h2{
  text-align:center !important;
  font-size:24px !important;
  line-height:1.25 !important;
  margin:0 0 6px !important;
  letter-spacing:.04em !important;
}
.footer .arabic-reg-name{
  text-align:center !important;
  direction:rtl !important;
  font-size:18px !important;
  line-height:1.7 !important;
  margin:4px 0 12px !important;
  color:#e9fff5 !important;
  font-weight:800 !important;
}
.footer-grid > div:first-child p,
.footer-top > div:first-child p,
.footer-grid > div:first-child b,
.footer-top > div:first-child b{
  text-align:center !important;
}

/* Keep other footer columns aligned naturally but same width */
body.rtl .footer-grid,
body.rtl .footer-top{
  direction:rtl !important;
}
body.rtl .footer-grid > div:first-child,
body.rtl .footer-top > div:first-child{
  text-align:center !important;
}

/* Proposal and section containers equal */
.hero-inner,
.split,
.cta-box,
.form-grid,
.grid{
  max-width:100%;
}

/* Mobile equal behavior */
@media(max-width:950px){
  .container,
  .nav{
    width:min(92%,1120px) !important;
  }
  .nav{
    padding-left:12px !important;
    padding-right:12px !important;
  }
  .footer-grid,
  .footer-top{
    grid-template-columns:1fr !important;
  }
  .footer-grid > div,
  .footer-top > div{
    text-align:center !important;
  }
  .footer a{
    text-align:center !important;
  }
}
@media(max-width:560px){
  .logo.logo-img,
  .brand.logo-img{
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
    height:48px !important;
  }
  .logo.logo-img img,
  .brand.logo-img img{
    width:150px !important;
    height:48px !important;
  }
  .footer-ajmi-logo{
    width:190px !important;
    height:108px !important;
    max-width:190px !important;
    max-height:108px !important;
  }
}


/* ===== FINAL FONT + PNG ONLY LOGO LOCK ===== */

/* Tajawal for BOTH English and Arabic */
html,
body,
button,
input,
select,
textarea,
a,
p,
span,
label,
summary,
details{
  font-family:'Tajawal', Arial, sans-serif !important;
}
h1,h2,h3,h4,h5,h6,
.logo,
.brand,
.tag,
.eyebrow,
.btn,
nav{
  font-family:'Tajawal', Arial, sans-serif !important;
}
h1,h2{
  font-weight:800 !important;
}
h3,h4,
nav,
.btn{
  font-weight:700 !important;
}
p,label,input,select,textarea,summary{
  font-weight:500 !important;
}

/* Logo PNG only: no text fallback */
.logo.logo-img .logo-fallback,
.brand.logo-img .logo-fallback,
.logo-fallback{
  display:none !important;
}
.logo.logo-img,
.brand.logo-img{
  font-size:0 !important;
  color:transparent !important;
  line-height:0 !important;
  width:190px !important;
  min-width:190px !important;
  max-width:190px !important;
  height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  direction:ltr !important;
}
.logo.logo-img img,
.brand.logo-img img{
  display:block !important;
  width:190px !important;
  height:58px !important;
  max-width:190px !important;
  max-height:58px !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* Same visual style, only direction differs */
body.rtl{
  direction:rtl !important;
  text-align:right !important;
}
body:not(.rtl){
  direction:ltr !important;
  text-align:left !important;
}

/* AJMI PNG footer same for both */
.footer-ajmi-logo{
  display:block !important;
  width:230px !important;
  height:130px !important;
  max-width:230px !important;
  max-height:130px !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto 14px auto !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}
.footer-grid > div:first-child,
.footer-top > div:first-child{
  text-align:center !important;
  align-items:center !important;
}
.footer-grid > div:first-child h2,
.footer-top > div:first-child h2,
.footer .arabic-reg-name{
  text-align:center !important;
}

/* Equal nav breathing for both language pages */
.nav{
  width:min(1120px,88%) !important;
  padding-left:18px !important;
  padding-right:18px !important;
}
.container{
  width:min(1120px,88%) !important;
}

/* Mobile */
@media(max-width:560px){
  .logo.logo-img,
  .brand.logo-img{
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
    height:48px !important;
  }
  .logo.logo-img img,
  .brand.logo-img img{
    width:150px !important;
    height:48px !important;
    max-width:150px !important;
    max-height:48px !important;
  }
  .footer-ajmi-logo{
    width:190px !important;
    height:108px !important;
  }
}


/* ===== PROFESSIONAL FINAL LOGO + FOOTER + NAV LOCK ===== */

/* Same font for English and Arabic */
html,body,button,input,select,textarea,a,p,span,label,summary,details,h1,h2,h3,h4,h5,h6,nav,.btn,.tag,.eyebrow{
  font-family:'Tajawal', Arial, sans-serif !important;
}

/* Navbar inward and balanced */
.header{
  background:rgba(3,14,11,.88) !important;
  border-bottom:1px solid rgba(61,245,168,.16) !important;
}
.nav,.nav-wrap{
  width:min(1120px,88%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:18px !important;
  padding-right:18px !important;
}

/* PNG-only MACVISION top logo */
.logo.logo-img,.brand.logo-img{
  width:190px !important;
  min-width:190px !important;
  max-width:190px !important;
  height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  direction:ltr !important;
  font-size:0 !important;
  line-height:0 !important;
  color:transparent !important;
}
.logo.logo-img img,.brand.logo-img img{
  width:190px !important;
  height:58px !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  background:transparent !important;
}

/* Green discuss/team CTA */
.btn.green{
  background:linear-gradient(135deg,#078747,#3df5a8) !important;
  color:#02100a !important;
  border:0 !important;
  box-shadow:0 14px 34px rgba(61,245,168,.16);
}

/* Footer professional dark green */
.footer{
  background:
    radial-gradient(circle at 18% 0%,rgba(61,245,168,.16),transparent 28%),
    radial-gradient(circle at 86% 10%,rgba(53,228,255,.09),transparent 32%),
    linear-gradient(180deg,#052014 0%,#03100b 58%,#02060c 100%) !important;
  border-top:1px solid rgba(61,245,168,.22) !important;
}

/* Equal footer grid */
.footer-grid,.footer-top{
  display:grid !important;
  grid-template-columns:1.35fr 1fr 1fr 1fr !important;
  gap:34px !important;
  align-items:start !important;
}

/* AJMI block professional centered */
.footer-company,
.footer-grid > div:first-child,
.footer-top > div:first-child{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
}

/* Transparent PNG AJMI logo */
.footer-ajmi-logo{
  width:230px !important;
  height:130px !important;
  max-width:230px !important;
  max-height:130px !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  margin:0 auto 12px auto !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}

/* Name below logo */
.footer-company h2,
.footer-grid > div:first-child h2,
.footer-top > div:first-child h2{
  text-align:center !important;
  font-size:24px !important;
  font-weight:900 !important;
  line-height:1.25 !important;
  color:#fff !important;
  margin:0 0 4px !important;
  letter-spacing:.04em !important;
}
.footer .arabic-reg-name{
  text-align:center !important;
  direction:rtl !important;
  color:#e9fff5 !important;
  font-size:18px !important;
  font-weight:800 !important;
  line-height:1.7 !important;
  margin:4px 0 12px !important;
}
.footer-company p,
.footer-company b,
.footer-grid > div:first-child p,
.footer-grid > div:first-child b,
.footer-top > div:first-child p,
.footer-top > div:first-child b{
  text-align:center !important;
}
.footer h3{
  color:#3df5a8 !important;
}
.footer a:hover{
  color:#3df5a8 !important;
}

/* Equal English/Arabic behavior */
body.rtl .nav,body.rtl .nav-wrap,body.rtl .footer-grid,body.rtl .footer-top{
  direction:rtl !important;
}
body.rtl .logo.logo-img,body.rtl .brand.logo-img{
  direction:ltr !important;
}

/* Mobile */
@media(max-width:950px){
  .footer-grid,.footer-top{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }
  .footer-grid > div,.footer-top > div{
    text-align:center !important;
    align-items:center !important;
  }
  .footer a{text-align:center !important}
}
@media(max-width:560px){
  .nav,.nav-wrap{
    width:min(92%,1120px) !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
  .logo.logo-img,.brand.logo-img{
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
    height:48px !important;
  }
  .logo.logo-img img,.brand.logo-img img{
    width:150px !important;
    height:48px !important;
  }
  .footer-ajmi-logo{
    width:190px !important;
    height:108px !important;
  }
}


/* ===== LOCKED HERO IMAGE UPDATE ===== */
.hero-image-panel{
  position:relative;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 30px 90px rgba(0,0,0,.42);
  background:rgba(255,255,255,.04);
  min-height:380px;
}
.hero-hospitality-image{
  display:block;
  width:100%;
  height:100%;
  min-height:380px;
  object-fit:cover;
  object-position:center center;
  transform:scale(1.01);
}
.hero-image-panel::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.42) 100%),
    linear-gradient(90deg,rgba(3,7,17,.16),rgba(3,7,17,0));
  pointer-events:none;
}
.hero-image-caption{
  position:absolute;
  left:18px;
  bottom:16px;
  z-index:2;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(3,12,20,.72);
  border:1px solid rgba(57,220,255,.22);
  color:#eafcff;
  font-weight:800;
  font-size:13px;
  backdrop-filter:blur(10px);
}
body.rtl .hero-image-caption{
  left:auto;
  right:18px;
}
@media(max-width:950px){
  .hero-image-panel{min-height:300px;order:-1}
  .hero-hospitality-image{min-height:300px}
}
@media(max-width:560px){
  .hero-image-panel{min-height:240px;border-radius:24px}
  .hero-hospitality-image{min-height:240px}
}


/* ===== HERO IMAGE GOLD OUTLINE TEST ===== */
/* Only hero image outer outline updated. Locked sections preserved. */
.hero-image-panel{
  border:4px solid #D4AF37 !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:linear-gradient(145deg,rgba(212,175,55,.20),rgba(255,255,255,.04)) !important;
  box-shadow:
    0 0 0 1px rgba(255,235,170,.35),
    0 0 18px rgba(212,175,55,.35),
    0 0 46px rgba(212,175,55,.18),
    0 28px 80px rgba(0,0,0,.42) !important;
}
.hero-image-panel::before{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:24px;
  border:1px solid rgba(255,238,180,.40);
  pointer-events:none;
  z-index:3;
}
.hero-hospitality-image{
  border-radius:24px !important;
}
@media(max-width:560px){
  .hero-image-panel{
    border-width:3px !important;
    border-radius:24px !important;
  }
  .hero-image-panel::before{
    inset:4px;
    border-radius:18px;
  }
  .hero-hospitality-image{
    border-radius:18px !important;
  }
}


/* ===== HERO IMAGE DEPTH / FOREGROUND EFFECT ===== */
/* No movement, no hover animation. Only visual depth layer. */
.hero{
  position:relative !important;
  isolation:isolate !important;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 74% 45%, rgba(212,175,55,.10), transparent 35%),
    linear-gradient(90deg, rgba(0,0,0,.08), rgba(0,0,0,.32));
}
.hero .container,
.hero-inner,
.hero-grid{
  position:relative !important;
  z-index:2 !important;
}
.hero-copy{
  position:relative !important;
  z-index:3 !important;
}
.hero-image-panel{
  position:relative !important;
  z-index:8 !important;
  transform:none !important;
  border:3px solid #D4AF37 !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:rgba(212,175,55,.08) !important;
  box-shadow:
    0 70px 120px rgba(0,0,0,.58),
    0 36px 70px rgba(0,0,0,.44),
    0 0 0 1px rgba(255,236,180,.32),
    0 0 22px rgba(212,175,55,.26),
    0 0 55px rgba(212,175,55,.12) !important;
}
.hero-image-panel::before{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:24px;
  border:1px solid rgba(255,239,190,.38);
  pointer-events:none;
  z-index:4;
}
.hero-image-panel::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), transparent 18%),
    linear-gradient(180deg, transparent 56%, rgba(0,0,0,.34) 100%);
}
.hero-hospitality-image{
  position:relative !important;
  z-index:1 !important;
  border-radius:24px !important;
  filter:contrast(1.04) saturate(1.04) brightness(1.02);
}
.hero-image-panel::selection{
  background:transparent;
}
.hero-image-caption{
  z-index:5 !important;
  box-shadow:0 18px 38px rgba(0,0,0,.28);
}
/* Adds a subtle floor shadow so image feels in front */
.hero-panel.hero-image-panel{
  margin-top:8px;
}
.hero-panel.hero-image-panel + *{
  z-index:1;
}
@media(max-width:950px){
  .hero::before{
    background:linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.28));
  }
  .hero-image-panel{
    box-shadow:
      0 42px 80px rgba(0,0,0,.48),
      0 0 18px rgba(212,175,55,.20) !important;
  }
}
@media(max-width:560px){
  .hero-image-panel{
    border-width:2px !important;
    border-radius:24px !important;
    box-shadow:
      0 28px 60px rgba(0,0,0,.42),
      0 0 12px rgba(212,175,55,.18) !important;
  }
  .hero-image-panel::before{
    inset:4px;
    border-radius:18px;
  }
  .hero-hospitality-image{
    border-radius:18px !important;
  }
}


/* ===== HERO IMAGE STRONG FRONT POP EFFECT ===== */
.hero{overflow:hidden!important}
.hero .container,.hero-inner,.hero-grid{position:relative!important;z-index:2!important}
.hero-copy{position:relative!important;z-index:4!important}
.hero-image-panel{
  position:relative!important;
  z-index:12!important;
  transform:scale(1.075)!important;
  transform-origin:center center!important;
  margin-right:-38px!important;
  margin-left:10px!important;
  border:3px solid #D4AF37!important;
  border-radius:32px!important;
  overflow:visible!important;
  background:linear-gradient(145deg,rgba(212,175,55,.16),rgba(255,255,255,.035))!important;
  box-shadow:
    0 105px 150px rgba(0,0,0,.72),
    0 62px 95px rgba(0,0,0,.55),
    0 25px 45px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,238,190,.36),
    0 0 30px rgba(212,175,55,.32),
    0 0 72px rgba(212,175,55,.18)!important;
}
body.rtl .hero-image-panel{margin-right:10px!important;margin-left:-38px!important}
.hero-image-panel::before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:-2;
  border-radius:42px;
  background:
    radial-gradient(circle at 50% 60%,rgba(0,0,0,.68),transparent 64%),
    linear-gradient(145deg,rgba(212,175,55,.16),transparent 55%);
  filter:blur(10px);
  pointer-events:none;
}
.hero-image-panel::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  border-radius:28px;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.14),transparent 16%),
    linear-gradient(180deg,transparent 62%,rgba(0,0,0,.22));
}
.hero-hospitality-image{
  position:relative!important;
  z-index:1!important;
  border-radius:28px!important;
  display:block!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);
  filter:contrast(1.06) saturate(1.06) brightness(1.03);
}
.hero-image-caption{z-index:5!important;bottom:18px!important;box-shadow:0 18px 42px rgba(0,0,0,.36)}
.hero::before{opacity:.85!important}
.hero-copy::after{
  content:"";
  position:absolute;
  inset:-24px -28px;
  z-index:-1;
  border-radius:30px;
  background:linear-gradient(90deg,rgba(3,7,17,.22),rgba(3,7,17,0));
  pointer-events:none;
}
@media(max-width:950px){
  .hero-image-panel{transform:scale(1.025)!important;margin-left:0!important;margin-right:0!important;overflow:hidden!important}
  body.rtl .hero-image-panel{margin-left:0!important;margin-right:0!important}
}
@media(max-width:560px){
  .hero-image-panel{
    transform:scale(1)!important;
    border-width:2px!important;
    border-radius:24px!important;
    box-shadow:0 42px 75px rgba(0,0,0,.48),0 0 18px rgba(212,175,55,.22)!important;
  }
  .hero-image-panel::before{inset:-8px;border-radius:28px;filter:blur(7px)}
  .hero-hospitality-image{border-radius:20px!important}
}


/* ===== RIYADH CITY COLOR THEME SAMPLE ===== */
/* Preview only before lock: Dark Navy + Saudi Green + Luxury Gold */
:root{
  --riyadh-navy:#0B1F3A;
  --riyadh-navy-deep:#061426;
  --riyadh-green:#006C35;
  --riyadh-green-light:#0A8F4A;
  --riyadh-gold:#D4AF37;
  --riyadh-gold-soft:rgba(212,175,55,.34);
  --riyadh-card:rgba(255,255,255,.06);
}

/* Main background */
body{
  background:
    radial-gradient(circle at 12% -8%,rgba(0,108,53,.22),transparent 32%),
    radial-gradient(circle at 88% 8%,rgba(212,175,55,.13),transparent 32%),
    linear-gradient(180deg,var(--riyadh-navy),#030711) !important;
}

/* Header */
.header,.site-header{
  background:rgba(6,20,38,.90) !important;
  border-bottom:1px solid rgba(212,175,55,.22) !important;
}
nav a:hover,.main-nav a:hover{
  color:var(--riyadh-gold) !important;
}

/* Hero */
.hero{
  background:
    linear-gradient(100deg,rgba(11,31,58,.98),rgba(11,31,58,.78),rgba(11,31,58,.38)),
    radial-gradient(circle at 70% 30%,rgba(212,175,55,.18),transparent 35%),
    radial-gradient(circle at 15% 70%,rgba(0,108,53,.20),transparent 34%) !important;
}
.hero-copy,
.hero .hero-copy{
  background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  border:1px solid rgba(212,175,55,.30);
  border-radius:28px;
  padding:28px;
  box-shadow:0 28px 80px rgba(0,0,0,.28);
}

/* Tags / Eyebrows */
.tag,.eyebrow{
  background:rgba(0,108,53,.18) !important;
  color:var(--riyadh-gold) !important;
  border:1px solid rgba(212,175,55,.38) !important;
}

/* CTA buttons */
.btn.primary{
  background:linear-gradient(135deg,var(--riyadh-green),var(--riyadh-green-light)) !important;
  color:#fff !important;
}
.btn.secondary,
.btn.green{
  background:rgba(212,175,55,.08) !important;
  color:var(--riyadh-gold) !important;
  border:1px solid rgba(212,175,55,.46) !important;
}

/* Hero image outline */
.hero-image-panel{
  border:3px solid var(--riyadh-gold) !important;
  box-shadow:
    0 0 0 1px rgba(255,236,185,.35),
    0 0 22px rgba(212,175,55,.26),
    0 70px 130px rgba(0,0,0,.62) !important;
}

/* Cards and text boxes */
article,
.feature-card,
.challenge-grid article,
.faq-list details,
.faq details,
.proposal-form,
.form{
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028)) !important;
  border:1px solid rgba(212,175,55,.26) !important;
}
article:hover,
.feature-card:hover,
.challenge-grid article:hover{
  border-color:rgba(212,175,55,.55) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 18px rgba(212,175,55,.10) !important;
}

/* Dark sections */
.dark{
  background:
    radial-gradient(circle at 90% 10%,rgba(212,175,55,.08),transparent 30%),
    linear-gradient(180deg,#071b30,#04101f) !important;
}

/* CTA and Footer */
.cta,.cta-section{
  background:
    radial-gradient(circle at 80% 20%,rgba(212,175,55,.13),transparent 32%),
    linear-gradient(135deg,#052014,var(--riyadh-navy)) !important;
}
.footer{
  background:
    radial-gradient(circle at 16% 0%,rgba(212,175,55,.13),transparent 28%),
    linear-gradient(180deg,#052014,#03100B 70%,#02060c) !important;
  border-top:2px solid rgba(212,175,55,.40) !important;
}
.footer h3{
  color:var(--riyadh-gold) !important;
}
.footer a:hover{
  color:var(--riyadh-gold) !important;
}


/* ===== RIYADH THEME SAMPLE 02: GREEN BOX OUTLINE + AI BUTTON ===== */

/* Green outline for all cards / boxes */
article,
.feature-card,
.challenge-grid article,
.faq-list details,
.faq details,
.proposal-form,
.form,
.hero-copy,
.cta-box,
.form-block,
.check-grid label,
.steps span,
.mini-dashboard div{
  border-color:rgba(0,108,53,.58) !important;
  box-shadow:
    0 22px 64px rgba(0,0,0,.25),
    0 0 0 1px rgba(0,108,53,.12),
    0 0 20px rgba(0,108,53,.08) !important;
}

/* Hover green, not gold */
article:hover,
.feature-card:hover,
.challenge-grid article:hover,
.check-grid label:hover{
  border-color:rgba(0,108,53,.90) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.30),
    0 0 22px rgba(0,108,53,.18) !important;
}

/* Tag keeps Riyadh identity: green bg with gold text */
.tag,.eyebrow{
  background:rgba(0,108,53,.20) !important;
  color:#D4AF37 !important;
  border-color:rgba(0,108,53,.65) !important;
}

/* WhatsApp / consultation / green path buttons */
a[href*="wa.me"],
.btn.green,
.btn.secondary[href*="team"],
.btn.secondary[href*="WhatsApp"],
.btn.secondary{
  background:linear-gradient(135deg,#006C35,#0A8F4A) !important;
  color:#ffffff !important;
  border:1px solid rgba(61,245,168,.48) !important;
  box-shadow:0 16px 38px rgba(0,108,53,.24) !important;
}

/* AI buttons: AI color gradient */
a[href*="ai-estimate"],
.btn.primary{
  background:linear-gradient(135deg,#147DFF 0%,#35E4FF 48%,#7B61FF 100%) !important;
  color:#ffffff !important;
  border:0 !important;
  box-shadow:
    0 18px 46px rgba(20,125,255,.26),
    0 0 26px rgba(53,228,255,.16) !important;
}

/* AI buttons hover */
a[href*="ai-estimate"]:hover,
.btn.primary:hover{
  box-shadow:
    0 22px 52px rgba(20,125,255,.34),
    0 0 34px rgba(53,228,255,.22) !important;
}

/* Hero image keeps premium gold outline only */
.hero-image-panel{
  border-color:#D4AF37 !important;
}

/* Footer columns green line feel */
.footer-grid > div,
.footer-top > div{
  border-top:1px solid rgba(0,108,53,.42);
  padding-top:14px;
}
.footer-company,
.footer-grid > div:first-child,
.footer-top > div:first-child{
  border-top:1px solid rgba(212,175,55,.34) !important;
}

/* FAQ open state green */
.faq details[open],
.faq-list details[open]{
  border-color:rgba(0,108,53,.82) !important;
  background:linear-gradient(180deg,rgba(0,108,53,.12),rgba(255,255,255,.028)) !important;
}


/* ===== FINAL TEST MERGED: HERO BLUE TEXT LOCK ===== */

/* Hero main title old blue/cyan technology feel */
.hero h1,
.hero-copy h1,
.proposal-hero h1,
.hero.small h1{
  color:#35E4FF !important;
  text-shadow:
    0 0 18px rgba(53,228,255,.20),
    0 18px 48px rgba(0,0,0,.42) !important;
}

/* Hero paragraph and trust remain readable */
.hero p,
.hero-copy p{
  color:#EAF7FF !important;
}

/* Hero tag remains Riyadh green + gold */
.hero .tag,
.hero .eyebrow{
  background:rgba(0,108,53,.22) !important;
  color:#D4AF37 !important;
  border-color:rgba(0,108,53,.70) !important;
}

/* Keep gold only for image outline and selected premium accents */
.hero-image-panel{
  border-color:#D4AF37 !important;
}

/* Make hero text box green outline softer, not gold heavy */
.hero-copy{
  border-color:rgba(0,108,53,.60) !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.065),rgba(0,108,53,.045)) !important;
}

/* English + Arabic visual parity */
html[lang="ar"] .hero h1,
body.rtl .hero h1{
  color:#35E4FF !important;
}


/* FINAL UPDATE - CYAN TAGS + RIGHT NAV */
.tag,.eyebrow,.section-tag,.mini-tag{
 background:rgba(53,228,255,.12)!important;
 border:1px solid rgba(53,228,255,.35)!important;
 color:#35E4FF!important;
}

.nav,.navbar,.nav-wrap{
 justify-content:space-between!important;
}

.nav-links,.menu,.navbar-menu{
 margin-left:auto!important;
 justify-content:flex-end!important;
}

body.rtl .nav-links,
body.rtl .menu,
body.rtl .navbar-menu{
 margin-right:auto!important;
 margin-left:0!important;
 justify-content:flex-end!important;
}


/* ===== SAME INDEX LANGUAGE + FOOTER VISION SAMPLE ===== */

/* Language switch in navbar right side */
.lang-switch{
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(53,228,255,.38);
  background:rgba(53,228,255,.10);
  color:#35E4FF!important;
  font-weight:800;
  white-space:nowrap;
}
.lang-switch:hover{
  background:rgba(53,228,255,.18);
  color:#fff!important;
}

/* Same index Arabic sample section */
.same-index-arabic{
  background:
    radial-gradient(circle at 80% 0%,rgba(53,228,255,.08),transparent 32%),
    linear-gradient(180deg,#061426,#04101f);
  border-top:1px solid rgba(53,228,255,.12);
  border-bottom:1px solid rgba(53,228,255,.12);
}
.same-index-arabic .head,
.same-index-arabic article{
  text-align:right;
}
.arabic-same-index-actions{
  margin-top:24px;
  justify-content:flex-start;
}

/* Footer Vision 2030 faded background watermark */
.footer{
  position:relative;
  overflow:hidden;
}
.footer-vision-watermark{
  position:absolute;
  right:5%;
  bottom:18%;
  z-index:0;
  pointer-events:none;
  opacity:.075;
  text-align:right;
  transform:rotate(-2deg);
}
.footer-vision-watermark span{
  display:block;
  font-size:64px;
  line-height:1;
  font-weight:900;
  color:#D4AF37;
  letter-spacing:.02em;
}
.footer-vision-watermark small{
  display:block;
  margin-top:10px;
  font-size:16px;
  font-weight:800;
  color:#3df5a8;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.footer .container,
.footer-grid,
.footer-top,
.copyright{
  position:relative;
  z-index:2;
}

/* Arabic footer AJMI logo/title middle alignment */
body.rtl .footer-company,
body.rtl .footer-grid > div:first-child,
body.rtl .footer-top > div:first-child,
.footer-company,
.footer-grid > div:first-child,
.footer-top > div:first-child{
  align-items:center!important;
  text-align:center!important;
  justify-content:flex-start!important;
}
body.rtl .footer-ajmi-logo,
.footer-ajmi-logo{
  margin-left:auto!important;
  margin-right:auto!important;
  object-position:center center!important;
}
body.rtl .footer-company h2,
body.rtl .footer .arabic-reg-name,
.footer-company h2,
.footer .arabic-reg-name{
  text-align:center!important;
  width:100%;
}

/* Keep nav links right aligned with language switch */
.nav nav,
.nav-wrap nav,
.main-nav{
  margin-left:auto!important;
  justify-content:flex-end!important;
  align-items:center!important;
}
body.rtl .nav nav,
body.rtl .nav-wrap nav,
body.rtl .main-nav{
  margin-right:auto!important;
  margin-left:0!important;
  justify-content:flex-end!important;
}

/* Mobile */
@media(max-width:950px){
  .footer-vision-watermark{
    right:0;
    left:0;
    bottom:8%;
    text-align:center;
    transform:none;
  }
  .footer-vision-watermark span{
    font-size:38px;
  }
  .footer-vision-watermark small{
    font-size:11px;
  }
  .same-index-arabic .head,
  .same-index-arabic article{
    text-align:center;
  }
  .arabic-same-index-actions{
    justify-content:center;
  }
}


/* ===== FINAL LANGUAGE SWITCH PAGE ROUTING ===== */
.lang-switch{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(53,228,255,.42)!important;
  background:rgba(53,228,255,.10)!important;
  color:#35E4FF!important;
  font-weight:800!important;
  white-space:nowrap!important;
  margin-left:10px!important;
}
body.rtl .lang-switch{
  margin-left:0!important;
  margin-right:10px!important;
}
.lang-switch:hover{
  background:rgba(53,228,255,.18)!important;
  color:#fff!important;
}
.nav nav,
.nav-wrap nav,
.main-nav{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
body.rtl .nav nav,
body.rtl .nav-wrap nav,
body.rtl .main-nav{
  margin-right:auto!important;
  margin-left:0!important;
  justify-content:flex-end!important;
}
@media(max-width:950px){
  .lang-switch{
    margin:8px 0 0 0!important;
  }
}

/* ===== RIYADH MASTER FINAL POLISH ===== */
:root{--riyadh-navy:#0B1F3A;--riyadh-green:#006C35;--riyadh-gold:#D4AF37;--riyadh-cyan:#35E4FF}
.tag,.eyebrow,.section-tag,.mini-tag{background:rgba(53,228,255,.12)!important;border:1px solid rgba(53,228,255,.35)!important;color:#35E4FF!important}
article,.feature-card,.challenge-grid article,.faq-list details,.faq details,.proposal-form,.form,.form-block,.check-grid label,.steps span,.mini-dashboard div,.cta-box{border-color:rgba(0,108,53,.58)!important}
a[href*="wa.me"],.btn.green{background:linear-gradient(135deg,#006C35,#0A8F4A)!important;color:#fff!important;border:1px solid rgba(61,245,168,.48)!important}
.btn.primary,a[href*="ai-estimate"]{background:linear-gradient(135deg,#147DFF 0%,#35E4FF 48%,#7B61FF 100%)!important;color:#fff!important;border:0!important}
.lang-switch{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:9px 14px!important;border-radius:999px!important;border:1px solid rgba(53,228,255,.42)!important;background:rgba(53,228,255,.10)!important;color:#35E4FF!important;font-weight:800!important;white-space:nowrap!important;margin-left:10px!important}
body.rtl .lang-switch{margin-left:0!important;margin-right:10px!important}
.lang-switch:hover{background:rgba(53,228,255,.18)!important;color:#fff!important}
.nav,.nav-wrap{width:min(1120px,88%)!important;margin-left:auto!important;margin-right:auto!important;padding-left:18px!important;padding-right:18px!important}
.nav nav,.nav-wrap nav,.main-nav{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}
body.rtl .nav nav,body.rtl .nav-wrap nav,body.rtl .main-nav{margin-right:auto!important;margin-left:0!important;justify-content:flex-end!important}
.hero-image-panel{border-color:#D4AF37!important}
.footer{position:relative;overflow:hidden;background:radial-gradient(circle at 16% 0%,rgba(212,175,55,.13),transparent 28%),radial-gradient(circle at 86% 10%,rgba(0,108,53,.16),transparent 34%),linear-gradient(180deg,#052014,#03100B 70%,#02060c)!important;border-top:2px solid rgba(212,175,55,.40)!important}
.footer-vision-watermark{position:absolute;right:5%;bottom:18%;z-index:0;pointer-events:none;opacity:.075;text-align:right;transform:rotate(-2deg)}
.footer-vision-watermark span{display:block;font-size:64px;line-height:1;font-weight:900;color:#D4AF37}
.footer-vision-watermark small{display:block;margin-top:10px;font-size:16px;font-weight:800;color:#3df5a8;letter-spacing:.08em;text-transform:uppercase}
.footer .container,.footer-grid,.footer-top,.copyright{position:relative;z-index:2}
.footer-company,.footer-grid>div:first-child,.footer-top>div:first-child{align-items:center!important;text-align:center!important}
.footer-ajmi-logo{margin-left:auto!important;margin-right:auto!important;object-position:center center!important}
.footer .arabic-reg-name,.footer-company h2{text-align:center!important;width:100%}
.proposal-simple-hero{min-height:auto!important;padding:92px 0!important}
.proposal-simple-form{max-width:1100px;margin:auto}
.proposal-simple-form .btn{justify-self:start}
body.rtl .proposal-simple-form .btn{justify-self:end}
@media(max-width:950px){.footer-vision-watermark{right:0;left:0;bottom:8%;text-align:center;transform:none}.footer-vision-watermark span{font-size:38px}.footer-vision-watermark small{font-size:11px}.nav nav,.nav-wrap nav,.main-nav{margin-left:0!important}}
@media(max-width:560px){.nav,.nav-wrap{width:min(92%,1120px)!important;padding-left:10px!important;padding-right:10px!important}}


/* ===== Riyadh V7 Full Content Merge Enhancements ===== */
.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.chip-row span{display:inline-flex;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:999px;padding:10px 15px;font-size:13px;font-weight:900;color:#eaffff}.numbered{display:grid;grid-template-columns:1fr;gap:14px}.numbered span{position:relative;text-align:left;display:grid;grid-template-columns:44px 1fr;gap:0 14px;align-items:start;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032));border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:20px}.numbered b{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#061120}.numbered strong{color:#fff;font-size:16px}.numbered small{color:var(--muted);font-size:15px;line-height:1.7}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px}.mini-stats article{padding:18px;border-color:rgba(60,243,166,.24);background:linear-gradient(180deg,rgba(60,243,166,.08),rgba(57,220,255,.035))}.mini-stats h3{color:var(--green);font-size:30px;margin:0 0 4px}.mini-stats p{font-size:13px;margin:0}.hero-image-panel{position:relative;overflow:hidden;border-radius:38px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);box-shadow:0 30px 80px rgba(0,0,0,.36)}.hero-hospitality-image{width:100%;height:auto;min-height:360px;object-fit:cover;display:block}.hero-image-caption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(3,7,17,.72);border:1px solid var(--line);backdrop-filter:blur(10px);border-radius:18px;padding:14px 16px;font-weight:900;color:#eaffff}body.rtl .numbered span{text-align:right;grid-template-columns:44px 1fr}body.rtl .hero-image-caption{direction:rtl;text-align:right}@media(max-width:950px){.mini-stats{grid-template-columns:1fr}.numbered span{grid-template-columns:38px 1fr}.hero-hospitality-image{min-height:260px}}


/* ===== HERO PDF BACKGROUND PREVIEW - USER UPLOADED PDF ONLY ===== */
/* Existing theme/footer/sections preserved. Old hero image panel removed because PDF contains TV on right side. */
.hero#home{
  min-height:calc(100vh - 76px) !important;
  position:relative !important;
  overflow:hidden !important;
  background:
    linear-gradient(90deg,
      rgba(3,7,17,.94) 0%,
      rgba(3,7,17,.86) 27%,
      rgba(3,7,17,.58) 45%,
      rgba(3,7,17,.18) 68%,
      rgba(3,7,17,.04) 100%),
    url('../assets/images/riyadh-tv-ui-hero-bg.jpg') center center / cover no-repeat !important;
}
.hero#home::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 18% 42%,rgba(53,228,255,.12),transparent 30%),
    linear-gradient(180deg,rgba(3,7,17,.18),rgba(3,7,17,.48)) !important;
  opacity:1 !important;
  pointer-events:none !important;
  z-index:1 !important;
}
.hero#home .hero-inner{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:minmax(0,680px) 1fr !important;
  gap:40px !important;
  min-height:calc(100vh - 76px) !important;
  align-items:center !important;
  padding:76px 0 86px !important;
}
.hero#home .hero-copy{
  max-width:660px !important;
  margin:0 !important;
  padding:30px 30px 32px !important;
  border-radius:30px !important;
  background:linear-gradient(135deg,rgba(3,7,17,.72),rgba(6,20,38,.42)) !important;
  border:1px solid rgba(53,228,255,.32) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(8px) !important;
}
.hero#home .hero-copy h1{
  font-size:clamp(42px,5.4vw,72px) !important;
  line-height:1.03 !important;
  letter-spacing:-.05em !important;
  margin-bottom:20px !important;
  color:#35E4FF !important;
}
.hero#home .hero-copy p{
  max-width:620px !important;
  font-size:18px !important;
  line-height:1.72 !important;
  color:#EAF7FF !important;
}
.hero#home .trust-line{
  max-width:620px !important;
  background:rgba(3,7,17,.50) !important;
  border-left:4px solid #35E4FF !important;
}
.hero#home .hero-image-panel{
  display:none !important;
}
html[dir="rtl"] .hero#home,
body.rtl .hero#home{
  background:
    linear-gradient(270deg,
      rgba(3,7,17,.94) 0%,
      rgba(3,7,17,.86) 27%,
      rgba(3,7,17,.58) 45%,
      rgba(3,7,17,.18) 68%,
      rgba(3,7,17,.04) 100%),
    url('../assets/images/riyadh-tv-ui-hero-bg.jpg') center center / cover no-repeat !important;
}
html[dir="rtl"] .hero#home .hero-inner,
body.rtl .hero#home .hero-inner{
  grid-template-columns:1fr minmax(0,680px) !important;
}
html[dir="rtl"] .hero#home .hero-copy,
body.rtl .hero#home .hero-copy{
  grid-column:2 !important;
}
html[dir="rtl"] .hero#home .trust-line,
body.rtl .hero#home .trust-line{
  border-left:0 !important;
  border-right:4px solid #35E4FF !important;
}
@media(max-width:950px){
  .hero#home{
    min-height:auto !important;
    background-position:center right !important;
  }
  .hero#home .hero-inner{
    min-height:auto !important;
    grid-template-columns:1fr !important;
    padding:54px 0 70px !important;
  }
  html[dir="rtl"] .hero#home .hero-inner,
  body.rtl .hero#home .hero-inner{
    grid-template-columns:1fr !important;
  }
  html[dir="rtl"] .hero#home .hero-copy,
  body.rtl .hero#home .hero-copy{
    grid-column:auto !important;
  }
  .hero#home .hero-copy{
    max-width:100% !important;
  }
}
@media(max-width:560px){
  .hero#home{
    background-position:62% center !important;
  }
  .hero#home .hero-copy{
    padding:24px 20px !important;
    border-radius:24px !important;
  }
  .hero#home .hero-copy h1{
    font-size:38px !important;
  }
  .hero#home .hero-copy p{
    font-size:16px !important;
  }
}

/* ===== USER FIX: HERO TEXT WITHOUT BOX/BG + 4K PDF BANNER ===== */
/* Text stays as live SEO text. No text PNG/image. No text background box. */
.hero#home{
  background:
    linear-gradient(90deg,
      rgba(3,7,17,.70) 0%,
      rgba(3,7,17,.48) 30%,
      rgba(3,7,17,.20) 52%,
      rgba(3,7,17,.02) 78%,
      rgba(3,7,17,0) 100%),
    url('../assets/images/riyadh-tv-ui-hero-bg-4k.jpg') center center / cover no-repeat !important;
}
.hero#home::before{
  background:linear-gradient(180deg,rgba(3,7,17,.04),rgba(3,7,17,.20)) !important;
}
.hero#home .hero-copy,
.hero#home .hero-copy::after{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.hero#home .hero-copy{
  padding:0 !important;
  border-radius:0 !important;
  max-width:660px !important;
}
.hero#home .tag,
.hero#home .eyebrow{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  color:#35E4FF !important;
  text-shadow:0 3px 18px rgba(0,0,0,.95),0 0 18px rgba(53,228,255,.28) !important;
}
.hero#home h1,
.hero#home .hero-copy h1{
  color:#ffffff !important;
  text-shadow:0 6px 24px rgba(0,0,0,.95),0 1px 0 rgba(255,255,255,.08) !important;
}
.hero#home .hero-copy p,
.hero#home .trust-line{
  color:#ffffff !important;
  text-shadow:0 4px 18px rgba(0,0,0,.95) !important;
}
.hero#home .trust-line{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  margin:22px 0 !important;
  box-shadow:none !important;
}
html[dir="rtl"] .hero#home,
body.rtl .hero#home{
  background:
    linear-gradient(270deg,
      rgba(3,7,17,.70) 0%,
      rgba(3,7,17,.48) 30%,
      rgba(3,7,17,.20) 52%,
      rgba(3,7,17,.02) 78%,
      rgba(3,7,17,0) 100%),
    url('../assets/images/riyadh-tv-ui-hero-bg-4k.jpg') center center / cover no-repeat !important;
}
html[dir="rtl"] .hero#home .hero-copy,
body.rtl .hero#home .hero-copy{
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
html[dir="rtl"] .hero#home .trust-line,
body.rtl .hero#home .trust-line{
  border:0 !important;
  padding:0 !important;
  background:transparent !important;
}
@media(max-width:950px){
  .hero#home{
    background-position:center center !important;
  }
  .hero#home .hero-copy{
    max-width:620px !important;
  }
}
@media(max-width:560px){
  .hero#home{
    background:
      linear-gradient(90deg,rgba(3,7,17,.76),rgba(3,7,17,.32),rgba(3,7,17,.10)),
      url('../assets/images/riyadh-tv-ui-hero-bg-4k.jpg') 57% center / cover no-repeat !important;
  }
  html[dir="rtl"] .hero#home,
  body.rtl .hero#home{
    background:
      linear-gradient(270deg,rgba(3,7,17,.76),rgba(3,7,17,.32),rgba(3,7,17,.10)),
      url('../assets/images/riyadh-tv-ui-hero-bg-4k.jpg') 57% center / cover no-repeat !important;
  }
}

.hero-copy{max-width:620px}
.hero-image-panel{display:none}
.rtl .hero{background-position:72% center}
h1{color:#fff}
.tag{background:transparent;border-color:rgba(255,255,255,.18)}
.trust-line{background:rgba(255,255,255,.04)}

/* =========================================================
   RIYADH FINAL MOBILE DROPDOWN MENU FIX - MAKKAH SAME METHOD
   Menu opens below header and pushes hero down.
   It does not overlay hero banner.
   ========================================================= */

@media (max-width:950px){

  .header{
    position:sticky !important;
    top:0 !important;
    z-index:9999 !important;
    height:auto !important;
    overflow:visible !important;
  }

  .header .nav{
    height:auto !important;
    min-height:76px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }

  .header .logo,
  .header .logo.logo-img{
    order:1 !important;
  }

  .header .menu,
  #menuBtn{
    display:block !important;
    order:2 !important;
    margin-left:auto !important;
  }

  .header nav#navMenu{
    display:none !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:100% !important;
    flex:0 0 100% !important;
    order:3 !important;
    margin:12px 0 0 0 !important;
    padding:14px 16px !important;
    background:#071326 !important;
    border:1px solid var(--line) !important;
    border-radius:20px !important;
    box-shadow:0 18px 48px rgba(0,0,0,.28) !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:8px !important;
    z-index:1 !important;
  }

  .header.open nav#navMenu{
    display:flex !important;
  }

  .header nav#navMenu a{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    padding:10px 12px !important;
    border-radius:12px !important;
  }

  .header nav#navMenu a:hover{
    background:rgba(255,255,255,.06) !important;
  }

  .hero,
  .hero#home{
    margin-top:0 !important;
    position:relative !important;
    z-index:1 !important;
    overflow:hidden !important;
  }
}

@media (max-width:560px){
  .header nav#navMenu{
    padding:12px !important;
    gap:6px !important;
  }

  .header nav#navMenu a{
    padding:9px 10px !important;
    font-size:14px !important;
  }

  body{
    overflow-x:hidden !important;
  }
}

/* RIYADH FINAL MOBILE RESPONSIVE + FORM UX FIX */
/* Scope: mobile/tablet UI and get quote/proposal form only. SEO/content untouched. */

@media (max-width:950px){

  html,
  body{
    overflow-x:hidden !important;
    width:100% !important;
  }

  .container,
  .nav{
    width:min(92%,1120px) !important;
    max-width:100% !important;
  }

  .hero{
    min-height:auto !important;
    overflow:hidden !important;
  }

  .hero-inner{
    grid-template-columns:1fr !important;
    gap:28px !important;
    padding:38px 0 46px !important;
  }

  .hero-copy{
    width:100% !important;
    max-width:100% !important;
    padding:22px !important;
    border-radius:24px !important;
  }

  .hero h1,
  .hero-copy h1{
    font-size:clamp(34px,9vw,48px) !important;
    line-height:1.08 !important;
    letter-spacing:-.035em !important;
  }

  .hero p,
  .hero-copy p{
    font-size:16px !important;
    line-height:1.75 !important;
  }

  .trust-line{
    font-size:15px !important;
    line-height:1.7 !important;
    padding:14px 15px !important;
  }

  .actions{
    width:100% !important;
    gap:10px !important;
  }

  .actions .btn{
    min-height:48px !important;
    padding:13px 16px !important;
    text-align:center !important;
  }

  .hero-image-panel{
    width:100% !important;
    max-width:100% !important;
    min-height:260px !important;
    margin-left:0 !important;
    margin-right:0 !important;
    transform:scale(1) !important;
    border-radius:24px !important;
    overflow:hidden !important;
  }

  .hero-hospitality-image{
    width:100% !important;
    min-height:260px !important;
    object-fit:cover !important;
  }

  .section{
    padding:58px 0 !important;
  }

  .head{
    margin-bottom:26px !important;
  }

  .grid,
  .three,
  .two,
  .four,
  .split,
  .cta-box,
  .form-grid,
  .check-grid{
    grid-template-columns:1fr !important;
  }

  article,
  .form,
  .faq details,
  .form-block,
  .cta-box{
    padding:20px !important;
    border-radius:22px !important;
  }

  form,
  .form,
  .proposal-form,
  .proposal-simple-form{
    width:100% !important;
    max-width:100% !important;
    gap:18px !important;
  }

  .form-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:15px !important;
  }

  label{
    font-size:15px !important;
    line-height:1.45 !important;
    gap:7px !important;
  }

  input,
  select,
  textarea{
    width:100% !important;
    min-height:52px !important;
    font-size:16px !important;
    padding:15px 16px !important;
    border-radius:16px !important;
    background:#071326 !important;
  }

  textarea{
    min-height:140px !important;
    line-height:1.65 !important;
    resize:vertical !important;
  }

  .form-block{
    padding:18px !important;
  }

  .check-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .check-grid label{
    min-height:48px !important;
    display:flex !important;
    align-items:center !important;
    padding:13px 14px !important;
    font-size:15px !important;
    border-radius:14px !important;
  }

  .check-grid input[type="checkbox"]{
    width:20px !important;
    height:20px !important;
    min-height:20px !important;
    flex:0 0 auto !important;
  }

  .form .btn,
  form .btn,
  button[type="submit"],
  input[type="submit"]{
    width:100% !important;
    min-height:54px !important;
    font-size:16px !important;
    padding:15px 18px !important;
    border-radius:999px !important;
    justify-content:center !important;
  }

  .note,
  .result{
    font-size:14px !important;
    line-height:1.7 !important;
  }

  .footer-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
}

@media (max-width:560px){

  .container,
  .nav{
    width:min(94%,1120px) !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  .hero-inner{
    padding:28px 0 40px !important;
    gap:22px !important;
  }

  .hero-copy{
    padding:18px !important;
  }

  .hero h1,
  .hero-copy h1{
    font-size:34px !important;
    line-height:1.1 !important;
  }

  .tag{
    font-size:10.5px !important;
    line-height:1.4 !important;
    padding:7px 10px !important;
  }

  .actions .btn{
    width:100% !important;
  }

  .hero-image-panel{
    min-height:230px !important;
    border-radius:22px !important;
  }

  .hero-hospitality-image{
    min-height:230px !important;
  }

  .hero-image-caption{
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
    text-align:center !important;
    font-size:12px !important;
    padding:9px 10px !important;
  }

  h2{
    font-size:30px !important;
    line-height:1.12 !important;
  }

  article h3{
    font-size:20px !important;
  }

  input,
  select,
  textarea{
    font-size:16px !important;
    min-height:54px !important;
  }

  textarea{
    min-height:150px !important;
  }
}

/* Keeps the uploaded reality collage image visible without zoom/crop and removes ugly empty spacing. */

.section4-tv-card{
  padding:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:auto !important;
}

.section4-tv-ui-holder{
  width:100% !important;
  max-width:520px !important;
  aspect-ratio:4/3 !important;
  height:auto !important;
  padding:0 !important;
  margin:0 auto !important;
  overflow:hidden !important;
  border-radius:22px !important;
  background:transparent !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.section4-tv-ui-img{
  width:100% !important;
  height:100% !important;
  object-fit:fill !important;
  object-position:center center !important;
  display:block !important;
  border-radius:22px !important;
}

/* keep right frame compact and aligned with left content */
.section4-tv-card{
  max-width:620px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:950px){
  .section4-tv-card{
    padding:14px !important;
    max-width:100% !important;
  }

  .section4-tv-ui-holder{
    max-width:100% !important;
    aspect-ratio:4/3 !important;
  }
}

@media(max-width:560px){
  .section4-tv-card{
    padding:12px !important;
  }

  .section4-tv-ui-holder,
  .section4-tv-ui-img{
    border-radius:18px !important;
  }
}

/* Scope: Arabic alignment, hero image darkness, Section 4 image fit, mobile polish only.
   SEO text/content is untouched. */

/* Arabic hero alignment */
html[lang="ar"] .hero-inner,
body.rtl .hero-inner,
html[dir="rtl"] .hero-inner{
  direction:rtl !important;
}

html[lang="ar"] .hero-copy,
body.rtl .hero-copy,
html[dir="rtl"] .hero-copy{
  text-align:right !important;
  align-items:flex-end !important;
  justify-self:end !important;
  max-width:760px !important;
  z-index:3 !important;
}

html[lang="ar"] .hero-copy .tag,
body.rtl .hero-copy .tag,
html[dir="rtl"] .hero-copy .tag{
  margin-left:0 !important;
  margin-right:0 !important;
  text-align:right !important;
  justify-content:flex-end !important;
}

html[lang="ar"] .hero-copy h1,
body.rtl .hero-copy h1,
html[dir="rtl"] .hero-copy h1{
  text-align:right !important;
  line-height:1.08 !important;
  letter-spacing:-.03em !important;
  max-width:720px !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

html[lang="ar"] .hero-copy p,
html[lang="ar"] .hero-copy .trust-line,
body.rtl .hero-copy p,
body.rtl .hero-copy .trust-line,
html[dir="rtl"] .hero-copy p,
html[dir="rtl"] .hero-copy .trust-line{
  text-align:right !important;
  line-height:1.8 !important;
  max-width:720px !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

html[lang="ar"] .hero-copy .actions,
body.rtl .hero-copy .actions,
html[dir="rtl"] .hero-copy .actions{
  justify-content:flex-start !important;
  direction:rtl !important;
  width:100% !important;
}

/* Remove/reduce dark shade over TV/image side */
.hero::before,
.hero::after{
  opacity:.38 !important;
}

html[lang="ar"] .hero::before,
html[lang="ar"] .hero::after,
body.rtl .hero::before,
body.rtl .hero::after,
html[dir="rtl"] .hero::before,
html[dir="rtl"] .hero::after{
  opacity:.22 !important;
}

/* keep actual hero image clearer, especially TV side */
.hero-hospitality-image,
.hero-image-panel img{
  filter:brightness(1.06) contrast(1.03) saturate(1.02) !important;
}

html[lang="ar"] .hero-hospitality-image,
html[lang="ar"] .hero-image-panel img,
body.rtl .hero-hospitality-image,
body.rtl .hero-image-panel img,
html[dir="rtl"] .hero-hospitality-image,
html[dir="rtl"] .hero-image-panel img{
  filter:brightness(1.12) contrast(1.04) saturate(1.02) !important;
}

/* If hero image has caption/overlay, keep it subtle */
.hero-image-panel::before,
.hero-image-panel::after{
  opacity:.18 !important;
}

/* Section 4 reality image final fit */
.section4-tv-card{
  padding:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:auto !important;
}

.section4-tv-ui-holder{
  width:100% !important;
  max-width:560px !important;
  aspect-ratio:4/3 !important;
  height:auto !important;
  padding:0 !important;
  margin:0 auto !important;
  overflow:hidden !important;
  border-radius:22px !important;
  background:transparent !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.section4-tv-ui-img{
  width:100% !important;
  height:100% !important;
  object-fit:fill !important;
  object-position:center center !important;
  display:block !important;
  border-radius:22px !important;
}

/* Desktop section visual balance */
@media(min-width:951px){
  .section4-tv-card{
    max-width:640px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* Mobile Arabic hero + general responsiveness */
@media(max-width:950px){
  html[lang="ar"] .hero-copy,
  body.rtl .hero-copy,
  html[dir="rtl"] .hero-copy{
    text-align:right !important;
    align-items:flex-end !important;
    justify-self:stretch !important;
    padding:22px !important;
  }

  html[lang="ar"] .hero-copy h1,
  body.rtl .hero-copy h1,
  html[dir="rtl"] .hero-copy h1{
    font-size:clamp(34px,9vw,48px) !important;
    line-height:1.12 !important;
  }

  html[lang="ar"] .hero-copy .actions,
  body.rtl .hero-copy .actions,
  html[dir="rtl"] .hero-copy .actions{
    justify-content:flex-start !important;
  }

  .section4-tv-card{
    padding:14px !important;
    max-width:100% !important;
  }

  .section4-tv-ui-holder{
    max-width:100% !important;
    aspect-ratio:4/3 !important;
  }
}

@media(max-width:560px){
  html[lang="ar"] .hero-copy,
  body.rtl .hero-copy,
  html[dir="rtl"] .hero-copy{
    padding:18px !important;
  }

  html[lang="ar"] .hero-copy .actions .btn,
  body.rtl .hero-copy .actions .btn,
  html[dir="rtl"] .hero-copy .actions .btn{
    width:100% !important;
  }

  .section4-tv-card{
    padding:12px !important;
  }

  .section4-tv-ui-holder,
  .section4-tv-ui-img{
    border-radius:18px !important;
  }
}

/* Only technical polish. SEO/content/titles are not rewritten. */

/* HERO IMAGE: remove TV-side dark feel and show lower TV area */
.hero-image-panel{
  aspect-ratio:16/9 !important;
  min-height:0 !important;
  height:auto !important;
  overflow:hidden !important;
  border-radius:30px !important;
}

.hero-hospitality-image{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center bottom !important;
  transform:none !important;
  filter:brightness(1.18) contrast(1.04) saturate(1.03) !important;
  border-radius:26px !important;
}

.hero-image-panel::after{
  display:none !important;
  opacity:0 !important;
}

.hero-image-panel::before{
  opacity:.16 !important;
}

/* keep hero global overlay softer so TV side is not dark */
.hero::before,
.hero::after{
  opacity:.14 !important;
}

/* ARABIC HERO: title block must sit on left side, image/TV remains on right side */
html[lang="ar"] .hero-inner,
html[dir="rtl"] .hero-inner,
body.rtl .hero-inner{
  direction:ltr !important;
  grid-template-columns:1.02fr .98fr !important;
}

html[lang="ar"] .hero-copy,
html[dir="rtl"] .hero-copy,
body.rtl .hero-copy{
  order:1 !important;
  direction:rtl !important;
  text-align:right !important;
  align-items:flex-end !important;
  justify-self:start !important;
  max-width:760px !important;
  z-index:3 !important;
}

html[lang="ar"] .hero-image-panel,
html[dir="rtl"] .hero-image-panel,
body.rtl .hero-image-panel{
  order:2 !important;
  justify-self:end !important;
  z-index:2 !important;
}

html[lang="ar"] .hero-copy h1,
html[dir="rtl"] .hero-copy h1,
body.rtl .hero-copy h1{
  text-align:right !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
  font-size:clamp(44px,5.3vw,72px) !important;
  max-width:720px !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

html[lang="ar"] .hero-copy p,
html[lang="ar"] .hero-copy .trust-line,
html[dir="rtl"] .hero-copy p,
html[dir="rtl"] .hero-copy .trust-line,
body.rtl .hero-copy p,
body.rtl .hero-copy .trust-line{
  text-align:right !important;
  max-width:720px !important;
  line-height:1.85 !important;
}

html[lang="ar"] .hero-copy .tag,
html[dir="rtl"] .hero-copy .tag,
body.rtl .hero-copy .tag{
  direction:rtl !important;
  text-align:right !important;
  justify-content:flex-end !important;
}

html[lang="ar"] .hero-copy .actions,
html[dir="rtl"] .hero-copy .actions,
body.rtl .hero-copy .actions{
  direction:rtl !important;
  justify-content:flex-start !important;
  width:100% !important;
}

/* SECTION 4 image: EN + AR same appearance, no zoom crop ugly gap */
.section4-tv-card{
  padding:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:auto !important;
  max-width:640px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.section4-tv-ui-holder{
  width:100% !important;
  max-width:560px !important;
  aspect-ratio:4/3 !important;
  height:auto !important;
  padding:0 !important;
  margin:0 auto !important;
  overflow:hidden !important;
  border-radius:22px !important;
  background:transparent !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.section4-tv-ui-img{
  width:100% !important;
  height:100% !important;
  object-fit:fill !important;
  object-position:center center !important;
  display:block !important;
  border-radius:22px !important;
}

/* Tablet/Mobile */
@media(max-width:950px){
  .hero-inner,
  html[lang="ar"] .hero-inner,
  html[dir="rtl"] .hero-inner,
  body.rtl .hero-inner{
    grid-template-columns:1fr !important;
    direction:inherit !important;
  }

  html[lang="ar"] .hero-copy,
  html[dir="rtl"] .hero-copy,
  body.rtl .hero-copy{
    order:1 !important;
    justify-self:stretch !important;
    text-align:right !important;
  }

  html[lang="ar"] .hero-image-panel,
  html[dir="rtl"] .hero-image-panel,
  body.rtl .hero-image-panel{
    order:2 !important;
    justify-self:stretch !important;
  }

  .hero-image-panel{
    aspect-ratio:16/9 !important;
    width:100% !important;
  }

  .hero-hospitality-image{
    object-position:center bottom !important;
  }

  .section4-tv-card{
    padding:14px !important;
    max-width:100% !important;
  }

  .section4-tv-ui-holder{
    max-width:100% !important;
    aspect-ratio:4/3 !important;
  }
}

@media(max-width:560px){
  html[lang="ar"] .hero-copy h1,
  html[dir="rtl"] .hero-copy h1,
  body.rtl .hero-copy h1{
    font-size:34px !important;
    line-height:1.15 !important;
  }

  .hero-image-panel{
    aspect-ratio:16/9 !important;
  }

  .section4-tv-card{
    padding:12px !important;
  }

  .section4-tv-ui-holder,
  .section4-tv-ui-img{
    border-radius:18px !important;
  }
}

/* RIYADH FINAL HTML LOCK - ARABIC HERO IMAGE + QA POLISH */
/* English hero untouched. Arabic hero uses uploaded final image as background.
   SEO/content/titles/keywords are not rewritten. */

html[lang="ar"] .hero,
html[dir="rtl"] .hero,
body.rtl .hero{
  position:relative !important;
  min-height:calc(100vh - 76px) !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  background:
    linear-gradient(90deg,
      rgba(3,7,17,.06) 0%,
      rgba(3,7,17,.14) 34%,
      rgba(3,7,17,.45) 58%,
      rgba(3,7,17,.70) 100%
    ),
    url('../assets/images/riyadh-arabic-hero-banner.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

html[lang="ar"] .hero::before,
html[lang="ar"] .hero::after,
html[dir="rtl"] .hero::before,
html[dir="rtl"] .hero::after,
body.rtl .hero::before,
body.rtl .hero::after{
  display:none !important;
  opacity:0 !important;
}

html[lang="ar"] .hero-inner,
html[dir="rtl"] .hero-inner,
body.rtl .hero-inner{
  display:block !important;
  direction:rtl !important;
  min-height:calc(100vh - 76px) !important;
  padding:88px 0 92px !important;
  position:relative !important;
}

html[lang="ar"] .hero-image-panel,
html[dir="rtl"] .hero-image-panel,
body.rtl .hero-image-panel{
  display:none !important;
}

html[lang="ar"] .hero-copy,
html[dir="rtl"] .hero-copy,
body.rtl .hero-copy{
  width:min(690px, 46vw) !important;
  max-width:690px !important;
  margin-right:auto !important;
  margin-left:0 !important;
  padding:24px 28px !important;
  direction:rtl !important;
  text-align:right !important;
  align-items:flex-end !important;
  justify-self:end !important;
  position:absolute !important;
  right:auto !important;
  left:56px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:3 !important;
  border-radius:28px !important;
  background:linear-gradient(135deg, rgba(3,12,24,.22), rgba(3,12,24,.06)) !important;
  border:1px solid rgba(57,220,255,.12) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.16) !important;
  backdrop-filter:blur(1px) !important;
}

html[lang="ar"] .hero-copy .tag,
html[dir="rtl"] .hero-copy .tag,
body.rtl .hero-copy .tag{
  direction:rtl !important;
  text-align:right !important;
  justify-content:flex-end !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

html[lang="ar"] .hero-copy h1,
html[dir="rtl"] .hero-copy h1,
body.rtl .hero-copy h1{
  text-align:right !important;
  font-size:clamp(42px,5vw,72px) !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
  max-width:650px !important;
  margin-left:0 !important;
  margin-right:0 !important;
  text-shadow:0 18px 42px rgba(0,0,0,.54) !important;
}

html[lang="ar"] .hero-copy p,
html[lang="ar"] .hero-copy .trust-line,
html[dir="rtl"] .hero-copy p,
html[dir="rtl"] .hero-copy .trust-line,
body.rtl .hero-copy p,
body.rtl .hero-copy .trust-line{
  text-align:right !important;
  max-width:650px !important;
  line-height:1.85 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  text-shadow:0 10px 28px rgba(0,0,0,.50) !important;
}

html[lang="ar"] .hero-copy .actions,
html[dir="rtl"] .hero-copy .actions,
body.rtl .hero-copy .actions{
  direction:rtl !important;
  justify-content:flex-start !important;
  width:100% !important;
  gap:14px !important;
}

/* Section 4 EN + AR reality image final stable fit */
.section4-tv-card{
  padding:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:auto !important;
  max-width:640px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.section4-tv-ui-holder{
  width:100% !important;
  max-width:560px !important;
  aspect-ratio:4/3 !important;
  height:auto !important;
  padding:0 !important;
  margin:0 auto !important;
  overflow:hidden !important;
  border-radius:22px !important;
  background:transparent !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.section4-tv-ui-img{
  width:100% !important;
  height:100% !important;
  object-fit:fill !important;
  object-position:center center !important;
  display:block !important;
  border-radius:22px !important;
}

/* Mobile/tablet */
@media(max-width:950px){
  html[lang="ar"] .hero,
  html[dir="rtl"] .hero,
  body.rtl .hero{
    min-height:auto !important;
    background-position:center bottom !important;
  }

  html[lang="ar"] .hero-inner,
  html[dir="rtl"] .hero-inner,
  body.rtl .hero-inner{
    min-height:auto !important;
    padding:52px 0 62px !important;
    display:block !important;
  }

  html[lang="ar"] .hero-copy,
  html[dir="rtl"] .hero-copy,
  body.rtl .hero-copy{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:22px !important;
    background:linear-gradient(135deg, rgba(3,12,24,.42), rgba(3,12,24,.20)) !important;
  }

  .section4-tv-card{
    padding:14px !important;
    max-width:100% !important;
  }

  .section4-tv-ui-holder{
    max-width:100% !important;
    aspect-ratio:4/3 !important;
  }
}

@media(max-width:560px){
  html[lang="ar"] .hero-copy h1,
  html[dir="rtl"] .hero-copy h1,
  body.rtl .hero-copy h1{
    font-size:34px !important;
    line-height:1.15 !important;
  }

  html[lang="ar"] .hero-copy .actions .btn,
  html[dir="rtl"] .hero-copy .actions .btn,
  body.rtl .hero-copy .actions .btn{
    width:100% !important;
  }

  .section4-tv-card{
    padding:12px !important;
  }

  .section4-tv-ui-holder,
  .section4-tv-ui-img{
    border-radius:18px !important;
  }
}


/* This block is intentionally last. English untouched. */
html[lang="ar"] .hero.ar-final-hero-lock,
html[dir="rtl"] .hero.ar-final-hero-lock,
body.riyadh-ar-final-hero .hero.ar-final-hero-lock{
  background-image:
    linear-gradient(90deg,
      rgba(3,7,17,.04) 0%,
      rgba(3,7,17,.12) 38%,
      rgba(3,7,17,.38) 60%,
      rgba(3,7,17,.68) 100%
    ),
    url('../assets/images/riyadh-arabic-final-hero.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  min-height:calc(100vh - 76px) !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
}

body.riyadh-ar-final-hero .hero.ar-final-hero-lock::before,
body.riyadh-ar-final-hero .hero.ar-final-hero-lock::after{
  display:none !important;
  opacity:0 !important;
}

body.riyadh-ar-final-hero .hero.ar-final-hero-lock .hero-image-panel{
  display:none !important;
}

body.riyadh-ar-final-hero .hero.ar-final-hero-lock .hero-inner{
  display:block !important;
  min-height:calc(100vh - 76px) !important;
  padding:88px 0 92px !important;
  position:relative !important;
  direction:rtl !important;
}

body.riyadh-ar-final-hero .hero.ar-final-hero-lock .hero-copy{
  position:absolute !important;
  right:72px !important;
  left:auto !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:min(690px,46vw) !important;
  max-width:690px !important;
  padding:24px 28px !important;
  direction:rtl !important;
  text-align:right !important;
  z-index:3 !important;
  border-radius:28px !important;
  background:linear-gradient(135deg, rgba(3,12,24,.22), rgba(3,12,24,.06)) !important;
  border:1px solid rgba(57,220,255,.12) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.16) !important;
}

body.riyadh-ar-final-hero .hero.ar-final-hero-lock .hero-copy h1{
  text-align:right !important;
  font-size:clamp(42px,5vw,72px) !important;
  line-height:1.08 !important;
  max-width:650px !important;
  text-shadow:0 18px 42px rgba(0,0,0,.54) !important;
}

body.riyadh-ar-final-hero .hero.ar-final-hero-lock .hero-copy p,
body.riyadh-ar-final-hero .hero.ar-final-hero-lock .hero-copy .trust-line{
  text-align:right !important;
  max-width:650px !important;
  line-height:1.85 !important;
  text-shadow:0 10px 28px rgba(0,0,0,.50) !important;
}

body.riyadh-ar-final-hero .hero.ar-final-hero-lock .hero-copy .actions{
  direction:rtl !important;
  justify-content:flex-start !important;
  width:100% !important;
}

@media(max-width:950px){
  body.riyadh-ar-final-hero .hero.ar-final-hero-lock{
    min-height:auto !important;
    background-position:center bottom !important;
  }

  body.riyadh-ar-final-hero .hero.ar-final-hero-lock .hero-inner{
    min-height:auto !important;
    padding:52px 0 62px !important;
  }

  body.riyadh-ar-final-hero .hero.ar-final-hero-lock .hero-copy{
    position:relative !important;
    right:auto !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    background:linear-gradient(135deg, rgba(3,12,24,.42), rgba(3,12,24,.20)) !important;
  }
}

@media(max-width:560px){
  body.riyadh-ar-final-hero .hero.ar-final-hero-lock .hero-copy h1{
    font-size:34px !important;
    line-height:1.15 !important;
  }
}


/* FINAL ARABIC HERO ALIGNMENT LOCK */
body.riyadh-ar-final-hero .hero.ar-final-hero-lock .hero-copy{
    position:absolute !important;
    right:80px !important;
    left:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:560px !important;
    max-width:560px !important;
    text-align:right !important;
    z-index:5 !important;
}

body.riyadh-ar-final-hero .hero.ar-final-hero-lock .hero-copy h1{
    font-size:clamp(38px,4.2vw,62px) !important;
    line-height:1.08 !important;
}

body.riyadh-ar-final-hero .hero.ar-final-hero-lock .hero-copy p,
body.riyadh-ar-final-hero .hero.ar-final-hero-lock .hero-copy .trust-line{
    max-width:560px !important;
}


/* This block is last and targets only ar/index.html body class. English untouched. */

body.ar-hero-right-lock .hero.ar-title-right-final{
  position:relative !important;
  min-height:calc(100vh - 76px) !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  background-image:
    linear-gradient(90deg,
      rgba(3,7,17,.02) 0%,
      rgba(3,7,17,.08) 38%,
      rgba(3,7,17,.30) 58%,
      rgba(3,7,17,.58) 100%
    ),
    url('../assets/images/riyadh-arabic-final-hero.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

body.ar-hero-right-lock .hero.ar-title-right-final::before,
body.ar-hero-right-lock .hero.ar-title-right-final::after{
  display:none !important;
  opacity:0 !important;
}

body.ar-hero-right-lock .hero.ar-title-right-final .hero-inner{
  display:block !important;
  position:relative !important;
  width:100% !important;
  min-height:calc(100vh - 76px) !important;
  padding:0 !important;
  direction:rtl !important;
}

body.ar-hero-right-lock .hero.ar-title-right-final .hero-image-panel{
  display:none !important;
}

body.ar-hero-right-lock .hero.ar-title-right-final .hero-copy{
  position:absolute !important;
  right:72px !important;
  left:auto !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:560px !important;
  max-width:560px !important;
  margin:0 !important;
  padding:24px 28px !important;
  direction:rtl !important;
  text-align:right !important;
  align-items:flex-end !important;
  justify-self:end !important;
  z-index:10 !important;
  border-radius:28px !important;
  background:linear-gradient(135deg, rgba(3,12,24,.20), rgba(3,12,24,.04)) !important;
  border:1px solid rgba(57,220,255,.10) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.12) !important;
}

body.ar-hero-right-lock .hero.ar-title-right-final .hero-copy .tag{
  display:inline-flex !important;
  direction:rtl !important;
  text-align:right !important;
  justify-content:flex-end !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

body.ar-hero-right-lock .hero.ar-title-right-final .hero-copy h1{
  text-align:right !important;
  font-size:clamp(38px,4.2vw,62px) !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
  width:100% !important;
  max-width:560px !important;
  margin-left:0 !important;
  margin-right:0 !important;
  text-shadow:0 18px 42px rgba(0,0,0,.55) !important;
}

body.ar-hero-right-lock .hero.ar-title-right-final .hero-copy p,
body.ar-hero-right-lock .hero.ar-title-right-final .hero-copy .trust-line{
  text-align:right !important;
  width:100% !important;
  max-width:560px !important;
  line-height:1.85 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  text-shadow:0 10px 28px rgba(0,0,0,.50) !important;
}

body.ar-hero-right-lock .hero.ar-title-right-final .hero-copy .actions{
  direction:rtl !important;
  justify-content:flex-start !important;
  width:100% !important;
}

@media(max-width:950px){
  body.ar-hero-right-lock .hero.ar-title-right-final{
    min-height:auto !important;
    background-position:center bottom !important;
  }

  body.ar-hero-right-lock .hero.ar-title-right-final .hero-inner{
    min-height:auto !important;
    padding:52px 0 62px !important;
  }

  body.ar-hero-right-lock .hero.ar-title-right-final .hero-copy{
    position:relative !important;
    right:auto !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    background:linear-gradient(135deg, rgba(3,12,24,.42), rgba(3,12,24,.20)) !important;
  }
}

@media(max-width:560px){
  body.ar-hero-right-lock .hero.ar-title-right-final .hero-copy h1{
    font-size:34px !important;
    line-height:1.15 !important;
  }
}


/* Last override. English untouched. */

body.ar-hero-visual-right-final .hero.ar-title-right-final .hero-copy,
body.ar-hero-visual-right-final .hero.ar-final-hero-lock .hero-copy,
body.riyadh-ar-final-hero .hero.ar-title-right-final .hero-copy,
body.riyadh-ar-final-hero .hero.ar-final-hero-lock .hero-copy{
  position:absolute !important;
  left:auto !important;
  right:72px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:560px !important;
  max-width:560px !important;
  margin:0 !important;
  padding:24px 28px !important;
  direction:rtl !important;
  text-align:right !important;
  z-index:20 !important;
}

body.ar-hero-visual-right-final .hero .hero-copy h1,
body.riyadh-ar-final-hero .hero .hero-copy h1{
  font-size:clamp(38px,4.2vw,62px) !important;
  line-height:1.08 !important;
  text-align:right !important;
  max-width:560px !important;
}

body.ar-hero-visual-right-final .hero .hero-copy p,
body.ar-hero-visual-right-final .hero .hero-copy .trust-line,
body.riyadh-ar-final-hero .hero .hero-copy p,
body.riyadh-ar-final-hero .hero .hero-copy .trust-line{
  max-width:560px !important;
  text-align:right !important;
}

body.ar-hero-visual-right-final .hero .hero-copy .actions,
body.riyadh-ar-final-hero .hero .hero-copy .actions{
  direction:rtl !important;
  justify-content:flex-start !important;
}

@media(max-width:950px){
  body.ar-hero-visual-right-final .hero .hero-copy,
  body.riyadh-ar-final-hero .hero .hero-copy{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
  }
}





/* ARABIC HERO TITLE RIGHT FINAL */
html[lang="ar"] .hero-copy{
    position:absolute !important;
    right:40px !important;
    left:auto !important;
    width:430px !important;
    max-width:430px !important;
    text-align:right !important;
    direction:rtl !important;
}
html[lang="ar"] .hero-copy h1{
    font-size:56px !important;
    line-height:1.05 !important;
    text-align:right !important;
}


/* REAL FINAL: ARABIC TITLE VISUAL RIGHT - INLINE + CSS LOCK */
body.ar-title-final-right .hero.ar-title-final-hero{
  position:relative !important;
  min-height:calc(100vh - 76px) !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  background-image:
    linear-gradient(90deg,
      rgba(3,7,17,.00) 0%,
      rgba(3,7,17,.06) 38%,
      rgba(3,7,17,.26) 58%,
      rgba(3,7,17,.56) 100%
    ),
    url('../assets/images/riyadh-arabic-final-hero.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

body.ar-title-final-right .hero.ar-title-final-hero::before,
body.ar-title-final-right .hero.ar-title-final-hero::after{
  display:none !important;
}

body.ar-title-final-right .hero.ar-title-final-hero .hero-inner{
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-height:calc(100vh - 76px) !important;
  padding:0 !important;
}

body.ar-title-final-right .hero.ar-title-final-hero .hero-copy{
  position:absolute !important;
  right:24px !important;
  left:auto !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:390px !important;
  max-width:390px !important;
  text-align:right !important;
  direction:rtl !important;
  z-index:30 !important;
  margin:0 !important;
  padding:20px 20px !important;
}

body.ar-title-final-right .hero.ar-title-final-hero .hero-copy h1{
  font-size:50px !important;
  line-height:1.06 !important;
  text-align:right !important;
  max-width:390px !important;
}

body.ar-title-final-right .hero.ar-title-final-hero .hero-copy p,
body.ar-title-final-right .hero.ar-title-final-hero .hero-copy .trust-line{
  max-width:390px !important;
  text-align:right !important;
  line-height:1.75 !important;
}

@media(max-width:950px){
  body.ar-title-final-right .hero.ar-title-final-hero .hero-copy{
    position:relative !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
  }
}


/* ARABIC HERO RIGHT CORRECTED */
body.ar-title-final-right .hero-copy{
 right:60px !important;
 left:auto !important;
 width:520px !important;
 max-width:520px !important;
}
body.ar-title-final-right .hero-copy h1{
 font-size:68px !important;
 line-height:1.08 !important;
 text-align:right !important;
}


/* FINAL REAL FIX: ARABIC HERO VISUAL RIGHT BY VIEWPORT POSITION */
/* Uses left:calc(100% - 620px) to avoid RTL/right/flex conflicts. English untouched. */

body.ar-hero-viewport-right .hero.ar-viewport-hero{
  position:relative !important;
  min-height:calc(100vh - 76px) !important;
  display:block !important;
  overflow:hidden !important;
  background-image:
    linear-gradient(90deg,
      rgba(3,7,17,.00) 0%,
      rgba(3,7,17,.06) 38%,
      rgba(3,7,17,.26) 58%,
      rgba(3,7,17,.56) 100%
    ),
    url('../assets/images/riyadh-arabic-final-hero.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

body.ar-hero-viewport-right .hero.ar-viewport-hero::before,
body.ar-hero-viewport-right .hero.ar-viewport-hero::after{
  display:none !important;
}

body.ar-hero-viewport-right .hero.ar-viewport-hero .hero-inner{
  position:static !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-height:calc(100vh - 76px) !important;
  padding:0 !important;
  margin:0 !important;
}

body.ar-hero-viewport-right .hero.ar-viewport-hero .hero-copy{
  position:absolute !important;
  left:calc(100% - 620px) !important;
  right:auto !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:520px !important;
  max-width:520px !important;
  margin:0 !important;
  padding:22px 24px !important;
  direction:rtl !important;
  text-align:right !important;
  z-index:50 !important;
  border-radius:28px !important;
  background:linear-gradient(135deg, rgba(3,12,24,.20), rgba(3,12,24,.04)) !important;
}

body.ar-hero-viewport-right .hero.ar-viewport-hero .hero-copy h1{
  font-size:62px !important;
  line-height:1.08 !important;
  text-align:right !important;
  max-width:520px !important;
}

body.ar-hero-viewport-right .hero.ar-viewport-hero .hero-copy p,
body.ar-hero-viewport-right .hero.ar-viewport-hero .hero-copy .trust-line{
  max-width:520px !important;
  text-align:right !important;
  line-height:1.78 !important;
}

body.ar-hero-viewport-right .hero.ar-viewport-hero .hero-copy .actions{
  direction:rtl !important;
  justify-content:flex-start !important;
}

@media(max-width:950px){
  body.ar-hero-viewport-right .hero.ar-viewport-hero{
    min-height:auto !important;
    background-position:center bottom !important;
  }
  body.ar-hero-viewport-right .hero.ar-viewport-hero .hero-inner{
    min-height:auto !important;
    padding:52px 0 62px !important;
  }
  body.ar-hero-viewport-right .hero.ar-viewport-hero .hero-copy{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    background:linear-gradient(135deg, rgba(3,12,24,.42), rgba(3,12,24,.20)) !important;
  }
}


/* FINAL MOBILE OPTIMIZATION BOTH LANGUAGES + SEO CLEAN */
/* EN + AR mobile/tablet polish. SEO/content not changed. */

*{
  box-sizing:border-box;
}

html, body{
  max-width:100%;
  overflow-x:hidden;
}

img{
  max-width:100%;
  height:auto;
}

@media(max-width:1100px){
  .container,
  .nav{
    width:min(94%,1120px) !important;
    max-width:100% !important;
  }

  nav{
    gap:14px !important;
  }

  .hero-inner,
  .split,
  .cta-box{
    gap:32px !important;
  }
}

@media(max-width:950px){
  body{
    overflow-x:hidden !important;
  }

  .header{
    position:sticky !important;
    top:0 !important;
    z-index:999 !important;
  }

  .nav{
    min-height:76px !important;
  }

  .logo.logo-img,
  .brand.logo-img{
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
  }

  .menu{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  nav{
    position:absolute !important;
    top:76px !important;
    left:3% !important;
    right:3% !important;
    display:none !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:18px !important;
    padding:24px !important;
    border-radius:24px !important;
    background:rgba(4,14,28,.96) !important;
    border:1px solid rgba(57,220,255,.18) !important;
    box-shadow:0 28px 80px rgba(0,0,0,.45) !important;
    backdrop-filter:blur(16px) !important;
  }

  nav.open{
    display:flex !important;
  }

  nav a{
    width:100% !important;
    text-align:center !important;
    padding:12px 14px !important;
  }

  .nav-cta,
  .lang-switch{
    max-width:240px !important;
  }

  .hero{
    min-height:auto !important;
  }

  .hero-inner{
    grid-template-columns:1fr !important;
    padding:42px 0 52px !important;
    gap:28px !important;
  }

  .hero-copy{
    width:100% !important;
    max-width:100% !important;
    padding:20px !important;
    border-radius:24px !important;
  }

  .hero-copy h1,
  h1{
    font-size:clamp(34px,9vw,48px) !important;
    line-height:1.12 !important;
    letter-spacing:-.03em !important;
  }

  .hero-copy p,
  .hero p{
    font-size:16px !important;
    line-height:1.75 !important;
    max-width:100% !important;
  }

  .tag{
    font-size:11px !important;
    line-height:1.45 !important;
    padding:7px 10px !important;
  }

  .trust-line{
    font-size:15px !important;
    line-height:1.75 !important;
    padding:14px 15px !important;
  }

  .actions{
    width:100% !important;
    gap:10px !important;
  }

  .actions .btn,
  .btn{
    min-height:48px !important;
    padding:13px 16px !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .hero-image-panel{
    width:100% !important;
    aspect-ratio:16/9 !important;
    min-height:0 !important;
    border-radius:24px !important;
  }

  .hero-hospitality-image{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:center bottom !important;
  }

  .section{
    padding:58px 0 !important;
  }

  .head{
    margin-bottom:26px !important;
  }

  .grid,
  .three,
  .four,
  .two,
  .split,
  .cta-box,
  .footer-grid,
  .form-grid,
  .check-grid{
    grid-template-columns:1fr !important;
  }

  article,
  .steps,
  .faq details,
  .form,
  .form-block,
  .cta-box,
  .tv-demo,
  .tv-card{
    border-radius:22px !important;
  }

  article,
  .form,
  .form-block,
  .cta-box{
    padding:20px !important;
  }

  .chip-row{
    gap:9px !important;
  }

  .chip-row span{
    font-size:13px !important;
    padding:10px 12px !important;
  }

  .section4-tv-card{
    padding:14px !important;
    max-width:100% !important;
  }

  .section4-tv-ui-holder{
    max-width:100% !important;
    aspect-ratio:4/3 !important;
  }

  form,
  .form,
  .proposal-form,
  .proposal-simple-form{
    width:100% !important;
    max-width:100% !important;
  }

  input,
  select,
  textarea{
    width:100% !important;
    min-height:54px !important;
    font-size:16px !important;
    padding:15px 16px !important;
    border-radius:16px !important;
  }

  textarea{
    min-height:150px !important;
    line-height:1.65 !important;
  }

  button[type="submit"],
  input[type="submit"],
  form .btn,
  .form .btn{
    width:100% !important;
    min-height:54px !important;
    font-size:16px !important;
  }

  .footer-company{
    text-align:center !important;
  }

  .footer-ajmi-logo{
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* Arabic mobile override */
@media(max-width:950px){
  html[lang="ar"] .hero-copy,
  html[dir="rtl"] .hero-copy,
  body.rtl .hero-copy{
    position:relative !important;
    right:auto !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    direction:rtl !important;
    text-align:right !important;
  }

  html[lang="ar"] .actions,
  html[dir="rtl"] .actions,
  body.rtl .actions{
    direction:rtl !important;
  }
}

@media(max-width:560px){
  .container,
  .nav{
    width:94% !important;
  }

  .hero-inner{
    padding:32px 0 44px !important;
  }

  .hero-copy{
    padding:18px !important;
  }

  h2{
    font-size:30px !important;
    line-height:1.15 !important;
  }

  .hero-copy h1,
  h1{
    font-size:34px !important;
    line-height:1.15 !important;
  }

  .btn{
    width:100% !important;
  }

  .section4-tv-card{
    padding:12px !important;
  }

  .section4-tv-ui-holder,
  .section4-tv-ui-img{
    border-radius:18px !important;
  }
}


/* FINAL MOBILE MENU OPEN FIX */
@media(max-width:950px){
  .menu{
    display:inline-flex !important;
    position:relative !important;
    z-index:1002 !important;
    cursor:pointer !important;
    pointer-events:auto !important;
  }

  #navMenu{
    display:none !important;
    position:absolute !important;
    top:76px !important;
    left:3% !important;
    right:3% !important;
    z-index:1001 !important;
  }

  #navMenu.open{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
  }

  #navMenu.open a{
    display:block !important;
  }
}

/* =========================================================
   RELEASE AUDIT FIX - 2026-06-13
   Scope only: mobile menu open + Arabic hero title placement.
   No redesign / no SEO / no content rewrite.
   ========================================================= */

/* Restore uploaded hero banner as the only hero background and keep text readable without boxes. */
.hero#home{
  min-height:calc(100vh - 76px) !important;
  display:flex !important;
  align-items:center !important;
  position:relative !important;
  overflow:hidden !important;
  background:
    linear-gradient(90deg,
      rgba(3,7,17,.84) 0%,
      rgba(3,7,17,.68) 28%,
      rgba(3,7,17,.32) 47%,
      rgba(3,7,17,.06) 70%,
      rgba(3,7,17,0) 100%),
    url('../assets/images/riyadh-tv-ui-hero-bg-4k.jpg') 72% 38% / cover no-repeat !important;
}
.hero#home::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg,rgba(3,7,17,.02),rgba(3,7,17,.18)) !important;
  opacity:1 !important;
}
.hero#home .container,
.hero#home .hero-inner{
  position:relative !important;
  z-index:2 !important;
}
.hero#home .hero-inner{
  display:grid !important;
  grid-template-columns:minmax(0,640px) 1fr !important;
  align-items:center !important;
  min-height:calc(100vh - 76px) !important;
  padding:58px 0 70px !important;
}
.hero#home .hero-copy{
  max-width:640px !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  text-align:left !important;
}
.hero#home .hero-copy::after,
.hero#home .hero-copy::before{
  display:none !important;
}
.hero#home .hero-image-panel,
.hero#home .hero-panel.hero-image-panel{
  display:none !important;
}
.hero#home .tag{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  margin-bottom:18px !important;
  color:#35E4FF !important;
  text-shadow:0 3px 16px rgba(0,0,0,.95) !important;
}
.hero#home h1,
.hero#home .hero-copy h1{
  color:#fff !important;
  text-shadow:0 6px 28px rgba(0,0,0,.98),0 1px 0 rgba(255,255,255,.08) !important;
}
.hero#home p,
.hero#home .trust-line{
  color:#fff !important;
  text-shadow:0 4px 18px rgba(0,0,0,.98) !important;
}
.hero#home .trust-line{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Arabic: use the Arabic hero asset with TV on the left and keep Arabic title on right side. */
html[dir="rtl"] .hero#home,
body.rtl .hero#home{
  background:
    linear-gradient(270deg,
      rgba(3,7,17,.84) 0%,
      rgba(3,7,17,.68) 28%,
      rgba(3,7,17,.32) 47%,
      rgba(3,7,17,.06) 70%,
      rgba(3,7,17,0) 100%),
    url('../assets/images/riyadh-arabic-final-hero.jpg') 26% 38% / cover no-repeat !important;
}
html[dir="rtl"] .hero#home .hero-inner,
body.rtl .hero#home .hero-inner{
  grid-template-columns:1fr minmax(0,640px) !important;
  direction:ltr !important;
}
html[dir="rtl"] .hero#home .hero-copy,
body.rtl .hero#home .hero-copy{
  grid-column:2 !important;
  direction:rtl !important;
  text-align:right !important;
  margin-right:0 !important;
  margin-left:auto !important;
}
html[dir="rtl"] .hero#home .actions,
body.rtl .hero#home .actions{
  justify-content:flex-start !important;
  direction:rtl !important;
}

/* Mobile menu: one reliable state, both header.open and #navMenu.open supported. */
@media(max-width:950px){
  .header{
    position:sticky !important;
    top:0 !important;
    z-index:99999 !important;
    overflow:visible !important;
    background:#061426 !important;
  }
  .header .nav{
    min-height:72px !important;
    height:auto !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }
  .header .logo,
  .header .logo.logo-img{
    order:1 !important;
    max-width:210px !important;
  }
  .header .logo img,
  .header .logo.logo-img img{
    max-width:210px !important;
    height:auto !important;
  }
  #menuBtn,
  .header .menu{
    display:inline-flex !important;
    order:2 !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    z-index:100001 !important;
    width:52px !important;
    height:52px !important;
    padding:0 !important;
    margin:0 !important;
    cursor:pointer !important;
    pointer-events:auto !important;
  }
  .header nav#navMenu{
    display:none !important;
    position:relative !important;
    order:3 !important;
    flex:0 0 100% !important;
    width:100% !important;
    max-width:100% !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    margin:10px 0 0 0 !important;
    padding:18px 16px !important;
    background:#061120 !important;
    border:1px solid rgba(53,228,255,.20) !important;
    border-radius:18px !important;
    box-shadow:0 20px 50px rgba(0,0,0,.45) !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:6px !important;
    z-index:100000 !important;
  }
  .header.open nav#navMenu,
  .header nav#navMenu.open{
    display:flex !important;
  }
  .header nav#navMenu a{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    padding:12px 10px !important;
    border-radius:12px !important;
    margin:0 !important;
  }
  .header nav#navMenu a.nav-cta,
  .header nav#navMenu a.lang-switch{
    width:100% !important;
    margin:8px 0 0 0 !important;
    justify-content:center !important;
  }
  .header nav#navMenu a:hover{
    background:rgba(255,255,255,.06) !important;
  }

  .hero#home{
    min-height:auto !important;
    background:
      linear-gradient(90deg,rgba(3,7,17,.86) 0%,rgba(3,7,17,.62) 46%,rgba(3,7,17,.18) 100%),
      url('../assets/images/riyadh-tv-ui-hero-bg-4k.jpg') 70% 36% / cover no-repeat !important;
  }
  .hero#home .hero-inner{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    padding:42px 0 54px !important;
  }
  .hero#home .hero-copy{
    max-width:100% !important;
    width:100% !important;
  }
  html[dir="rtl"] .hero#home,
  body.rtl .hero#home{
    background:
      linear-gradient(270deg,rgba(3,7,17,.86) 0%,rgba(3,7,17,.62) 46%,rgba(3,7,17,.18) 100%),
      url('../assets/images/riyadh-arabic-final-hero.jpg') 30% 36% / cover no-repeat !important;
  }
  html[dir="rtl"] .hero#home .hero-inner,
  body.rtl .hero#home .hero-inner{
    grid-template-columns:1fr !important;
    direction:rtl !important;
  }
  html[dir="rtl"] .hero#home .hero-copy,
  body.rtl .hero#home .hero-copy{
    grid-column:auto !important;
    text-align:right !important;
  }
}

@media(max-width:560px){
  .hero#home .hero-inner{
    padding:34px 0 46px !important;
  }
  .hero#home h1,
  .hero#home .hero-copy h1{
    font-size:33px !important;
    line-height:1.12 !important;
    letter-spacing:-.025em !important;
  }
  html[dir="rtl"] .hero#home h1,
  body.rtl .hero#home h1{
    font-size:36px !important;
    line-height:1.16 !important;
    letter-spacing:0 !important;
  }
  .hero#home p,
  .hero#home .trust-line{
    font-size:15.5px !important;
    line-height:1.68 !important;
  }
  .hero#home .actions{
    gap:10px !important;
  }
  .hero#home .actions .btn{
    width:100% !important;
  }
}


/* Riyadh responsive readability and alignment polish - content/SEO/design preserved */
html, body { max-width:100%; overflow-x:hidden; }
body { text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; }
.hero-copy, .head, .section p, .grid article, .footer, .cta-box { overflow-wrap:break-word; }
.hero#home .hero-copy{ max-width:760px; width:100%; }
.hero#home h1{ max-width:820px; }
.hero#home p{ max-width:720px; }
.actions{ flex-wrap:wrap; align-items:center; }
.btn{ display:inline-flex; align-items:center; justify-content:center; text-align:center; }

html[dir="rtl"] body, body.rtl{ font-family:'Tajawal', Arial, Helvetica, sans-serif; text-align:right; }
html[dir="rtl"] .hero-copy, body.rtl .hero-copy,
html[dir="rtl"] .head, body.rtl .head,
html[dir="rtl"] .grid article, body.rtl .grid article,
html[dir="rtl"] .cta-box, body.rtl .cta-box,
html[dir="rtl"] .footer, body.rtl .footer{ text-align:right; }
html[dir="rtl"] .hero#home .hero-copy, body.rtl .hero#home .hero-copy{ max-width:800px; margin-inline-start:auto; }
html[dir="rtl"] h1, body.rtl h1{ letter-spacing:0; line-height:1.12; }
html[dir="rtl"] .actions, body.rtl .actions{ justify-content:flex-start; }
html[dir="rtl"] .chip-row, body.rtl .chip-row{ justify-content:flex-start; }

@media (max-width: 980px){
  .container{ width:min(1120px,94%); }
  .hero-inner, .split{ grid-template-columns:1fr !important; }
  .hero#home .hero-copy{ max-width:100%; }
  .head{ max-width:100%; }
  .footer-grid{ gap:24px; }
}

@media (max-width: 720px){
  .container{ width:94%; }
  .hero#home .hero-inner{ padding:38px 0 48px !important; }
  .hero#home h1{ font-size:clamp(34px,10vw,48px) !important; line-height:1.12 !important; letter-spacing:-.025em !important; }
  html[dir="rtl"] .hero#home h1, body.rtl .hero#home h1{ font-size:clamp(33px,9.3vw,44px) !important; line-height:1.2 !important; letter-spacing:0 !important; }
  .hero#home p, .section p, .faq p{ font-size:15.5px !important; line-height:1.72 !important; }
  .tag{ font-size:11px; line-height:1.45; white-space:normal; }
  .actions{ width:100%; }
  .actions .btn{ width:100%; min-height:48px; }
  .grid.three, .grid.four{ grid-template-columns:1fr !important; }
  .footer-grid{ grid-template-columns:1fr !important; text-align:left; }
  html[dir="rtl"] .footer-grid, body.rtl .footer-grid{ text-align:right; }
}

@media (max-width: 420px){
  .hero#home h1{ font-size:32px !important; }
  html[dir="rtl"] .hero#home h1, body.rtl .hero#home h1{ font-size:31px !important; }
  .nav{ height:auto; min-height:70px; }
}


/* ===== FINAL HERO TV FULL-VIEW FIX ===== */
/* Product TV UI must be fully visible on desktop and mobile. No crop, no zoom. */
.hero{
  overflow:visible !important;
}
.hero-inner{
  overflow:visible !important;
}
.hero-panel.hero-image-panel,
.hero-image-panel{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  transform:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding:14px !important;
  min-height:auto !important;
}
body.rtl .hero-image-panel{
  margin-left:0 !important;
  margin-right:0 !important;
}
.hero-hospitality-image{
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:560px !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  display:block !important;
}
.hero-image-panel::after{
  border-radius:28px !important;
}
@media(max-width:950px){
  .hero-panel.hero-image-panel,
  .hero-image-panel{
    order:-1 !important;
    padding:10px !important;
    overflow:visible !important;
  }
  .hero-hospitality-image{
    max-height:420px !important;
    object-fit:contain !important;
  }
}
@media(max-width:560px){
  .hero-panel.hero-image-panel,
  .hero-image-panel{
    padding:8px !important;
    border-radius:24px !important;
  }
  .hero-hospitality-image{
    max-height:320px !important;
    border-radius:18px !important;
  }
  .hero-image-caption{
    bottom:10px !important;
    left:12px !important;
    right:auto !important;
    font-size:11px !important;
    padding:8px 10px !important;
  }
  body.rtl .hero-image-caption{
    right:12px !important;
    left:auto !important;
  }
}


/* ===== ENGLISH HERO TV FULL VISIBLE FINAL FIX =====
   Product TV UI must not be cropped. Content/SEO/design colors unchanged. */
html[lang="en"] .hero-image-panel{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  aspect-ratio:16 / 9 !important;
  min-height:unset !important;
  height:auto !important;
  padding:10px !important;
  overflow:visible !important;
  background:rgba(255,255,255,.035) !important;
}

html[lang="en"] .hero-hospitality-image{
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  min-height:unset !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  border-radius:26px !important;
}

html[lang="en"] .hero-image-panel::after{
  border-radius:26px !important;
}

@media(max-width:950px){
  html[lang="en"] .hero-image-panel{
    aspect-ratio:16 / 9 !important;
    padding:8px !important;
    overflow:visible !important;
  }
  html[lang="en"] .hero-hospitality-image{
    object-fit:contain !important;
    transform:none !important;
  }
}


/* ===== HERO BANNER TV POSITION UP FIX V4 =====
   English hero TV UI is product visual: keep full visible and move banner upward. */
html[lang="en"] .hero-panel.hero-image-panel{
  transform:translateY(-46px) !important;
  margin-bottom:-46px !important;
  overflow:visible !important;
  padding:14px !important;
  min-height:unset !important;
}

html[lang="en"] .hero-hospitality-image{
  object-fit:contain !important;
  object-position:center top !important;
  transform:none !important;
  width:100% !important;
  height:auto !important;
  max-height:520px !important;
  display:block !important;
}

@media(max-width:950px){
  html[lang="en"] .hero-panel.hero-image-panel{
    transform:translateY(-24px) !important;
    margin-bottom:-24px !important;
    padding:10px !important;
  }
  html[lang="en"] .hero-hospitality-image{
    max-height:410px !important;
  }
}

@media(max-width:560px){
  html[lang="en"] .hero-panel.hero-image-panel{
    transform:translateY(-12px) !important;
    margin-bottom:-12px !important;
    padding:8px !important;
  }
  html[lang="en"] .hero-hospitality-image{
    max-height:315px !important;
  }
}


/* === MACVISION Riyadh final UI safety overrides: no SEO/content/design change === */
.active-city{
  color:#39dc19 !important;
  font-weight:800 !important;
}
#navMenu a[href=""]{
  cursor:default;
}

/* Hero TV product visibility */
.hero#home .hero-inner{
  overflow:visible !important;
}
.hero#home .hero-panel.hero-image-panel,
.hero#home .hero-image-panel{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  min-height:unset !important;
  height:auto !important;
}
.hero#home .hero-hospitality-image{
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:560px !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  transform:none !important;
}

/* Arabic hero background uses product TV image without cropping */
html[dir="rtl"] .hero#home,
body.rtl .hero#home{
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#061120 !important;
}
html[dir="rtl"] .hero#home .hero-copy,
body.rtl .hero#home .hero-copy{
  text-align:right !important;
  direction:rtl !important;
}
html[dir="rtl"] .hero#home .hero-copy h1,
body.rtl .hero#home .hero-copy h1{
  line-height:1.12 !important;
}

/* Text alignment and readable mobile behaviour */
.hero-copy, .head, .section p, .grid article, .cta-box, .footer{
  overflow-wrap:break-word !important;
}
html[dir="rtl"] .head,
html[dir="rtl"] .grid article,
html[dir="rtl"] .cta-box,
html[dir="rtl"] .footer,
body.rtl .head,
body.rtl .grid article,
body.rtl .cta-box,
body.rtl .footer{
  text-align:right !important;
  direction:rtl !important;
}

@media (max-width: 900px){
  .hero#home .hero-inner{
    grid-template-columns:1fr !important;
    padding:38px 0 48px !important;
    gap:24px !important;
  }
  .hero#home .hero-copy{
    width:100% !important;
    max-width:100% !important;
  }
  .hero#home .hero-panel.hero-image-panel,
  .hero#home .hero-image-panel{
    order:-1 !important;
    width:100% !important;
    padding:8px !important;
    aspect-ratio:auto !important;
  }
  .hero#home .hero-hospitality-image{
    max-height:360px !important;
    object-fit:contain !important;
  }
  html[dir="rtl"] .hero#home,
  body.rtl .hero#home{
    background-size:contain !important;
    background-position:center top !important;
    padding-top:260px !important;
  }
  html[dir="rtl"] .hero#home .hero-copy,
  body.rtl .hero#home .hero-copy{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
  }
}
@media (max-width: 520px){
  .hero#home .hero-hospitality-image{
    max-height:280px !important;
  }
  .hero-copy h1,
  html[dir="rtl"] .hero-copy h1,
  body.rtl .hero-copy h1{
    font-size:34px !important;
    line-height:1.15 !important;
  }
  .hero-copy p,
  .section p{
    font-size:16px !important;
    line-height:1.75 !important;
  }
  .actions .btn{
    width:100% !important;
  }
}



/* ===== RIYADH FLAGSHIP HERO UPDATE - 49 BG + 50 TV UI ===== */
.hero{
  background:
    linear-gradient(90deg,rgba(3,7,17,.88) 0%,rgba(3,7,17,.72) 38%,rgba(3,7,17,.38) 64%,rgba(3,7,17,.18) 100%),
    url('../assets/images/riyadh-skyline-hero-bg.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.hero-image-panel{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  min-height:420px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.hero-hospitality-image{
  width:100% !important;
  max-width:620px !important;
  height:auto !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  filter:drop-shadow(0 32px 70px rgba(0,0,0,.48));
}
.hero-image-panel::after{display:none !important;}
.hero-image-caption{display:none !important;}

html[dir="rtl"] .hero,
body.rtl .hero{
  background:
    linear-gradient(270deg,rgba(3,7,17,.88) 0%,rgba(3,7,17,.72) 38%,rgba(3,7,17,.38) 64%,rgba(3,7,17,.18) 100%),
    url('../assets/images/riyadh-skyline-hero-bg.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
body.rtl .hero-inner{
  grid-template-columns:.95fr 1.05fr;
}
body.rtl .ar-hero-product{
  grid-column:1;
  grid-row:1;
}
body.rtl .hero-copy{
  grid-column:2;
  grid-row:1;
}

@media(max-width:950px){
  .hero,
  html[dir="rtl"] .hero,
  body.rtl .hero{
    background:none !important;
    background-color:#061120 !important;
  }
  .hero-inner,
  body.rtl .hero-inner{
    grid-template-columns:1fr !important;
    gap:28px !important;
    padding:42px 0 !important;
  }
  .hero-image-panel{
    min-height:auto !important;
    order:2;
  }
  .hero-hospitality-image{
    max-width:92vw !important;
    margin:auto !important;
  }
  body.rtl .hero-copy,
  body.rtl .ar-hero-product{
    grid-column:auto !important;
    grid-row:auto !important;
  }
}



/* =========================================================
   RIYADH FINAL HERO 49/50 IMPLEMENTATION - V7
   Scope: hero visual placement only.
   Content, SEO, colors, global design identity unchanged.
   49.jpg = desktop background. 50.jpg = TV UI product image.
   Mobile = clean product-first view, no skyline background.
   ========================================================= */

@media (min-width: 901px){
  html:not([dir="rtl"]) body .hero#home,
  html:not([dir="rtl"]) .hero#home{
    position:relative !important;
    min-height:calc(100vh - 76px) !important;
    display:flex !important;
    align-items:center !important;
    overflow:hidden !important;
    background:
      linear-gradient(90deg,
        rgba(3,7,17,.82) 0%,
        rgba(3,7,17,.68) 30%,
        rgba(3,7,17,.38) 58%,
        rgba(3,7,17,.14) 100%),
      url('../assets/images/49.jpg') center center / cover no-repeat !important;
  }

  html[dir="rtl"] body .hero#home,
  html[dir="rtl"] .hero#home,
  body.rtl .hero#home{
    position:relative !important;
    min-height:calc(100vh - 76px) !important;
    display:flex !important;
    align-items:center !important;
    overflow:hidden !important;
    background:
      linear-gradient(270deg,
        rgba(3,7,17,.82) 0%,
        rgba(3,7,17,.68) 30%,
        rgba(3,7,17,.38) 58%,
        rgba(3,7,17,.14) 100%),
      url('../assets/images/49.jpg') center center / cover no-repeat !important;
  }

  .hero#home::before,
  .hero#home::after{
    display:none !important;
  }

  .hero#home .hero-inner,
  html[dir="rtl"] .hero#home .hero-inner,
  body.rtl .hero#home .hero-inner{
    position:relative !important;
    z-index:2 !important;
    width:min(1180px,92%) !important;
    min-height:calc(100vh - 76px) !important;
    display:grid !important;
    grid-template-columns:minmax(0, 0.92fr) minmax(420px, 1.08fr) !important;
    gap:42px !important;
    align-items:center !important;
    padding:58px 0 70px !important;
    overflow:visible !important;
    margin:auto !important;
  }

  html[dir="rtl"] .hero#home .hero-inner,
  body.rtl .hero#home .hero-inner{
    grid-template-columns:minmax(420px, 1.08fr) minmax(0, 0.92fr) !important;
    direction:ltr !important;
  }

  .hero#home .hero-copy{
    grid-column:1 !important;
    grid-row:1 !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:640px !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    text-align:left !important;
    direction:ltr !important;
    z-index:5 !important;
  }

  html[dir="rtl"] .hero#home .hero-copy,
  body.rtl .hero#home .hero-copy{
    grid-column:2 !important;
    grid-row:1 !important;
    direction:rtl !important;
    text-align:right !important;
    max-width:640px !important;
    margin-left:auto !important;
    margin-right:0 !important;
  }

  .hero#home .hero-copy h1{
    max-width:640px !important;
  }

  .hero#home .hero-copy p,
  .hero#home .trust-line{
    max-width:620px !important;
  }

  .hero#home .hero-panel.hero-image-panel,
  .hero#home .hero-image-panel{
    grid-column:2 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:520px !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    transform:none !important;
    order:initial !important;
  }

  html[dir="rtl"] .hero#home .hero-panel.hero-image-panel,
  html[dir="rtl"] .hero#home .hero-image-panel,
  body.rtl .hero#home .hero-panel.hero-image-panel,
  body.rtl .hero#home .hero-image-panel{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .hero#home .hero-hospitality-image{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:min(660px, 50vw) !important;
    max-height:min(640px, calc(100vh - 150px)) !important;
    object-fit:contain !important;
    object-position:center center !important;
    border-radius:28px !important;
    transform:none !important;
    filter:drop-shadow(0 36px 72px rgba(0,0,0,.48)) !important;
  }

  .hero#home .hero-image-panel::after,
  .hero#home .hero-image-caption{
    display:none !important;
  }
}

/* Tablet and mobile: no skyline background. Keep clean TV product-first layout. */
@media (max-width: 900px){
  .hero#home,
  html[dir="rtl"] .hero#home,
  body.rtl .hero#home{
    min-height:auto !important;
    background:none !important;
    background-color:#061120 !important;
    display:block !important;
    overflow:hidden !important;
    padding:0 !important;
  }

  .hero#home .hero-inner,
  html[dir="rtl"] .hero#home .hero-inner,
  body.rtl .hero#home .hero-inner{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
    width:min(1180px,92%) !important;
    min-height:auto !important;
    padding:34px 0 46px !important;
    margin:auto !important;
    direction:inherit !important;
    overflow:visible !important;
  }

  .hero#home .hero-panel.hero-image-panel,
  .hero#home .hero-image-panel,
  html[dir="rtl"] .hero#home .hero-panel.hero-image-panel,
  html[dir="rtl"] .hero#home .hero-image-panel,
  body.rtl .hero#home .hero-panel.hero-image-panel,
  body.rtl .hero#home .hero-image-panel{
    order:-1 !important;
    grid-column:auto !important;
    grid-row:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:auto !important;
    padding:8px !important;
    margin:0 !important;
    background:rgba(255,255,255,.035) !important;
    border:1px solid rgba(130,220,255,.14) !important;
    border-radius:24px !important;
    overflow:visible !important;
    box-shadow:none !important;
    transform:none !important;
  }

  .hero#home .hero-hospitality-image{
    width:100% !important;
    height:auto !important;
    max-width:92vw !important;
    max-height:360px !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
    border-radius:18px !important;
    transform:none !important;
    filter:drop-shadow(0 20px 36px rgba(0,0,0,.36)) !important;
  }

  .hero#home .hero-copy,
  html[dir="rtl"] .hero#home .hero-copy,
  body.rtl .hero#home .hero-copy{
    grid-column:auto !important;
    grid-row:auto !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:18px !important;
    background:rgba(255,255,255,.035) !important;
    border:1px solid rgba(130,220,255,.12) !important;
    border-radius:24px !important;
    box-shadow:none !important;
  }

  .hero#home .hero-copy{
    direction:ltr !important;
    text-align:left !important;
  }

  html[dir="rtl"] .hero#home .hero-copy,
  body.rtl .hero#home .hero-copy{
    direction:rtl !important;
    text-align:right !important;
  }

  .hero#home h1,
  .hero#home .hero-copy h1,
  html[dir="rtl"] .hero#home h1,
  body.rtl .hero#home h1{
    font-size:clamp(31px, 9.2vw, 44px) !important;
    line-height:1.16 !important;
    letter-spacing:0 !important;
    max-width:100% !important;
  }

  .hero#home p,
  .hero#home .trust-line{
    font-size:15.5px !important;
    line-height:1.72 !important;
    max-width:100% !important;
  }

  .hero#home .actions{
    gap:10px !important;
  }

  .hero#home .actions .btn{
    flex:1 1 100% !important;
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

@media (max-width: 420px){
  .hero#home .hero-inner,
  html[dir="rtl"] .hero#home .hero-inner,
  body.rtl .hero#home .hero-inner{
    padding:28px 0 40px !important;
    gap:20px !important;
  }

  .hero#home .hero-hospitality-image{
    max-height:300px !important;
  }

  .hero#home .hero-copy,
  html[dir="rtl"] .hero#home .hero-copy,
  body.rtl .hero#home .hero-copy{
    padding:16px !important;
    border-radius:22px !important;
  }

  .hero#home h1,
  .hero#home .hero-copy h1,
  html[dir="rtl"] .hero#home h1,
  body.rtl .hero#home h1{
    font-size:30px !important;
    line-height:1.18 !important;
  }
}


/* =========================================================
   RIYADH FINAL HERO POLISH - V8
   Scope: visual polish only.
   Content, SEO, structure and colors are preserved.
   Adds premium gold product frame, improves hero balance,
   and keeps mobile clean/product-first.
   ========================================================= */

@media (min-width: 901px){
  .hero#home .hero-panel.hero-image-panel,
  .hero#home .hero-image-panel{
    padding:14px !important;
  }

  .hero#home .hero-hospitality-image{
    border:2px solid rgba(212,175,55,.78) !important;
    border-radius:30px !important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.06),
      0 0 34px rgba(212,175,55,.22),
      0 34px 76px rgba(0,0,0,.52) !important;
    filter:none !important;
    background:rgba(3,7,17,.16) !important;
  }

  .hero#home .hero-copy{
    align-self:center !important;
  }

  .hero#home .hero-copy h1{
    text-wrap:balance;
  }

  html[dir="rtl"] .hero#home .hero-copy h1,
  body.rtl .hero#home .hero-copy h1{
    text-wrap:balance;
  }
}

@media (max-width: 900px){
  .hero#home .hero-panel.hero-image-panel,
  .hero#home .hero-image-panel,
  html[dir="rtl"] .hero#home .hero-panel.hero-image-panel,
  html[dir="rtl"] .hero#home .hero-image-panel,
  body.rtl .hero#home .hero-panel.hero-image-panel,
  body.rtl .hero#home .hero-image-panel{
    padding:10px !important;
    border:1px solid rgba(212,175,55,.42) !important;
    box-shadow:0 0 22px rgba(212,175,55,.10) !important;
  }

  .hero#home .hero-hospitality-image{
    border:1.5px solid rgba(212,175,55,.62) !important;
    border-radius:20px !important;
    box-shadow:0 18px 34px rgba(0,0,0,.34) !important;
    filter:none !important;
  }

  .hero#home .hero-copy h1,
  .hero#home h1,
  html[dir="rtl"] .hero#home .hero-copy h1,
  html[dir="rtl"] .hero#home h1,
  body.rtl .hero#home .hero-copy h1,
  body.rtl .hero#home h1{
    text-wrap:balance;
  }
}