
/* SEO service content and service detail pages */
.seo-services{background:#f4f1eb;color:#142331}
.seo-services .section-head{align-items:end;margin:22px 0 48px}
.seo-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(20,35,49,.16);border:1px solid rgba(20,35,49,.16)}
.seo-service-grid article{background:#f4f1eb;padding:30px;min-height:245px}
.seo-service-grid article>span,.service-kicker{font-size:10px;letter-spacing:.16em;color:#9a7744;font-weight:700}
.seo-service-grid h3{font:700 23px/1.2 Manrope,sans-serif;margin:22px 0 12px}
.seo-service-grid p{font-size:14px;line-height:1.75;color:#59636a}
.seo-service-grid a,.service-content a{color:#9a7744;text-decoration:none;font-weight:700;font-size:13px}
.seo-service-grid a:hover,.service-content a:hover{text-decoration:underline}
.service-page{background:#f4f1eb;color:#142331;min-height:100vh}
.service-nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid #d8d3ca}
.service-nav a{color:#142331;text-decoration:none}
.service-hero{padding:90px 0 72px;background:#0b1a28;color:#fff}
.service-hero h1{font:800 clamp(40px,6vw,76px)/1.04 Manrope,sans-serif;max-width:950px;letter-spacing:-.045em;margin:20px 0}
.service-hero p{font-size:18px;line-height:1.75;max-width:760px;color:#d3dbe0}
.service-content{max-width:980px;margin:auto;padding:70px 24px 90px}
.service-content h2{font:750 30px/1.2 Manrope,sans-serif;margin:52px 0 16px}
.service-content h3{font:700 20px/1.3 Manrope,sans-serif;margin:28px 0 10px}
.service-content p,.service-content li{font-size:16px;line-height:1.85;color:#4f5b63}
.service-content ul{padding-left:22px}
.service-callout{padding:26px 30px;border-left:3px solid #c7a66d;background:#ebe6dc;margin:32px 0}
.service-faq{border-top:1px solid #d5d0c7;padding:20px 0}
.service-faq h3{margin:0 0 8px}
.service-cta{background:#0b1a28;color:#fff;padding:46px;border-radius:4px;margin-top:55px}
.service-cta p{color:#d3dbe0}
.service-cta a{display:inline-block;margin:12px 18px 0 0;color:#e2c18c;font-weight:700}
.service-footer{padding:24px 0;border-top:1px solid #d5d0c7;color:#68737a;font-size:12px}
@media(max-width:800px){.seo-service-grid{grid-template-columns:1fr 1fr}.service-hero{padding:65px 0 55px}.service-content{padding:48px 20px 65px}}
@media(max-width:520px){.seo-service-grid{grid-template-columns:1fr}.seo-service-grid article{min-height:auto}.service-cta{padding:28px}}

.service-nav-links,.service-footer-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.service-nav-links a,.service-footer-links a{font-size:11px;font-weight:700;letter-spacing:.02em;color:#5d6870}
.service-nav-links a:hover,.service-footer-links a:hover{color:#9a7744}
@media(max-width:850px){.service-nav{align-items:flex-start;gap:18px;flex-direction:column}.service-nav-links,.service-footer-links{justify-content:flex-start;gap:10px 16px}}

.seo-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:28px 44px;margin-top:32px}
.seo-faq-list article{border-top:1px solid rgba(20,35,49,.2);padding-top:18px}
.seo-faq-list h3{font:700 18px/1.35 Manrope,sans-serif;margin:0 0 10px}
.seo-faq-list p{font-size:14px;line-height:1.8;color:#59636a}
@media(max-width:650px){.seo-faq-list{grid-template-columns:1fr}}

/* Additional company and regional SEO content */
.regional-content{margin:2.5rem 0;padding:1.5rem 0;border-top:1px solid rgba(120,140,160,.22)}
.regional-content h2{margin:1.8rem 0 .65rem}
.regional-content p{line-height:1.8}
.seo-home-content{padding-top:5rem;padding-bottom:5rem;max-width:1100px}
.seo-home-content h2{max-width:850px;margin:.8rem 0 1rem}
.seo-home-content p{max-width:900px;line-height:1.85}
.seo-home-content a{ text-decoration:underline;text-underline-offset:3px}

/* Added product imagery for CTs, earthing rods, solar installation and STP panels */
.seo-product-thumb { display:block; width:100%; aspect-ratio:3 / 2; object-fit:cover; border-radius:12px; margin:0 0 16px; border:1px solid rgba(25,63,117,.12); box-shadow:0 8px 24px rgba(12,35,72,.08); }
.service-product-image { max-width:980px; margin:28px auto; padding:0 24px; }
.service-product-image img { display:block; width:100%; max-height:460px; object-fit:cover; border-radius:18px; border:1px solid rgba(25,63,117,.12); box-shadow:0 14px 36px rgba(12,35,72,.12); }
.service-product-image figcaption { color:#64748b; font-size:.9rem; margin-top:8px; }
@media (max-width:640px) { .service-product-image { padding:0 16px; margin:20px auto; } .service-product-image img { max-height:300px; } }
