/* Shared navigation and commercial page */
header nav{gap:22px;font-size:14px;font-weight:600;letter-spacing:.25px}
header nav a{padding:10px 0}
.commercial-page .commercial-link,.residential-page .residential-link{box-shadow:inset 0 -2px var(--gold)}
.commercial-hero{padding-top:24px;gap:30px}
.commercial-hero .hero-copy{padding-top:35px}
.commercial-hero h1{font-size:clamp(52px,5.4vw,76px);letter-spacing:-3px}
.commercial-intro-note{font-size:15px;line-height:1.65;max-width:425px;border-left:2px solid var(--gold);padding-left:18px;color:var(--muted);margin-top:28px}
.commercial-product-stage{background:#f2f2eb;position:relative;padding:55px 35px 145px;min-height:610px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.commercial-product-stage>img{width:100%;height:390px;object-fit:contain}
.stage-label{position:absolute;left:28px;top:25px;font-size:13px;letter-spacing:2px;color:#6d795e}
.height-callout{position:absolute;bottom:22px;left:28px;right:28px;display:flex;align-items:center;gap:24px;border-top:1px solid #d6dace;padding-top:18px}
.height-callout strong{font-family:Manrope,Arial,sans-serif;font-size:55px;font-weight:500;letter-spacing:-3px;line-height:1}
.height-callout strong span{font-size:28px;letter-spacing:-1px}
.height-callout p{font-size:13px;line-height:1.6;margin:0;color:var(--muted)}
.commercial-spec-strip{background:var(--green);color:#fff;padding:24px 0}
.commercial-spec-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.commercial-spec-strip span{font-size:16px}
.commercial-spec-strip span:before{content:'✓';color:#ddbc77;margin-right:12px}
.commercial-overview,.commercial-suitability{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding:80px 0}
.commercial-overview .eyebrow,.commercial-suitability .eyebrow{color:#8d703d}
.commercial-overview p:not(.eyebrow),.commercial-suitability p:not(.eyebrow){font-size:18px;line-height:1.75;color:var(--muted);margin-top:0}
.commercial-overview h2,.commercial-suitability h2{line-height:1.2}
.commercial-solutions{padding-bottom:75px}
.commercial-options{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.commercial-options article{border:1px solid var(--line)}
.option-img{height:350px;background:var(--cream);padding:25px}
.option-img img{width:100%;height:100%;object-fit:contain}
.option-copy{padding:30px}
.option-copy h3{font-size:29px}
.option-copy .eyebrow{font-size:13px;color:#8f743f;margin-bottom:12px}
.option-copy>p:last-child{font-size:17px;line-height:1.7;color:var(--muted);margin-bottom:0}
.height-feature{display:grid;grid-template-columns:1fr 1.35fr;gap:40px;align-items:center;padding:35px;margin-top:28px;background:#eef0e9}
.height-feature .eyebrow{font-size:13px;margin-bottom:10px}
.height-feature strong{font-size:32px;font-weight:500;font-family:Manrope,Arial,sans-serif;letter-spacing:-1px}
.height-feature>p{font-size:17px;color:var(--muted);margin:0;line-height:1.7}
.commercial-installation .section-heading>p{color:#bdcdc5;max-width:420px}
.commercial-installation .eyebrow{color:#d7b771}
.commercial-services{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 40px;margin:45px 0}
.commercial-services article{border-top:1px solid #4d645b;padding-top:18px}
.commercial-services article>span{font-size:15px;color:#dabc7b}
.commercial-services h3{font-size:24px;line-height:1.3;margin-top:18px}
.commercial-services p{font-size:17px;line-height:1.7;color:#bdcdc5;margin-bottom:0}
.commercial-suitability .guidance-note{font-size:15px!important;border-top:1px solid var(--line);padding-top:20px}
.guidance-note a{text-decoration:underline;text-underline-offset:3px;color:var(--green)}
.commercial-quality{background:var(--cream);padding:60px 0}
.quality-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:start}
.quality-grid h2{font-size:36px;line-height:1.25}
.quality-grid>div>p:not(.eyebrow){font-size:17px;color:var(--muted);line-height:1.75}
.quality-details article{border-bottom:1px solid #d4d9ca;padding:8px 0 20px;margin-bottom:20px}
.quality-details strong{font-size:27px;font-weight:500;letter-spacing:-.5px}
.quality-details p{font-size:16px;color:var(--muted);margin:10px 0 0}
@media(max-width:1200px){header.wrap{height:auto;min-height:110px;flex-wrap:wrap;gap:10px 25px;padding-top:12px;padding-bottom:18px}header nav{order:3;width:100%;justify-content:center;display:flex;flex-wrap:wrap;gap:8px 25px}.commercial-hero{gap:20px}.commercial-hero .eyebrow{font-size:12px;letter-spacing:.8px}}
@media(max-width:950px){.commercial-overview,.commercial-suitability,.quality-grid{gap:35px}.commercial-services{grid-template-columns:1fr 1fr;gap:30px}.commercial-product-stage{padding:60px 20px 140px}.height-callout{gap:15px;left:20px;right:20px}.height-callout strong{font-size:45px}.height-feature{gap:25px;padding:25px}.height-feature strong{font-size:28px}.commercial-spec-strip .wrap{justify-content:center}.commercial-overview h2,.commercial-suitability h2{font-size:36px}}
@media(max-width:760px){header nav{font-size:13px;gap:0 18px}header nav a{padding:10px 0}.commercial-hero{padding-top:0}.commercial-hero h1{font-size:58px}.commercial-hero .hero-copy{padding-top:25px}.commercial-product-stage{min-height:490px;padding:50px 20px 130px}.commercial-product-stage>img{height:300px}.height-callout strong{font-size:48px}.commercial-spec-strip{padding:20px 0}.commercial-spec-strip .wrap{gap:12px 18px;justify-content:flex-start}.commercial-spec-strip span{font-size:14px}.commercial-overview,.commercial-suitability,.quality-grid{grid-template-columns:1fr;gap:25px}.commercial-overview,.commercial-suitability{padding:50px 0}.commercial-options{grid-template-columns:1fr;gap:24px}.option-img{height:300px}.option-copy{padding:25px}.height-feature{grid-template-columns:1fr;gap:18px}.commercial-solutions{padding-bottom:45px}.commercial-services{grid-template-columns:1fr;gap:30px}.commercial-services h3{font-size:24px}.commercial-quality{padding:45px 0}.quality-grid h2{font-size:32px}.commercial-intro-note{font-size:15px}.commercial-page .quote h2{font-size:32px}}
@media(max-width:420px){header nav{justify-content:space-between;font-size:12px;gap:0 12px}.commercial-hero h1{font-size:52px}.commercial-product-stage{min-height:450px}.height-callout{gap:12px}.height-callout p{font-size:12px}}

.quality-details .certification-panel{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:start;gap:24px;padding-top:12px;padding-bottom:24px;text-align:left}
.certification-logo{display:block;width:110px;height:140px;object-fit:contain;object-position:left top;margin:0;mix-blend-mode:multiply}
.certificate-reference{display:inline-block;margin-top:10px;font-size:14px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:420px){.quality-details .certification-panel{grid-template-columns:85px minmax(0,1fr);gap:18px}.certification-logo{width:85px;height:110px}.quality-details strong{font-size:24px}}

.commercial-page #quote-form > button { margin-top: 24px; padding-top: 20px; padding-bottom: 20px; }
.residential-page #quote-form > button { margin-top: 24px; padding-top: 20px; padding-bottom: 20px; }

.certification-logo[src="assets/bsi-iso9001.png"] { filter: url(#bsi-full-opacity); }

/* Enquiry form sending (app.js) and spam protection */
.hp-field { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.grecaptcha-badge { visibility: hidden; }
.quote-panel .recaptcha-notice { font-size: 13px; line-height: 1.6; color: var(--muted); min-height: 0; margin: 16px 0 0; }
.quote-panel .recaptcha-notice a { color: var(--green); text-decoration: underline; }
#form-status { margin: 16px 0 0; padding: 12px 14px; border-left: 4px solid var(--gold); background: var(--cream); color: var(--ink); min-height: 0; }
#form-status.form-success { border-left-color: #2e7d4f; }
#form-status.form-error { border-left-color: #b3261e; }
.quote-panel button:disabled { opacity: .7; cursor: progress; }
.footer-bottom span a { color: inherit; text-decoration: underline; }

/* Privacy notice page */
.privacy { max-width: 760px; padding-top: 48px; padding-bottom: 72px; }
.privacy h1 { font-size: clamp(32px, 6vw, 48px); line-height: 1.1; margin: 8px 0 24px; }
.privacy h2 { font-size: 22px; line-height: 1.3; margin: 36px 0 12px; }
.privacy p { font-size: 16px; line-height: 1.7; margin: 0 0 14px; }
.privacy a { color: var(--green); text-decoration: underline; }
.privacy .updated { color: var(--muted); font-size: 14px; margin-top: 36px; }

/* Footer links and Facebook icon */
.footer-links { display: flex; align-items: center; gap: 12px; }
.footer-social { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; color: var(--green); }
.footer-social:hover, .footer-social:focus-visible { background: var(--line); }