/* Mobile QA patch: scoped to marketing homepage; preserves existing palette. */
html:has(body.nav4024-home),html:has(body.nav4024-home) body{overflow-x:clip!important;overflow-y:visible!important}
.n26-site.nav4024-home .intl-header{position:sticky!important;top:0;z-index:1000}
.n26-site .nav4024-social b{font-size:max(11px,0.7rem)!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;line-height:1.2}
.n26-site .nav4024-social{flex-wrap:nowrap;gap:3px}
.n26-site .nav4024-live-badge{white-space:nowrap;word-break:normal}
.n26-site .family-memories .n26-number{inset-inline-start:8px;top:52px}
.n26-site .n26-card .n26-forward{display:inline-flex;align-items:center}
.n26-site .n26-menu>nav{max-height:calc(100dvh - 95px)!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin}
.n26-site .n26-menu[open]:after{content:"";pointer-events:none;position:absolute;bottom:0;inset-inline:0;height:20px;background:linear-gradient(transparent,#fff);z-index:51;border-radius:0 0 12px 12px}
.n26-site .intl-footer a,.n26-site .n26-feature-footer a{display:inline-flex;align-items:center;min-height:44px;padding:10px 8px}
.n26-site .sitev2-calculator-card input[type=range]{min-height:44px;touch-action:pan-y}
.n26-site .final-demo-link,.n26-site .nav4024-watch,.n26-site .intl-links a,.n26-site .n26-menu summary{min-height:44px;display:inline-flex;align-items:center}
.n26-site .mobile-cta{display:none!important}
@media(max-width:768px){
 .n26-site.nav4024-home{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
 .n26-site.nav4024-home .mobile-cta.is-visible{display:flex!important;position:fixed!important;inset-inline:0;bottom:0;z-index:999;width:100%!important;height:calc(56px + env(safe-area-inset-bottom,0px))!important;min-height:56px!important;margin:0!important;padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px))!important;justify-content:center;align-items:center;opacity:1;visibility:visible;pointer-events:auto;font-size:16px!important;border-radius:0!important;background:#00C2D4!important;color:#0C1C28!important}
 .n26-site .nav4024-social b{font-size:11px!important;padding:4px 3px!important;letter-spacing:-.2px}
 .n26-site .intl-nav{flex-wrap:nowrap!important;min-height:68px}
 .n26-site .intl-links{min-width:0}
 .n26-site .intl-links>a{display:none!important}
 .n26-site .n26-menu>nav{max-height:calc(100dvh - 78px)!important}
 .n26-site .how-premium-copy small,.n26-site .hero-proof span,.n26-site .sitev2-family-more,.n26-site .sitev2-video-caption span,.n26-site .sitev2-family-card p,.n26-site .sitev2-calc-note,.n26-site .sitev2-calc-breakdown,.n26-site .control-panel li,.n26-site .intl-footer-legal,.n26-site .intl-footer-brand p,.n26-site .intl-footer-bottom{font-size:14px!important;line-height:1.5}
 .n26-site .how-premium-number,.n26-site .eyebrow,.n26-site .section-head>span,.n26-site .sitev2-family-card>div>span,.n26-site .sitev2-launch-ribbon{font-size:12px!important}
 .n26-site .n26-number{font-size:13px!important}
 .n26-site .intl-footer a,.n26-site .n26-menu>nav a{min-height:44px!important;display:flex!important;align-items:center}
 .n26-site .nav4024-watch,.n26-site .final-demo-link,.n26-site .intl-links a{min-height:44px}
}

/* Keep the same one-row mobile header through tablet breakpoint. */
@media(min-width:701px) and (max-width:768px){
 .n26-site .intl-nav{flex-wrap:nowrap!important}
 .n26-site .intl-links>a{display:none!important}
 .n26-site .intl-links{min-width:0;flex:0 0 auto!important}
 .n26-site .n26-menu>nav{max-height:calc(100dvh - 92px)!important}
}
@media(max-width:560px){
 /* Social names need room: avoid squeezing three badges onto a tiny photo. */
 .n26-site .nav4024-social{inset-inline:2px;justify-content:space-evenly}
 .n26-site .nav4024-social b{padding-inline:2px!important;font-size:11px!important}
 .n26-site .sitev2-family-card{min-width:0}
 .n26-site .sitev2-family-more{font-size:14px!important}
}
.n26-site .n26-menu summary:focus-visible,.n26-site .mobile-cta:focus-visible,.n26-site .intl-footer a:focus-visible{outline:3px solid #00C2D4;outline-offset:2px}

/* Serve the locally generated 640px WebP rather than a large desktop background on phones. */
@media(max-width:768px){
 .n26-site.nav4024-home .sitev2-hero{
  background-image:url('/assets/navigam/optimized/home-santorini-640.webp')!important;
 }
 .n26-site .n26-feature-hero{
  background-image:linear-gradient(90deg,#fffffff2,#ffffffbb 50%,#ffffff05),url('/assets/navigam/optimized/home-santorini-640.webp')!important;
 }
 .n26-site .sitev2-family-hero,.n26-site .page-hero{
  background-image:linear-gradient(90deg,#fffffff5,#ffffffb5 50%,#ffffff00),url('/assets/navigam/optimized/home-santorini-640.webp')!important;
 }
}

/* Browser-verified 390x844 font floor: 12px minor labels, 14px readable prose. */
@media(max-width:768px){
 .n26-site .nav4024-social b{font-size:12px!important}
 .n26-site .sitev2-residents-note,
 .n26-site .final-demo-link,
 .n26-site .final-cta-actions .final-demo-link{font-size:14px!important;line-height:1.5}
 .n26-site .control-label,
 .n26-site .control-card .control-label{font-size:12px!important;line-height:1.5}
}