/* Bathroom service page: scoped styles, matching the supplied reference structure. */
.page-id-128 #site-header .header-inner{gap:18px;max-width:1240px}
.page-id-128 #site-header .header-logo{flex-shrink:0;gap:12px}
.page-id-128 #site-header .custom-logo,.page-id-128 #site-header .site-logo-img{width:180px!important;height:auto!important;max-height:78px;object-fit:contain;aspect-ratio:auto!important}
.page-id-128 #site-header .corp-logo-img{width:115px!important;height:auto!important;max-height:55px;object-fit:contain;aspect-ratio:auto!important}
.page-id-128 #site-header #primary-nav .nav-menu{gap:2px}
.page-id-128 #site-header #primary-nav .nav-menu>li>a{font-size:13px;padding-inline:10px}
.page-id-128 #site-header .btn-call{font-size:12px;padding:11px 13px}
@media(min-width:1025px) and (max-width:1200px){.page-id-128 #site-header .corp-logo-img{display:none}.page-id-128 #site-header .custom-logo{width:155px!important}}
@media(max-width:1024px){.page-id-128 #site-header .custom-logo{width:155px!important}.page-id-128 #site-header .corp-logo-img{width:90px!important}}
@media(max-width:480px){.page-id-128 #site-header .corp-logo-img{width:75px!important}.page-id-128 #site-header .custom-logo{width:145px!important}.page-id-128 #site-header .header-inner{gap:10px}}
.hg-bath{--hb-ink:#182238;--hb-gold:#dea004;--hb-soft:#f3f7f9;--hb-line:#dce5eb;color:#303d4d;font-size:16px;line-height:1.75}
.hg-bath *{box-sizing:border-box}
.hg-bath [id]{scroll-margin-top:150px}
.hg-bath .hb-shell{width:min(100% - 48px,1000px);margin-inline:auto}
.hg-bath .hb-section{padding:54px 0}
.hg-bath .hb-soft{background:var(--hb-soft)}
.hg-bath h1,.hg-bath h2,.hg-bath h3{font-family:var(--font-head);color:var(--hb-ink);font-weight:700}
.hg-bath h1{font-size:clamp(36px,4vw,50px);line-height:1.08;letter-spacing:-.5px;margin:0 0 22px}
.hg-bath h2{font-size:clamp(26px,3vw,32px);line-height:1.2;margin:0 0 20px}
.hg-bath h3{font-size:20px;line-height:1.3;margin:0 0 9px}
.hg-bath p{margin:0 0 18px}
.hg-bath a{transition:background .16s,color .16s}
.hg-bath a:focus-visible,.hg-bath [tabindex]:focus-visible{outline:3px solid #a56a00;outline-offset:5px}
.hg-bath .hb-hero{background:var(--hb-ink);padding:26px 0 48px;color:#e3e9ef}
.hg-bath .hb-crumbs{display:flex;flex-wrap:wrap;gap:9px;font-size:12px;line-height:1.6;margin-bottom:30px;color:#d7e0e7}
.hg-bath .hb-crumbs a{text-decoration:underline;text-underline-offset:3px}
.hg-bath .hb-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}
.hg-bath .hb-hero h1{color:#fff}
.hg-bath .hb-eyebrow{font-size:11px;line-height:1.6;letter-spacing:1.6px;font-weight:700;color:#f4c85c;margin-bottom:16px}
.hg-bath .hb-lead{font-size:18px;line-height:1.65;color:#fff}
.hg-bath .hb-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:26px 0 16px}
.hg-bath .hb-button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:12px 19px;border-radius:4px;font-size:13px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;border:1px solid transparent}
.hg-bath .hb-button-gold{background:var(--hb-gold);color:#171d29}
.hg-bath .hb-button-gold:hover{background:#f1b622;color:#111827}
.hg-bath .hb-button-light{border-color:#8e9aac;color:#fff;background:transparent}
.hg-bath .hb-button-light:hover{background:#fff;color:var(--hb-ink)}
.hg-bath .hb-hero-note{font-size:12px;color:#d8e0e8;margin-bottom:9px}
.hg-bath .hb-hero-contact{font-size:12px;color:#f6cc66;text-decoration:underline;text-underline-offset:3px}
.hg-bath .hb-hero-visual{margin:0;background:#10192a;border-radius:8px;overflow:hidden;box-shadow:0 12px 26px #0003}
.hg-bath .hb-photo-label{background:#fff;color:var(--hb-ink);padding:12px 18px;font-family:var(--font-head);font-size:18px;font-weight:700;border-top:4px solid var(--hb-gold)}
.hg-bath .hb-hero-visual .hb-hero-img{width:100%!important;height:350px!important;object-fit:cover;object-position:center 56%;display:block;aspect-ratio:auto!important}
.hg-bath .hb-hero-visual figcaption{padding:12px 16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 10px;font-size:11px;color:#fff;line-height:1.5}
.hg-bath .hb-hero-visual figcaption span:last-child{width:100%;color:#f6cc66}
.hg-bath .hb-takeaways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hg-bath .hb-card{background:#fff;border:1px solid #e1e8ee;border-radius:5px;padding:19px}
.hg-bath .hb-card h3{font-size:18px;color:#344764}
.hg-bath .hb-card p{font-size:13px;line-height:1.7;margin:0}
.hg-bath .hb-kicker{font-size:11px;letter-spacing:1.8px;font-weight:700;color:#805400;margin-bottom:8px}
.hg-bath .hb-table-wrap{overflow-x:auto;margin-top:24px;border:1px solid var(--hb-line);border-radius:4px}
.hg-bath table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6;text-align:left}
.hg-bath th,.hg-bath td{padding:14px 17px;border-bottom:1px solid var(--hb-line);vertical-align:top}
.hg-bath thead{background:#e9eff4;color:var(--hb-ink)}
.hg-bath thead th{border-bottom:2px solid #b58209}
.hg-bath tbody th{font-weight:600;width:27%;min-width:150px}
.hg-bath tbody tr:nth-child(even){background:#f5f7f9}
.hg-bath tbody tr:last-child>*{border-bottom:0}
.hg-bath .hb-soft tbody tr:nth-child(odd){background:#fff}
.hg-bath .hb-note{background:#f5f8fa;border-left:3px solid var(--hb-gold);padding:16px 20px;font-size:13px;margin-top:20px;line-height:1.8}
.hg-bath .hb-text-link{display:inline-block;color:#735000;font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:4px;margin-top:18px}
.hg-bath .hb-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.hg-bath .hb-gallery figure{margin:0;background:#fff;border:1px solid var(--hb-line);border-radius:4px;overflow:hidden}
.hg-bath .hb-gallery img{width:100%!important;height:235px!important;object-fit:cover;aspect-ratio:auto!important}
.hg-bath .hb-gallery a{display:block}
.hg-bath .hb-gallery a:hover{opacity:.88}
.hg-bath .hb-gallery figcaption{font-size:12px;line-height:1.5;padding:12px 14px;font-weight:600;color:var(--hb-ink)}
.hg-bath .hb-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 36px;margin-top:28px}
.hg-bath .hb-service-list article{border-bottom:1px solid var(--hb-line);padding-bottom:22px}
.hg-bath .hb-service-list p{margin:0;font-size:14px}
.hg-bath .hb-service-list a{text-decoration:underline;color:#735000;text-underline-offset:3px}
.hg-bath .hb-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none;margin:24px 0 0;padding:0}
.hg-bath .hb-steps li{display:flex;gap:13px;align-items:flex-start;background:#fff;padding:22px;border:1px solid var(--hb-line);border-radius:5px}
.hg-bath .hb-step-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--hb-ink);color:#fff;font-size:12px;font-weight:700}
.hg-bath .hb-steps h3{font-size:18px}
.hg-bath .hb-steps p{font-size:13px;margin:0}
.hg-bath .hb-area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 20px;margin-top:24px}
.hg-bath .hb-area-grid a{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--hb-line);padding:12px 0;font-size:14px;font-weight:600}
.hg-bath .hb-area-grid a span{color:#a56a00}
.hg-bath .hb-inline-cta{display:flex;justify-content:space-between;align-items:center;gap:26px;margin-top:36px;padding:24px;background:var(--hb-soft);border-left:4px solid var(--hb-gold)}
.hg-bath .hb-inline-cta h3{font-size:23px}
.hg-bath .hb-inline-cta p{font-size:13px;margin:0}
.hg-bath .hb-inline-cta .hb-button{flex-shrink:0}
.hg-bath .hb-map{width:100%;height:330px;border:0;border-radius:5px;display:block;background:#e5e7eb;margin-top:22px}
.hg-bath .hb-faqs{border:1px solid var(--hb-line);border-radius:4px;overflow:hidden}
.hg-bath .hb-faqs article{padding:20px 23px;border-bottom:1px solid var(--hb-line)}
.hg-bath .hb-faqs article:last-child{border-bottom:0}
.hg-bath .hb-faqs h3{font-size:19px;margin-bottom:7px}
.hg-bath .hb-faqs p{font-size:14px;margin:0}
.hg-bath .hb-centred{text-align:center}
.hg-bath .hb-summary{max-width:560px;margin:28px auto 0;background:#fff;box-shadow:0 8px 28px #1822381a;border-radius:7px;overflow:hidden}
.hg-bath .hb-summary-heading{background:var(--hb-ink);padding:24px 28px;border-top:5px solid var(--hb-gold)}
.hg-bath .hb-summary-heading p{font-size:11px;letter-spacing:2px;color:#f6cc66;font-weight:700;margin-bottom:10px}
.hg-bath .hb-summary-heading h3{font-size:34px;color:#fff;margin:0;line-height:1.1}
.hg-bath .hb-summary>img{width:100%!important;height:300px!important;object-fit:cover;object-position:center 57%;aspect-ratio:auto!important}
.hg-bath .hb-summary ol{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;padding:25px 28px;list-style:none;counter-reset:hb-summary}
.hg-bath .hb-summary li{counter-increment:hb-summary;font-size:13px}
.hg-bath .hb-summary li:before{content:"0" counter(hb-summary);display:block;color:#8c5c00;font-weight:700;font-size:11px;margin-bottom:4px}
.hg-bath .hb-summary li strong{display:block;font-family:var(--font-head);font-size:18px;color:var(--hb-ink);margin-bottom:4px}
.hg-bath .hb-summary li span{display:block;color:#536173;line-height:1.6}
.hg-bath .hb-summary-contact{display:block;padding:18px 24px;text-align:center;background:var(--hb-ink);color:#fff;font-size:22px;font-weight:700;line-height:1.5}
.hg-bath .hb-summary-contact span{display:block;color:#f6cc66;font-size:12px;font-weight:500}
.hg-bath .hb-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hg-bath .hb-related>a{border:1px solid var(--hb-line);border-top:3px solid var(--hb-gold);border-radius:4px;padding:24px}
.hg-bath .hb-related p{font-size:13px;color:#536173}
.hg-bath .hb-related span{font-size:12px;font-weight:700;color:#735000}
.hg-bath .hb-related>a:hover{background:var(--hb-soft)}
.hg-bath .hb-bottom-cta{background:var(--hb-ink);color:#e3e9ef;text-align:center}
.hg-bath .hb-bottom-cta h2{color:#fff}
.hg-bath .hb-bottom-cta .hb-actions{justify-content:center}
@media(min-width:761px) and (max-width:1050px){
 .hg-bath .hb-hero-grid{gap:30px}
 .hg-bath .hb-hero-visual .hb-hero-img{height:375px!important}
 .hg-bath .hb-actions{gap:10px}
 .hg-bath .hb-gallery img{height:210px!important}
}
@media(max-width:760px){
 .hg-bath .hb-shell{width:calc(100% - 36px)}
 .hg-bath .hb-section{padding:38px 0}
 .hg-bath .hb-hero{padding:20px 0 34px}
 .hg-bath .hb-hero-grid{grid-template-columns:1fr;gap:28px}
 .hg-bath .hb-crumbs{margin-bottom:24px;font-size:11px}
 .hg-bath h1{font-size:38px;max-width:500px}
 .hg-bath .hb-hero-visual{max-width:520px;width:100%;margin-inline:auto}
 .hg-bath .hb-hero-visual .hb-hero-img{height:340px!important}
 .hg-bath .hb-takeaways{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .hg-bath .hb-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hg-bath .hb-gallery img{height:260px!important}
 .hg-bath .hb-area-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hg-bath .hb-inline-cta{flex-direction:column;align-items:flex-start}
 .hg-bath .hb-steps{grid-template-columns:1fr}
 .hg-bath .hb-related{grid-template-columns:1fr}
 .hg-bath .hb-related>a{padding:20px}
 .hg-bath .hb-map{height:280px}
}
@media(max-width:480px){
 .hg-bath h1{font-size:36px}
 .hg-bath .hb-lead{font-size:17px}
 .hg-bath .hb-actions{align-items:stretch}
 .hg-bath .hb-actions .hb-button{width:100%}
 .hg-bath .hb-hero-visual .hb-hero-img{height:300px!important}
 .hg-bath .hb-card{padding:15px}
 .hg-bath .hb-card h3{font-size:17px}
 .hg-bath .hb-two-col{grid-template-columns:1fr;gap:22px}
 .hg-bath .hb-gallery img{height:210px!important}
 .hg-bath .hb-gallery{gap:10px}
 .hg-bath .hb-gallery figcaption{padding:10px;font-size:11px}
 .hg-bath .hb-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hg-bath th,.hg-bath td{padding:12px;font-size:13px}
 .hg-bath .hb-summary-heading{padding:22px}
 .hg-bath .hb-summary-heading h3{font-size:29px}
 .hg-bath .hb-summary ol{padding:22px;gap:18px}
 .hg-bath .hb-faqs article{padding:18px}
 .hg-bath .hb-summary>img{height:260px!important}
}
/* Preserve all logo and contact text in the new branded artwork. */
.hg-bath .hb-hero-visual.hb-branded-hero .hb-hero-img{width:100%!important;height:auto!important;aspect-ratio:1/1!important;object-fit:contain}
.hg-bath .hb-branded-hero figcaption a{font-size:12px;color:#fff;text-decoration:underline;text-underline-offset:3px}
.hg-bath .hb-infographic{max-width:640px;margin:26px auto 0}
.hg-bath .hb-infographic>a{display:block;box-shadow:0 8px 28px #1822381a;border-radius:6px;overflow:hidden}
.hg-bath .hb-infographic .hb-infographic-img{width:100%!important;height:auto!important;aspect-ratio:3/4!important;object-fit:contain;display:block}
.hg-bath .hb-infographic figcaption{font-size:13px;text-align:center;padding-top:14px}
.hg-bath .hb-infographic figcaption a{color:#735000;text-decoration:underline;text-underline-offset:3px}
