/* v4: Runtime JS additionally enforces 230svh inline-important and restores original values at teardown. */
/* TAQA mobile + portrait Outdoor -> Indoor transition, isolated from desktop. */
@media (max-width:900px), (max-height:599px), (max-aspect-ratio:6/5), (orientation:portrait) {
  #outdoorHeroSection { display:none !important; }
  #outdoorHeroMobileSection.tq-mi-ready {
    display:block !important;
    height:230svh !important;
    min-height:230svh !important;
    overflow:visible !important;
    --tq-mi-exit-left:0px;
    --tq-mi-exit-right:0px;
    --tq-mi-exit-opacity:1;
    --tq-mi-signature-opacity:1;
  }
  #outdoorHeroMobileSection.tq-mi-ready > .outdoor-mobile-hero {
    position:sticky !important;
    top:0 !important;
    height:100svh !important;
    min-height:100svh !important;
    overflow:hidden !important;
  }
  /* Move ONLY the interactive cards. Original Frontlayerphone remains untouched. */
  #outdoorHeroMobileSection.tq-mi-ready .outdoor-mobile-glass-card--pole {
    translate:var(--tq-mi-exit-left) 0;
    opacity:var(--tq-mi-exit-opacity);
  }
  #outdoorHeroMobileSection.tq-mi-ready .outdoor-mobile-glass-card--awning {
    translate:var(--tq-mi-exit-right) 0;
    opacity:var(--tq-mi-exit-opacity);
  }
  /* If a very fast swipe occurs during the original card entrance,
     ensure its entrance keyframes cannot override the reverse/exit state. */
  #outdoorHeroMobileSection.tq-mi-started .outdoor-mobile-glass-card {
    animation: none !important;
    transform: none !important;
  }
  #outdoorHeroMobileSection.tq-mi-exiting .outdoor-mobile-glass-card {
    pointer-events:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
  #outdoorHeroMobileSection.tq-mi-ready .outdoor-mobile-section-signature {
    opacity:var(--tq-mi-signature-opacity);
  }
  #outdoorHeroMobileSection .tq-mi-stack {
    position:absolute;
    inset:0;
    z-index:60; /* Above original mobile front layer and cards. */
    background:#081522;
    overflow:hidden;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    isolation:isolate;
    contain:layout paint style;
  }
  #outdoorHeroMobileSection .tq-mi-stack.tq-mi-visible {
    visibility:visible;
    opacity:1;
  }
  #outdoorHeroMobileSection .tq-mi-frame,
  #outdoorHeroMobileSection .tq-mi-front {
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    max-height:none;
    padding:0;
    margin:0;
    border:0;
    object-fit:fill; /* Precisely matches existing mobile base + Frontlayerphone. */
    object-position:center;
    pointer-events:none;
    -webkit-user-drag:none;
    user-select:none;
    backface-visibility:hidden;
  }
  #outdoorHeroMobileSection .tq-mi-frame { z-index:1; opacity:0; }
  #outdoorHeroMobileSection .tq-mi-front { z-index:3; opacity:0; visibility:hidden; }
  #outdoorHeroMobileSection .tq-mi-front.tq-mi-show { opacity:1; visibility:visible; }
  /* Plafoniera WARP plane: built in the 9:16 scene coordinate system.
     The source front.webp overlaps its TOP with the actual lamp; layering is:
     frame (1) -> plane (2) -> transparent front (3), never above the lamp. */
  #outdoorHeroMobileSection .tq-mi-plafoniera-plane {
    position:absolute;
    z-index:2;
    left:34.15%;
    top:53.55%;
    width:31.95%;
    height:31.35%;
    box-sizing:border-box;
    isolation:isolate;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transform-origin:50% 2%;
    transform:perspective(760px) rotateX(5.2deg) skewX(-.6deg)
      translate3d(-115vw,8px,0) scale(.97);
    transition:opacity .18s ease, transform .58s cubic-bezier(.55,.06,.68,.19),
      visibility 0s linear .58s;
    backface-visibility:hidden;
    contain:layout style;
  }
  #outdoorHeroMobileSection .tq-mi-plafoniera-plane--visible {
    opacity:1;
    visibility:visible;
    transform:perspective(760px) rotateX(5.2deg) skewX(-.6deg)
      translate3d(0,0,0) scale(1);
    transition:
      opacity .20s ease,
      transform .78s cubic-bezier(.16,1,.30,1),
      visibility 0s;
    transition-delay:0s;
  }
  #outdoorHeroMobileSection .tq-mi-plafoniera-plane--reversing {
    visibility:visible !important;
    pointer-events:none !important;
    animation:tqMiPlafonieraExitLeft .58s cubic-bezier(.55,.06,.68,.19) both !important;
  }
  @keyframes tqMiPlafonieraExitLeft {
    from {
      opacity:1;
      transform:perspective(760px) rotateX(5.2deg) skewX(-.6deg) translate3d(0,0,0) scale(1);
    }
    to {
      opacity:0;
      transform:perspective(760px) rotateX(5.2deg) skewX(-.6deg) translate3d(-115vw,8px,0) scale(.97);
    }
  }
  #outdoorHeroMobileSection .tq-mi-plafoniera-plane__inside {
    position:absolute;
    inset:0;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    padding:clamp(22px,5.6vh,46px) 5% 8%;
    text-align:center;
    direction:rtl;
    color:#fff8f1;
    background:linear-gradient(157deg,rgba(17,12,11,.78),rgba(41,23,12,.75));
    border:1px solid rgba(255,237,218,.12);
    box-shadow:0 14px 26px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.13);
    -webkit-backdrop-filter:blur(10px) saturate(118%);
    backdrop-filter:blur(10px) saturate(118%);
    clip-path:polygon(0 0,100% 0,87.5% 100%,12.5% 100%);
  }
  #outdoorHeroMobileSection .tq-mi-plafoniera-plane__title {
    position:relative;
    z-index:2;
    display:block;
    width:100%;
    font:800 clamp(9px,2.75vw,15px)/1.5 'IBM Plex Sans Arabic','Cairo',Tahoma,sans-serif;
    text-shadow:0 2px 7px rgba(0,0,0,.75);
  }
  #outdoorHeroMobileSection .tq-mi-plafoniera-plane__title span {
    color:#d78751;
    white-space:nowrap;
  }
  #outdoorHeroMobileSection .tq-mi-plafoniera-plane__hint {
    position:relative;
    z-index:2;
    display:block;
    margin-top:3px;
    color:rgba(255,245,232,.84);
    font:700 clamp(8px,2.05vw,11px)/1.4 'IBM Plex Sans Arabic','Cairo',Tahoma,sans-serif;
  }
  #outdoorHeroMobileSection .tq-mi-plafoniera-plane__line {
    display:block;
    position:absolute;
    left:50%;
    top:27%;
    width:84%;
    height:47%;
    transform:translateX(-50%);
    overflow:visible;
    pointer-events:none;
    filter:drop-shadow(0 0 4px rgba(211,123,65,.35));
  }
  #outdoorHeroMobileSection .tq-mi-plafoniera-plane__line path {
    fill:none;
    stroke:#d8874e;
    stroke-width:1.85;
    vector-effect:non-scaling-stroke;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  #outdoorHeroMobileSection .tq-mi-plafoniera-plane__zoom {
    position:absolute;
    z-index:5;
    top:69%;
    left:50%;
    width:clamp(31px,9.5vw,44px);
    height:clamp(31px,9.5vw,44px);
    display:grid;
    place-items:center;
    padding:0;
    transform:translate(-50%,-50%);
    border-radius:50%;
    border:1px solid rgba(255,255,255,.35);
    background:linear-gradient(150deg,rgba(14,23,28,.6),rgba(78,56,43,.32));
    color:#fff;
    box-shadow:0 7px 15px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.34);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    cursor:pointer;
    pointer-events:auto;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    transition:border-color .2s ease,box-shadow .2s ease;
  }
  #outdoorHeroMobileSection .tq-mi-plafoniera-plane__zoom svg {
    width:48%;height:48%;display:block;overflow:visible;
    transform-origin:center center;
  }
  #outdoorHeroMobileSection .tq-mi-plafoniera-plane--lit .tq-mi-plafoniera-plane__zoom svg {
    animation:tqMiLensSvgBreathing 1.55s ease-in-out infinite;
  }
  #outdoorHeroMobileSection .tq-mi-plafoniera-plane--lit .tq-mi-plafoniera-plane__zoom::after {
    content:'';
    position:absolute;
    inset:-5px;
    border:1px solid rgba(255,176,105,.3);
    border-radius:inherit;
    pointer-events:none;
    animation:tqMiLensBreath 1.55s ease-in-out infinite;
  }
  @keyframes tqMiLensBreath {
    0%,100%{opacity:.20;transform:scale(.90)}
    50%{opacity:.84;transform:scale(1.10)}
  }
  @keyframes tqMiLensSvgBreathing {
    0%,100%{transform:scale(.96);opacity:.86}
    50%{transform:scale(1.055);opacity:1}
  }
  #outdoorHeroMobileSection.outdoor-light-is-off .tq-mi-plafoniera-plane__line {
    filter:none;
    opacity:.35;
  }
  #outdoorHeroMobileSection.outdoor-light-is-off .tq-mi-plafoniera-plane__zoom {
    opacity:.58;
    box-shadow:0 5px 12px rgba(0,0,0,.20);
    cursor:not-allowed;
  }
  #outdoorHeroMobileSection.outdoor-light-is-off .tq-mi-plafoniera-plane__zoom::after {
    animation:none;display:none;
  }
  #outdoorHeroMobileSection.outdoor-light-is-off .tq-mi-plafoniera-plane__zoom svg {
    animation:none !important;
    transform:none;
    opacity:.68;
  }
  /* INDOOR EXIT / REVERSE DOCK — compact staged mobile UI.
     Entrance: shell reveals toward the LEFT first, then X + copy slide in from left.
     Exit: content slides back left first, then shell collapses back toward the X. */
  #outdoorHeroMobileSection .tq-mi-reverse-dock {
    position:absolute;
    z-index:96;
    top:clamp(82px,13svh,128px);
    left:50%;
    width:min(72vw,266px);
    height:48px;
    min-height:48px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    padding:4px 10px 4px 4px;
    border:1px solid rgba(255,255,255,.17);
    border-radius:999px;
    background:
      radial-gradient(circle at 14% 12%,rgba(255,255,255,.10),transparent 35%),
      linear-gradient(145deg,rgba(7,17,27,.84),rgba(11,24,34,.69));
    -webkit-backdrop-filter:blur(14px) saturate(122%);
    backdrop-filter:blur(14px) saturate(122%);
    box-shadow:
      0 12px 28px rgba(0,0,0,.27),
      inset 0 1px 0 rgba(255,255,255,.11),
      0 0 16px rgba(192,96,36,.055);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate3d(-50%,0,0);
    /* Only the right-most X-sized capsule is left after the exit. */
    clip-path:inset(0 calc(100% - 46px) 0 0 round 999px);
    transition:
      clip-path .38s cubic-bezier(.16,1,.30,1) .18s,
      opacity .18s ease .32s,
      visibility 0s linear .50s;
    direction:rtl;
    overflow:hidden;
    will-change:clip-path,opacity;
  }
  #outdoorHeroMobileSection .tq-mi-reverse-dock.tq-mi-show {
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    clip-path:inset(0 0 0 0 round 999px);
    transition:
      clip-path .42s cubic-bezier(.16,1,.30,1),
      opacity .16s ease,
      visibility 0s;
  }
  #outdoorHeroMobileSection .tq-mi-reverse {
    position:relative;
    flex:0 0 38px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(255,255,255,.28);
    border-radius:50%;
    background:
      radial-gradient(circle at 30% 20%,rgba(255,255,255,.16),transparent 38%),
      rgba(8,21,34,.76);
    color:#fff;
    box-shadow:
      0 7px 17px rgba(0,0,0,.24),
      inset 0 1px 0 rgba(255,255,255,.15);
    cursor:pointer;
    pointer-events:auto;
    -webkit-tap-highlight-color:transparent;
    opacity:0;
    transform:translateX(-18px) scale(.92);
    transition:
      opacity .18s ease,
      transform .32s cubic-bezier(.16,1,.30,1),
      border-color .22s ease,
      box-shadow .22s ease,
      background .22s ease;
  }
  #outdoorHeroMobileSection .tq-mi-reverse-dock.tq-mi-show .tq-mi-reverse {
    opacity:1;
    transform:translateX(0) scale(1);
    transition-delay:.17s,.17s,0s,0s,0s;
  }
  #outdoorHeroMobileSection .tq-mi-reverse:active { transform:scale(.94); }
  #outdoorHeroMobileSection .tq-mi-reverse::before,
  #outdoorHeroMobileSection .tq-mi-reverse::after {
    content:"";
    position:absolute;
    width:15px;
    height:1.8px;
    background:currentColor;
    border-radius:999px;
    box-shadow:0 0 6px rgba(255,255,255,.14);
  }
  #outdoorHeroMobileSection .tq-mi-reverse::before { transform:rotate(45deg); }
  #outdoorHeroMobileSection .tq-mi-reverse::after { transform:rotate(-45deg); }
  #outdoorHeroMobileSection .tq-mi-reverse-copy {
    min-width:0;
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:0;
    text-align:right;
    direction:rtl;
    pointer-events:none;
    font-family:'IBM Plex Sans Arabic','Cairo',Tahoma,Arial,sans-serif;
    opacity:0;
    transform:translateX(-20px);
    transition:
      opacity .18s ease,
      transform .34s cubic-bezier(.16,1,.30,1);
  }
  #outdoorHeroMobileSection .tq-mi-reverse-dock.tq-mi-show .tq-mi-reverse-copy {
    opacity:1;
    transform:translateX(0);
    transition-delay:.23s,.23s;
  }
  #outdoorHeroMobileSection .tq-mi-reverse-copy strong {
    display:block;
    color:#fff8ef;
    font-size:clamp(9.5px,2.45vw,11.5px);
    font-weight:800;
    line-height:1.28;
    white-space:nowrap;
  }
  #outdoorHeroMobileSection .tq-mi-reverse-copy small {
    display:block;
    color:rgba(236,243,247,.60);
    font-size:clamp(7.5px,1.95vw,9px);
    font-weight:600;
    line-height:1.28;
    white-space:nowrap;
  }
  #outdoorHeroMobileSection.outdoor-light-is-off .tq-mi-reverse-dock {
    box-shadow:0 12px 28px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.08);
  }
  /* DESKTOP-FAITHFUL INDOOR SIGNATURE — responsive bottom-center edition.
     Render as HERO sibling above the frame stack, below the existing Blackout.
     The original mobile Outdoor signature is not modified or reused. */
  #outdoorHeroMobileSection .tq-mi-indoor-signature {
    position:absolute;
    z-index:91;
    left:clamp(14px,4vw,22px);
    bottom:max(14px,calc(env(safe-area-inset-bottom,0px) + 10px));
    width:min(62vw,252px);
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
    direction:ltr;
    color:#f7f1e8;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transform:translate3d(0,34px,0) scale(.975);
    transform-origin:left bottom;
    transition:opacity .38s ease, transform .80s cubic-bezier(.16,1,.30,1),
      visibility 0s linear .38s, filter .30s ease;
    isolation:isolate;
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature--visible {
    opacity:1;
    visibility:visible;
    transform:translate3d(0,0,0) scale(1);
    transition-delay:0s;
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__aura {
    position:absolute;
    z-index:-1;
    left:-10px;
    bottom:-8px;
    width:min(66vw,265px);
    height:105px;
    transform:scale(.74);
    transform-origin:left bottom;
    opacity:0;
    background:
      radial-gradient(ellipse 52% 32% at 24% 82%, rgba(255,241,211,.62),rgba(255,172,86,.27) 28%,transparent 76%),
      radial-gradient(ellipse 72% 60% at 35% 66%,rgba(230,127,48,.18),transparent 74%);
    filter:blur(14px);
    pointer-events:none;
    transition:opacity .5s ease,transform .95s cubic-bezier(.16,1,.30,1);
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature--visible.tq-mi-indoor-signature--lit
  .tq-mi-indoor-signature__aura { opacity:1;transform:scale(1); }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__content {
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
    gap:0;
    filter:drop-shadow(0 3px 9px rgba(0,0,0,.66));
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__brand {
    color:rgba(255,184,108,.96);
    font:700 clamp(5.5px,1.45vw,7.2px)/1.2 'DM Sans','Inter',Arial,sans-serif;
    letter-spacing:.17em;
    white-space:nowrap;
    text-shadow:0 0 10px rgba(255,177,95,.28);
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__title {
    position:relative;
    display:block;
    margin-top:5px;
    white-space:nowrap;
    font:800 clamp(22px,6.2vw,31px)/.92 'DM Sans','Inter',Arial,sans-serif;
    letter-spacing:-.066em;
    background:linear-gradient(180deg,#fff 0%,#fff7ec 45%,#e1c7ab 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 3px 9px rgba(0,0,0,.55));
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__title::after {
    content:'';
    position:absolute;
    height:1.4px;
    width:48%;
    bottom:-8px;
    left:0;
    transform:scaleX(0);
    transform-origin:left center;
    border-radius:10px;
    background:linear-gradient(90deg,#ffdca9,#ffac52,rgba(255,172,82,.18),transparent);
    box-shadow:0 0 9px rgba(255,213,154,.56),0 0 20px rgba(255,177,95,.30);
    opacity:0;
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature--visible.tq-mi-indoor-signature--lit
  .tq-mi-indoor-signature__title::after {
    animation:tqMiSignatureLine .75s cubic-bezier(.16,1,.30,1) .50s forwards;
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__meta {
    margin-top:15px;
    white-space:nowrap;
    font:700 clamp(5.4px,1.45vw,7.3px)/1 'DM Sans','Inter',Arial,sans-serif;
    letter-spacing:.15em;
    color:rgba(255,243,226,.78);
    text-shadow:0 2px 8px rgba(0,0,0,.6);
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__shop {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:clamp(136px,39vw,165px);
    min-height:39px;
    margin-top:15px;
    padding:3px 10px;
    box-sizing:border-box;
    border:1px solid rgba(255,207,153,.34);
    border-radius:999px;
    color:#fff5e7;
    text-decoration:none;
    background:linear-gradient(180deg,rgba(7,16,24,.77),rgba(8,17,25,.86));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 7px 20px rgba(0,0,0,.25),0 0 16px rgba(192,96,36,.12);
    pointer-events:none;
    opacity:0;
    transform:translate3d(0,20px,0);
    transition:opacity .45s ease,transform .65s cubic-bezier(.16,1,.30,1),box-shadow .35s ease;
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature--visible.tq-mi-indoor-signature--lit
  .tq-mi-indoor-signature__shop {
    opacity:1;
    transform:translate3d(0,0,0);
    transition-delay:.44s;
    pointer-events:auto;
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__tube {
    position:absolute;
    z-index:3;
    width:86%;
    aspect-ratio:1416/402;
    top:-10px;
    left:50%;
    transform:translateX(-50%);
    pointer-events:none;
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__tube-img {
    position:absolute;
    inset:0;
    width:100%;height:100%;object-fit:contain;
    transition:opacity .32s ease;
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__tube-img--on {opacity:1;}
  #outdoorHeroMobileSection .tq-mi-indoor-signature__tube-img--off {opacity:0;}
  #outdoorHeroMobileSection .tq-mi-indoor-signature__shop-copy {
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding-top:6px;
    gap:1px;
    text-align:center;
    white-space:nowrap;
    text-shadow:0 2px 8px rgba(0,0,0,.66);
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__shop-ar {
    font:800 clamp(8.6px,2.2vw,10.5px)/1.1 'IBM Plex Sans Arabic','Cairo',Tahoma,Arial,sans-serif;
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__shop-en {
    font:800 clamp(8.4px,2.15vw,10px)/1 'DM Sans','Inter',Arial,sans-serif;
    letter-spacing:.12em;
    color:#ffc485;
  }
  /* LIGHT OFF: no active tube, aura, luminous underline or clickable CTA. */
  #outdoorHeroMobileSection.outdoor-light-is-off .tq-mi-indoor-signature {
    filter:brightness(.29) saturate(.15);
  }
  #outdoorHeroMobileSection.outdoor-light-is-off .tq-mi-indoor-signature__aura {
    opacity:0 !important;
    filter:none;
  }
  #outdoorHeroMobileSection.outdoor-light-is-off .tq-mi-indoor-signature__title::after {
    animation:none !important;
    opacity:0 !important;
    box-shadow:none;
  }
  #outdoorHeroMobileSection.outdoor-light-is-off .tq-mi-indoor-signature__shop {
    pointer-events:none !important;
    opacity:.4 !important;
    box-shadow:none !important;
    border-color:rgba(200,220,230,.15);
  }
  #outdoorHeroMobileSection.outdoor-light-is-off .tq-mi-indoor-signature__tube-img--on {opacity:0;}
  #outdoorHeroMobileSection.outdoor-light-is-off .tq-mi-indoor-signature__tube-img--off {opacity:1;}
  @keyframes tqMiSignatureLine {
    from {opacity:0;transform:scaleX(0);}
    to {opacity:1;transform:scaleX(1);}
  }

  /* Same desktop Indoor LIGHT OFF experience, responsively composed for portrait. */
  #outdoorHeroMobileSection .tq-mi-blackout{
    position:absolute; inset:0; z-index:110; display:grid; place-items:center;
    box-sizing:border-box; padding:clamp(18px,5vw,32px);
    background:rgba(0,0,0,.95); color:#f6f7f8;
    opacity:0; visibility:hidden; pointer-events:none;
    transition:opacity .42s ease,visibility .42s ease;
    direction:rtl; text-align:center;
    font-family:'IBM Plex Sans Arabic','Cairo',Tahoma,Arial,sans-serif;
  }
  #outdoorHeroMobileSection .tq-mi-blackout.tq-mi-blackout-visible{
    opacity:1;visibility:visible;pointer-events:auto;
  }
  #outdoorHeroMobileSection .tq-mi-blackout-panel{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:clamp(9px,2svh,15px);width:100%;max-width:460px;
    transform:translateY(10px);transition:transform .46s cubic-bezier(.22,1,.36,1);
  }
  #outdoorHeroMobileSection .tq-mi-blackout-visible .tq-mi-blackout-panel{transform:translateY(0);}
  #outdoorHeroMobileSection .tq-mi-blackout-eyebrow{
    color:#ff9e45;font:800 11px/1.2 'Manrope','DM Sans',sans-serif;letter-spacing:.16em;
  }
  #outdoorHeroMobileSection .tq-mi-blackout-title{
    margin:0;color:#fff;font-size:clamp(23px,6.4vw,32px);font-weight:800;line-height:1.4;
  }
  #outdoorHeroMobileSection .tq-mi-blackout-body{
    margin:0;color:rgba(246,247,248,.79);font-size:clamp(12px,3.45vw,16px);
    font-weight:600;line-height:1.75;
  }
  #outdoorHeroMobileSection .tq-mi-blackout-marketing{
    margin:2px 0;color:#ffb15f;font-size:clamp(13px,3.6vw,17px);
    font-weight:800;line-height:1.65;
  }
  #outdoorHeroMobileSection .tq-mi-blackout-action{
    margin-top:5px;min-height:48px;max-width:100%;padding:11px 18px;
    border:1px solid rgba(255,177,95,.42);border-radius:999px;
    background:linear-gradient(145deg,rgba(103,48,16,.82),rgba(192,96,36,.42));
    color:#fff;font:800 clamp(12px,3.5vw,14px)/1.3 'IBM Plex Sans Arabic','Cairo',sans-serif;
    box-shadow:0 14px 34px rgba(0,0,0,.26),0 0 24px rgba(255,158,69,.16);
    cursor:pointer;touch-action:manipulation;
  }
  #outdoorHeroMobileSection .tq-mi-blackout-action:disabled{opacity:.65;cursor:wait;}
  #outdoorHeroMobileSection .tq-mi-blackout-countdown{
    color:rgba(246,247,248,.65);font-size:clamp(11px,3vw,13px);line-height:1.65;font-weight:700;
  }
  #outdoorHeroMobileSection .tq-mi-blackout-seconds{color:#ff9e45;font-size:15px;font-weight:900;}
  @media(prefers-reduced-motion:reduce){
    #outdoorHeroMobileSection .tq-mi-plafoniera-plane{transition:none;transform:none;}
    #outdoorHeroMobileSection .tq-mi-plafoniera-plane__zoom::after{animation:none;}
    #outdoorHeroMobileSection .tq-mi-reverse-dock,
    #outdoorHeroMobileSection .tq-mi-reverse,
    #outdoorHeroMobileSection .tq-mi-blackout,
    #outdoorHeroMobileSection .tq-mi-blackout-panel,
    #outdoorHeroMobileSection .tq-mi-indoor-signature,
    #outdoorHeroMobileSection .tq-mi-indoor-signature__shop,
    #outdoorHeroMobileSection .tq-mi-indoor-signature__aura{transition:none;}
    #outdoorHeroMobileSection .tq-mi-indoor-signature__title::after{animation:none !important;opacity:1;transform:translateX(-50%) scaleX(1);}
  }
}
@media (min-width:901px) and (min-height:600px) and (min-aspect-ratio:6/5) and (orientation:landscape) {
  #outdoorHeroMobileSection.tq-mi-ready {height:130vh !important;min-height:130vh !important;}
  #outdoorHeroMobileSection .tq-mi-stack,
  #outdoorHeroMobileSection .tq-mi-blackout,
  #outdoorHeroMobileSection .tq-mi-indoor-signature {display:none !important;}
}

/* =========================================================
   V6.5 — DEDICATED TALL PORTRAIT COMPOSITION
   Phone keeps the approved composition above. Wider portrait devices
   (tablets / tall browser portrait) get the SAME design language at a
   controlled physical UI size instead of scaling everything with vw/vh.
   ========================================================= */
@media (min-width:601px) and (orientation:portrait) and (min-height:700px) {
  /* Portrait keeps the phone composition, but uses a larger physical UI scale.
     The lamp/front layer overlaps the upper part of the center plane, so card copy
     starts below that mask instead of underneath the plafoniera artwork. */
  #outdoorHeroMobileSection .tq-mi-plafoniera-plane {
    left:50%;
    top:52.2%;
    width:clamp(226px,25.5vw,278px);
    height:clamp(322px,36vw,382px);
    translate:-50% 0;
    transform-origin:50% 2%;
  }

  #outdoorHeroMobileSection .tq-mi-plafoniera-plane__inside {
    padding:clamp(82px,10.2vh,108px) 18px 25px;
    clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);
  }

  #outdoorHeroMobileSection .tq-mi-plafoniera-plane__title {
    font-size:clamp(14px,1.55vw,17px);
    line-height:1.45;
  }
  #outdoorHeroMobileSection .tq-mi-plafoniera-plane__hint {
    margin-top:5px;
    font-size:clamp(10.5px,1.12vw,12.5px);
  }
  #outdoorHeroMobileSection .tq-mi-plafoniera-plane__line {
    top:36%;
    width:82%;
    height:39%;
  }
  #outdoorHeroMobileSection .tq-mi-plafoniera-plane__zoom {
    width:46px;
    height:46px;
    top:73%;
  }

  /* Reverse dock: deliberately larger than phone so it reads correctly on
     portrait tablets / tall desktop emulation, without becoming a full banner. */
  #outdoorHeroMobileSection .tq-mi-reverse-dock {
    top:92px;
    width:clamp(278px,31vw,326px);
    height:54px;
    min-height:54px;
    padding:5px 12px 5px 5px;
    gap:10px;
    clip-path:inset(0 calc(100% - 52px) 0 0 round 999px);
  }
  #outdoorHeroMobileSection .tq-mi-reverse {
    flex-basis:42px;
    width:42px;
    height:42px;
  }
  #outdoorHeroMobileSection .tq-mi-reverse::before,
  #outdoorHeroMobileSection .tq-mi-reverse::after {
    width:17px;
    height:2px;
  }
  #outdoorHeroMobileSection .tq-mi-reverse-copy strong { font-size:12px; }
  #outdoorHeroMobileSection .tq-mi-reverse-copy small { font-size:9.5px; }

  /* Signature is intentionally close to the approved phone scale instead of
     shrinking to tiny desktop-like physical pixels. */
  #outdoorHeroMobileSection .tq-mi-indoor-signature {
    left:clamp(24px,3vw,34px);
    bottom:max(24px,calc(env(safe-area-inset-bottom,0px) + 18px));
    width:clamp(286px,31vw,330px);
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__brand {
    font-size:8px;
    letter-spacing:.17em;
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__title {
    margin-top:7px;
    font-size:clamp(32px,3.55vw,38px);
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__title::after {
    bottom:-10px;
    height:1.6px;
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__meta {
    margin-top:18px;
    font-size:7.8px;
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__shop {
    width:clamp(182px,20vw,205px);
    min-height:44px;
    margin-top:16px;
    padding:4px 12px;
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__tube {
    top:-11px;
    width:88%;
  }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__shop-ar { font-size:11px; }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__shop-en { font-size:10.5px; }
  #outdoorHeroMobileSection .tq-mi-indoor-signature__aura {
    width:clamp(300px,33vw,350px);
    height:118px;
  }

  #outdoorHeroMobileSection .tq-mi-blackout-panel { max-width:460px; }
}

/* V6.7: same frame geometry and existing center warp; source-mapped left UI. */
@media (max-width:900px), (max-height:599px), (max-aspect-ratio:6/5), (orientation:portrait) {
  #outdoorHeroMobileSection .tq-mi-plafoniera-plane__copy {
    position:absolute;z-index:2;top:clamp(22px,5.6vh,46px);left:5%;width:90%;
  }
  #outdoorHeroMobileSection .tq-mi-plafoniera-plane__line {
    inset:0;left:0;top:0;width:100%;height:100%;transform:none;
  }
  /* Keep the original alpha and every fixture. Only reveal the safe UI window
     BETWEEN the middle and lower spotlight. Final frame below fills its photo. */
  #outdoorHeroMobileSection .tq-mi-front {
    --tq-mi-spot-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1080 1920' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1080V1920H0ZM44 1045H204L240 1408H89Z' fill='white' fill-rule='evenodd'/%3E%3Ccircle cx='118' cy='1007' r='53' fill='white'/%3E%3C/svg%3E");
    -webkit-mask-image:var(--tq-mi-spot-mask);mask-image:var(--tq-mi-spot-mask);
    -webkit-mask-size:100% 100%;mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    mask-mode:alpha;
  }
  #outdoorHeroMobileSection .tq-mi-spot-plane {
    position:absolute;z-index:2;left:0;top:0;width:160px;height:363px;
    transform-origin:0 0;pointer-events:none;visibility:hidden;isolation:isolate;
    --tq-mi-spot-lens:124px;
  }
  #outdoorHeroMobileSection .tq-mi-spot-plane__motion {
    position:absolute;inset:0;box-sizing:border-box;
    background:linear-gradient(157deg,rgba(17,12,11,.78),rgba(41,23,12,.75));
    border:1px solid rgba(255,237,218,.12);
    box-shadow:inset 0 1px rgba(255,255,255,.13);
    color:#fff8f1;text-align:center;direction:rtl;
    transform:translateY(-270px);opacity:0;
    transition:transform .78s cubic-bezier(.16,1,.30,1),opacity .20s ease;
  }
  #outdoorHeroMobileSection .tq-mi-spot-plane--visible {visibility:visible;}
  #outdoorHeroMobileSection .tq-mi-spot-plane--visible .tq-mi-spot-plane__motion {
    transform:translateY(0);opacity:1;
  }
  #outdoorHeroMobileSection .tq-mi-spot-plane--reversing .tq-mi-spot-plane__motion {
    animation:tqMiSpotExit .58s cubic-bezier(.55,.06,.68,.19) both !important;
  }
  @keyframes tqMiSpotExit {
    from{transform:translateY(0);opacity:1}
    to{transform:translateY(-270px);opacity:0}
  }
  #outdoorHeroMobileSection .tq-mi-spot-plane__copy {
    position:absolute;z-index:2;left:8px;right:8px;top:62px;
  }
  #outdoorHeroMobileSection .tq-mi-spot-plane__title {
    display:block;font:800 29px/1.4 'IBM Plex Sans Arabic','Cairo',Tahoma,sans-serif;
    text-shadow:0 2px 7px rgba(0,0,0,.75);white-space:normal;
  }
  #outdoorHeroMobileSection .tq-mi-spot-plane__hint {
    display:block;margin-top:5px;font:700 20px/1.5 'IBM Plex Sans Arabic','Cairo',Tahoma,sans-serif;
    color:rgba(255,245,232,.84);
  }
  #outdoorHeroMobileSection .tq-mi-spot-plane__line {
    position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;
    filter:drop-shadow(0 0 4px rgba(211,123,65,.35));
  }
  #outdoorHeroMobileSection .tq-mi-spot-plane__line path {
    fill:none;stroke:#d8874e;stroke-width:1.85;vector-effect:non-scaling-stroke;stroke-linecap:round;
  }
  #outdoorHeroMobileSection .tq-mi-spot-plane__zoom {
    position:absolute;z-index:5;left:50%;top:276px;
    width:var(--tq-mi-spot-lens);height:var(--tq-mi-spot-lens);
    transform:translate(-50%,-50%);display:grid;place-items:center;padding:0;
    border-radius:50%;border:1px solid rgba(255,255,255,.24);
    background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.30),transparent 34%),linear-gradient(150deg,rgba(11,18,25,.38),rgba(255,255,255,.06));
    color:#f7f9fa;box-shadow:0 14px 34px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.38),inset 0 -1px rgba(0,0,0,.08);
    -webkit-backdrop-filter:blur(10px) saturate(125%);backdrop-filter:blur(10px) saturate(125%);
    cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  }
  #outdoorHeroMobileSection .tq-mi-spot-plane__zoom svg {width:44%;height:44%;display:block;overflow:visible;}
  #outdoorHeroMobileSection :is(.tq-mi-plafoniera-plane__zoom,.tq-mi-spot-plane__zoom)::before {
    content:'';position:absolute;inset:4px;border:1px solid rgba(255,255,255,.12);border-radius:inherit;pointer-events:none;
  }
  #outdoorHeroMobileSection :is(.tq-mi-plafoniera-plane--lit,.tq-mi-spot-plane--lit)
  :is(.tq-mi-plafoniera-plane__zoom,.tq-mi-spot-plane__zoom)::after {
    content:'';position:absolute;inset:-7px;border-radius:inherit;border:1px solid rgba(255,177,95,.28);
    box-shadow:0 0 12px rgba(255,177,95,.22),0 0 24px rgba(192,96,36,.16);
    pointer-events:none;animation:tqMiLensBreath 1.55s ease-in-out infinite;
  }
  /* Desktop's outer halo is the breathing surface; the icon itself stays still. */
  #outdoorHeroMobileSection .tq-mi-plafoniera-plane--lit .tq-mi-plafoniera-plane__zoom svg {animation:none;}
  #outdoorHeroMobileSection :is(.tq-mi-plafoniera-plane__zoom,.tq-mi-spot-plane__zoom):focus-visible {
    outline:2px solid #ffb15f;outline-offset:4px;
  }
  #outdoorHeroMobileSection.outdoor-light-is-off .tq-mi-spot-plane__line {filter:none;opacity:.35;}
  #outdoorHeroMobileSection.outdoor-light-is-off .tq-mi-spot-plane__zoom {opacity:.58;box-shadow:none;cursor:not-allowed;}
  #outdoorHeroMobileSection.outdoor-light-is-off .tq-mi-spot-plane__zoom::after {animation:none;display:none;}
  #outdoorHeroMobileSection.outdoor-light-is-off .tq-mi-spot-plane__title {color:#e2d5c7;}
  @media (min-width:601px) and (orientation:portrait) and (min-height:700px) {
    #outdoorHeroMobileSection .tq-mi-plafoniera-plane__copy {
      top:48%;left:10%;width:80%;transform:translateY(-50%);
    }
    #outdoorHeroMobileSection .tq-mi-spot-plane {--tq-mi-spot-lens:96px;}
    #outdoorHeroMobileSection .tq-mi-spot-plane__title {font-size:28px;}
    #outdoorHeroMobileSection .tq-mi-spot-plane__hint {font-size:21px;line-height:1.55;}
  }
  @media (prefers-reduced-motion:reduce) {
    #outdoorHeroMobileSection .tq-mi-plafoniera-plane {
      transform:perspective(760px) rotateX(5.2deg) skewX(-.6deg);
    }
    #outdoorHeroMobileSection .tq-mi-spot-plane__motion {transition:none;}
    #outdoorHeroMobileSection .tq-mi-spot-plane--reversing .tq-mi-spot-plane__motion,
    #outdoorHeroMobileSection .tq-mi-plafoniera-plane--reversing {animation-duration:.01ms !important;}
    #outdoorHeroMobileSection :is(.tq-mi-plafoniera-plane__zoom,.tq-mi-spot-plane__zoom)::after {animation:none !important;}
  }
}

/* V6.10 — Door CTA on the actual 720x1280 Outdoor frame; no card repositioning. */
@media (max-width:900px), (max-height:599px), (max-aspect-ratio:6/5), (orientation:portrait) {
  #outdoorHeroMobileSection .tq-mi-door-cta {
    position:absolute;z-index:59;left:72.8%;top:51.5%;
    transform:translate(-50%,-50%);width:clamp(108px,28.8vw,144px);min-height:44px;
    box-sizing:border-box;padding:6px 7px;border:1px solid rgba(255,224,184,.52);
    border-radius:999px;background:rgba(16,22,25,.10);
    color:#fff4e4;text-align:center;direction:rtl;
    font:700 clamp(10.5px,2.65vw,12.5px)/1.4 'IBM Plex Sans Arabic','Cairo',Tahoma,sans-serif;
    text-shadow:0 1px 4px rgba(0,0,0,.9);
    box-shadow:0 2px 7px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.10);
    opacity:0;visibility:hidden;pointer-events:none;cursor:pointer;touch-action:manipulation;
    transition:opacity .18s ease,visibility .18s ease;
  }
  #outdoorHeroMobileSection .tq-mi-door-cta span {display:block;white-space:nowrap;}
  #outdoorHeroMobileSection .tq-mi-door-cta bdi {color:#ffce9b;letter-spacing:.035em;}
  #outdoorHeroMobileSection .tq-mi-door-cta--visible {opacity:1;visibility:visible;pointer-events:auto;}
  #outdoorHeroMobileSection .tq-mi-door-cta:focus-visible {outline:2px solid #ffbc7a;outline-offset:3px;}
  #outdoorHeroMobileSection .tq-mi-door-cta:active {box-shadow:0 2px 6px rgba(0,0,0,.38);}
  #outdoorHeroMobileSection .tq-mi-door-cta:disabled {opacity:.55;filter:grayscale(.8);cursor:not-allowed;}
  #outdoorHeroMobileSection .tq-mi-spot-plane--lit .tq-mi-spot-plane__title {
    color:#fff3ce;text-shadow:0 1px 2px #120c07,0 0 7px rgba(255,184,91,.85),0 0 16px rgba(255,136,50,.48);
    animation:tqMiSpotTitleGlow 2.4s ease-in-out infinite;
  }
  @keyframes tqMiSpotTitleGlow {
    0%,100% {text-shadow:0 1px 2px #120c07,0 0 5px rgba(255,184,91,.65),0 0 12px rgba(255,136,50,.32);}
    50% {text-shadow:0 1px 2px #120c07,0 0 9px rgba(255,206,135,.95),0 0 20px rgba(255,136,50,.65);}
  }
  #outdoorHeroMobileSection.outdoor-light-is-off .tq-mi-spot-plane__title {
    animation:none;text-shadow:0 1px 2px rgba(0,0,0,.8);color:#d5cbbf;
  }
  @media (prefers-reduced-motion:reduce) {
    #outdoorHeroMobileSection .tq-mi-door-cta {transition:none;}
    #outdoorHeroMobileSection .tq-mi-spot-plane__title {animation:none !important;}
  }
}