/* GLO 1.1.40 — phone-only UX correction. */
@media (max-width:767px){
  :root{scroll-padding-top:16px;scroll-padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
  body{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));overflow-x:clip}

  /* The bottom dock is the phone navigation; remove the oversized fixed logo bar. */
  .site-header{display:none!important}
  .inner{padding-top:calc(28px + env(safe-area-inset-top,0px))!important}
  .product-detail{padding-top:calc(24px + env(safe-area-inset-top,0px))!important}
  .about-v2.inner,.services-v2.inner,.contact-v3.inner{padding-top:calc(28px + env(safe-area-inset-top,0px))!important}
  .not-found{padding-top:calc(70px + env(safe-area-inset-top,0px))!important}

  /* Natural phone scrolling: chapters no longer require scrub travel. */
  .home-app .chapter{height:auto!important;min-height:0!important}
  .home-app .chapter-stage{position:relative!important;top:auto!important;height:auto!important;min-height:100svh!important;padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important}
  .home-app .hero{height:auto!important;min-height:100svh!important}
  .home-app .hero-stage{min-height:100svh!important;padding-top:calc(52px + env(safe-area-inset-top,0px))!important}
  .home-app .pure-vision .chapter-stage{min-height:880px!important}
  .home-app .pure-light .chapter-stage{min-height:850px!important}
  .home-app .intelligent .chapter-stage{min-height:900px!important}
  .home-app .myopia .chapter-stage{min-height:920px!important}
  .home-app .go-lenses .chapter-stage{min-height:0!important}
  .home-app .go-solution .chapter-stage{min-height:1040px!important}

  /* Broader phone lighting instead of compressed desktop gradients. */
  .home-world .ambient{
    background:
      radial-gradient(ellipse 175vw 78dvh at 12% 48%,var(--ambient-light),transparent 68%),
      radial-gradient(ellipse 125vw 58dvh at 108% 24%,color-mix(in srgb,var(--ambient-light) 38%,transparent),transparent 72%),
      var(--ambient-bg)!important;
  }
  .product-detail .detail-ambient{
    background:
      radial-gradient(ellipse 165vw 620px at -15% 250px,color-mix(in srgb,var(--product-glow) 62%,transparent),transparent 72%),
      radial-gradient(ellipse 150vw 700px at 115% 1250px,color-mix(in srgb,var(--product-glow) 28%,transparent),transparent 74%)!important;
  }

  /* Tap targets and guaranteed interactivity for lens colours. */
  .colour-picker{position:relative;z-index:12}
  .colour-picker button{width:46px!important;height:46px!important;min-width:46px;min-height:46px;touch-action:manipulation;pointer-events:auto;-webkit-tap-highlight-color:transparent}
  .colour-picker button i{pointer-events:none}

  /* The dock must not hide final content and should highlight route only. */
  .site-footer{padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))!important}
  .glo-mobile-dock__chat{color:rgba(236,241,236,.62)!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;transform:none!important;animation:none!important}
  .glo-mobile-dock__chat::before{display:none!important}
  .glo-mobile-dock__chat.is-active{color:rgba(236,241,236,.62)!important;background:transparent!important}
  .glo-mobile-dock__chat.is-active::after{display:none!important}
  .glo-mobile-more__link--accent{color:rgba(246,245,236,.82)!important;border-color:rgba(255,255,255,.075)!important;background:rgba(255,255,255,.035)!important}
  .glo-mobile-more__link.is-current,.glo-mobile-more__link[aria-current="page"]{color:#fff5d0!important;border-color:rgba(243,192,24,.30)!important;background:rgba(243,192,24,.085)!important;box-shadow:inset 3px 0 0 rgba(243,192,24,.78)}
  html[dir="rtl"] .glo-mobile-more__link.is-current,html[dir="rtl"] .glo-mobile-more__link[aria-current="page"]{box-shadow:inset -3px 0 0 rgba(243,192,24,.78)}

  /* More panel: less expensive blur and no accidental oversizing on iPhone Safari. */
  .glo-mobile-more__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
  .glo-mobile-more__sheet{max-height:min(68dvh,560px);-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%)}

  /* Modern mobile-only branches arrow. */
  .services-link__legacy-arrow{display:none!important}
  .services-link__mobile-arrow{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
  html[dir="rtl"] .services-link__mobile-arrow{transform:scaleX(-1)}

  /* Phone 3D stages advertise horizontal drag while allowing vertical pan. */
  .product-scene__stage,.go-solution-3d-shell{touch-action:pan-y}
}
@media (min-width:768px){.services-link__mobile-arrow{display:none!important}}

/* GLO 1.1.41 — final phone-only containment, safe areas and header removal. */
@media(max-width:767px){
 html,body,#glo-root,.glo-app{max-width:100%;min-width:0}
 html,body,#glo-root{overflow-x:clip}
 .site-header,.header-home{display:none!important;position:static!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:none!important;background-image:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;pointer-events:none!important}
 html[data-header-compact="true"] .site-header{height:0!important}
 .home-app.product-world{background:#060b10;min-height:100dvh}
 html:has(.home-app.product-world),body:has(.home-app.product-world){background:#060b10!important}
 .light-app{min-height:100dvh;background:#fbfaf7}
 html:has(.light-app),body:has(.light-app){background:#fbfaf7}
 .home-app.product-world .site-footer{background-color:#060b10!important;margin-bottom:0!important}
 body:has(.home-app.product-world){padding-bottom:0!important}
 body:has(.light-app){padding-bottom:0!important}
 .site-footer{padding-bottom:calc(126px + env(safe-area-inset-bottom,0px))!important;margin-bottom:0!important}
 .glo-mobile-dock{max-width:calc(100% - 20px);bottom:calc(10px + env(safe-area-inset-bottom,0px))}
 .ambient,.ambient-grain,.glo-webgl{inset-inline:0!important;width:100%!important;max-width:100%!important}
 iframe,canvas,svg{max-width:100%}
 .product-scene,.product-scene__stage,.go-solution-3d-shell,.go-solution-3d-frame{max-width:100%!important}
 .direction-arrow,.contact-v3__arrow{width:19px;height:19px;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
 html[dir="rtl"] .direction-arrow,html[dir="rtl"] .contact-v3__arrow{transform:scaleX(-1)}
}
@media(max-width:767px) and (orientation:landscape){
 html,body,#glo-root,.glo-app,.home-world,.product-detail,.inner{width:100%;max-width:100%;overflow-x:clip}
 .glo-mobile-dock{left:max(10px,env(safe-area-inset-left,0px));right:max(10px,env(safe-area-inset-right,0px));max-width:none}
 .chapter-stage,.hero-stage,.product-hero,.products-page--3d{padding-inline:max(20px,env(safe-area-inset-left,0px)) max(20px,env(safe-area-inset-right,0px))!important}
}