/* polish6 phone layer (2026-10-18). Loaded last on every page. CSS only, no images. */
.hdr-call-i{display:none}
html{scroll-padding-top:76px}
[id]{scroll-margin-top:76px}

@media (max-width:959px){
 /* header: logo left, quiet call icon + Menu right. Solid fill, no blur needed (some Androids skip backdrop-filter). */
 .site-header[data-shrink]::before{background:#0a162e!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 .site-header[data-shrink].is-shrunk:not(.is-top),.site-header[data-shrink].is-shrunk:not(.is-top) .m-inner{transform:none!important}
 .site-header[data-shrink].is-shrunk:not(.is-top) .m-logo{transform:none!important}
 .site-header .header-inner{min-height:64px;padding-top:10px!important;padding-bottom:10px!important;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px}
 .site-header .logo{display:flex;align-items:center;min-width:0;flex:0 1 auto}
 .site-header .logo-img{height:40px!important;width:auto!important;max-width:58vw;object-fit:contain;opacity:1!important;visibility:visible!important}
 .site-header .header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
 .site-header .header-actions .hdr-phone,.site-header .header-actions .btn-primary,.site-header .hdr-call-m{display:none!important}
 .hdr-call-i{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.04);color:#ff5a5f;text-decoration:none;flex:0 0 auto}
 .hdr-call-i:active{background:rgba(255,255,255,.12)}
 .hdr-call-i:focus-visible{outline:3px solid #fff;outline-offset:2px}
 .site-header .menu-toggle{min-height:44px;min-width:64px}
 .lgx{display:none!important}
 /* open menu: fits the screen and scrolls if it has to (landscape) */
 .site-header .nav-mobile.open{max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:12px}
}
@media (max-width:959px) and (max-height:500px){
 html{scroll-padding-top:60px}
 [id]{scroll-margin-top:60px}
 .site-header .header-inner{min-height:54px;padding-top:5px!important;padding-bottom:5px!important}
 .site-header .logo-img{height:34px!important}
 .site-header .nav-mobile.open{max-height:calc(100vh - 54px);max-height:calc(100dvh - 54px);display:grid!important;grid-template-columns:1fr 1fr;column-gap:24px}
}

/* slim bottom call bar (polish6 only) */
.p6-bar{display:none}
@media (max-width:959px) and (min-height:501px){
 .p6-bar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(10,22,46,.97);border-top:1px solid rgba(255,255,255,.1);padding-bottom:env(safe-area-inset-bottom,0px);transition:transform .3s cubic-bezier(.25,.8,.3,1);box-shadow:0 -6px 18px rgba(4,8,18,.18)}
 .js .p6-bar{transform:translate3d(0,110%,0)}
 .js.p6-bar-show .p6-bar{transform:none}
 .nav-open .p6-bar{transform:translate3d(0,110%,0)!important}
 .p6-bar a{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;color:#fff;text-decoration:none;font-size:15px;line-height:1}
 .p6-bar-ic{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#e21e25;color:#fff;flex:0 0 auto}
 .p6-bar-n{font-weight:600;letter-spacing:.01em}
 .p6-bar-s{color:rgba(255,255,255,.62);font-size:13px}
 .p6-bar a:focus-visible{outline:3px solid #fff;outline-offset:-3px}
}
@media (prefers-reduced-motion:reduce){.p6-bar{transition:none!important}}

/* Home: merged process block */
.p6-install{margin-top:1.1rem;padding-top:1rem;border-top:1px solid rgba(10,22,46,.1)}
.p6-install p{margin:0 0 .6rem;font-size:.98rem}
.p6-chain{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 6px;counter-reset:p6}
.p6-chain li{counter-increment:p6;display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 6px;border-radius:999px;background:rgba(10,22,46,.06);font-size:.88rem;line-height:1.2;color:inherit}
.p6-chain li::before{content:counter(p6);display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#0a162e;color:#fff;font-size:.75rem;font-weight:600}
.p6-more{text-align:center;margin:.6rem 0 0}
.p6-more a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}

/* phones: card stacks become swipe rows (scroll-snap), next card peeks so it reads as swipeable */
@media (max-width:719px){
 .p6-snap{display:flex!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)!important;margin-right:0!important;padding:4px calc(50vw - 50%) 10px;padding:4px 16px 10px;scroll-padding-left:16px;box-sizing:border-box;overscroll-behavior-x:contain}
 .p6-snap::-webkit-scrollbar{display:none}
 .p6-snap>*{flex:0 0 84%!important;max-width:84%;scroll-snap-align:start;margin:0!important;box-sizing:border-box}
 .p6-snap:focus-visible{outline:3px solid #e21e25;outline-offset:2px}
 .m-on .p6-snap [data-reveal],.m-on .p6-snap[data-reveal]{opacity:1!important;transform:none!important}
 .p6-snap .lift{transform:none!important}
 /* tighter section rhythm on phones */
 .section{padding-top:56px;padding-bottom:56px}
 .section-sm{padding-top:36px;padding-bottom:36px}
 .section-head{margin-bottom:1.4rem}
 .p6-reviews .rq blockquote p{font-size:.98rem;line-height:1.55}
 .p6-btns{gap:10px}
 /* footer: compact two-column links */
 .site-footer{padding-top:36px}
 .site-footer .footer-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:22px 18px!important}
 .site-footer .footer-grid>div:first-child{grid-column:1/-1}
 .site-footer .footer-links{display:flex;flex-direction:column;gap:0}
 .site-footer .footer-links a{display:flex;align-items:center;min-height:44px;padding:0}
 .site-footer h3{margin-bottom:.3rem}
 .site-footer .footer-logo{max-width:200px;height:auto}
 .site-footer .footer-bottom{font-size:.8rem;padding-top:14px}
}
@media (max-width:359px){.p6-snap>*{flex-basis:88%!important;max-width:88%}}

@media (max-width:959px){.site-header .logo{min-height:44px}}
.tg-phone{min-height:44px;display:inline-flex;align-items:center}
@media (max-width:719px){
 /* Home hero ends after the proof row instead of filling a fixed screen height */
 .p26-hero{min-height:0!important;padding-top:0!important;padding-bottom:0!important}
 .p26-hero>.container{padding-top:100px!important;padding-bottom:48px!important}
 /* merged process block: rows, not stacked cards */
 .p6-process .tg-next-card{padding:22px 18px!important}
 .p6-process .tg-next-steps{gap:0!important}
 .p6-process .tg-next-steps li{background:none!important;box-shadow:none!important;border:0!important;border-top:1px solid rgba(10,22,46,.08)!important;border-radius:0!important;padding:12px 0!important;gap:12px!important}
 .p6-process .tg-next-steps li:first-child{border-top:0!important}
 .p6-process .tg-next-steps li b{width:30px!important;height:30px!important;min-width:30px;font-size:.95rem!important}
 .p6-process .tg-next-steps h3{font-size:1.06rem!important;margin:0 0 2px!important}
 .p6-process .tg-next-steps p{font-size:.94rem!important;line-height:1.5!important;margin:0!important}
 .p6-process .tg-next-cta{margin-top:14px!important}
 /* Comfort Club + CTA band: less air */
 #comfort-club .section-head p{font-size:.98rem}
 .cta-band{padding-top:44px!important;padding-bottom:44px!important}
}


@media (max-width:719px){
 .site-footer .footer-grid>div:last-child{grid-column:1/-1}
 .site-footer .footer-grid>div:last-child .footer-links{flex-direction:row;flex-wrap:wrap;column-gap:18px}
}
/* headings: no single-word last lines */
h1,h2,h3,.tg-h{text-wrap:balance}
p,li,blockquote{text-wrap:pretty}
/* open menu fills the screen below the header, page behind does not show or scroll */
@media (max-width:959px){
 .site-header .nav-mobile.open{min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);box-sizing:border-box;background:#0a162e}
 html.nav-open,html.nav-open body{overflow:hidden}
}
@media (max-width:959px) and (max-height:500px){.site-header .nav-mobile.open{min-height:calc(100vh - 54px);min-height:calc(100dvh - 54px)}}

/* the bar hides itself at the footer, so no body padding (it showed a cream strip under the footer); footer keeps the home-indicator gap */
@media (max-width:959px){.site-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))!important}}
.promise-num{color:#0b6f9e!important}
/* standalone text links under sections: 44px tap height */
.p26-center a:not(.btn),.tier-note a:not(.btn),p.foot a{display:inline-flex;align-items:center;min-height:44px}
