/* r3push: photo framing, review strip, Comfort Club band, mobile polish */
/* Home hero: new AS condenser photo (1080x1440). Show the whole unit and pad on desktop. */
@media (min-width:1101px){.p26-hero .p26-shot{background-size:cover!important;background-position:50% 84%!important}}
@media (max-width:1100px){.p26-hero .p26-shot{background-position:50% 62%!important}}
/* Our Work hero: new photo, frame the unit on phones (the 16:9 strip was set to the top 4% for the old photo) */
.r2s-owph picture{display:block;width:100%;height:100%}
@media (max-width:899px){.r2s-owhero .r2s-owph img{object-position:50% 50%}}
.ow-gal .ow-ph img{object-position:50% 55%}

/* Google review strip */
.r3-revstrip{padding:1.6rem 0 .4rem}
.r3-rev-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;background:var(--paper,#fff);border:1px solid rgba(18,26,42,.08);border-radius:var(--radius,14px);box-shadow:var(--shadow);padding:1.25rem 1.4rem}
.r3-rev-txt{flex:1 1 22rem;min-width:0}
.r3-rev-txt .eyebrow{margin:0 0 .25rem}
.r3-rev-txt h2{font-size:clamp(1.25rem,2.4vw,1.6rem);line-height:1.25;margin:0 0 .35rem;color:var(--navy)}
.r3-rev-q{margin:0;color:#3d4556;font-size:.95rem;line-height:1.5}
.r3-rev-stars{color:#e8a317;letter-spacing:.08em;margin-right:.25rem}
.r3-rev-by{display:inline-block;color:#5a6274;font-size:.85rem;margin-left:.2rem}
.r3-rev-btns{display:flex;flex-wrap:wrap;gap:.6rem}
.r3-rev-btns .btn{min-height:48px}
@media (max-width:719px){.r3-revstrip{padding:1.2rem 0 .2rem}.r3-rev-card{padding:1.05rem 1rem}.r3-rev-btns{width:100%}.r3-rev-btns .btn{flex:1 1 100%;justify-content:center;text-align:center}}

/* Home Comfort Club band */
#comfort-club h2 em{display:block;font-style:italic}
.r3-cc{display:grid;grid-template-columns:auto 1fr;gap:1.2rem 2rem;align-items:center;max-width:56rem;margin:0 auto 1.4rem;padding:1.3rem 1.5rem;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius,14px);background:rgba(255,255,255,.05)}
.r3-cc-price{display:flex;flex-direction:column;align-items:flex-start;color:rgba(255,255,255,.82);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}
.r3-cc-price b{font-family:var(--display);font-size:clamp(2.2rem,5vw,3rem);line-height:1.05;color:#fff;letter-spacing:0;text-transform:none;font-weight:500}
.r3-cc-perks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.r3-cc-perks li:nth-child(2){grid-column:span 2}
.r3-cc-perks li{display:flex;flex-direction:column;gap:.1rem;padding:.7rem .8rem;border-radius:10px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.88);font-size:.92rem;line-height:1.35}
.r3-cc-perks b{color:#fff;font-size:1.15rem;font-weight:600}
@media (max-width:719px){.r3-cc{grid-template-columns:1fr;padding:1.1rem 1rem;gap:.9rem}.r3-cc-perks{grid-template-columns:1fr 1fr}.r3-cc-perks li:nth-child(2){grid-column:1/-1;order:-1}}

/* /comfort-club hero join */
.r3-hero-perks{list-style:none;margin:.9rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.r3-hero-perks li{padding:.38rem .75rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:.88rem;line-height:1.3}
.r3-hero-rev{margin:.8rem 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:0 .6rem;font-size:.92rem}
.r3-hero-rev a{color:#fff;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px}
.r3-hero-rev span{color:rgba(255,255,255,.5)}
@media (max-width:479px){.r3-hero-rev{gap:0 1.1rem}.r3-hero-rev span{display:none}}

/* Mobile polish */
/* Service Areas: town cards clipped at 360-400px (two columns could not fit the nowrap phone line) */
.town-grid>*{min-width:0}
@media (max-width:559px){.town-grid{grid-template-columns:1fr}}
main a[href^="tel:"]:not(.btn){column-gap:.3em;flex-wrap:wrap}
/* About: decorative mark sat under the logo and ran off the tile edge at desktop widths */
@media (min-width:960px){.ab-band-media .ab-brand-tile img.ab-brand-mark{width:34%;max-width:300px;right:5%;bottom:5%}}
/* Page-hero mark: do not upscale past its 402px source */
@media (min-width:960px){.p26-phero-mark{max-width:402px}}
/* Consistent button sizing on phones */
@media (max-width:719px){
 main .btn{min-height:48px;font-size:.95rem}
 main .btn-lg{padding:.85rem 1.25rem}
 .hero-ctas,.stack-btns,.ow-cta,.ow-gal-cta{gap:.6rem}
 .section-head{margin-bottom:1.25rem}
}
/* CTA band: room between the buttons and the texting note on phones */
@media (max-width:719px){.cta-band .hero-ctas+.p26-text{margin-top:1.1rem}}

/* ===== r3 fix2 (Android Chrome review 10/17) ===== */
/* 3+4 header: paint the navy on the header element itself. It used to come only from z-index:-1 pseudo layers with
   backdrop-filter (plus a mix-blend-mode child), which some Android GPUs drop, leaving the header see-through:
   navy over the hero, "white" over the page, and the hero caption showing through over the logo. */
.p26-hdr{background-color:#0c1830!important;isolation:isolate;transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease!important}
.p26-hdr::before{background:#0c1830!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.p26-hdr::after{background:#0a162e;transition:opacity .25s ease!important}
.p26-hdr .m-inner{mix-blend-mode:normal;transition:transform .25s ease!important}
.p26-hdr .m-logo{transition:transform .25s ease!important}
[data-shrink].p26-hdr.is-shrunk:not(.is-top){box-shadow:0 6px 18px rgba(4,8,18,.28)}
@media (prefers-reduced-motion:reduce){.p26-hdr,.p26-hdr::after,.p26-hdr .m-inner,.p26-hdr .m-logo{transition:none!important}}
/* hero card caption is always contained in its figure */
.r2s-owfig{position:relative;z-index:0}
.r2s-owfig figcaption{position:static}

/* 1 gallery: one consistent aspect box per tile, image absolutely filled with object-fit:cover (no engine can stretch it) */
.ow-gal .ow-ph{position:relative;aspect-ratio:4/5!important;height:auto!important;flex:none!important;min-height:0}
.ow-gal .ow-ph img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;object-position:50% 50%}
/* no sticky hover zoom after a tap on touch screens */
@media (hover:none){.ow-ph img,.r2s-owph img,.ow-pair figure img,.r2s-owfig img{transform:none!important}.r2s-owfig,.ow-pair figure{transform:none!important}}
/* Our Work gallery: 8 tiles in an even grid, 2 columns on phones and 4 on desktop (no full-width last tile) */
@media (min-width:900px){ .ow-gal>li{grid-column:span 3} }

/* 5 compact one-row call bar (1px top border + 5px + 48px buttons + 6px = 60px, plus the safe-area inset); the page reserves exactly that */
@media (max-width:719px){
 .mobile-callbar{flex-wrap:nowrap!important;align-items:center;gap:8px;padding:5px 10px calc(6px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box}
 .mobile-callbar .btn{height:48px;min-height:48px;padding-top:0;padding-bottom:0;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;justify-content:center}
 .mobile-callbar .btn-primary{flex:1 1 auto;min-width:0}
 .mobile-callbar .btn-ghost{flex:0 0 auto}
 body:has(.mobile-callbar){padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))!important}
 body:has(.mobile-callbar) .site-footer{padding-bottom:calc(2rem + 16px)!important}
}
/* Comfort Club perk cards on phones: the check badge sat on top of wide figures ("No OT"); give it its own row */
@media (max-width:719px){.p26-perks .special::after{top:.6rem;right:.6rem;width:1.4rem;height:1.4rem;background-size:62%}.p26-perks .special{padding-top:2.4rem!important}}

/* polish2: official American Standard stills on the Home service cards */
.svc-has-prod .svc-card{padding:0;overflow:hidden}
.svc-has-prod .svc-card-body{padding:1rem 1.2rem 1.2rem}
.svc-prod{display:block;aspect-ratio:4/3;background:#0b1125;overflow:hidden}
.svc-prod img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:899px){.svc-has-prod .svc-card-body{padding:.8rem .85rem 1rem}}
/* polish2: footer service-area line */
.ft-towns{display:block;margin-top:.55rem;font-size:.86em;line-height:1.5;opacity:.82}
.tg-split-v>.tg-bg.tg-prod{object-position:50% 50%!important}
@media (min-width:960px){.p26-phero-mark{right:2vw}}
/* polish2: 44px desktop nav tap targets */
.p26-hdr .nav a{min-height:44px;display:inline-flex;align-items:center}
@media (min-width:1180px){.p26-hdr .hdr-phone{min-height:44px;justify-content:center}}
/* polish2: WCAG AA contrast */
.town .n{color:#c8161d}
.eq-tab[aria-selected="false"] small{color:#0a76a6}
.eq-side .eyebrow{color:#c8161d}
.sr-h{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* polish2: quiet town-card call links (navy, phone icon, 44px) */
.town-grid .town .town-call{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:0;margin:.35rem 0 -.5rem;color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-color:rgba(12,24,48,.35);text-underline-offset:3px}
.town-grid .town .town-call::before{content:"";flex:none;width:1em;height:1em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat}
.town-grid .town .town-call:hover{text-decoration-color:currentColor}