/* =========================================================
   TAQA OUTDOOR — MOBILE STREET FRAME ENGINE V1
   Same transition architecture as desktop.
   Mobile only. No product detail card yet.
========================================================= */

@media (max-width:900px){

  #outdoorHeroMobileSection,
  #outdoorHeroMobileSection .outdoor-mobile-hero{
    position:relative;
  }

  /* Persistent decoded stack. */
  #outdoorHeroMobileSection .outdoor-mobile-frame-stack{
    position:absolute;
    inset:0;
    z-index:40;

    width:100%;
    height:100%;

    overflow:hidden;
    border-radius:inherit;

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    background:#081522;

    contain:layout paint style;
    isolation:isolate;
    transform:translateZ(0);
  }

  #outdoorHeroMobileSection
  .outdoor-mobile-frame-stack.is-active{
    opacity:1;
    visibility:visible;
    will-change:contents;
  }

  #outdoorHeroMobileSection
  .outdoor-mobile-frame-stack__img{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    max-width:none;
    max-height:none;

    object-fit:fill;
    object-position:center;

    opacity:0;
    visibility:hidden;

    pointer-events:none;
    user-select:none;
    -webkit-user-drag:none;
  }

  #outdoorHeroMobileSection
  .outdoor-mobile-frame-stack__img.is-current{
    opacity:1;
    visibility:visible;
  }

  /* Final zoom frame only: 5% darker so the separated front layer
     reads with slightly stronger contrast. */
  #outdoorHeroMobileSection
  .outdoor-mobile-frame-stack__img[data-frame-index="12"]{
    filter:brightness(.95);
  }


  /* ---------------------------------------------------------
     During forward/reverse:
     remove the normal mobile presentation from the visual stack.
     The persistent frame engine becomes the entire scene.
  --------------------------------------------------------- */

  #outdoorHeroMobileSection:is(
    .is-mobile-product-zooming,
    .is-mobile-product-detail
  ) .outdoor-mobile-hero__frame{
    visibility:hidden!important;
  }

  #outdoorHeroMobileSection:is(
    .is-mobile-product-zooming,
    .is-mobile-product-detail
  ) .outdoor-mobile-cards-layer,

  #outdoorHeroMobileSection:is(
    .is-mobile-product-zooming,
    .is-mobile-product-detail
  ) .outdoor-mobile-front-layer,

  #outdoorHeroMobileSection.is-mobile-product-zooming
  .outdoor-mobile-hero > .outdoor-mobile-light-switch.tq-hero-light-switch{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* On frame 13 keep the switch, but move it into the old X position. */
  #outdoorHeroMobileSection.is-mobile-product-detail
  .outdoor-mobile-hero > .outdoor-mobile-light-switch.tq-hero-light-switch{
    display:grid!important;

    left:clamp(14px,4vw,20px)!important;
    right:auto!important;
    top:auto!important;
    bottom:clamp(88px,14vh,102px)!important;

    transform-origin:left bottom!important;
    transform:scale(.52)!important;

    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;

    z-index:2147481900!important;
  }

  #outdoorHeroMobileSection.is-mobile-product-detail
  .outdoor-mobile-hero > .outdoor-mobile-light-switch.tq-hero-light-switch:hover{
    transform:scale(.52)!important;
  }

  #outdoorHeroMobileSection.is-mobile-product-detail
  .outdoor-mobile-hero > .outdoor-mobile-light-switch.tq-hero-light-switch:active{
    transform:scale(.50)!important;
  }

  /* Stop expensive animated/glowing card UI before stack playback. */
  #outdoorHeroMobileSection:is(
    .is-mobile-product-zooming,
    .is-mobile-product-detail
  ) .outdoor-mobile-card-arrow{
    animation:none!important;
    filter:none!important;
    will-change:auto!important;
  }


  /* External floating CTA must not cover the frame-13 product card. */
  html.taqa-mobile-product-focus-active #myAliceWebChat,
  body.taqa-mobile-product-focus-active #myAliceWebChat{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  #outdoorHeroMobileSection.is-mobile-product-preparing
  [data-outdoor-zoom-trigger]{
    cursor:progress!important;
  }


  /* =======================================================
     FRAME 13 — MOBILE PRODUCT DETAIL
     Layer order:
     frame 13 stack -> glass card -> separated front layer -> X
  ======================================================= */

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-layer{
    position:absolute;
    inset:0;
    z-index:50;

    overflow:hidden;

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transition:
      opacity .30s ease,
      visibility .30s ease;
  }

  #outdoorHeroMobileSection.is-mobile-product-detail
  .outdoor-mobile-product-detail-layer{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-shade{
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:radial-gradient(ellipse at 56% 30%,
      rgba(3,9,17,.06) 0%, rgba(3,9,17,.15) 62%,
      rgba(3,9,17,.22) 100%);
  }

  /* Card sits BEHIND the pole/front layer.
     Geometry is tuned against the supplied 9:16 frame-13 reference. */
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card{
    --mp-warm:#ffb15f;
    --mp-cream:#f4eee5;

    position:absolute;
    z-index:2;

    /* The left edge meets the pole while the foreground stays above the glass. */
    left:calc(var(--detail-card-fill-left,24.5%) - 6px + 1vw);
    right:4.5%;
    top:calc(44.75% - 10px);
    bottom:max(10px, env(safe-area-inset-bottom, 0px));

    padding:
      46px
      clamp(12px,3.2vw,17px)
      clamp(12px,3vw,16px);

    border:1px solid rgba(255,255,255,.17);
    border-radius:0 23px 23px 0;

    color:var(--mp-cream);
    text-align:right;

    background:
      radial-gradient(
        circle at 86% 9%,
        rgba(255,177,95,.10),
        transparent 31%
      ),
      linear-gradient(
        145deg,
        rgba(12,29,44,.72),
        rgba(5,17,28,.58)
      );

    -webkit-backdrop-filter:blur(19px) saturate(1.12);
    backdrop-filter:blur(19px) saturate(1.12);

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.15),
      inset 0 -1px 0 rgba(0,0,0,.25),
      0 22px 50px rgba(0,0,0,.24),
      0 0 34px rgba(255,177,95,.035);

    opacity:0;
    transform:translate3d(-7%,0,0) scale(.95);
    transform-origin:right center;

    pointer-events:none;
    box-sizing:border-box;
    overflow:visible;

    transition:
      opacity .30s ease .06s,
      transform .60s cubic-bezier(.22,1,.36,1) .03s;
  }

  #outdoorHeroMobileSection.is-mobile-product-detail
  .outdoor-mobile-product-detail-card{
    opacity:1;
    transform:translate3d(0,0,0) scale(.96);
    pointer-events:auto;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card::before{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:inherit;
    pointer-events:none;

    background:
      linear-gradient(
        128deg,
        rgba(255,255,255,.07),
        transparent 28%,
        transparent 72%,
        rgba(255,177,95,.03)
      );
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__content{
    position:relative;
    z-index:2;

    /* Text and variants stay in the clear area to the right of the pole.
       Only the action row uses the free space farther left. */
    width:calc(72% + 9px);
    height:100%;
    min-height:0;

    margin-left:auto;
    margin-right:0;

    display:flex;
    flex-direction:column;
    align-items:stretch;

    /* Card itself is now raised; keep content comfortably inside it. */
    transform:translateY(-8px);

    /* Keep the stack compact with the two actions on one row. */
    gap:8px;

    padding-bottom:30px;
    box-sizing:border-box;

    overflow:visible;

    direction:rtl;
    text-align:right;
  }

  /* Identity stays on the clear right side below the lamp head. */
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__title,
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__specs{
    width:min(100%,150px);
    margin-left:auto;
    margin-right:0;
    text-align:right;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__eyebrow{
    width:min(100%,150px);
    margin-left:auto;
    margin-right:0;
    text-align:center;
    transform:translateX(18px);
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__eyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0;

    width:min(100%,150px);
    margin-left:auto;
    margin-right:0;
    margin-bottom:6px;

    direction:ltr;
    text-align:center;

    color:rgba(255,213,166,.76);

    font:600 clamp(8px,2.05vw,9px)/1
      "DM Sans","Cairo",sans-serif;

    letter-spacing:.13em;
    white-space:nowrap;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__title{
    margin:0;

    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:2px;

    width:100%;
    text-align:right;
    direction:rtl;

    color:#fffaf3;

    font-family:"Cairo","IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;
    line-height:1.12;
    letter-spacing:-.025em;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__title-main{
    display:block;
    width:100%;
    text-align:right;
    font-size:clamp(17px,4.4vw,20px);
    font-weight:700;
    white-space:nowrap;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__title-sub{
    display:block;
    width:100%;
    text-align:right;
    color:rgba(255,220,179,.84);
    font-size:clamp(10px,2.55vw,11px);
    font-weight:600;
    letter-spacing:0;
    white-space:nowrap;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__specs{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:4px;

    margin-top:7px;
  }

  #outdoorHeroMobileSection
  .outdoor-mobile-product-detail-card__specs span{
    min-width:0;
    padding:4px 5px;

    border:1px solid rgba(255,255,255,.11);
    border-radius:999px;

    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.06),
        rgba(255,255,255,.02)
      );

    color:rgba(255,245,232,.82);

    font:600 clamp(6px,1.65vw,7px)/1
      "Cairo",sans-serif;

    white-space:nowrap;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-variant-picker{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px 7px;

    width:100%;
    margin-top:4px;
    flex:0 0 auto;

    direction:rtl;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-variant{
    min-height:33px;
    width:100%;
    min-width:0;
    padding:5px 8px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid rgba(255,255,255,.13);
    border-radius:999px;

    color:rgba(249,245,238,.82);

    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.065),
        rgba(7,21,33,.12)
      );

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.09),
      0 4px 10px rgba(0,0,0,.10);

    cursor:pointer;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-variant span{
    font:700 clamp(8.5px,2.3vw,10px)/1.08
      "DM Sans","Cairo",sans-serif;

    white-space:nowrap;
  }

  /* 336px-wide safeguard for the two long SENSOR options only. */
  #outdoorHeroMobileSection
  .outdoor-mobile-product-variant[data-variant="100W DOB + Sensor"],
  #outdoorHeroMobileSection
  .outdoor-mobile-product-variant[data-variant="150W DOB + Sensor"]{
    padding-left:3px;
    padding-right:3px;
  }

  #outdoorHeroMobileSection
  .outdoor-mobile-product-variant[data-variant="100W DOB + Sensor"] span,
  #outdoorHeroMobileSection
  .outdoor-mobile-product-variant[data-variant="150W DOB + Sensor"] span{
    font-size:6.4px;
    letter-spacing:-.04em;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-variant.is-selected{
    color:#fff8ef;

    border-color:rgba(255,196,132,.52);

    background:
      linear-gradient(
        180deg,
        rgba(255,193,126,.15),
        rgba(135,73,31,.055)
      );

    box-shadow:
      inset 0 1px 0 rgba(255,244,229,.17),
      0 0 14px rgba(218,126,54,.13);
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__middle{
    min-height:0;
    flex:0 0 auto;

    display:grid;
    grid-template-columns:minmax(108px,1fr) minmax(90px,112px);
    align-items:center;
    gap:clamp(6px,1.7vw,9px);

    width:calc(100% + var(--detail-middle-extension,56px));
    margin-left:calc(-1 * var(--detail-middle-extension,56px));
    margin-top:0;
    padding:0;
    box-sizing:border-box;
    direction:rtl;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__bottom{
    margin-top:0;
    margin-bottom:6px;
    padding-top:8px;
    padding-bottom:8px;
    flex:0 0 auto;

    display:flex;
    align-items:center;
    justify-content:center;

    position:relative;
    border-top:0;

    direction:rtl;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__bottom::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:-38%;
    height:1px;
    background:linear-gradient(
      90deg,
      rgba(255,255,255,.04),
      rgba(255,255,255,.13) 28%,
      rgba(255,255,255,.09)
    );
    pointer-events:none;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__price{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;

    width:calc(100% - 4px);
    min-height:34px;
    margin:0 auto;
    padding:5px 10px;
    box-sizing:border-box;

    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;

    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.055),
        rgba(8,24,37,.10)
      );

    text-align:center;
    direction:rtl;
    white-space:nowrap;
  }

  #outdoorHeroMobileSection
  .outdoor-mobile-product-detail-card__price strong{
    color:#fff7ed;

    font:700 clamp(20px,5.8vw,27px)/1
      "DM Sans","Cairo",sans-serif;

    letter-spacing:-.035em;
  }

  #outdoorHeroMobileSection
  .outdoor-mobile-product-detail-card__price-label{
    color:rgba(255,245,232,.86);
    font:700 clamp(9px,2.25vw,10.5px)/1 "Cairo",sans-serif;
  }

  #outdoorHeroMobileSection
  .outdoor-mobile-product-detail-card__price-currency{
    color:rgba(255,194,128,.85);
    font:700 clamp(7.5px,2vw,9.5px)/1 "Cairo",sans-serif;
  }


  #outdoorHeroMobileSection .outdoor-mobile-product-detail-cta{
    position:relative;

    width:100%;
    min-width:0;
    height:38px;
    box-sizing:border-box;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0 clamp(8px,2.7vw,12px);

    overflow:visible;
    isolation:isolate;

    border:1px solid rgba(255,207,153,.30);
    border-radius:999px;

    color:rgba(247,243,236,.96);
    text-decoration:none;

    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.08),
        rgba(8,24,37,.18)
      );

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.16),
      0 6px 15px rgba(0,0,0,.17),
      0 0 14px rgba(192,96,36,.09);
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-cta__tube{
    position:absolute;
    z-index:2;

    left:50%;
    top:-9px;

    width:82%;
    aspect-ratio:1416 / 402;

    transform:translateX(-50%);
    pointer-events:none;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-cta__tube-img{
    position:absolute;
    inset:0;

    width:100%;
    height:auto;

    object-fit:contain;
    display:block;
    pointer-events:none;

    transition:opacity .28s ease;
  }

  #outdoorHeroMobileSection
  .outdoor-mobile-product-detail-cta__tube-img--on{
    opacity:1;
  }

  #outdoorHeroMobileSection
  .outdoor-mobile-product-detail-cta__tube-img--off{
    opacity:0;
  }

  #outdoorHeroMobileSection.outdoor-light-is-off
  .outdoor-mobile-product-detail-cta__tube-img--on{
    opacity:0;
  }

  #outdoorHeroMobileSection.outdoor-light-is-off
  .outdoor-mobile-product-detail-cta__tube-img--off{
    opacity:1;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-cta__label{
    position:relative;
    z-index:3;

    width:100%;

    display:block;

    text-align:center;
    direction:rtl;

    font:700 clamp(9.5px,2.6vw,11px)/1.2
      "Cairo","IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;

    white-space:normal;
    overflow-wrap:normal;

    text-shadow:
      0 1px 2px rgba(0,0,0,.27),
      0 0 8px rgba(232,174,88,.12);
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-add{
    width:100%;
    min-width:0;
    max-width:none;
    height:38px;

    justify-self:stretch;
    transform:none;

    padding:0 5px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    box-sizing:border-box;

    border:1px solid rgba(255,207,153,.28);
    border-radius:999px;

    color:rgba(247,243,236,.96);

    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.09),
        rgba(8,24,37,.20)
      );

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.16),
      0 6px 15px rgba(0,0,0,.17),
      0 0 13px rgba(192,96,36,.08);

    cursor:pointer;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-add svg{
    width:15px;
    height:15px;

    fill:none;
    stroke:currentColor;
    stroke-width:1.45;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-add > span{
    position:static;
    width:auto;
    height:auto;
    overflow:visible;
    clip:auto;
    clip-path:none;
    white-space:nowrap;

    font:700 clamp(8.5px,2.35vw,10px)/1.2 "Cairo","IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;
    letter-spacing:0;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-add.is-added{
    color:#fff8ef;
    border-color:rgba(255,235,207,.48);

    background:
      linear-gradient(
        180deg,
        rgba(255,193,126,.16),
        rgba(135,73,31,.055)
      );
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-add.is-loading{
    pointer-events:none;
    opacity:.70;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-add.is-error{
    border-color:rgba(255,177,95,.42);
    color:#ffd2a1;
  }

  /* The supplied separated frame-13 foreground sits above the card. */
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-front{
    position:absolute;
    inset:0;
    z-index:5;

    width:100%;
    height:100%;

    max-width:none;
    max-height:none;

    object-fit:fill;
    object-position:center;

    pointer-events:none;
    user-select:none;
    -webkit-user-drag:none;

    opacity:0;
    transform:none;

    transition:
      opacity .30s ease .04s;
  }

  #outdoorHeroMobileSection.is-mobile-product-detail
  .outdoor-mobile-product-detail-front{
    opacity:1;
    transform:none;
  }


  /* Fill-space connector: the front PNG naturally hides its origin. */
  #outdoorHeroMobileSection .outdoor-mobile-product-back__connector{
    position:absolute;
    inset:0;
    z-index:4;
    width:100%;
    height:100%;
    overflow:hidden;
    pointer-events:none;
    fill:none;
    stroke:rgba(255,227,190,.62);
    stroke-width:1.45;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));
  }

  /* The control follows a point in the same 720x1280 front image. */

  #outdoorHeroMobileSection .outdoor-mobile-product-back{
    position:absolute;
    z-index:6;

    top:calc(var(--lamp-back-y,206px) - 20px);
    right:auto;
    left:clamp(8px,calc(var(--lamp-back-x,75px) - 47px),calc(100% - 94px));
    bottom:auto;

    width:94px;
    max-width:94px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:6px;

    transform:none;
    direction:ltr;

    color:rgba(255,232,205,.76);

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transition:
      opacity .22s ease .08s,
      visibility .22s ease .08s;
  }

  #outdoorHeroMobileSection.is-mobile-product-detail
  .outdoor-mobile-product-back{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-back__label{
    position:relative;
    left:0;

    width:max-content;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;

    color:rgba(255,245,233,.92);
    text-shadow:0 1px 3px rgba(0,0,0,.80);

    font:700 clamp(8.5px,2.25vw,10px)/1.3
      "Cairo","IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;

    white-space:nowrap;
    direction:rtl;
    text-align:center;
  }



  /* =======================================================
     X / REVERSE CONTROL
     X stays above the new frame-13 product detail composition.
  ======================================================= */

  #outdoorHeroMobileSection .outdoor-mobile-product-close{
    position:relative;
    z-index:1;

    left:auto;
    right:auto;
    top:auto;
    bottom:auto;

    width:40px;
    height:40px;
    padding:0;

    display:grid;
    place-items:center;

    border:1px solid rgba(255,255,255,.20);
    border-radius:50%;

    color:#fff;

    background:
      radial-gradient(
        circle at 28% 20%,
        rgba(255,255,255,.12),
        transparent 34%
      ),
      rgba(7,14,22,.66);

    -webkit-backdrop-filter:blur(13px) saturate(120%);
    backdrop-filter:blur(13px) saturate(120%);

    box-shadow:
      0 9px 22px rgba(0,0,0,.24),
      inset 0 1px 0 rgba(255,255,255,.17);

    cursor:pointer;

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transform:scale(.92);

    transition:
      opacity .18s ease,
      transform .22s cubic-bezier(.22,1,.36,1),
      visibility .18s ease;

    touch-action:manipulation;
  }

  #outdoorHeroMobileSection
  .outdoor-mobile-product-close.is-visible{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:scale(1);
  }

  #outdoorHeroMobileSection
  .outdoor-mobile-product-close:active{
    transform:scale(.94);
  }

  #outdoorHeroMobileSection.outdoor-light-is-off
  .outdoor-mobile-product-close.is-visible{
    opacity:.58;
    cursor:not-allowed;
    filter:saturate(.55) brightness(.82);
  }

  #outdoorHeroMobileSection.outdoor-light-is-off
  .outdoor-mobile-product-close.is-visible:active{
    transform:scale(1);
  }


  #outdoorHeroMobileSection
  .outdoor-mobile-product-close:focus-visible{
    outline:2px solid #ffb15f;
    outline-offset:4px;
  }

  #outdoorHeroMobileSection
  .outdoor-mobile-product-close svg{
    width:16px;
    height:16px;

    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
  }

  /* =======================================================
     ADD-TO-CART TOAST
  ======================================================= */

  .outdoor-mobile-cart-toast{
    position:fixed;

    left:50%;
    bottom:max(18px,env(safe-area-inset-bottom,0px));

    z-index:2147483600;

    display:flex;
    align-items:center;
    gap:8px;

    min-width:180px;
    max-width:calc(100vw - 42px);

    padding:9px 12px;

    border:1px solid rgba(255,255,255,.14);
    border-radius:13px;

    background:
      linear-gradient(
        145deg,
        rgba(7,14,22,.96),
        rgba(16,29,40,.92)
      );

    color:#f5f7f8;

    box-shadow:
      0 14px 34px rgba(0,0,0,.30),
      inset 0 1px 0 rgba(255,255,255,.10);

    -webkit-backdrop-filter:blur(14px) saturate(120%);
    backdrop-filter:blur(14px) saturate(120%);

    transform:translate3d(-50%,24px,0);
    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transition:
      opacity .24s ease,
      transform .36s cubic-bezier(.22,1,.36,1),
      visibility .24s ease;

    direction:rtl;
  }

  .outdoor-mobile-cart-toast.is-visible{
    opacity:1;
    visibility:visible;
    transform:translate3d(-50%,0,0);
  }

  .outdoor-mobile-cart-toast__icon{
    width:26px;
    height:26px;
    flex:0 0 26px;

    display:grid;
    place-items:center;

    border-radius:50%;

    color:#ffd39f;
    background:rgba(192,96,36,.14);
    border:1px solid rgba(255,177,95,.20);
  }

  .outdoor-mobile-cart-toast__icon svg{
    width:14px;
    height:14px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .outdoor-mobile-cart-toast__text{
    font:700 11px/1.25 "Cairo","IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;
    white-space:nowrap;
  }


  /* Taller portrait phones adjust only the card's vertical rhythm. */
  @media
    (orientation:portrait)
    and (min-width:360px)
    and (max-width:440px)
    and (min-height:780px)
    and (max-height:960px)
    and (min-aspect-ratio:3/8)
    and (max-aspect-ratio:9/16){

    /* Let the glass end shortly after the price on tall phones. */
    #outdoorHeroMobileSection .outdoor-mobile-product-detail-card{
      bottom:auto;
      height:auto;
    }

    #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__content{
      height:auto;
      padding-bottom:0;
      gap:clamp(9px,1.05vh,11px);
      transform:translateY(-8px);
    }

    #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__eyebrow{
      margin-bottom:clamp(5px,.7vh,7px);
    }

    #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__specs{
      margin-top:clamp(6px,.8vh,8px);
    }

    #outdoorHeroMobileSection .outdoor-mobile-product-variant-picker{
      margin-top:clamp(5px,.7vh,7px);
      gap:clamp(6px,.75vh,8px) 8px;
    }

    #outdoorHeroMobileSection .outdoor-mobile-product-variant{
      min-height:clamp(32px,4vh,35px);
    }

    #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__bottom{
      margin-top:clamp(2px,.45vh,5px);
      padding-top:clamp(8px,1vh,10px);
    }

    #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__bottom::before{
      left:-40%;
    }
  }


  @media (prefers-reduced-motion:reduce){
    #outdoorHeroMobileSection
    .outdoor-mobile-product-close{
      transition:none!important;
    }

    #outdoorHeroMobileSection

    .outdoor-mobile-cart-toast{
      transition:none!important;
    }
  }
}

/* Hard separation from desktop. */
@media (min-width:901px){
  .outdoor-mobile-frame-stack,
  .outdoor-mobile-product-close,
  .outdoor-mobile-product-detail-layer{
    display:none!important;
  }
}