/* TAQA Outdoor mobile street transition - Portrait fill compatibility */
@media (min-width:901px) and (orientation:portrait) {
  /* Use the entire viewport. The Phone artwork is intentionally stretched with fill. */
  #outdoorHeroMobileSection {
    position:relative !important;
    display:block !important;
    width:100vw !important;
    min-width:100vw !important;
    min-height:100dvh !important;
    overflow:hidden !important;
  }
  #outdoorHeroMobileSection .outdoor-mobile-hero {
    position:relative !important;
    display:block !important;
    width:100vw !important;
    max-width:none !important;
    height:100dvh !important;
    min-height:100dvh !important;
    margin:0 !important;
    overflow:hidden !important;
  }
  #outdoorHeroMobileSection .outdoor-mobile-frame-stack,
  #outdoorHeroMobileSection .outdoor-mobile-frame-stack__img,
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-layer,
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-front {
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:fill !important;
  }
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__content {
    justify-content:space-between !important;
    gap:0 !important;
    padding-top:clamp(30px,4.8vh,64px) !important;
    padding-bottom:clamp(28px,5vh,68px) !important;
  }
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-cta__label,
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-add > span {
    transform:translateY(-2px) !important;
  }
  /* The line endpoint is authored at x=150,y=350 in the 720x1280 Phone frame. */
  #outdoorHeroMobileSection .outdoor-mobile-product-back {
    top:calc(23.5% - 20px) !important;
    left:calc(20.833% - 47px) !important;
  }
}

/* Large Portrait: match the Phone card hierarchy while using the wider card area. */
@media (min-width:901px) and (orientation:portrait) {
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__content {
    width:100% !important;
    margin:0 !important;
    padding-inline:clamp(22px,3.2vw,46px) !important;
    padding-top:clamp(34px,4.8vh,70px) !important;
    padding-bottom:clamp(28px,4.5vh,64px) !important;
    justify-content:space-between !important;
    gap:0 !important;
  }
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__title-main {
    font-size:clamp(28px,4vw,44px) !important;
  }
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__title-sub {
    font-size:clamp(16px,2.15vw,24px) !important;
  }
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__eyebrow,
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__title,
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__specs {
    width:100% !important;
    max-width:none !important;
    margin-inline:0 !important;
  }
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__middle {
    width:100% !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:clamp(10px,1.3vh,18px) !important;
  }
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-cta,
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-add {
    width:100% !important;
    min-width:0 !important;
    height:clamp(48px,5.2vh,68px) !important;
  }
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-cta__label,
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-add > span {
    font-size:clamp(15px,1.7vw,22px) !important;
    transform:translateY(-2px) !important;
  }
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-add svg {
    width:clamp(20px,2vw,28px) !important;
    height:clamp(20px,2vw,28px) !important;
  }
  #outdoorHeroMobileSection .outdoor-mobile-product-back {
    top:calc(27.34% - 20px) !important;
    left:calc(20.833% - 47px) !important;
  }
}

/* Portrait eyebrow alignment. */
@media (min-width:901px) and (orientation:portrait) {
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-card__eyebrow {
    width:100% !important;
    margin:0 0 clamp(6px,1vh,12px) !important;
    transform:none !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

/* =========================================================
   PORTRAIT CTA — VISUAL LAMP ANCHOR
   The visible tube itself sits on the CTA top border.
   Uses the source artwork's real lamp position (~22% from top),
   so it scales correctly on large Portrait screens.
========================================================= */
@media (min-width:901px) and (orientation:portrait) {

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-cta {
    position:relative !important;
    overflow:visible !important;
    isolation:isolate !important;
  }

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

    left:50% !important;
    right:auto !important;
    top:0 !important;
    bottom:auto !important;

    width:82% !important;
    aspect-ratio:1448 / 402 !important;

    margin:0 !important;

    /* The visible lamp body is around 22% down inside the source image.
       Move that visual body onto the CTA's top border instead of anchoring
       the transparent image canvas itself. */
    transform:translate(-50%,-22%) !important;
    transform-origin:50% 0 !important;

    pointer-events:none !important;
  }

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

    display:block !important;
    width:100% !important;
    height:auto !important;

    object-fit:contain !important;
    pointer-events:none !important;
  }

  /* ON artwork's visible tube sits slightly lower inside its glow canvas,
     so lift only the image a touch while keeping the glow intact. */
  #outdoorHeroMobileSection .outdoor-mobile-product-detail-cta__tube-img--on {
    transform:translateY(-2%) !important;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-cta__tube-img--off {
    transform:translateY(0) !important;
  }

  #outdoorHeroMobileSection .outdoor-mobile-product-detail-cta__label {
    position:relative !important;
    z-index:5 !important;
  }
}