/* Mr. Payday mobile UX enhancements - v5 */
.mobile-cta-bar{display:none}
@media (max-width:760px){
  html{scroll-padding-bottom:86px}
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom));overflow-x:hidden}
  .wrap{width:min(var(--max,1180px),calc(100% - 24px))!important}
  .topbar{font-size:.72rem!important;line-height:1.35}
  .topbar .wrap{padding:6px 0!important;justify-content:center!important;text-align:center!important}
  .topbar .wrap span:last-child{display:none!important}
  header{top:0}
  nav{height:60px!important;gap:8px!important;position:relative}
  .brand{min-width:0}
  .brand-logo{width:148px!important;max-width:148px!important;max-height:46px!important;height:auto!important}
  header .actions{gap:6px!important;margin-left:auto}
  header .actions>a{display:none!important}
  .menu{display:grid!important;place-items:center;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;font-size:1.2rem;color:#18382e;background:#fff;border:1px solid var(--line,#dce8e3);border-radius:11px;cursor:pointer}
  .navlinks.mobile-open{display:flex!important;position:absolute;z-index:95;top:60px;left:0;right:0;flex-direction:column;align-items:stretch!important;gap:0!important;padding:8px;background:#fff;border:1px solid var(--line,#dce8e3);border-radius:0 0 16px 16px;box-shadow:0 18px 38px rgba(16,36,29,.16)}
  .navlinks.mobile-open a{display:block;padding:12px 14px;border-bottom:1px solid #edf3f0;font-size:.95rem}
  .navlinks.mobile-open a:last-child{border-bottom:0}
  .mobile-cta-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;position:fixed;left:0;right:0;bottom:0;z-index:110;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #dce8e3;box-shadow:0 -10px 28px rgba(16,36,29,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .mobile-cta-btn{min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;padding:9px 8px;border-radius:11px;background:var(--orange,#f47a18);color:#fff!important;font-size:.84rem;font-weight:850;line-height:1.15;text-decoration:none!important;box-shadow:0 7px 18px rgba(244,122,24,.20)}
  .hero,.page-hero{padding-top:30px!important;padding-bottom:30px!important}
  .hero-grid,.page-hero .wrap{gap:22px!important}
  h1,.page-hero h1{font-size:clamp(2rem,9vw,2.55rem)!important;line-height:1.03!important;letter-spacing:-.035em}
  h2{line-height:1.08}
  .hero-copy .eyebrow{margin-bottom:10px!important}
  .hero-copy .lead,.page-hero .lead{font-size:1rem!important;line-height:1.5}
  .hero-badges{margin:16px 0!important;gap:7px!important}
  .badge{font-size:.76rem!important;padding:7px 9px!important;line-height:1.25}
  .hero-cta{display:none!important}
  .micro{font-size:.72rem!important;margin-top:8px!important}
  .calc{padding:17px!important;border-radius:19px!important}
  .calc-top{margin-bottom:10px!important}
  .calc-top h2{font-size:1.35rem!important}
  .license-pill{font-size:.66rem!important;padding:6px 7px!important}
  .field{margin:12px 0!important}
  .cost-grid{margin:13px 0!important;gap:8px!important}
  .cost{padding:12px!important;border-radius:13px!important}
  .cost strong{font-size:1.17rem!important}
  input,select,textarea,button{font-size:16px}
  .section{padding:46px 0!important}
  .content{padding:42px 0!important}
  .page-hero .hero-card,.hero-card{padding:18px!important;border-radius:18px!important}
  .page-hero .hero-card h2,.hero-card h2{font-size:1.3rem}
  .intro{margin-bottom:26px!important}
  .step,.feature,.province,.price-box,.decision-card{padding:20px!important;border-radius:17px!important}
  .cta-band{padding:24px!important;border-radius:20px!important}
  .cta-band .btn{width:100%;margin-top:14px}
  details summary{padding:16px 0!important}
  table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .compare{white-space:normal}
  footer{margin-top:54px!important}
  .footer-grid{padding-top:38px!important;padding-bottom:28px!important;gap:24px!important}
  .footer-logo{width:190px!important}
  .legal{padding-bottom:20px!important}
}
@media (max-width:420px){
  .wrap{width:calc(100% - 20px)!important}
  .brand-logo{width:136px!important;max-width:136px!important}
  .topbar{font-size:.69rem!important}
  .mobile-cta-bar{gap:7px;padding-left:8px;padding-right:8px}
  .mobile-cta-btn{font-size:.79rem;padding-inline:5px}
  h1,.page-hero h1{font-size:1.95rem!important}
  .eyebrow{font-size:.7rem!important;letter-spacing:.08em!important}
  .hero-badges .badge{width:100%;justify-content:flex-start}
  .calc-top{display:block!important}
  .license-pill{display:inline-block;margin-top:7px}
  .cost-grid{grid-template-columns:1fr 1fr!important}
  .footer-grid{grid-template-columns:1fr!important}
  .footer-grid>div{grid-column:auto!important}
}