@media (max-width:980px){
  body.buildDeterministicMobile,
  body.weatherDeterministicMobile{background:linear-gradient(180deg,#f5f8fb 0%,#eef3f7 100%)!important}

  /* Build: lock to one mobile flow */
  body.buildDeterministicMobile .hero.heroBuildPremium,
  body.buildDeterministicMobile .bookHeroCompactRail,
  body.buildDeterministicMobile .buildHeroQuickRow,
  body.buildDeterministicMobile .buildQuickDecisionSection,
  body.buildDeterministicMobile .bookingEngineMap,
  body.buildDeterministicMobile .buildSupportCluster,
  body.buildDeterministicMobile .buildAuxSection,
  body.buildDeterministicMobile .publicProof,
  body.buildDeterministicMobile .faq,
  body.buildDeterministicMobile .desktopReceiptShell,
  body.buildDeterministicMobile .buildSupportDrawer,
  body.buildDeterministicMobile .premiumReceiptHint,
  body.buildDeterministicMobile #buildSummaryHint{display:none!important}

  body.buildDeterministicMobile .buildLauncherSection{padding:8px 0 6px!important}
  body.buildDeterministicMobile .buildLauncherShell{
    margin:0 10px 8px!important;
    padding:10px!important;
    border-radius:18px!important;
    box-shadow:0 12px 24px rgba(11,31,43,.06)!important;
    background:#fff!important;
  }
  body.buildDeterministicMobile .buildLauncherHead .heroPill,
  body.buildDeterministicMobile .buildLauncherHead h2,
  body.buildDeterministicMobile .buildLauncherHead p,
  body.buildDeterministicMobile .buildRail{display:none!important}
  body.buildDeterministicMobile .buildLauncherMetaRow{gap:8px!important;margin-top:6px!important}
  body.buildDeterministicMobile .buildLauncherLive{
    padding:10px 12px!important;
    border-radius:16px!important;
    min-width:0!important;
  }
  body.buildDeterministicMobile .buildLauncherLive b{font-size:.72rem!important;letter-spacing:.05em!important}
  body.buildDeterministicMobile .buildLauncherLive span{font-size:.9rem!important;line-height:1.25!important}
  body.buildDeterministicMobile .buildLauncherTrust{display:flex!important;gap:6px!important;flex-wrap:wrap!important}
  body.buildDeterministicMobile .buildLauncherTrust span{
    min-height:28px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    font-size:.74rem!important;
    white-space:nowrap!important;
  }
  body.buildDeterministicMobile .buildLauncherCards{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    overflow:visible!important;
    padding:0!important;
  }
  body.buildDeterministicMobile .buildModeLaunchCard{
    min-height:72px!important;
    padding:10px 8px!important;
    border-radius:16px!important;
    box-shadow:none!important;
    align-content:start!important;
  }
  body.buildDeterministicMobile .buildModeLaunchCard strong{font-size:.9rem!important;line-height:1.08!important}
  body.buildDeterministicMobile .buildModeLaunchCard small{display:none!important}
  body.buildDeterministicMobile .buildModeLaunchTag{font-size:.68rem!important;letter-spacing:.04em!important}

  body.buildDeterministicMobile.buildWizardReady:not(.buildWizardActive) main.container{display:none!important}
  body.buildDeterministicMobile.buildWizardReady.buildWizardActive .buildLauncherSection{display:none!important}
  body.buildDeterministicMobile.buildWizardReady.buildWizardActive main.container{
    display:block!important;
    position:fixed!important;
    inset:56px 0 0 0!important;
    width:100%!important;
    max-width:none!important;
    overflow:auto!important;
    padding:6px 10px 108px!important;
    background:linear-gradient(180deg,#f5f8fb 0%,#eef3f7 100%)!important;
    z-index:1500!important;
  }
  body.buildDeterministicMobile.buildWizardReady.buildWizardActive .builderGrid{display:block!important;margin:0!important}
  body.buildDeterministicMobile.buildWizardReady.buildWizardActive .builderGrid > *:not(.builderCard.builderSteps),
  body.buildDeterministicMobile.buildWizardReady.buildWizardActive .builderGrid ~ *{display:none!important}
  body.buildDeterministicMobile.buildWizardReady.buildWizardActive .builderCard.builderSteps{
    padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important
  }
  body.buildDeterministicMobile.buildWizardReady.buildWizardActive .buildWizardTopBar{
    display:grid!important;
    position:sticky!important;
    top:0!important;
    z-index:1510!important;
    gap:6px!important;
    padding:0 0 8px!important;
    background:linear-gradient(180deg,#f5f8fb 0%,rgba(245,248,251,.92) 100%)!important;
  }
  body.buildDeterministicMobile .buildWizardCloseBtn{display:none!important}
  body.buildDeterministicMobile .buildWizardRail{
    display:flex!important;gap:6px!important;overflow:auto!important;padding:2px 0 0!important;scrollbar-width:none!important
  }
  body.buildDeterministicMobile .buildWizardRail::-webkit-scrollbar{display:none!important}
  body.buildDeterministicMobile .buildWizardRailPill{
    min-height:34px!important;padding:0 12px!important;border-radius:999px!important;white-space:nowrap!important;
    font-size:.78rem!important;box-shadow:none!important
  }
  body.buildDeterministicMobile .buildInlineEstimate.compactReceipt{
    position:relative!important;top:auto!important;z-index:auto!important;margin:0 0 10px!important;background:transparent!important
  }
  body.buildDeterministicMobile .buildInlineEstimateButton{
    border-radius:18px!important;padding:10px 12px!important;box-shadow:0 10px 22px rgba(11,31,43,.08)!important
  }
  body.buildDeterministicMobile .buildInlineEstimateTop strong{font-size:.72rem!important;letter-spacing:.05em!important;text-transform:uppercase!important}
  body.buildDeterministicMobile .buildInlineEstimateTop span{font-size:1.02rem!important}
  body.buildDeterministicMobile .buildInlineEstimateMeta{font-size:.78rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.buildDeterministicMobile .buildProgress{margin:0 0 8px!important}
  body.buildDeterministicMobile .buildProgressTop .badge{font-size:.9rem!important;padding:8px 14px!important}
  body.buildDeterministicMobile .buildProgressBar{height:10px!important;border-radius:999px!important}
  body.buildDeterministicMobile #buildForm > details.fold{display:none!important}
  body.buildDeterministicMobile #buildForm > details.fold.is-wizard-active{display:block!important;background:#fff!important;border:1px solid rgba(15,34,51,.08)!important;border-radius:20px!important;box-shadow:0 12px 26px rgba(11,31,43,.07)!important;margin-bottom:14px!important}
  body.buildDeterministicMobile #buildForm > details.fold.is-wizard-active > summary{padding:14px 16px!important;pointer-events:none!important}
  body.buildDeterministicMobile #buildForm > details.fold.is-wizard-active > .stepBody{padding:0 12px 12px!important}
  body.buildDeterministicMobile #buildForm > details.fold:not(.is-wizard-active) > .stepBody{display:none!important}
  body.buildDeterministicMobile details.fold summary{font-size:1rem!important;line-height:1.08!important}
  body.buildDeterministicMobile details.fold summary small,
  body.buildDeterministicMobile .inlineHelpNote,
  body.buildDeterministicMobile .modeLeadText,
  body.buildDeterministicMobile .modeResponsePanel{display:none!important}
  body.buildDeterministicMobile .modeCards{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body.buildDeterministicMobile .modeCard{padding:0!important;border:none!important;background:none!important}
  body.buildDeterministicMobile .modeCardText{display:grid!important;gap:4px!important;padding:14px!important;border-radius:18px!important;border:1px solid rgba(15,34,51,.08)!important;background:#fbfdff!important}
  body.buildDeterministicMobile .modeCardText b{font-size:1rem!important;line-height:1.08!important}
  body.buildDeterministicMobile .modeCardText small{font-size:.82rem!important;line-height:1.28!important}
  body.buildDeterministicMobile .buildWizardActionBar{
    display:grid!important;
    grid-template-columns:96px 1fr!important;
    gap:10px!important;
    align-items:center!important;
    position:fixed!important;
    left:10px!important;right:10px!important;bottom:88px!important;
    z-index:1520!important;
    padding:10px!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:saturate(140%) blur(10px)!important;
    box-shadow:0 16px 34px rgba(11,31,43,.10)!important;
  }
  body.buildDeterministicMobile .buildWizardActionMeta{display:none!important}
  body.buildDeterministicMobile .buildWizardNavBtn{min-height:54px!important;border-radius:18px!important;font-size:1rem!important}
  body.buildDeterministicMobile .buildWizardNavBtn--ghost{padding:0!important}
  body.buildDeterministicMobile #buildForm > button[type="submit"],
  body.buildDeterministicMobile #buildForm > p.notice,
  body.buildDeterministicMobile #pricingJson{display:none!important}

  /* Weather: keep cockpit deterministic */
  body.weatherDeterministicMobile .forecastLegacyStack{display:none!important}
  body.weatherDeterministicMobile.forecastAdvancedOpen .forecastLegacyStack{display:block!important;padding-top:8px!important}
  body.weatherDeterministicMobile .forecastWorkbenchSection{padding-top:6px!important}
  body.weatherDeterministicMobile .forecastWorkbenchShell{gap:8px!important;padding:10px!important;border-radius:18px!important;box-shadow:0 12px 24px rgba(11,31,43,.06)!important}
  body.weatherDeterministicMobile .forecastWorkbenchHead p{display:none!important}
  body.weatherDeterministicMobile .forecastWorkbenchTitle{font-size:1.08rem!important;line-height:1.04!important}
  body.weatherDeterministicMobile .forecastWorkbenchDecision{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  body.weatherDeterministicMobile .forecastWorkbenchCard{padding:10px!important;border-radius:16px!important;gap:8px!important;box-shadow:none!important}
  body.weatherDeterministicMobile .forecastWorkbenchCardHead{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:8px!important}
  body.weatherDeterministicMobile .forecastWorkbenchCardHead span{display:none!important}
  body.weatherDeterministicMobile .forecastWorkbenchCharts{display:none!important}
  body.weatherDeterministicMobile .forecastWorkbenchMatrix{min-width:430px!important;border-spacing:2px!important}
  body.weatherDeterministicMobile .forecastWorkbenchMatrix th{font-size:.62rem!important;padding:0 1px 3px!important}
  body.weatherDeterministicMobile .forecastWorkbenchMatrix td{padding:8px 6px!important;border-radius:10px!important;font-size:.76rem!important}
  body.weatherDeterministicMobile .forecastWorkbenchActions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  body.weatherDeterministicMobile .forecastWorkbenchActions .btn{min-height:36px!important;padding:0 8px!important;border-radius:14px!important;font-size:.76rem!important;white-space:nowrap!important}

  /* Shared mobile chrome / drawer */
  body.buildPage .topbar,
  body.weatherPage .topbar{padding-block:8px!important}
  body.buildPage .brandText small,
  body.weatherPage .brandText small{font-size:.78rem!important;line-height:1.05!important}
  body.buildPage .navToggle,
  body.weatherPage .navToggle{width:60px!important;height:60px!important;border-radius:18px!important}
  body.buildPage .drawerPanel,
  body.weatherPage .drawerPanel{border-radius:22px!important;max-height:calc(100vh - 16px)!important}
  body.buildPage .drawerTop,
  body.weatherPage .drawerTop{padding:10px 10px 6px!important;gap:8px!important}
  body.buildPage .drawerClose,
  body.weatherPage .drawerClose{padding:0!important;width:54px!important;height:54px!important;border-radius:18px!important}
  body.buildPage .drawerCtas,
  body.weatherPage .drawerCtas{gap:8px!important;padding:0 10px 8px!important}
  body.buildPage .drawerCtas .btn,
  body.weatherPage .drawerCtas .btn{min-height:44px!important;border-radius:16px!important;padding:0 12px!important;font-size:.92rem!important}
  body.buildPage .drawerUtilityChip,
  body.weatherPage .drawerUtilityChip{min-height:32px!important;padding:0 10px!important;font-size:.78rem!important}
  body.buildPage .drawerTabsRich,
  body.weatherPage .drawerTabsRich{gap:6px!important;margin-bottom:10px!important}
  body.buildPage .drawerTabsRich .tab,
  body.weatherPage .drawerTabsRich .tab{min-height:38px!important;padding:0 10px!important;border-radius:14px!important;box-shadow:none!important}
  body.buildPage .drawerTabsRich .tab .tabText,
  body.weatherPage .drawerTabsRich .tab .tabText{font-size:.8rem!important}
  body.buildPage .drawerGroup,
  body.weatherPage .drawerGroup{margin:8px 0!important}
  body.buildPage .drawerGroup summary,
  body.weatherPage .drawerGroup summary{min-height:42px!important;padding:0 12px!important;border-radius:14px!important;font-size:.92rem!important}
  body.buildPage .drawerLinks.compactLinks a,
  body.weatherPage .drawerLinks.compactLinks a{min-height:38px!important;padding:8px 10px!important;border-radius:12px!important;font-size:.84rem!important}
}


@media (max-width:980px){
  /* Phase 56 surgical fixes */
  body.buildDeterministicMobile .mobileStickyReceipt{display:none!important}
  body.buildDeterministicMobile .stepNextWrap,
  body.buildDeterministicMobile .stepNextBtn,
  body.buildDeterministicMobile .stepNextWrap .btn{display:none!important}
  body.buildDeterministicMobile .buildInlineEstimate.compactReceipt{top:auto!important;margin:0 0 12px!important;z-index:auto!important}
  body.buildDeterministicMobile .buildInlineEstimateButton{padding:8px 12px!important;border-radius:16px!important}
  body.buildDeterministicMobile .buildInlineEstimateTop span{font-size:1rem!important}
  body.buildDeterministicMobile .buildProgress{margin:0 0 10px!important}
  body.buildDeterministicMobile #buildForm > details.fold.is-wizard-active{margin-bottom:18px!important}
  body.buildDeterministicMobile #buildForm > details.fold.is-wizard-active > summary{padding:12px 14px!important}
  body.buildDeterministicMobile #buildForm > details.fold.is-wizard-active > .stepBody{padding:0 12px 16px!important}
  body.buildDeterministicMobile .optGrid > label.opt,
  body.buildDeterministicMobile .compactStepCard,
  body.buildDeterministicMobile .smartDateCard,
  body.buildDeterministicMobile .notice{border-radius:18px!important}
  body.buildDeterministicMobile .buildWizardActionBar{bottom:86px!important;padding:8px!important;grid-template-columns:92px 1fr!important}
  body.buildDeterministicMobile .buildWizardNavBtn{min-height:48px!important;border-radius:16px!important;font-size:.96rem!important}
  body.buildDeterministicMobile .buildWizardNavBtn--ghost{font-size:1.2rem!important;line-height:1!important}
  body.buildDeterministicMobile .topbar{padding-block:6px!important}
  body.buildPage .drawerTop{padding:8px 10px 4px!important}
  body.buildPage .drawerClose{width:46px!important;height:46px!important;border-radius:16px!important}
  body.buildPage .drawerCtas .btn{min-height:40px!important;border-radius:14px!important;font-size:.88rem!important}
  body.buildPage .drawerTabsRich .tab{min-height:34px!important;border-radius:12px!important}
  body.buildPage .drawerTabsRich .tab .tabText{font-size:.76rem!important}
  body.buildPage .drawerGroup summary{min-height:38px!important;border-radius:12px!important;font-size:.88rem!important}
  body.buildPage .drawerUtilityChip{min-height:30px!important;font-size:.74rem!important}
}