
/* V25: mobile-only layout. All desktop rules stay untouched. */
@media (max-width:850px) {
  html { scroll-padding-top:125px!important; }
  body { overflow-x:hidden!important; }
  .top { position:relative; }
  .top .topin { min-height:70px!important; height:auto!important; padding:8px 15px!important; }
  .top .brand { max-width:100%!important; white-space:normal!important; }
  .allinone-nav {
    position:sticky!important; top:0!important; z-index:35!important;
    display:flex!important; flex-wrap:wrap!important; align-items:center!important;
    overflow:visible!important; width:100%!important; max-width:100%!important;
    padding:8px 15px!important; gap:0!important;
  }
  .allinone-nav .mobile-nav-toggle {
    display:flex!important; align-items:center; justify-content:space-between;
    width:100%; min-height:42px; padding:9px 13px;
    border:1px solid #ffffff48; border-radius:5px;
    background:#142536; color:white; font-size:14px; font-weight:700;
    cursor:pointer;
  }
  .allinone-nav > a { display:none!important; }
  .allinone-nav.is-open { gap:7px!important; }
  .allinone-nav.is-open > a {
    display:block!important; flex:1 1 calc(50% - 7px)!important;
    text-align:center; min-width:0!important; padding:11px 7px!important;
    white-space:normal!important;
  }
  section.hero.heroPremium .premiumInner {
    padding:34px 16px 12px!important; gap:12px!important;
  }
  section.hero.heroPremium .premiumCopy h1 {
    font-size:clamp(29px,8.2vw,42px)!important;
    overflow-wrap:break-word!important;
  }
  section.hero.heroPremium .premiumCopy p { overflow-wrap:break-word!important; }
  section.hero.heroPremium .premiumCopy .buttons {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  section.hero.heroPremium .premiumScene.editorialScene {
    width:100%!important; min-width:0!important; max-width:100%!important;
    border:0!important; overflow:hidden!important; padding:0!important;
    background:transparent!important; box-shadow:none!important;
  }
  section.hero.heroPremium .editorialSceneText {
    transform:none!important; filter:none!important; width:100%!important;
    max-width:100%!important; min-width:0!important;
    padding:4px 0 8px!important; box-sizing:border-box!important;
  }
  section.hero.heroPremium .editorialSceneText .originalHandwriting {
    display:block!important; width:100%!important; max-width:390px!important;
    height:auto!important; max-height:none!important; object-fit:contain!important;
  }
  section.hero.heroPremium .premiumTiles {
    padding:8px 16px 28px!important; max-width:100%!important;
  }
  .mobile {
    position:fixed!important; left:10px!important; right:10px!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    width:auto!important; max-width:calc(100% - 20px)!important;
    z-index:90!important;
  }
  body { padding-bottom:calc(96px + env(safe-area-inset-bottom))!important; }
}
@media(min-width:851px) {
 .mobile-nav-toggle {display:none!important;}
}
