@font-face{
  font-family:"TaqaDune";
  src:url("https://fonts.cdnfonts.com/s/84958/Dune_Rise.woff") format("woff");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

/* TAQA v10: store navigation, responsive composition and right-entering lettering. */
footer.taqa-native-footer-hidden { display:none!important; }
footer.taqa-footer {
  --tqf-surface:#070C14; --tqf-surface-2:#09111A; --tqf-ink:#F4F7F8;
  --tqf-muted:#A5B8C3; --tqf-line:rgba(170,195,208,.2); --tqf-card:rgba(220,229,232,.035);
  --tqf-accent:#EA7D38; --tqf-from-right:32px; --tqf-from-left:-32px;
  position:relative; isolation:isolate; width:100%; max-width:none; min-width:0;
  height:auto; margin:0; padding:0; flex:0 0 auto; overflow:hidden;
  direction:ltr; unicode-bidi:isolate; text-align:left;
  color:var(--tqf-ink); background:linear-gradient(160deg,var(--tqf-surface-2),var(--tqf-surface));
  border-top:1px solid var(--tqf-line);
  font-family:"DM Sans","Manrope","Cairo",system-ui,sans-serif; font-size:14px; line-height:1.5;
}
footer.taqa-footer[hidden] { display:none!important; }
/* clip contains entry transforms without becoming a nested scroll container. */
@supports(overflow:clip) { footer.taqa-footer { overflow:clip; } }
html.taqa-theme-dark footer.taqa-footer, body.taqa-theme-dark footer.taqa-footer {
  --tqf-surface:#EEF3F5; --tqf-surface-2:#F4F7F8; --tqf-ink:#070C14;
  --tqf-muted:#4D6572; --tqf-line:rgba(77,113,131,.24); --tqf-card:rgba(77,113,131,.035); --tqf-accent:#C06024;
}
.taqa-footer *, .taqa-footer *::before, .taqa-footer *::after { box-sizing:border-box; }
.taqa-footer :is(h2,h3,p) { padding:0; color:inherit; }
.taqa-footer :is(a,button) { -webkit-tap-highlight-color:transparent; }
.taqa-footer a { color:inherit; text-decoration:none; cursor:pointer; }
.taqa-footer a:focus-visible { outline:2px solid var(--tqf-accent); outline-offset:4px; }
.taqa-footer .taqa-footer__inner { position:relative; width:100%; padding:36px clamp(24px,4vw,64px) 22px; }
.taqa-footer .taqa-footer__engrave { position:absolute; z-index:-1; right:-3%; top:18px; width:min(40%,560px); opacity:.027; pointer-events:none; user-select:none; }
.taqa-footer .taqa-footer__top { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); grid-template-areas:"network brand"; align-items:center; gap:clamp(32px,6vw,96px); }
.taqa-footer .taqa-footer__brand { grid-area:brand; min-width:0; text-align:right; }
.taqa-footer .taqa-footer__logo-wrap { width:min(380px,100%); height:62px; margin-left:auto; display:flex; align-items:center; justify-content:flex-end; gap:clamp(16px,2vw,28px); }
.taqa-footer .taqa-footer__logo-brand { position:relative; display:block; flex:0 0 auto; height:100%; }
.taqa-footer .taqa-footer__logo-brand--qtaqa { width:220px; }
.taqa-footer .taqa-footer__logo-brand--esp { width:118px; }
.taqa-footer .taqa-footer__logo { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; object-position:center; }
.taqa-footer .taqa-footer__logo--light { display:none; }
.taqa-footer .taqa-footer__logo--dark { display:block; }
html.taqa-theme-dark .taqa-footer .taqa-footer__logo--light, body.taqa-theme-dark .taqa-footer .taqa-footer__logo--light { display:block; }
html.taqa-theme-dark .taqa-footer .taqa-footer__logo--dark, body.taqa-theme-dark .taqa-footer .taqa-footer__logo--dark { display:none; }
.taqa-footer .taqa-footer__eyebrow { margin:14px 0 0; color:var(--tqf-muted); font-size:10px; font-weight:600; letter-spacing:.13em; }
.taqa-footer .taqa-footer__headline { margin:8px 0 0; font-size:clamp(32px,3.2vw,48px); font-weight:500; line-height:1.1; letter-spacing:-.04em; }
.taqa-footer .taqa-footer__headline b { font-weight:600; color:var(--tqf-accent); }
.taqa-footer .taqa-footer__copy { margin:12px 0 0 auto; max-width:470px; font-family:"Cairo",sans-serif; color:var(--tqf-muted); font-size:13px; line-height:1.9; direction:rtl; }
.taqa-footer .taqa-footer__network { grid-area:network; min-width:0; }
.taqa-footer .taqa-footer__network-head { margin:0 0 16px; }
.taqa-footer .taqa-footer__network-title { margin:0; font-size:21px; font-weight:500; letter-spacing:-.02em; }
.taqa-footer .taqa-footer__social-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.taqa-footer .taqa-footer__social { --platform:#1877F2; position:relative; min-width:0; min-height:68px; display:flex; align-items:center; gap:12px; padding:12px; border:1px solid var(--tqf-line); border-radius:10px; background:var(--tqf-card); transition:border-color .2s,color .2s,background-color .2s; }
.taqa-footer .taqa-footer__social--instagram { --platform:#C13584; }
.taqa-footer :is(.taqa-footer__platform-icon,.taqa-footer__contact-icon) { display:flex; align-items:center; justify-content:center; flex:0 0 32px; width:32px; height:32px; border:1px solid var(--tqf-line); border-radius:8px; color:var(--tqf-muted); transition:color .2s,border-color .2s,background-color .2s; }
.taqa-footer svg { display:block; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.taqa-footer .taqa-footer__social-name { min-width:0; font-size:11px; font-weight:600; line-height:1.5; letter-spacing:.025em; }
.taqa-footer .taqa-footer__arrow { margin-left:auto; color:var(--tqf-muted); font-size:18px; }
.taqa-footer .taqa-footer__short { display:none; }
.taqa-footer .taqa-footer__navigation {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(28px,5vw,72px);
  margin-top:28px; padding-top:20px; border-top:1px solid var(--tqf-line); text-align:right;
}
.taqa-footer .taqa-footer__nav-group { min-width:0; }
.taqa-footer .taqa-footer__nav-heading {
  display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px;
  font:600 15px/1.6 "Cairo",system-ui,sans-serif; color:var(--tqf-ink);
  cursor:pointer; list-style:none;
}
.taqa-footer .taqa-footer__nav-heading::-webkit-details-marker { display:none; }
.taqa-footer .taqa-footer__nav-heading::marker { content:""; }
.taqa-footer .taqa-footer__nav-heading svg { flex-shrink:0; width:16px; height:16px; color:var(--tqf-accent); transition:transform .2s; }
.taqa-footer .taqa-footer__nav-group[open] > summary svg { transform:rotate(180deg); }
.taqa-footer .taqa-footer__nav-heading:focus-visible { outline:2px solid var(--tqf-accent); outline-offset:3px; border-radius:4px; }
.taqa-footer .taqa-footer__nav-list {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px 20px;
  list-style:none; padding:4px 0 0; margin:0;
}
.taqa-footer .taqa-footer__nav-list li { min-width:0; }
.taqa-footer .taqa-footer__nav-list a {
  display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:44px;
  padding:6px 0; color:var(--tqf-muted); font:500 12px/1.8 "DM Sans","Cairo",system-ui,sans-serif;
  transition:color .2s; overflow-wrap:anywhere;
}
.taqa-footer .taqa-footer__nav-list bdi { min-width:0; }
.taqa-footer .taqa-footer__nav-list a > span { flex-shrink:0; color:var(--tqf-accent); font-size:16px; }
.taqa-footer .taqa-footer__nav-list a:hover { color:var(--tqf-accent); }
.taqa-footer .taqa-footer__contact { margin-top:28px; padding-top:18px; border-top:1px solid var(--tqf-line); }
.taqa-footer .taqa-footer__contact-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,.8fr); gap:12px; }
/* Contact geometry belongs to this footer, independent of host link styling. */
.taqa-footer .taqa-footer__contact-item { --platform:#C06024; position:static!important; inset:auto!important; float:none!important; width:auto!important; height:auto!important; min-width:0; min-height:58px; display:flex!important; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--tqf-line); border-radius:8px; background:var(--tqf-card); box-shadow:none; transform:none; direction:ltr; text-align:left; transition:border-color .2s,background-color .2s; }
.taqa-footer .taqa-footer__contact-item--phone { --platform:#4D7183; }
.taqa-footer .taqa-footer__contact-item--whatsapp { --platform:#25D366; }
.taqa-footer .taqa-footer__contact-text { min-width:0; }
.taqa-footer .taqa-footer__contact-text small { display:block; margin-bottom:3px; font-size:10px; color:var(--tqf-muted); letter-spacing:.08em; text-transform:uppercase; }
.taqa-footer .taqa-footer__contact-text strong { display:block; font-size:12px; font-weight:500; overflow-wrap:anywhere; }
.taqa-footer .taqa-footer__phones { display:flex; flex-wrap:wrap; gap:3px 12px; }
.taqa-footer .taqa-footer__phones a { position:relative; min-height:24px; display:inline-flex; align-items:center; font-size:12px; }
.taqa-footer .taqa-footer__wordmark {
  display:flex; align-items:stretch; gap:.6%; width:100%; min-height:clamp(72px,10vw,150px);
  margin-top:28px; padding-top:24px; box-sizing:content-box;
  border-top:1px solid var(--tqf-line); color:var(--tqf-ink);
  direction:ltr; unicode-bidi:isolate; user-select:none; overflow:visible;
}
.taqa-footer .taqa-footer__letter {
  display:block; flex:1 1 0; min-width:0; overflow:hidden;
}
.taqa-footer .taqa-footer__letter-face {
  display:flex; align-items:center; justify-content:center; width:100%; height:100%;
  font-family:"TaqaDune","Dune Rise","Space Grotesk","DM Sans",sans-serif;
  font-size:clamp(64px,12.5vw,190px); font-weight:400; line-height:.78;
  letter-spacing:-.075em; white-space:nowrap; text-transform:none;
  transform:translateX(0);
}
.taqa-footer .taqa-footer__return { display:flex; justify-content:flex-end; margin-top:12px; }
.taqa-footer .taqa-footer__scroll-top {
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:44px; padding:8px 14px; border:1px solid var(--tqf-line); border-radius:6px;
  background:transparent; color:var(--tqf-ink); font:500 12px/1.5 "DM Sans","Manrope",sans-serif;
  cursor:pointer; direction:ltr; transition:color .2s,border-color .2s;
}
.taqa-footer .taqa-footer__scroll-top svg { width:18px; height:18px; color:var(--tqf-accent); }
.taqa-footer .taqa-footer__scroll-top:hover { color:var(--tqf-accent); border-color:var(--tqf-accent); }
.taqa-footer .taqa-footer__scroll-top:focus-visible { outline:2px solid var(--tqf-accent); outline-offset:4px; }
.taqa-footer[data-taqa-wordmark-motion="ready"] .taqa-footer__letter-face {
  transform:translateX(112%);
  transition:transform .9s cubic-bezier(.16,1,.3,1);
  transition-delay:calc((9 - var(--letter-index)) * .055s);
}
.taqa-footer[data-taqa-wordmark-motion="ready"].is-wordmark-in .taqa-footer__letter-face { transform:none; }
.taqa-footer .taqa-footer__bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 24px; margin-top:18px; padding-top:16px; border-top:1px solid var(--tqf-line); color:var(--tqf-muted); font-size:11px; }
.taqa-footer .taqa-footer__copyright { margin:0; direction:ltr; unicode-bidi:isolate; }
.taqa-footer .taqa-footer__credit { display:block; direction:ltr!important; unicode-bidi:isolate!important; font-size:11px; line-height:1.7; }
.taqa-footer .taqa-footer__credit-name { font-weight:600; color:var(--tqf-ink); white-space:nowrap; }
.taqa-footer :is(.taqa-footer__credit-label,.taqa-footer__credit-name) { direction:ltr; unicode-bidi:isolate; }
.taqa-footer .taqa-footer__credit-name:hover { color:var(--tqf-accent); }
/* The live MyAlice button is fixed at the lower right. Reserve its footprint. */
body:has(#myAliceWebChat) .taqa-footer .taqa-footer__bottom { padding-right:64px; }
@media(hover:hover) {
  .taqa-footer .taqa-footer__social:hover { border-color:var(--platform); background:rgba(24,119,242,.08); }
  .taqa-footer .taqa-footer__social:hover .taqa-footer__platform-icon { border-color:var(--platform); color:var(--platform); }
  .taqa-footer .taqa-footer__social--instagram:hover { background:linear-gradient(115deg,rgba(64,93,230,.1),rgba(131,58,180,.1),rgba(225,48,108,.1),rgba(252,175,69,.1)); }
  .taqa-footer .taqa-footer__social--instagram:hover .taqa-footer__platform-icon { color:#fff; border-color:#C13584; background:linear-gradient(135deg,#405DE6,#833AB4,#E1306C,#FCAF45); }
  .taqa-footer .taqa-footer__contact-item:hover { border-color:var(--platform); }
  .taqa-footer .taqa-footer__contact-item:hover .taqa-footer__contact-icon { color:var(--platform); border-color:var(--platform); }
  .taqa-footer .taqa-footer__phones a:hover { color:var(--tqf-accent); }
}
.taqa-footer[data-taqa-footer-intro] :is(.taqa-footer__brand,.taqa-footer__network,.taqa-footer__contact,.taqa-footer__bottom) { opacity:0; transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1); }
.taqa-footer[data-taqa-footer-intro] .taqa-footer__brand { transform:translateX(var(--tqf-from-right)); }
.taqa-footer[data-taqa-footer-intro] .taqa-footer__network { transform:translateX(var(--tqf-from-left)); transition-delay:.07s; }
.taqa-footer[data-taqa-footer-intro] .taqa-footer__contact { transform:translateY(16px); transition-delay:.14s; }
.taqa-footer[data-taqa-footer-intro] .taqa-footer__bottom { transform:translateY(10px); transition-delay:.2s; }
.taqa-footer[data-taqa-footer-intro].is-in :is(.taqa-footer__brand,.taqa-footer__network,.taqa-footer__contact,.taqa-footer__bottom) { opacity:1; transform:none; }
@media(min-width:761px) and (max-width:1100px) and (orientation:landscape) {
  .taqa-footer .taqa-footer__inner { padding:28px 24px 20px; }
  .taqa-footer .taqa-footer__top { gap:28px; }
  .taqa-footer .taqa-footer__logo-wrap { width:320px; height:54px; gap:18px; }
  .taqa-footer .taqa-footer__logo-brand--qtaqa { width:180px; }
  .taqa-footer .taqa-footer__logo-brand--esp { width:98px; }
  .taqa-footer .taqa-footer__social { gap:8px; padding:10px; }
  .taqa-footer .taqa-footer__social-name { font-size:10px; }
  .taqa-footer .taqa-footer__arrow { display:none; }
}
@media(max-width:760px), (max-width:1100px) and (orientation:portrait) {
  footer.taqa-footer { --tqf-from-right:16px; --tqf-from-left:-16px; }
  .taqa-footer .taqa-footer__inner { padding:24px clamp(16px,4vw,32px) max(22px,env(safe-area-inset-bottom)); }
  .taqa-footer .taqa-footer__top { grid-template-columns:minmax(0,1fr); grid-template-areas:"brand" "network"; gap:24px; }
  .taqa-footer .taqa-footer__brand { display:grid; grid-template-columns:minmax(0,1fr) 154px; grid-template-areas:"headline logo" "eyebrow logo"; gap:6px 10px; align-items:center; text-align:left; }
  .taqa-footer .taqa-footer__logo-wrap { grid-area:logo; width:154px; height:48px; margin:0; gap:10px; justify-content:flex-end; }
  .taqa-footer .taqa-footer__logo-brand--qtaqa { width:88px; }
  .taqa-footer .taqa-footer__logo-brand--esp { width:56px; }
  .taqa-footer .taqa-footer__headline { grid-area:headline; margin:0; font-size:clamp(21px,5.8vw,30px); line-height:1.15; white-space:nowrap; }
  .taqa-footer .taqa-footer__eyebrow { grid-area:eyebrow; margin:0; font-size:8px; line-height:1.6; letter-spacing:.035em; }
  .taqa-footer .taqa-footer__copy { display:none; }
  .taqa-footer .taqa-footer__network-head { margin-bottom:10px; }
  .taqa-footer .taqa-footer__network-title { font-size:14px; }
  .taqa-footer .taqa-footer__social-grid { gap:8px; }
  .taqa-footer .taqa-footer__social { min-height:48px; gap:10px; padding:8px 10px; border-radius:8px; }
  .taqa-footer .taqa-footer__social-name { font-size:11px; letter-spacing:.02em; }
  .taqa-footer :is(.taqa-footer__platform-icon,.taqa-footer__contact-icon) { width:24px; height:24px; flex-basis:24px; border:none; border-radius:6px; }
  .taqa-footer svg { width:17px; height:17px; }
  .taqa-footer .taqa-footer__arrow { display:none; }
  .taqa-footer .taqa-footer__full { display:none; }
  .taqa-footer .taqa-footer__navigation { grid-template-columns:minmax(0,1fr); gap:0; margin-top:18px; padding-top:4px; }
  .taqa-footer .taqa-footer__nav-group + .taqa-footer__nav-group { border-top:1px solid var(--tqf-line); }
  .taqa-footer .taqa-footer__nav-heading { min-height:52px; font-size:14px; }
  .taqa-footer .taqa-footer__nav-list { grid-template-columns:minmax(0,1fr); gap:0; padding:0 0 10px; }
  .taqa-footer .taqa-footer__nav-list a { min-height:44px; padding:8px 2px; font-size:12px; }
  .taqa-footer .taqa-footer__short { display:inline; }
  .taqa-footer .taqa-footer__contact { margin-top:18px; padding-top:14px; }
  .taqa-footer .taqa-footer__contact-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
  .taqa-footer .taqa-footer__contact-item { min-height:48px; padding:7px 3px; gap:3px; justify-content:center; border-radius:7px; }
  .taqa-footer .taqa-footer__contact-item .taqa-footer__short { font-size:10px; font-weight:600; white-space:nowrap; }
  .taqa-footer .taqa-footer__contact-item--phone { position:relative!important; }
  .taqa-footer .taqa-footer__contact-item--phone a.taqa-footer__short::after { content:""; position:absolute; inset:0; }
  .taqa-footer .taqa-footer__bottom { flex-direction:column; align-items:flex-start; gap:6px; margin-top:18px; padding-top:14px; font-size:10px; }
  .taqa-footer .taqa-footer__credit { font-size:10px; }
  .taqa-footer .taqa-footer__engrave { width:180px; right:-28px; top:0; opacity:.018; }
  .taqa-footer .taqa-footer__wordmark { margin-top:20px; padding-top:18px; }
  /* Use the credit rail's right inset for the floating button, not a bottom gap. */
}
@media(prefers-reduced-motion:reduce) {
  .taqa-footer *, .taqa-footer *::before, .taqa-footer *::after { transition:none!important; }
  .taqa-footer[data-taqa-footer-intro] :is(.taqa-footer__brand,.taqa-footer__network,.taqa-footer__contact,.taqa-footer__bottom) { opacity:1; transform:none; }
  .taqa-footer[data-taqa-wordmark-motion="ready"] .taqa-footer__letter-face { animation:none!important; transition:none!important; transform:none!important; }
}

/* =========================================================
   V12 — DESKTOP FOOTER = EXACTLY ONE VIEWPORT
   First 20vh is intentionally empty: safe zone for the sticky menu.
   All footer content is composed inside the remaining 80vh.
   Mobile / portrait rules remain untouched.
   ========================================================= */
@media (min-width:1101px) and (orientation:landscape){
  footer.taqa-footer{
    height:100vh!important;
    min-height:100vh!important;
    max-height:100vh!important;
  }

  .taqa-footer .taqa-footer__inner{
    height:100%!important;
    min-height:0!important;
    padding:
      20vh
      clamp(24px,3.35vw,58px)
      clamp(10px,1.3vh,16px)!important;

    display:grid!important;
    grid-template-rows:
      minmax(0,1.32fr)
      minmax(0,1.20fr)
      auto
      minmax(0,1.50fr)
      auto
      auto!important;
    align-content:stretch!important;
    gap:clamp(6px,1vh,11px)!important;
    overflow:hidden!important;
  }

  /* The 20vh zone above this row is intentionally content-free. */
  .taqa-footer .taqa-footer__top{
    min-height:0!important;
    align-self:stretch!important;
    gap:clamp(26px,4.3vw,72px)!important;
  }

  .taqa-footer .taqa-footer__logo-wrap{
    width:clamp(300px,23vw,390px)!important;
    height:clamp(46px,5.5vh,60px)!important;
    gap:clamp(14px,1.5vw,24px)!important;
  }
  .taqa-footer .taqa-footer__logo-brand--qtaqa{ width:clamp(160px,11.5vw,210px)!important; }
  .taqa-footer .taqa-footer__logo-brand--esp{ width:clamp(92px,7vw,118px)!important; }

  .taqa-footer .taqa-footer__eyebrow{
    margin-top:clamp(5px,.8vh,10px)!important;
    font-size:clamp(8px,.75vw,10px)!important;
  }

  .taqa-footer .taqa-footer__headline{
    margin-top:clamp(3px,.7vh,8px)!important;
    font-size:clamp(28px,2.65vw,44px)!important;
  }

  .taqa-footer .taqa-footer__copy{
    margin-top:clamp(5px,.8vh,10px)!important;
    font-size:clamp(10px,.76vw,12px)!important;
    line-height:1.65!important;
  }

  .taqa-footer .taqa-footer__network-head{
    margin-bottom:clamp(5px,.8vh,10px)!important;
  }

  .taqa-footer .taqa-footer__network-title{
    font-size:clamp(16px,1.2vw,20px)!important;
  }

  .taqa-footer .taqa-footer__social-grid{
    gap:clamp(5px,.7vh,8px)!important;
  }

  .taqa-footer .taqa-footer__social{
    min-height:0!important;
    height:clamp(44px,5.7vh,60px)!important;
    padding:clamp(7px,.7vh,10px) 10px!important;
  }

  .taqa-footer .taqa-footer__navigation{
    min-height:0!important;
    margin-top:0!important;
    padding-top:clamp(7px,1vh,12px)!important;
    gap:clamp(24px,4vw,64px)!important;
    overflow:hidden!important;
  }

  .taqa-footer .taqa-footer__nav-heading{
    min-height:clamp(28px,3.6vh,38px)!important;
    font-size:clamp(12px,.95vw,14px)!important;
  }

  .taqa-footer .taqa-footer__nav-list{
    padding-top:0!important;
    gap:0 18px!important;
  }

  .taqa-footer .taqa-footer__nav-list a{
    min-height:clamp(24px,3.25vh,34px)!important;
    padding:2px 0!important;
    font-size:clamp(10px,.72vw,12px)!important;
    line-height:1.45!important;
  }

  .taqa-footer .taqa-footer__contact{
    margin-top:0!important;
    padding-top:clamp(7px,.9vh,10px)!important;
  }

  .taqa-footer .taqa-footer__contact-grid{
    gap:clamp(7px,.7vw,11px)!important;
  }

  .taqa-footer .taqa-footer__contact-item{
    min-height:0!important;
    height:clamp(42px,5.3vh,56px)!important;
    padding:6px 10px!important;
  }

  .taqa-footer .taqa-footer__contact-text small{
    margin-bottom:1px!important;
    font-size:clamp(8px,.65vw,10px)!important;
  }

  .taqa-footer .taqa-footer__contact-text strong,
  .taqa-footer .taqa-footer__phones a{
    font-size:clamp(9px,.72vw,11px)!important;
  }

  .taqa-footer .taqa-footer__wordmark{
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
    aspect-ratio:auto!important;
    margin-top:0!important;
    padding-top:clamp(7px,1vh,12px)!important;
  }

  .taqa-footer .taqa-footer__return{
    margin-top:0!important;
  }

  .taqa-footer .taqa-footer__scroll-top{
    min-height:34px!important;
    padding:5px 11px!important;
    font-size:10px!important;
  }

  .taqa-footer .taqa-footer__bottom{
    margin-top:0!important;
    padding-top:clamp(7px,.9vh,10px)!important;
    font-size:clamp(8px,.68vw,10px)!important;
  }

  .taqa-footer .taqa-footer__credit{
    font-size:inherit!important;
  }

  /* Decorative logo stays below the safe zone visually. */
  .taqa-footer .taqa-footer__engrave{
    top:20vh!important;
  }
}

/* Short desktop/laptop landscape: same 20vh safe zone, tighter content. */
@media (min-width:1101px) and (orientation:landscape) and (max-height:760px){
  .taqa-footer .taqa-footer__inner{
    grid-template-rows:
      minmax(0,1.18fr)
      minmax(0,1.05fr)
      auto
      minmax(0,1.15fr)
      auto
      auto!important;
    gap:5px!important;
  }

  .taqa-footer .taqa-footer__copy{
    display:none!important;
  }

  .taqa-footer .taqa-footer__social{
    height:42px!important;
  }

  .taqa-footer .taqa-footer__contact-item{
    height:40px!important;
  }
}

/* =========================================================
   V12 — HEADER + THEME SWITCH LOCAL INVERSE OVER FOOTER
   The GLOBAL theme is never changed.
   We only override inherited UI variables while the sticky
   header is physically over the footer.
   ========================================================= */

/* Site LIGHT -> footer DARK -> header/menu/switch look DARK locally. */
html.taqa-footer-header-inverse body.taqa-theme-light{
  --taqa-ui-fg:#F4F7F8;
  --taqa-ui-glass:rgba(7,12,20,.38);
  --taqa-ui-glass-soft:rgba(77,113,131,.10);
  --taqa-ui-border:rgba(244,247,248,.10);
  --taqa-ui-shadow:0 10px 24px rgba(0,0,0,.18);
  --taqa-ui-hover:rgba(255,255,255,.065);
  --taqa-ui-hover-border:rgba(255,255,255,.10);
  --taqa-header-fg:#F4F7F8;
  --taqa-header-muted:#B9C5CC;

  --taqa-mode-label:#91A4AF;
  --taqa-mode-value:#EAF4F8;
  --taqa-mode-panel-bg:linear-gradient(145deg,rgba(12,23,33,.76),rgba(7,14,23,.58));
  --taqa-mode-panel-border:rgba(176,207,223,.15);
  --taqa-mode-panel-border-hover:rgba(132,188,219,.31);
  --taqa-mode-panel-shadow:0 11px 26px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.07);
  --taqa-mode-track:rgba(2,10,17,.50);
  --taqa-mode-track-border:rgba(138,188,215,.15);
  --taqa-mode-icon-idle:#718E9D;
  --taqa-mode-active:#D9F1FC;
  --taqa-mode-indicator:#82C8EE;
  --taqa-mode-thumb:linear-gradient(180deg,rgba(40,65,81,.98),rgba(12,27,39,.98));
  --taqa-mode-thumb-border:rgba(145,199,227,.22);
  --taqa-mode-thumb-shadow:0 4px 11px rgba(0,0,0,.28),0 0 11px rgba(95,166,205,.12),inset 0 1px 0 rgba(255,255,255,.09);
}

/* Site DARK -> footer LIGHT -> header/menu/switch look LIGHT locally. */
html.taqa-footer-header-inverse body.taqa-theme-dark{
  --taqa-ui-fg:#11161D;
  --taqa-ui-glass:rgba(255,255,255,.46);
  --taqa-ui-glass-soft:rgba(220,229,232,.14);
  --taqa-ui-border:rgba(17,22,29,.09);
  --taqa-ui-shadow:0 8px 22px rgba(18,28,38,.06);
  --taqa-ui-hover:rgba(192,96,36,.07);
  --taqa-ui-hover-border:rgba(192,96,36,.14);
  --taqa-header-fg:#11161D;
  --taqa-header-muted:#53606A;

  --taqa-mode-label:#667680;
  --taqa-mode-value:#25333B;
  --taqa-mode-panel-bg:linear-gradient(145deg,rgba(255,255,255,.72),rgba(224,233,237,.42));
  --taqa-mode-panel-border:rgba(56,76,89,.14);
  --taqa-mode-panel-border-hover:rgba(192,96,36,.28);
  --taqa-mode-panel-shadow:0 9px 24px rgba(22,37,48,.09),inset 0 1px 0 rgba(255,255,255,.82);
  --taqa-mode-track:rgba(213,223,227,.52);
  --taqa-mode-track-border:rgba(59,78,90,.13);
  --taqa-mode-icon-idle:#71818A;
  --taqa-mode-active:#A95724;
  --taqa-mode-indicator:#C06024;
  --taqa-mode-thumb:linear-gradient(180deg,rgba(255,255,255,.96),rgba(239,229,219,.90));
  --taqa-mode-thumb-border:rgba(192,96,36,.18);
  --taqa-mode-thumb-shadow:0 3px 9px rgba(59,40,24,.12),inset 0 1px 0 rgba(255,255,255,.96);
}

/* Override the few hard-coded LIGHT header colors from the global theme file. */
html.taqa-footer-header-inverse body.taqa-theme-light
nav.default_header_container .ms-auto.flex.items-center.flex-1.justify-end > button,
html.taqa-footer-header-inverse body.taqa-theme-light
nav.default_header_container > .hidden.lg\:block a{
  color:var(--taqa-header-fg)!important;
}

html.taqa-footer-header-inverse body.taqa-theme-light
nav.default_header_container .ms-auto.flex.items-center.flex-1.justify-end > button svg path:not([fill]){
  stroke:var(--taqa-header-fg)!important;
}

html.taqa-footer-header-inverse body.taqa-theme-light
nav.default_header_container .ms-auto.flex.items-center.flex-1.justify-end > button svg path[fill],
html.taqa-footer-header-inverse body.taqa-theme-light
nav.default_header_container .ms-auto.flex.items-center.flex-1.justify-end > button svg circle[fill]{
  fill:var(--taqa-header-fg)!important;
}

/* Local inversion is desktop-only. */
@media (max-width:1100px), (orientation:portrait){
  html.taqa-footer-header-inverse body{
    /* JS removes the state too; this is a CSS safety net. */
  }
}

/* =========================================================
   V13 — MOBILE / PORTRAIT HEADER SAFE AREA
   Reserve the first 20svh of the footer for the fixed/sticky
   mobile header controls, exactly like the desktop concept.
   Footer content starts only AFTER that safe zone.
   ========================================================= */
@media (max-width:760px), (max-width:1100px) and (orientation:portrait){

  footer.taqa-footer{
    min-height:100svh!important;
  }

  .taqa-footer .taqa-footer__inner{
    min-height:100svh!important;
    padding:
      max(20svh, calc(72px + env(safe-area-inset-top)))
      clamp(16px,4vw,32px)
      max(18px,env(safe-area-inset-bottom))!important;
  }

  /* Keep the decorative engraving out of the header safe zone. */
  .taqa-footer .taqa-footer__engrave{
    top:max(20svh, calc(72px + env(safe-area-inset-top)))!important;
  }

  /* Slightly tighten the mobile composition so the new safe area
     does not turn the footer into an unnecessarily long section. */
  .taqa-footer .taqa-footer__top{
    gap:18px!important;
  }

  .taqa-footer .taqa-footer__network-head{
    margin-bottom:8px!important;
  }

  .taqa-footer .taqa-footer__navigation{
    margin-top:14px!important;
  }

  .taqa-footer .taqa-footer__nav-heading{
    min-height:46px!important;
  }

  .taqa-footer .taqa-footer__contact{
    margin-top:14px!important;
    padding-top:12px!important;
  }

  .taqa-footer .taqa-footer__wordmark{
    margin-top:16px!important;
    padding-top:14px!important;
  }

  .taqa-footer .taqa-footer__return{
    margin-top:8px!important;
  }

  .taqa-footer .taqa-footer__bottom{
    margin-top:14px!important;
    padding-top:12px!important;
  }
}

/* Very short phones: preserve the safe zone, compress only the content. */
@media (max-width:760px) and (max-height:700px){
  .taqa-footer .taqa-footer__inner{
    padding-top:max(20svh, calc(64px + env(safe-area-inset-top)))!important;
  }

  .taqa-footer .taqa-footer__top{
    gap:14px!important;
  }

  .taqa-footer .taqa-footer__social{
    min-height:44px!important;
  }

  .taqa-footer .taqa-footer__nav-heading{
    min-height:42px!important;
  }

  .taqa-footer .taqa-footer__contact-item{
    min-height:44px!important;
  }

  .taqa-footer .taqa-footer__wordmark{
    margin-top:12px!important;
    padding-top:10px!important;
  }

  .taqa-footer .taqa-footer__bottom{
    margin-top:10px!important;
    padding-top:10px!important;
  }
}

/* =========================================================
   V15 — ANCHOR-INDEPENDENT SPA FOOTER SHIELD
   Native EasyOrders footer is suppressed anywhere inside the app
   while the custom footer manager is active.
   ========================================================= */
html.taqa-footer-manager-active .app_container footer.bg-skin-primary:not([data-taqa-custom-footer]){
  display:none!important;
}

/* =========================================================
   V16 — PRODUCT ROUTE ANCHOR FIX
   EasyOrders product pages use #product-id instead of <main>.
   ========================================================= */
.taqa-footer[data-taqa-footer-anchor="product-id"]:not([hidden]){
  display:block;
}



/* V18 — dual Q TAQA + ESP lockup + restored boxed per-letter Elsewedy scroll reveal */
.taqa-footer .taqa-footer__engrave .taqa-footer__logo-wrap { width:100%; }
@media (max-width:760px), (max-width:1100px) and (orientation:portrait){
  .taqa-footer .taqa-footer__wordmark{
    min-height:clamp(58px,15vw,82px)!important;
  }
  .taqa-footer .taqa-footer__letter{
    overflow:hidden!important;
  }
  .taqa-footer .taqa-footer__letter-face{
    font-family:"TaqaDune","Dune Rise",sans-serif!important;
    font-size:clamp(27px,9.2vw,40px)!important;
    font-weight:400!important;
    line-height:.92!important;
    letter-spacing:-.02em!important;
    transform-origin:center center!important;
  }
}
@media (max-width:380px){
  .taqa-footer .taqa-footer__brand{grid-template-columns:minmax(0,1fr) 138px;}
  .taqa-footer .taqa-footer__logo-wrap{width:138px;gap:8px;}
  .taqa-footer .taqa-footer__logo-brand--qtaqa{width:80px;}
  .taqa-footer .taqa-footer__logo-brand--esp{width:50px;}
}


/* DUNE wordmark — narrow-phone optical fit */
@media (max-width:380px){
  .taqa-footer .taqa-footer__letter-face{
    font-size:clamp(25px,8.8vw,34px)!important;
    letter-spacing:-.015em!important;
  }
}


/* =========================================================
   DUNE FOOTER WORDMARK — FINAL RESPONSIVE FIT
   Keep every glyph fully inside its own slot on wide screens.
   ========================================================= */
@media (min-width:761px) and (orientation:landscape){
  .taqa-footer .taqa-footer__wordmark{
    gap:.35%!important;
    min-height:clamp(78px,9vw,138px)!important;
    overflow:hidden!important;
  }

  .taqa-footer .taqa-footer__letter{
    min-width:0!important;
    overflow:hidden!important;
  }

  .taqa-footer .taqa-footer__letter-face{
    font-family:"TaqaDune","Dune Rise",sans-serif!important;
    font-size:clamp(58px,8vw,138px)!important;
    font-weight:400!important;
    line-height:.86!important;
    letter-spacing:0!important;
    width:100%!important;
    max-width:100%!important;
    transform-origin:center center!important;
  }
}

/* Mid-width landscape/tablet safeguard */
@media (min-width:761px) and (max-width:1100px) and (orientation:landscape){
  .taqa-footer .taqa-footer__letter-face{
    font-size:clamp(48px,7.4vw,78px)!important;
  }
}

/* Phone / portrait: keep the DUNE glyph comfortably inside each slot */
@media (max-width:760px), (max-width:1100px) and (orientation:portrait){
  .taqa-footer .taqa-footer__wordmark{
    gap:.3%!important;
    min-height:clamp(54px,14vw,78px)!important;
    overflow:hidden!important;
  }

  .taqa-footer .taqa-footer__letter{
    min-width:0!important;
    overflow:hidden!important;
  }

  .taqa-footer .taqa-footer__letter-face{
    font-family:"TaqaDune","Dune Rise",sans-serif!important;
    font-size:clamp(24px,8.3vw,36px)!important;
    font-weight:400!important;
    line-height:.9!important;
    letter-spacing:0!important;
    width:100%!important;
    max-width:100%!important;
    transform-origin:center center!important;
  }
}

@media (max-width:380px){
  .taqa-footer .taqa-footer__letter-face{
    font-size:clamp(22px,7.8vw,30px)!important;
  }
}