:root{
  --brand:#e71921;
  --brand-dark:#b70f16;
  --accent:#ff8a00;
  --accent-soft:#fff0df;
  --navy:#07111f;
  --navy-2:#0d1d32;
  --text:#101725;
  --muted:#617085;
  --line:#e6eaf0;
  --bg:#ffffff;
  --soft:#f7f8fb;
  --success:#08a83f;
  --radius:22px;
  --shadow:0 20px 55px rgba(7,17,31,.16);
  --shadow-soft:0 12px 35px rgba(7,17,31,.08);
  --max:1440px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.62}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(100% - 40px,var(--max));margin-inline:auto}.topbar{background:linear-gradient(90deg,#06101e,#0b1a2d);color:#fff;font-size:.92rem;border-bottom:1px solid rgba(255,255,255,.08)}.topbar .container{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:9px 0;flex-wrap:wrap}.topbar strong,.topbar a{color:#fff;font-weight:900}.topbar .hot{color:var(--accent);font-weight:950}.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,234,240,.92);box-shadow:0 10px 30px rgba(7,17,31,.04)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:86px}.logo{display:flex;align-items:center;gap:13px;min-width:max-content}.logo-mark{width:54px;height:54px;border-radius:18px;background:radial-gradient(circle at 30% 20%,#fff5 0 22%,transparent 23%),linear-gradient(135deg,var(--brand),var(--accent));display:grid;place-items:center;color:#fff;font-weight:950;box-shadow:0 14px 30px rgba(231,25,33,.25);letter-spacing:-.06em}.logo-text strong{display:block;font-size:1.08rem;letter-spacing:-.03em}.logo-text span{font-size:.78rem;color:var(--muted);font-weight:700;display:block;margin-top:-2px}.nav{display:flex;align-items:center;gap:4px}.nav a{padding:12px 13px;border-radius:999px;font-weight:850;font-size:.94rem;color:#172235}.nav a:hover,.nav a.active{background:#fff1f1;color:var(--brand)}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn,.btn{border:0;cursor:pointer;font-weight:900;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.2s ease;white-space:nowrap}.btn{padding:13px 20px;background:linear-gradient(135deg,var(--brand),#d21219);color:#fff;box-shadow:0 14px 28px rgba(231,25,33,.25)}.btn:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(231,25,33,.34)}.btn.secondary{background:#101c2e;color:#fff;box-shadow:0 14px 28px rgba(7,17,31,.2)}.btn.light{background:#fff;color:var(--brand);box-shadow:none}.btn.outline{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:none}.btn.white{background:#fff;color:#111827;box-shadow:0 12px 30px rgba(0,0,0,.15)}.icon-btn{width:44px;height:44px;background:#f4f6fa;color:#10233f;position:relative;border-radius:14px}.cart-count{position:absolute;top:-6px;right:-6px;background:var(--brand);color:#fff;min-width:21px;height:21px;border-radius:999px;font-size:.72rem;display:grid;place-items:center;font-weight:950}.menu-toggle{display:none;width:46px;height:46px;border:0;background:#fff1f1;border-radius:14px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--brand);margin:5px auto;border-radius:4px}
.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(7,17,31,.96) 0%,rgba(7,17,31,.88) 48%,rgba(7,17,31,.36) 100%),radial-gradient(circle at 80% 20%,rgba(255,138,0,.42),transparent 32%),linear-gradient(135deg,#0a111d,#18233a);color:#fff}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,#000 0%,#000 58%,transparent 100%)}.hero:after{content:"HERO IMAGE PLACEHOLDER\A Recommended: 1920 × 900 px\A Best: electrician at DB board / repairs";white-space:pre;position:absolute;right:5%;top:50%;transform:translateY(-50%);width:min(38vw,520px);height:70%;border:1px dashed rgba(255,255,255,.32);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02));display:grid;place-items:center;text-align:center;color:rgba(255,255,255,.74);font-weight:900;line-height:1.6;padding:30px}.hero .container{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,680px) 410px;gap:38px;align-items:center;padding:76px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;background:rgba(231,25,33,.16);border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:900;font-size:.86rem;text-transform:uppercase;letter-spacing:.04em}.hero h1{font-size:clamp(2.5rem,5.6vw,5.35rem);line-height:.95;margin:20px 0 18px;letter-spacing:-.075em;text-transform:uppercase}.hero h1 .red{color:var(--brand)}.hero p{font-size:1.13rem;color:#e2e9f4;max-width:650px}.hero-bullets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:27px 0}.hero-bullets span{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);padding:13px;border-radius:16px;color:#fff;font-weight:850}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:22px}.form-card{background:#fff;color:var(--text);border-radius:28px;box-shadow:var(--shadow);padding:26px;border-top:5px solid var(--brand)}.form-card h2{margin:0 0 7px;font-size:1.5rem;letter-spacing:-.03em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}label{font-size:.82rem;color:#526078;font-weight:900}input,select,textarea{width:100%;border:1px solid #dfe5ee;background:#fff;border-radius:14px;padding:13px 14px;font:inherit;color:#13233a;outline:none}textarea{min-height:105px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#ff9d9d;box-shadow:0 0 0 4px rgba(231,25,33,.10)}
.quick-book{background:#fff;padding:36px 0 10px}.quick-book .section-mini{text-align:center;margin-bottom:24px}.section-mini .section-kicker{color:var(--brand)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:19px 20px;box-shadow:var(--shadow-soft)}.price-card:hover{border-color:#ffc0c0;transform:translateY(-2px)}.price-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#fff0f0;color:var(--brand);font-size:1.65rem;flex:0 0 auto}.price-card h3{margin:0;font-size:1.05rem}.price-card p{margin:4px 0 0;color:#111827}.price-card .amount{font-weight:950;color:var(--brand);font-size:1.2rem}.price-card .mini-btn{background:var(--brand);color:#fff;border-radius:11px;padding:10px 14px;font-weight:950;font-size:.8rem}.trust-strip{background:#fff;border-bottom:1px solid var(--line);padding:8px 0 0}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.trust-item{padding:24px;background:#fff;display:flex;gap:14px;align-items:flex-start}.trust-icon{width:46px;height:46px;border-radius:15px;background:#fff0f0;color:var(--brand);display:grid;place-items:center;font-weight:950;flex:0 0 auto}.trust-item strong{display:block}.trust-item span{color:var(--muted);font-size:.93rem}.section{padding:78px 0}.section.soft{background:var(--soft)}.section.dark{background:var(--navy);color:#fff}.section-head{display:flex;justify-content:space-between;gap:26px;align-items:end;margin-bottom:34px}.section-kicker{color:var(--brand);font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.section h2{font-size:clamp(2rem,3.6vw,3.5rem);line-height:1.04;letter-spacing:-.05em;margin:8px 0 0}.section-head p,.lead{color:var(--muted);max-width:720px;font-size:1.06rem}.dark .section-head p,.dark .lead{color:#b9cbe5}.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-soft)}.dark .card{background:#0d1b2e;border-color:rgba(255,255,255,.1);color:#fff}.service-card{position:relative;overflow:hidden;transition:.2s ease}.service-card:hover{transform:translateY(-3px);border-color:#ffc1c1}.service-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--brand),var(--accent));opacity:.9}.service-icon{width:60px;height:60px;border-radius:19px;background:linear-gradient(135deg,#fff0f0,#fff4e7);display:grid;place-items:center;font-size:1.6rem;margin-bottom:18px;color:var(--brand)}.service-card h3{margin:0 0 10px;font-size:1.25rem}.service-card p{color:var(--muted);margin:0 0 18px}.service-card a{font-weight:950;color:var(--brand)}.image-placeholder{min-height:290px;border:2px dashed #c8d0dc;border-radius:var(--radius);background:linear-gradient(135deg,#fbfbfd,#f0f2f6);display:grid;place-items:center;text-align:center;padding:28px;color:#5d6e85;font-weight:800}.image-placeholder.dark{background:linear-gradient(135deg,#10233d,#0b182a);border-color:rgba(255,255,255,.22);color:#d9e8fa}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.tick-list{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px}.tick-list li{display:flex;gap:10px;align-items:flex-start}.tick-list li:before{content:"✓";width:24px;height:24px;border-radius:999px;background:#e8f8f1;color:var(--success);display:grid;place-items:center;font-weight:950;flex:0 0 auto}.process{counter-reset:step}.process .card:before{counter-increment:step;content:"0" counter(step);display:inline-grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;font-weight:950;margin-bottom:16px}.cta-band{background:linear-gradient(135deg,var(--brand),#9f0d12);border-radius:30px;padding:42px;color:#fff;display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:var(--shadow)}.cta-band h2{margin:0;font-size:clamp(1.8rem,3.2vw,3rem)}.faq-item{border-bottom:1px solid var(--line);padding:20px 0}.faq-q{display:flex;justify-content:space-between;gap:20px;font-weight:950;cursor:pointer}.faq-a{display:none;color:var(--muted);padding-top:10px}.faq-item.open .faq-a{display:block}.page-hero{background:linear-gradient(135deg,rgba(7,17,31,.96),rgba(7,17,31,.9)),radial-gradient(circle at 80% 20%,rgba(231,25,33,.32),transparent 35%);color:#fff;padding:78px 0}.page-hero h1{font-size:clamp(2.2rem,4vw,4.5rem);line-height:1;margin:12px 0;letter-spacing:-.055em}.breadcrumbs{color:#ffcbcb;font-weight:900}.content-block h2{font-size:2rem;letter-spacing:-.03em}.sidebar-layout{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start}.sidebar{position:sticky;top:105px}.list-link{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:15px;padding:13px 15px;margin-bottom:10px;background:#fff;font-weight:850}.list-link:hover{border-color:#ffc0c0;color:var(--brand)}.product-card .price{font-size:1.5rem;font-weight:950;color:var(--brand)}.badge{display:inline-flex;border-radius:999px;padding:7px 11px;background:#fff0f0;color:var(--brand);font-weight:950;font-size:.78rem}.footer{background:#06101e;color:#dfeaff;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}.footer h3,.footer h4{color:#fff;margin-top:0}.footer a{display:block;color:#bdd0e8;margin:9px 0}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.11);margin-top:38px;padding-top:20px;color:#aebfda;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.note{font-size:.92rem;color:var(--muted);background:#f8f8fb;border:1px solid var(--line);padding:14px;border-radius:16px}.contact-panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.mobile-only{display:none}
@media(max-width:1100px){.hero:after{opacity:.22;right:0;width:48vw}.hero .container{grid-template-columns:1fr}.form-card{max-width:760px}.price-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1020px){.nav{position:absolute;left:20px;right:20px;top:86px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:14px;display:none;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{border-radius:13px}.menu-toggle{display:block}.header-actions .btn{display:none}.split,.sidebar-layout{grid-template-columns:1fr}.hero .container{padding:58px 0}.hero-bullets{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.footer-grid{grid-template-columns:1fr 1fr}.sidebar{position:static}.mobile-only{display:block}.trust-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.container{width:min(100% - 28px,var(--max))}.topbar .container{justify-content:center;text-align:center}.topbar .container span:nth-child(2){display:none}.nav-wrap{min-height:76px}.logo-text span{display:none}.logo-mark{width:44px;height:44px}.hero:after{display:none}.hero h1{font-size:2.8rem}.hero p{font-size:1rem}.form-grid,.grid-2,.grid-3,.grid-4,.trust-grid,.price-grid{grid-template-columns:1fr}.section{padding:58px 0}.form-card,.card,.contact-panel{padding:22px}.cta-band{display:block;padding:28px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.header-actions{gap:6px}.icon-btn{width:40px;height:40px}.page-hero{padding:52px 0}.price-card{align-items:flex-start}.price-card .mini-btn{display:none}}


/* Johann requested revision: wider professional layout, stronger hero form, no wasted hero image column, footer logo area */
.container{width:min(100% - 56px,var(--max));}
.hero:after{display:none !important;}
.hero .container{grid-template-columns:minmax(0,760px) minmax(460px,540px);justify-content:space-between;gap:72px;padding:86px 0;}
.hero p{max-width:720px;}
.form-card{padding:34px;border-radius:30px;box-shadow:0 26px 70px rgba(7,17,31,.28);}
.hero .form-card{max-width:540px;width:100%;justify-self:end;}
.form-card h2{font-size:1.75rem;}
.form-card .lead{font-size:1rem;margin:0 0 20px;color:#64748b;}
.form-grid{gap:16px;}
input,select,textarea{padding:15px 15px;border-radius:15px;}
textarea{min-height:118px;}
.btn.whatsapp{background:linear-gradient(135deg,#07a83f,#06c44d);box-shadow:0 14px 28px rgba(7,168,63,.25);color:#fff;}
.btn.whatsapp:hover{box-shadow:0 18px 38px rgba(7,168,63,.34);}
.hero-bullets span{padding:15px 16px;}
.price-grid{gap:24px;}
.price-card{padding:24px 26px;min-height:118px;}
.price-icon{width:70px;height:70px;font-size:1.75rem;}
.quick-book{padding:48px 0 20px;}
.section{padding:88px 0;}
.sidebar-layout{grid-template-columns:minmax(0,1fr) 390px;gap:44px;}
.footer{padding:70px 0 26px;}
.footer-grid{grid-template-columns:1.55fr 1fr 1.2fr 1fr;gap:58px;align-items:start;}
.footer-brand p{max-width:430px;}
.footer-logo{display:flex!important;align-items:center;gap:16px;color:#fff!important;margin:0 0 18px!important;}
.footer-logo-box{width:120px;height:92px;border:2px dashed rgba(255,255,255,.35);border-radius:22px;display:grid;place-items:center;color:#d7e6fb;background:rgba(255,255,255,.04);font-weight:950;font-size:.84rem;text-align:center;line-height:1.2;flex:0 0 auto;}
.footer-logo strong{display:block;color:#fff;font-size:1.16rem;letter-spacing:-.03em;}
.footer-logo span span{display:block;color:#aebfda;font-size:.86rem;font-weight:750;margin-top:2px;}
.footer-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;}
.footer-cta-row .btn{padding:12px 16px;font-size:.9rem;}
@media(max-width:1180px){.hero .container{grid-template-columns:1fr;gap:34px}.hero .form-card{justify-self:start;max-width:780px}.price-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1020px){.container{width:min(100% - 40px,var(--max));}.footer-grid{grid-template-columns:1fr 1fr}.sidebar-layout{grid-template-columns:1fr}.hero .container{padding:64px 0}.form-card{padding:28px}}
@media(max-width:680px){.container{width:min(100% - 28px,var(--max));}.hero .container{padding:52px 0}.hero h1{font-size:2.75rem}.form-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}.price-card{min-height:auto}.footer-grid{grid-template-columns:1fr}.footer-logo{align-items:flex-start}.footer-logo-box{width:104px;height:78px}.footer-cta-row .btn{width:100%}}


/* Electrician Electricians SEO homepage refinements */
.hero-grid{grid-template-columns:minmax(0,780px) minmax(500px,580px)!important;gap:78px!important;align-items:center!important;}
.hero-copy{max-width:780px;}
.hero h1{font-size:clamp(2.75rem,5vw,5.85rem)!important;line-height:1.06!important;letter-spacing:-.035em!important;word-spacing:.04em!important;margin:22px 0 22px!important;max-width:850px;}
.hero h1 .red{display:inline-block;letter-spacing:-.025em;}
.hero-lead{font-size:1.2rem!important;font-weight:650;color:#f1f5ff!important;}
.hero-form{max-width:580px!important;padding:38px!important;border-top:6px solid var(--brand);}
.hero-form h2{font-size:1.9rem!important;line-height:1.15!important;}
.hero-form textarea{min-height:132px;}
.form-card .btn{width:100%;}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-soft);}
.contact-card h3{margin-top:0;font-size:1.55rem;letter-spacing:-.03em;}
.contact-card a{color:var(--brand);font-weight:900;}
.image-panel{min-height:360px;border-radius:var(--radius);background:linear-gradient(135deg,#101c2e,#0b1526);color:#fff;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow-soft);position:relative;overflow:hidden;}
.image-panel:before{content:"";position:absolute;inset:18px;border:1px dashed rgba(255,255,255,.28);border-radius:18px;}
.image-panel strong,.image-panel span,.image-panel p{position:relative;z-index:1;}
.image-panel strong{font-size:1.45rem;letter-spacing:-.03em;}
.image-panel span{color:#ffb86b;font-weight:950;margin:4px 0 10px;}
.image-panel p{color:#d8e7fb;margin:0;}
.faq-grid .card h3{font-size:1.15rem;line-height:1.3;}
.link-grid a,.dark .card a{color:#dcecff;font-weight:900;text-decoration:underline;text-decoration-color:rgba(255,255,255,.24);text-underline-offset:4px;transition:.18s ease;}
.link-grid a:hover,.dark .card a:hover{color:var(--brand)!important;text-decoration-color:var(--brand);}
.footer p{color:#bdd0e8;margin-top:0;}
.footer .footer-grid p a{display:inline;color:#dfeaff;font-weight:800;}
.footer .footer-grid p a:hover{color:#fff;}
@media(max-width:1180px){.hero-grid{grid-template-columns:1fr!important;gap:38px!important}.hero-form{justify-self:start!important;max-width:820px!important}.hero h1{font-size:clamp(2.7rem,8vw,5rem)!important}}
@media(max-width:680px){.hero h1{font-size:2.65rem!important;line-height:1.08!important;letter-spacing:-.02em!important}.hero-form{padding:24px!important}.hero-form h2{font-size:1.45rem!important}.hero-lead{font-size:1.05rem!important}.contact-card{padding:24px}.image-panel{min-height:280px}}

/* FINAL MOBILE POLISH OVERRIDE - visible burger animation + shorter mobile buttons */
.menu-toggle{
  position:relative!important;
  display:none;
  overflow:hidden!important;
  border:1px solid rgba(231,25,33,.18)!important;
  background:#fff1f1!important;
  box-shadow:0 6px 16px rgba(231,25,33,.08)!important;
  transition:background .22s ease, box-shadow .22s ease, transform .18s ease, border-color .22s ease!important;
}
.menu-toggle span{
  display:block!important;
  width:23px!important;
  height:2.5px!important;
  margin:5px auto!important;
  border-radius:8px!important;
  background:var(--brand)!important;
  transition:transform .24s ease, opacity .18s ease, background .22s ease!important;
}
.menu-toggle:hover,
.menu-toggle:focus-visible{
  background:linear-gradient(135deg,#fff2f2,#ffe7d7)!important;
  border-color:rgba(231,25,33,.38)!important;
  box-shadow:0 12px 30px rgba(231,25,33,.22)!important;
  transform:translateY(-1px)!important;
  outline:none!important;
}
.menu-toggle:active{
  transform:scale(.94)!important;
  box-shadow:0 7px 18px rgba(231,25,33,.18)!important;
}
.menu-toggle.active,
.menu-toggle[aria-expanded="true"],
.nav.open + .header-actions .menu-toggle{
  background:linear-gradient(135deg,var(--brand),var(--accent))!important;
  border-color:transparent!important;
  box-shadow:0 14px 32px rgba(231,25,33,.32)!important;
}
.menu-toggle.active span,
.menu-toggle[aria-expanded="true"] span,
.nav.open + .header-actions .menu-toggle span{background:#fff!important;}
.menu-toggle.active span:nth-child(1),
.menu-toggle[aria-expanded="true"] span:nth-child(1),
.nav.open + .header-actions .menu-toggle span:nth-child(1){transform:translateY(7.5px) rotate(45deg)!important;}
.menu-toggle.active span:nth-child(2),
.menu-toggle[aria-expanded="true"] span:nth-child(2),
.nav.open + .header-actions .menu-toggle span:nth-child(2){opacity:0!important;transform:scaleX(0)!important;}
.menu-toggle.active span:nth-child(3),
.menu-toggle[aria-expanded="true"] span:nth-child(3),
.nav.open + .header-actions .menu-toggle span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)!important;}

@media(max-width:1020px){
  .menu-toggle{display:block!important;}
}

@media(max-width:680px){
  .hero-actions,
  .cta-band .hero-actions,
  .footer-cta-row{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:12px!important;
    width:100%!important;
  }
  .hero-actions .btn,
  .cta-band .hero-actions .btn,
  .footer-cta-row .btn{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    padding:12px 18px!important;
    border-radius:14px!important;
    justify-content:center!important;
    align-self:flex-start!important;
    font-size:.94rem!important;
    line-height:1.15!important;
  }
  .hero-actions .btn[href^="tel"],
  .hero-actions .btn.whatsapp,
  .cta-band .hero-actions .btn,
  .footer-cta-row .btn{
    min-width:220px!important;
    max-width:285px!important;
  }
  .hero-actions .btn.white{
    min-width:235px!important;
    max-width:310px!important;
  }
  .form-card .btn,
  .hero-form .btn,
  form .btn{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    align-self:stretch!important;
  }
  .cta-band{
    padding:28px 24px!important;
  }
  .footer-cta-row .btn{
    margin:0!important;
  }
}

@media(max-width:420px){
  .hero-actions .btn[href^="tel"],
  .hero-actions .btn.whatsapp,
  .hero-actions .btn.white,
  .cta-band .hero-actions .btn,
  .footer-cta-row .btn{
    min-width:0!important;
    max-width:100%!important;
    width:max-content!important;
  }
  .form-card .btn,
  .hero-form .btn,
  form .btn{width:100%!important;}
}
/* Fix footer Contact Us button hover */
.footer .btn.light,
.footer-cta-row .btn.light {
  background: #ffffff;
  color: var(--brand);
  border: 1px solid rgba(255, 255, 255, 0.85);
}

.footer .btn.light:hover,
.footer-cta-row .btn.light:hover {
  background: #ffffff;
  color: var(--brand) !important;
  border-color: #ffffff;
  box-shadow: 0 14px 28px rgba(255, 255, 255, 0.12);
  transform: translateY(-1px);
}

/* About page professional blocks */
.about-hero{padding:88px 0;background:linear-gradient(135deg,rgba(7,17,31,.97),rgba(7,17,31,.9)),radial-gradient(circle at 82% 18%,rgba(231,25,33,.36),transparent 34%),radial-gradient(circle at 18% 90%,rgba(255,138,0,.24),transparent 34%);}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:52px;align-items:center;}
.about-hero h1{max-width:920px;}
.about-hero .lead{color:#dbe7f7;max-width:820px;font-size:1.14rem;}
.about-hero-card{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.16);border-radius:30px;padding:32px;box-shadow:0 24px 70px rgba(0,0,0,.24);}
.about-hero-card h2{font-size:1.75rem;line-height:1.15;margin:0 0 14px;color:#fff;letter-spacing:-.04em;}
.about-hero-card p{color:#d7e6fb;margin:0 0 22px;}
.mini-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.mini-stat-grid div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px;}
.mini-stat-grid strong{display:block;color:#fff;font-size:1.08rem;line-height:1.1;}
.mini-stat-grid span{display:block;color:#ffcf9a;font-weight:850;font-size:.84rem;margin-top:5px;}
.about-image-panel{min-height:410px;border-radius:30px;background:linear-gradient(135deg,#0b1728,#13243b);color:#fff;padding:36px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;box-shadow:var(--shadow-soft);}
.about-image-panel:before{content:"";position:absolute;inset:18px;border:1px dashed rgba(255,255,255,.28);border-radius:22px;}
.about-image-panel:after{content:"";position:absolute;right:-80px;top:-80px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(231,25,33,.45),transparent 70%);}
.about-image-panel strong,.about-image-panel span,.about-image-panel p{position:relative;z-index:1;}
.about-image-panel strong{font-size:1.55rem;letter-spacing:-.04em;}
.about-image-panel span{color:#ffb86b;font-weight:950;margin:5px 0 10px;}
.about-image-panel p{color:#dbe7f7;margin:0;max-width:440px;}
.about-feature{position:relative;overflow:hidden;}
.about-feature:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--brand),var(--accent));}
.feature-dot{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#fff0f0,#fff5e9);color:var(--brand);display:grid;place-items:center;font-weight:950;font-size:1.3rem;margin-bottom:16px;}
.about-feature h3,.about-trust-grid h3,.process-cards h3{line-height:1.22;letter-spacing:-.025em;}
.about-band .section-kicker{color:#ffb86b;}
.dark-check-card{background:linear-gradient(135deg,#10233d,#0c192b);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:32px;box-shadow:0 22px 55px rgba(0,0,0,.22);}
.dark-check-card h3{margin-top:0;font-size:1.55rem;letter-spacing:-.035em;color:#fff;}
.dark-check-card ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.dark-check-card li{position:relative;padding-left:32px;color:#dbe7f7;font-weight:750;}
.dark-check-card li:before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:999px;background:rgba(8,168,63,.18);color:#35e071;display:grid;place-items:center;font-weight:950;font-size:.78rem;}
.about-area-card{background:linear-gradient(135deg,#07111f,#0f2138)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:30px;padding:32px;box-shadow:var(--shadow);}
.about-area-card h3{color:#fff;margin-top:0;font-size:1.65rem;letter-spacing:-.035em;}
.about-area-card p{color:#d8e7fb;}
.area-pill-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;}
.area-pill-grid a{display:block;border-radius:15px;padding:12px 14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:900;transition:.18s ease;}
.area-pill-grid a:hover{background:rgba(231,25,33,.22);border-color:rgba(231,25,33,.55);color:#fff;transform:translateY(-1px);}
.dark-mini-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px;}
.dark-mini-list li{position:relative;color:#e7f1ff;padding-left:28px;font-weight:750;}
.dark-mini-list li:before{content:"•";position:absolute;left:8px;color:var(--accent);font-size:1.4rem;line-height:1;}
.about-cta-band{background:linear-gradient(135deg,var(--brand),#980d12);}
.about-cta-band p{max-width:780px;}
.about-process-section .card{border-top:4px solid var(--brand);}
@media(max-width:1100px){.about-hero-grid{grid-template-columns:1fr}.about-hero-card{max-width:760px}.area-pill-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.about-hero{padding:56px 0}.about-hero-card,.about-area-card,.dark-check-card{padding:24px}.mini-stat-grid,.area-pill-grid{grid-template-columns:1fr}.about-image-panel{min-height:300px;padding:26px}.about-image-panel strong{font-size:1.3rem}}

/* About page v2 - electrical company content blocks */
.about-v2-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#07111f 0%,#0b1728 56%,#111f35 100%);color:#fff;padding:82px 0 72px;}
.about-v2-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(255,138,0,.28),transparent 30%),radial-gradient(circle at 14% 80%,rgba(231,25,33,.24),transparent 35%);pointer-events:none;}
.about-v2-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to right,#000,transparent 88%);opacity:.7;}
.about-v2-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,760px) minmax(420px,520px);gap:70px;align-items:center;}
.about-v2-copy h1{font-size:clamp(2.8rem,5vw,5.4rem);line-height:1.02;letter-spacing:-.055em;margin:20px 0;text-transform:uppercase;}
.about-v2-copy h1 span{color:var(--brand);}
.about-v2-copy p{color:#dce8f8;font-size:1.08rem;max-width:760px;}
.about-v2-copy .lead{color:#f4f8ff;font-weight:650;font-size:1.18rem;}
.about-v2-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px;}
.about-v2-panel{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.18);border-radius:30px;padding:34px;box-shadow:0 28px 70px rgba(0,0,0,.24);backdrop-filter:blur(12px);}
.about-v2-panel h2{margin:0 0 12px;font-size:1.85rem;line-height:1.14;letter-spacing:-.035em;}
.about-v2-panel p{color:#dbe7f6;margin-top:0;}
.about-v2-stat-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;}
.about-v2-stat-list div{background:#fff;color:var(--text);border-radius:18px;padding:18px;border:1px solid rgba(255,255,255,.2);}
.about-v2-stat-list strong{display:block;color:var(--brand);font-size:1.35rem;line-height:1.1;letter-spacing:-.03em;}
.about-v2-stat-list span{display:block;color:#536276;font-weight:800;font-size:.88rem;margin-top:5px;}
.about-v2-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,520px);gap:48px;align-items:center;}
.about-v2-intro .lead,.about-v2-experience .lead,.about-v2-areas .lead{color:#4f5f73;}
.about-v2-story-card{background:linear-gradient(145deg,#fff,#fff7f0);border:1px solid #ffd7b5;border-radius:28px;padding:34px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden;}
.about-v2-story-card:before{content:"";position:absolute;right:-55px;top:-55px;width:150px;height:150px;border-radius:50%;background:rgba(231,25,33,.08);}
.story-icon{width:68px;height:68px;border-radius:22px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;display:grid;place-items:center;font-size:1.8rem;box-shadow:0 16px 34px rgba(231,25,33,.25);margin-bottom:18px;}
.about-v2-story-card h3{font-size:1.55rem;line-height:1.18;letter-spacing:-.035em;margin:0 0 12px;}
.about-v2-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.about-v2-service-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow-soft);transition:.2s ease;position:relative;overflow:hidden;}
.about-v2-service-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--brand),var(--accent));}
.about-v2-service-card:hover{transform:translateY(-3px);border-color:#ffc7c7;}
.svc-icon{width:62px;height:62px;border-radius:20px;background:#fff0f0;color:var(--brand);display:grid;place-items:center;font-size:1.55rem;margin-bottom:18px;}
.about-v2-service-card h3{margin:0 0 10px;font-size:1.22rem;letter-spacing:-.025em;}
.about-v2-service-card p{color:#4f5f73;margin:0;}
.about-v2-dark{background:linear-gradient(135deg,#07111f,#0c1e34);}
.about-v2-dark .about-v2-two-col{align-items:start;}
.about-v2-dark p{color:#c7d7eb;}
.about-v2-dark .lead{color:#e7f1ff;}
.about-v2-dark-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:32px;box-shadow:0 18px 52px rgba(0,0,0,.2);}
.about-v2-dark-card h3{margin-top:0;font-size:1.45rem;color:#fff;}
.about-v2-dark-card ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.about-v2-dark-card li{position:relative;padding-left:34px;color:#dce8f8;font-weight:750;}
.about-v2-dark-card li:before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;display:grid;place-items:center;font-weight:950;font-size:.78rem;}
.about-v2-promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.about-v2-promise-grid article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow-soft);}
.about-v2-promise-grid article span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:16px;background:#07111f;color:#fff;font-weight:950;margin-bottom:16px;}
.about-v2-promise-grid article h3{margin:0 0 10px;font-size:1.18rem;letter-spacing:-.02em;}
.about-v2-promise-grid article p{margin:0;color:#4f5f73;}
.experience-card{background:linear-gradient(145deg,var(--brand),#9f0d12);color:#fff;border-radius:32px;padding:40px;box-shadow:var(--shadow);min-height:320px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;}
.experience-card:before{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.12);}
.experience-number{font-size:6rem;line-height:.85;font-weight:950;letter-spacing:-.08em;position:relative;z-index:1;}
.experience-card h3{font-size:1.7rem;line-height:1.1;letter-spacing:-.04em;margin:18px 0 10px;position:relative;z-index:1;}
.experience-card p{margin:0;color:#ffe8e8;position:relative;z-index:1;}
.about-v2-area-panel{background:linear-gradient(145deg,#0b1728,#102844);color:#fff;border-radius:30px;padding:34px;box-shadow:var(--shadow);}
.about-v2-area-panel h3{margin-top:0;font-size:1.5rem;letter-spacing:-.03em;}
.area-service-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 22px;}
.area-service-list span{display:block;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:11px 12px;font-weight:850;color:#fff;}
.about-v2-area-panel p{color:#cddcf0;margin-bottom:0;}
.about-v2-final{background:#07111f;padding-top:0;}
.about-v2-final-card{background:linear-gradient(135deg,var(--brand),#9f0d12);border-radius:32px;padding:42px;display:flex;justify-content:space-between;gap:28px;align-items:center;box-shadow:var(--shadow);color:#fff;}
.about-v2-final-card h2{font-size:clamp(1.9rem,3.4vw,3.1rem);line-height:1.05;letter-spacing:-.05em;margin:8px 0 12px;}
.about-v2-final-card p{color:#ffe7e7;margin:0;max-width:820px;}
.about-v2-final-card .btn.light{color:var(--brand)!important;background:#fff!important;}
@media(max-width:1180px){.about-v2-hero-grid,.about-v2-two-col{grid-template-columns:1fr;gap:34px}.about-v2-panel,.about-v2-story-card,.about-v2-area-panel{max-width:820px}.about-v2-service-grid{grid-template-columns:repeat(2,1fr)}.about-v2-promise-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.about-v2-hero{padding:58px 0 50px}.about-v2-copy h1{font-size:2.65rem;line-height:1.06}.about-v2-copy p{font-size:1rem}.about-v2-actions{flex-direction:column;align-items:flex-start}.about-v2-actions .btn{width:auto!important;max-width:100%;min-width:220px}.about-v2-panel,.about-v2-story-card,.about-v2-dark-card,.about-v2-area-panel,.experience-card,.about-v2-final-card{padding:24px;border-radius:24px}.about-v2-stat-list,.about-v2-service-grid,.about-v2-promise-grid,.area-service-list{grid-template-columns:1fr}.experience-number{font-size:4.5rem}.about-v2-final-card{display:block}.about-v2-final-card .hero-actions{margin-top:22px}.about-v2-two-col{grid-template-columns:1fr}.about-v2-service-card{padding:23px}.svc-icon{width:54px;height:54px}}


/* About page V3 - final customer-focused electrical company page */
.about-v3-hero{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(115deg,#07111f 0%,#0b1728 56%,#111f35 100%);
  color:#fff;
  padding:86px 0 76px;
}
.about-v3-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 82% 18%,rgba(255,138,0,.28),transparent 30%),
    radial-gradient(circle at 14% 80%,rgba(231,25,33,.24),transparent 35%);
  pointer-events:none;
}
.about-v3-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to right,#000,transparent 88%);
  opacity:.7;
}
.about-v3-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,760px) minmax(420px,540px);
  gap:70px;
  align-items:center;
}
.about-v3-hero-copy h1{
  font-size:clamp(2.9rem,5.2vw,5.6rem);
  line-height:1.02;
  letter-spacing:-.055em;
  margin:20px 0;
  text-transform:uppercase;
}
.about-v3-hero-copy h1 span{color:var(--brand);}
.about-v3-hero-copy p{color:#dce8f8;font-size:1.08rem;max-width:760px;}
.about-v3-hero-copy .lead{color:#f4f8ff;font-weight:650;font-size:1.18rem;}
.about-v3-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px;}
.about-v3-hero-card{
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055));
  border:1px solid rgba(255,255,255,.18);
  border-radius:32px;
  padding:34px;
  box-shadow:0 28px 70px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
}
.about-v3-card-top{display:flex;gap:16px;align-items:flex-start;margin-bottom:14px;}
.spark-icon{
  width:62px;
  height:62px;
  border-radius:20px;
  background:linear-gradient(135deg,var(--brand),var(--accent));
  color:#fff;
  display:grid;
  place-items:center;
  font-size:1.55rem;
  box-shadow:0 16px 34px rgba(231,25,33,.28);
  flex:0 0 auto;
}
.about-v3-hero-card h2{
  margin:0;
  font-size:1.75rem;
  line-height:1.15;
  letter-spacing:-.035em;
  color:#fff;
}
.about-v3-hero-card p{color:#dbe7f6;margin-top:0;}
.about-v3-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;}
.about-v3-stat-grid div{background:#fff;color:var(--text);border-radius:18px;padding:18px;border:1px solid rgba(255,255,255,.2);}
.about-v3-stat-grid strong{display:block;color:var(--brand);font-size:1.18rem;line-height:1.1;letter-spacing:-.03em;}
.about-v3-stat-grid span{display:block;color:#536276;font-weight:800;font-size:.88rem;margin-top:6px;line-height:1.35;}

.about-v3-story-grid,
.about-v3-engineering-grid,
.about-v3-experience-grid,
.about-v3-areas-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(390px,540px);
  gap:50px;
  align-items:center;
}
.about-v3-copy-block .lead,
.about-v3-experience .lead,
.about-v3-areas .lead{color:#4f5f73;}
.about-v3-copy-block h2,
.about-v3-section-head h2,
.about-v3-engineering h2,
.about-v3-experience h2,
.about-v3-areas h2{
  max-width:980px;
}
.about-v3-expect-card{
  background:linear-gradient(145deg,#fff,#fff7f0);
  border:1px solid #ffd7b5;
  border-radius:30px;
  padding:34px;
  box-shadow:var(--shadow-soft);
  position:relative;
  overflow:hidden;
}
.about-v3-expect-card:before{
  content:"";
  position:absolute;
  right:-70px;
  top:-70px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:rgba(231,25,33,.08);
}
.about-v3-expect-card h3{
  position:relative;
  z-index:1;
  margin:0 0 22px;
  font-size:1.65rem;
  letter-spacing:-.035em;
  line-height:1.15;
  color:var(--text);
}
.expect-list{
  position:relative;
  z-index:1;
  display:grid;
  gap:16px;
}
.expect-list article{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:15px;
  align-items:start;
}
.expect-list article > span{
  width:48px;
  height:48px;
  border-radius:16px;
  background:linear-gradient(135deg,var(--brand),var(--accent));
  color:#fff;
  display:grid;
  place-items:center;
  font-weight:950;
  box-shadow:0 12px 24px rgba(231,25,33,.22);
}
.expect-list h4{
  margin:0 0 5px;
  font-size:1rem;
  color:var(--text);
  line-height:1.25;
}
.expect-list p{
  margin:0;
  color:#4f5f73;
  line-height:1.5;
}

.about-v3-section-head{
  max-width:1120px;
  margin:0 0 34px;
}
.about-v3-section-head.narrow{max-width:980px;}
.about-v3-section-head p{
  color:#4f5f73;
  max-width:1050px;
  font-size:1.05rem;
}
.about-v3-service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.about-v3-service-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:28px;
  box-shadow:var(--shadow-soft);
  transition:.2s ease;
  position:relative;
  overflow:hidden;
}
.about-v3-service-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,var(--brand),var(--accent));
}
.about-v3-service-card:hover{transform:translateY(-3px);border-color:#ffc7c7;}
.about-v3-service-card h3{margin:0 0 10px;font-size:1.22rem;letter-spacing:-.025em;line-height:1.22;}
.about-v3-service-card p{color:#4f5f73;margin:0;}
.about-v3-engineering{
  background:linear-gradient(135deg,#07111f,#0c1e34);
}
.about-v3-engineering .about-v3-engineering-grid{align-items:start;}
.about-v3-engineering p{color:#c7d7eb;}
.about-v3-engineering .lead{color:#e7f1ff;}
.about-v3-dark-check{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  border-radius:28px;
  padding:32px;
  box-shadow:0 18px 52px rgba(0,0,0,.2);
}
.about-v3-dark-check h3{margin-top:0;font-size:1.45rem;color:#fff;letter-spacing:-.025em;}
.about-v3-dark-check ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.about-v3-dark-check li{
  position:relative;
  padding-left:34px;
  color:#dce8f8;
  font-weight:750;
}
.about-v3-dark-check li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  width:22px;
  height:22px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--brand),var(--accent));
  color:#fff;
  display:grid;
  place-items:center;
  font-weight:950;
  font-size:.78rem;
}
.about-v3-process-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.about-v3-process-grid article{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:26px;
  box-shadow:var(--shadow-soft);
}
.about-v3-process-grid article > span{
  display:inline-grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:16px;
  background:#07111f;
  color:#fff;
  font-weight:950;
  margin-bottom:16px;
}
.about-v3-process-grid h3{margin:0 0 10px;font-size:1.15rem;letter-spacing:-.02em;line-height:1.25;}
.about-v3-process-grid p{margin:0;color:#4f5f73;}
.about-v3-experience-grid{align-items:center;}
.about-v3-city-grid{
  display:grid;
  gap:14px;
  margin-top:22px;
}
.about-v3-city-grid article{
  background:#fff;
  border:1px solid var(--line);
  border-left:4px solid var(--brand);
  border-radius:18px;
  padding:18px 20px;
  box-shadow:var(--shadow-soft);
}
.about-v3-city-grid h3{margin:0 0 5px;line-height:1.2;}
.about-v3-city-grid p{margin:0;color:#4f5f73;}
.about-v3-area-panel{
  background:linear-gradient(145deg,#0b1728,#102844);
  color:#fff;
  border-radius:30px;
  padding:34px;
  box-shadow:var(--shadow);
}
.about-v3-area-panel h3{margin-top:0;font-size:1.5rem;letter-spacing:-.03em;}
.about-v3-area-panel p{color:#cddcf0;margin-bottom:0;}
.about-v3-faq{background:linear-gradient(135deg,#07111f,#0c1e34);}
.about-v3-faq-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.about-v3-faq-grid article{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  padding:26px;
}
.about-v3-faq-grid h3{color:#fff;margin:0 0 10px;font-size:1.15rem;line-height:1.25;}
.about-v3-faq-grid p{color:#d4e2f5;margin:0;}
.about-v3-final-section{padding-top:0;}
.about-v3-final-card{
  background:linear-gradient(135deg,var(--brand),#9f0d12);
  border-radius:32px;
  padding:42px;
  display:flex;
  justify-content:space-between;
  gap:28px;
  align-items:center;
  box-shadow:var(--shadow);
  color:#fff;
}
.about-v3-final-card h2{
  font-size:clamp(1.9rem,3.4vw,3.1rem);
  line-height:1.05;
  letter-spacing:-.05em;
  margin:8px 0 12px;
}
.about-v3-final-card p{color:#ffe7e7;margin:0;max-width:820px;}
.about-v3-final-card .btn.light{color:var(--brand)!important;background:#fff!important;}

@media(max-width:1180px){
  .about-v3-hero-grid,
  .about-v3-story-grid,
  .about-v3-engineering-grid,
  .about-v3-experience-grid,
  .about-v3-areas-grid{
    grid-template-columns:1fr;
    gap:34px;
  }
  .about-v3-hero-card,
  .about-v3-expect-card,
  .about-v3-dark-check,
  .about-v3-area-panel{max-width:850px;}
  .about-v3-service-grid,
  .about-v3-faq-grid{grid-template-columns:repeat(2,1fr);}
  .about-v3-process-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:680px){
  .about-v3-hero{padding:58px 0 50px;}
  .about-v3-hero-copy h1{font-size:2.65rem;line-height:1.06;}
  .about-v3-hero-copy p{font-size:1rem;}
  .about-v3-actions{flex-direction:column;align-items:flex-start;}
  .about-v3-actions .btn{width:auto!important;max-width:100%;min-width:220px;}
  .about-v3-hero-card,
  .about-v3-expect-card,
  .about-v3-dark-check,
  .about-v3-area-panel,
  .about-v3-final-card{padding:24px;border-radius:24px;}
  .about-v3-stat-grid,
  .about-v3-service-grid,
  .about-v3-process-grid,
  .about-v3-faq-grid,
  .area-service-list{grid-template-columns:1fr;}
  .expect-list article{grid-template-columns:42px minmax(0,1fr);gap:12px;}
  .expect-list article > span{width:42px;height:42px;border-radius:14px;font-size:.85rem;}
  .about-v3-final-card{display:block;}
  .about-v3-final-card .hero-actions{margin-top:22px;}
}


/* Index page SEO/content polish - Gauteng electrician homepage */
.intro-section .split{align-items:stretch;}
.proof-card{background:linear-gradient(145deg,#07111f,#10233d);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:34px;box-shadow:var(--shadow);align-self:stretch;display:flex;flex-direction:column;justify-content:center;}
.proof-card h3{color:#fff;margin:0 0 22px;font-size:1.65rem;line-height:1.15;letter-spacing:-.035em;}
.expect-grid{display:grid;gap:16px;}
.expect-item{display:grid;grid-template-columns:54px 1fr;gap:15px;align-items:flex-start;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px;}
.expect-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--brand),var(--accent));display:grid;place-items:center;font-size:1.35rem;color:#fff;box-shadow:0 14px 30px rgba(231,25,33,.22);}
.expect-item strong{display:block;color:#fff;font-size:1rem;margin:0 0 5px;}
.expect-item p{margin:0;color:#d7e6fb;font-size:.94rem;line-height:1.55;}
.danger-panel,.property-panel{min-height:360px;border-radius:28px;padding:34px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden;align-self:stretch;}
.danger-panel{background:linear-gradient(145deg,#fff,#fff5ec);border:1px solid #ffd7b5;color:var(--text);}
.dark .danger-panel{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.16);color:#fff;}
.danger-panel h3,.property-panel h3{font-size:1.55rem;line-height:1.16;letter-spacing:-.035em;margin:0 0 18px;}
.danger-panel ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:12px;}
.danger-panel li{position:relative;padding-left:34px;font-weight:800;color:#f1f6ff;}
.danger-panel li:before{content:"!";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;display:grid;place-items:center;font-size:.78rem;font-weight:950;}
.danger-panel p{color:#d7e6fb;margin:0;}
.property-panel{background:linear-gradient(145deg,#07111f,#10233d);color:#fff;border:1px solid rgba(255,255,255,.12);}
.property-mini-grid{display:grid;gap:14px;margin:20px 0;}
.property-mini-grid div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px;}
.property-mini-grid strong{display:block;color:#fff;margin-bottom:5px;}
.property-mini-grid span,.property-panel p{color:#d7e6fb;}
.areas-section .split{align-items:stretch;}
.area-card{background:linear-gradient(145deg,#07111f,#102844)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:30px!important;padding:34px!important;box-shadow:var(--shadow)!important;align-self:stretch;display:flex;flex-direction:column;justify-content:center;}
.area-card h3{color:#fff;font-size:1.65rem;line-height:1.15;letter-spacing:-.035em;margin:0 0 14px;}
.area-card p{color:#d7e6fb;margin:0 0 18px;}
.area-card .area-pill-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;}
.area-card .area-pill-grid a{display:block;text-align:center;color:#fff;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:15px;padding:12px 13px;font-weight:950;transition:.18s ease;}
.area-card .area-pill-grid a:hover{background:rgba(231,25,33,.25);border-color:rgba(231,25,33,.55);transform:translateY(-1px);}
.area-focus-box{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:18px;margin:6px 0 20px;}
.area-focus-box strong{display:block;color:#fff;margin-bottom:10px;}
.area-focus-box ul{margin:0;padding-left:20px;display:grid;grid-template-columns:1fr 1fr;gap:7px 18px;color:#e7f1ff;font-weight:750;}
.service-card p,.card p,.section p{overflow-wrap:break-word;}
.soft .card:not(.service-card){position:relative;overflow:hidden;}
.soft .card:not(.service-card):before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--brand),var(--accent));}
@media(max-width:1020px){.area-card,.proof-card{justify-content:flex-start}.area-focus-box ul{grid-template-columns:1fr}.expect-item{grid-template-columns:48px 1fr}.expect-icon{width:48px;height:48px}.danger-panel,.property-panel{min-height:auto}}
@media(max-width:680px){.proof-card,.area-card,.danger-panel,.property-panel{padding:24px!important;border-radius:24px!important}.area-card .area-pill-grid{grid-template-columns:1fr}.expect-item{grid-template-columns:1fr}.expect-icon{width:50px;height:50px}.section h2{word-break:normal}.hero h1{word-break:normal}}


/* Contact page - modern Gauteng electrician contact layout */
.contact-hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(115deg,#07111f 0%,#0b1728 56%,#111f35 100%);
  color:#fff;
  padding:84px 0 74px;
}
.contact-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 82% 18%,rgba(255,138,0,.28),transparent 30%),
    radial-gradient(circle at 14% 82%,rgba(231,25,33,.24),transparent 35%);
  pointer-events:none;
}
.contact-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to right,#000,transparent 88%);
  opacity:.72;
}
.contact-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,780px) minmax(420px,540px);
  gap:70px;
  align-items:center;
}
.contact-hero-copy h1{
  font-size:clamp(2.85rem,5.1vw,5.55rem);
  line-height:1.02;
  letter-spacing:-.055em;
  margin:20px 0;
  text-transform:uppercase;
}
.contact-hero-copy h1 span{color:var(--brand);}
.contact-hero-copy p{color:#dce8f8;font-size:1.08rem;max-width:780px;}
.contact-hero-copy .lead{color:#f5f9ff;font-size:1.18rem;font-weight:650;}
.contact-hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px;}
.contact-quick-card{
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055));
  border:1px solid rgba(255,255,255,.18);
  border-radius:32px;
  padding:34px;
  box-shadow:0 28px 70px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
}
.quick-card-top{display:flex;gap:16px;align-items:flex-start;margin-bottom:18px;}
.contact-quick-card h2{margin:0 0 7px;font-size:1.65rem;line-height:1.15;letter-spacing:-.035em;color:#fff;}
.contact-quick-card p{margin:0;color:#dbe7f6;}
.quick-contact-list{display:grid;gap:12px;margin-top:22px;}
.quick-contact-list a{
  display:block;
  background:#fff;
  color:var(--text);
  border-radius:18px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.2);
  transition:.18s ease;
}
.quick-contact-list a:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.22);}
.quick-contact-list strong{display:block;color:var(--brand);font-size:.88rem;text-transform:uppercase;letter-spacing:.04em;}
.quick-contact-list span{display:block;color:#536276;font-weight:850;margin-top:3px;line-height:1.35;}

.contact-strip{background:#fff;margin-top:-26px;position:relative;z-index:5;}
.contact-strip-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:30px;
  box-shadow:var(--shadow);
  padding:18px;
}
.contact-strip-grid article{
  border-radius:22px;
  padding:20px;
  background:linear-gradient(145deg,#fff,#f8fafc);
  border:1px solid #edf0f5;
}
.contact-strip-grid span{
  width:52px;
  height:52px;
  border-radius:17px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#fff0f0,#fff5e9);
  color:var(--brand);
  font-size:1.45rem;
  margin-bottom:14px;
}
.contact-strip-grid strong{display:block;font-size:1rem;line-height:1.2;color:var(--text);}
.contact-strip-grid p{margin:8px 0 0;color:#4f5f73;font-size:.94rem;line-height:1.5;}

.contact-main-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(390px,.8fr);
  gap:42px;
  align-items:start;
}
.contact-form-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:32px;
  box-shadow:var(--shadow);
  padding:36px;
  border-top:6px solid var(--brand);
}
.contact-form-card h2,
.contact-details-panel h2{
  font-size:clamp(1.8rem,2.8vw,2.7rem);
  line-height:1.08;
  letter-spacing:-.045em;
  margin:8px 0 12px;
}
.contact-form-card .lead{color:#4f5f73;max-width:880px;}
.contact-form-card .btn{width:100%;}
.contact-details-panel{
  background:linear-gradient(145deg,#07111f,#10233d);
  color:#fff;
  border-radius:32px;
  padding:34px;
  box-shadow:var(--shadow);
  position:sticky;
  top:112px;
}
.contact-details-panel h2{color:#fff;}
.contact-details-panel p{color:#d7e6fb;}
.contact-info-stack{display:grid;gap:13px;margin:24px 0;}
.contact-info-stack > div{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:14px;
  align-items:start;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  padding:15px;
}
.contact-info-stack span{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--brand),var(--accent));
  color:#fff;
  font-weight:950;
}
.contact-info-stack strong{display:block;color:#fff;}
.contact-info-stack a{display:inline-block;color:#dcecff;font-weight:850;margin-top:2px;word-break:break-word;}
.contact-info-stack a:hover{color:#fff;}
.contact-note{
  background:rgba(255,138,0,.12);
  border:1px solid rgba(255,138,0,.28);
  border-radius:18px;
  padding:16px;
  color:#ffe7c6;
  line-height:1.55;
}
.contact-note strong{color:#fff;}

.contact-office-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:22px;
  margin-bottom:24px;
}
.office-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:26px;
  padding:28px;
  box-shadow:var(--shadow-soft);
}
.primary-office{
  background:linear-gradient(145deg,#fff,#fff7f0);
  border-color:#ffd5b0;
}
.office-card h3{margin:0 0 10px;font-size:1.4rem;letter-spacing:-.03em;}
.office-card p{color:#4f5f73;}
.office-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;}
.map-card{
  display:grid;
  grid-template-columns:minmax(320px,.48fr) minmax(0,1fr);
  gap:0;
  border-radius:32px;
  overflow:hidden;
  box-shadow:var(--shadow);
  border:1px solid var(--line);
  background:#fff;
}
.map-copy{
  padding:32px;
  background:linear-gradient(145deg,#07111f,#10233d);
  color:#fff;
}
.map-copy h3{font-size:1.7rem;line-height:1.1;margin:8px 0 12px;color:#fff;letter-spacing:-.035em;}
.map-copy p{color:#d8e7fb;margin:0;}
.map-frame{min-height:360px;background:#e9edf3;}
.map-frame iframe{width:100%;height:100%;min-height:360px;border:0;display:block;}

.contact-service-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.contact-service-grid article{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:26px;
  box-shadow:var(--shadow-soft);
  position:relative;
  overflow:hidden;
}
.contact-service-grid article:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,var(--brand),var(--accent));
}
.contact-service-grid h3{margin:0 0 10px;line-height:1.22;letter-spacing:-.025em;font-size:1.16rem;}
.contact-service-grid p{margin:0;color:#4f5f73;}

.contact-faq-section{background:linear-gradient(135deg,#07111f,#0c1e34);}
.contact-faq-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.contact-faq-grid article{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  padding:26px;
}
.contact-faq-grid h3{color:#fff;margin:0 0 10px;font-size:1.15rem;line-height:1.25;}
.contact-faq-grid p{color:#d4e2f5;margin:0;}
.contact-final-section{padding-top:0;}
.contact-final-card{
  background:linear-gradient(135deg,var(--brand),#9f0d12);
  border-radius:32px;
  padding:42px;
  display:flex;
  justify-content:space-between;
  gap:28px;
  align-items:center;
  box-shadow:var(--shadow);
  color:#fff;
}
.contact-final-card h2{
  font-size:clamp(1.9rem,3.4vw,3.1rem);
  line-height:1.05;
  letter-spacing:-.05em;
  margin:8px 0 12px;
}
.contact-final-card p{color:#ffe7e7;margin:0;max-width:820px;}
.contact-final-card .btn.light{color:var(--brand)!important;background:#fff!important;}

@media(max-width:1180px){
  .contact-hero-grid,
  .contact-main-grid,
  .map-card{
    grid-template-columns:1fr;
    gap:34px;
  }
  .contact-strip-grid,
  .contact-service-grid{grid-template-columns:repeat(2,1fr);}
  .contact-faq-grid{grid-template-columns:repeat(2,1fr);}
  .contact-details-panel{position:static;}
}
@media(max-width:760px){
  .contact-hero{padding:58px 0 50px;}
  .contact-hero-copy h1{font-size:2.65rem;line-height:1.06;}
  .contact-hero-copy p{font-size:1rem;}
  .contact-hero-actions{flex-direction:column;align-items:flex-start;}
  .contact-hero-actions .btn{width:auto!important;max-width:100%;min-width:220px;}
  .contact-quick-card,
  .contact-form-card,
  .contact-details-panel,
  .office-card,
  .map-copy,
  .contact-final-card{padding:24px;border-radius:24px;}
  .contact-strip-grid,
  .contact-office-grid,
  .contact-service-grid,
  .contact-faq-grid{grid-template-columns:1fr;}
  .contact-final-card{display:block;}
  .contact-final-card .hero-actions{margin-top:22px;}
}

/* Areas We Serve page - Gauteng local electrician index */
.areas-hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(115deg,#07111f 0%,#0b1728 58%,#111f35 100%);
  color:#fff;
  padding:86px 0 76px;
}
.areas-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 82% 18%,rgba(255,138,0,.28),transparent 30%),radial-gradient(circle at 14% 82%,rgba(231,25,33,.24),transparent 36%);
  pointer-events:none;
}
.areas-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to right,#000,transparent 88%);
  opacity:.7;
}
.areas-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,770px) minmax(410px,520px);
  gap:68px;
  align-items:center;
}
.areas-hero h1{
  font-size:clamp(2.9rem,5.2vw,5.7rem);
  line-height:1.02;
  letter-spacing:-.055em;
  margin:20px 0;
  text-transform:uppercase;
}
.areas-hero h1 span{color:var(--brand);}
.areas-hero p{color:#dce8f8;font-size:1.08rem;max-width:780px;}
.areas-hero .lead{color:#f4f8ff;font-weight:650;font-size:1.18rem;}
.areas-hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px;}
.areas-hero-card{
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055));
  border:1px solid rgba(255,255,255,.18);
  border-radius:32px;
  padding:34px;
  box-shadow:0 28px 70px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
}
.areas-hero-card h2{color:#fff;margin:0 0 12px;font-size:1.8rem;line-height:1.14;letter-spacing:-.035em;}
.areas-hero-card p{color:#dbe7f6;margin:0 0 22px;}
.area-quick-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.area-quick-links a{display:block;background:#fff;color:var(--text);border-radius:16px;padding:12px 14px;font-weight:950;box-shadow:0 10px 22px rgba(0,0,0,.12);transition:.18s ease;}
.area-quick-links a:hover{transform:translateY(-2px);color:var(--brand);}

.areas-intro-grid,.areas-service-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(380px,520px);
  gap:48px;
  align-items:center;
}
.areas-intro-grid .lead{color:#4f5f73;}
.areas-main-head{max-width:1120px;margin-bottom:34px;}
.areas-main-head p{color:#4f5f73;font-size:1.05rem;max-width:1050px;}
.area-group{margin-top:34px;}
.area-group-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:14px;}
.area-group-head span{color:var(--brand);font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;}
.area-group-head h2{margin:0;font-size:clamp(1.6rem,2.8vw,2.5rem);line-height:1.08;letter-spacing:-.04em;}
.area-index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.area-index-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:24px;
  box-shadow:var(--shadow-soft);
  transition:.2s ease;
  position:relative;
  overflow:hidden;
  min-height:260px;
  display:flex;
  flex-direction:column;
}
.area-index-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--brand),var(--accent));}
.area-index-card:hover{transform:translateY(-3px);border-color:#ffc7c7;box-shadow:0 16px 42px rgba(7,17,31,.12);}
.area-card-top{display:flex;gap:14px;align-items:center;margin-bottom:13px;}
.area-icon{width:52px;height:52px;border-radius:18px;background:#fff0f0;color:var(--brand);display:grid;place-items:center;font-size:1.35rem;flex:0 0 auto;}
.area-index-card h3{margin:0;font-size:1.22rem;line-height:1.2;letter-spacing:-.025em;}
.area-index-card p{color:#4f5f73;margin:0 0 18px;}
.area-card-link{margin-top:auto;color:var(--brand);font-weight:950;display:inline-flex;align-items:center;gap:6px;}
.area-card-link:hover{color:var(--brand-dark);}

.area-photo-card,.areas-dark-card{
  background:linear-gradient(145deg,#07111f,#10233d);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  border-radius:30px;
  padding:34px;
  box-shadow:var(--shadow);
}
.area-photo-card h3,.areas-dark-card h3{color:#fff;margin:0 0 14px;font-size:1.55rem;line-height:1.18;letter-spacing:-.035em;}
.area-photo-card p,.areas-dark-card p{color:#d8e7fb;}
.area-photo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;}
.area-image-slot{
  min-height:260px;
  border-radius:26px;
  background:linear-gradient(135deg,#0b1728,#13243b);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  position:relative;
  overflow:hidden;
  box-shadow:var(--shadow-soft);
}
.area-image-slot:before{content:"";position:absolute;inset:16px;border:1px dashed rgba(255,255,255,.26);border-radius:18px;}
.area-image-slot:after{content:"";position:absolute;right:-55px;top:-55px;width:155px;height:155px;border-radius:50%;background:rgba(231,25,33,.22);}
.area-image-slot strong,.area-image-slot p{position:relative;z-index:1;}
.area-image-slot strong{font-size:1.25rem;letter-spacing:-.025em;margin-bottom:8px;}
.area-image-slot p{color:#dbe7f7;margin:0;}
.area-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;}
.area-image-grid .area-image-slot{min-height:230px;}

.areas-service-band{background:linear-gradient(135deg,#07111f,#0c1e34);}
.areas-service-band .section-kicker{color:#ffb86b;}
.areas-service-band p,.areas-service-band .lead{color:#d2e1f4;}
.areas-dark-card ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px;}
.areas-dark-card li{position:relative;padding-left:34px;color:#e7f1ff;font-weight:800;}
.areas-dark-card li:before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;display:grid;place-items:center;font-size:.78rem;font-weight:950;}

.areas-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.areas-faq-grid article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow-soft);}
.areas-faq-grid h3{margin:0 0 10px;font-size:1.18rem;line-height:1.25;letter-spacing:-.02em;}
.areas-faq-grid p{margin:0;color:#4f5f73;}
.areas-final-section{padding-top:0;background:#07111f;}
.areas-final-card{background:linear-gradient(135deg,var(--brand),#9f0d12);border-radius:32px;padding:42px;display:flex;justify-content:space-between;gap:28px;align-items:center;box-shadow:var(--shadow);color:#fff;}
.areas-final-card h2{font-size:clamp(1.9rem,3.4vw,3.1rem);line-height:1.05;letter-spacing:-.05em;margin:8px 0 12px;}
.areas-final-card p{color:#ffe7e7;margin:0;max-width:820px;}
.areas-final-card .btn.light{color:var(--brand)!important;background:#fff!important;}

@media(max-width:1180px){
  .areas-hero-grid,.areas-intro-grid,.areas-service-grid{grid-template-columns:1fr;gap:34px;}
  .areas-hero-card,.area-photo-card,.areas-dark-card{max-width:850px;}
  .area-index-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:780px){
  .area-photo-row,.area-image-grid,.areas-faq-grid{grid-template-columns:1fr;}
}
@media(max-width:680px){
  .areas-hero{padding:58px 0 50px;}
  .areas-hero h1{font-size:2.65rem;line-height:1.06;}
  .areas-hero p{font-size:1rem;}
  .areas-hero-actions{flex-direction:column;align-items:flex-start;}
  .areas-hero-actions .btn{width:auto!important;max-width:100%;min-width:220px;}
  .areas-hero-card,.area-photo-card,.areas-dark-card,.area-index-card,.areas-final-card{padding:24px;border-radius:24px;}
  .area-quick-links,.area-index-grid{grid-template-columns:1fr;}
  .area-group-head{display:block;}
  .areas-final-card{display:block;}
  .areas-final-card .hero-actions{margin-top:22px;}
}



/* Services page final - thick SEO/customer focused layout */
.services-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#07111f 0%,#0b1728 56%,#111f35 100%);color:#fff;padding:86px 0 76px;}
.services-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(255,138,0,.28),transparent 30%),radial-gradient(circle at 14% 80%,rgba(231,25,33,.24),transparent 35%);pointer-events:none;}
.services-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to right,#000,transparent 88%);opacity:.7;}
.services-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,770px) minmax(420px,540px);gap:70px;align-items:center;}
.services-hero h1{font-size:clamp(2.9rem,5.2vw,5.6rem);line-height:1.02;letter-spacing:-.055em;margin:20px 0;text-transform:uppercase;}
.services-hero h1 span{color:var(--brand);}.services-hero p{color:#dce8f8;font-size:1.08rem;max-width:780px;}.services-hero .lead{color:#f4f8ff;font-weight:650;font-size:1.18rem;}
.services-hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px;}
.services-hero-panel{background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:34px;box-shadow:0 28px 70px rgba(0,0,0,.24);backdrop-filter:blur(12px);}
.services-hero-panel h2{color:#fff;margin:0 0 12px;font-size:1.85rem;line-height:1.14;letter-spacing:-.035em;}.services-hero-panel p{color:#dbe7f6;margin:0 0 22px;}
.services-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.services-mini-grid span{display:block;background:#fff;color:var(--text);border-radius:16px;padding:14px 15px;font-weight:900;font-size:.9rem;box-shadow:0 10px 22px rgba(0,0,0,.08);}
.services-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,540px);gap:50px;align-items:center;}.reverse-on-mobile{grid-template-columns:minmax(390px,540px) minmax(0,1fr);}
.service-section-head{max-width:1120px;margin:0 0 34px;}.service-section-head.narrow{max-width:980px;}.service-section-head p{color:#4f5f73;max-width:1050px;font-size:1.07rem;}.dark-head p{color:#d8e7fb!important;}
.service-image-space{min-height:390px;border-radius:30px;background:linear-gradient(135deg,#07111f,#102844);color:#fff;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);}
.service-image-space:before{content:"";position:absolute;inset:18px;border:1px dashed rgba(255,255,255,.28);border-radius:22px;}.service-image-space:after{content:"";position:absolute;right:-80px;top:-80px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(231,25,33,.45),transparent 70%);}
.service-image-space.light{background:linear-gradient(135deg,#fff,#f8fafc);color:var(--text);border:1px solid var(--line);}.service-image-space.light:before{border-color:#cbd5e1;}.service-image-space h3,.service-image-space p,.service-image-space .image-icon{position:relative;z-index:1;}.service-image-space h3{font-size:1.5rem;line-height:1.15;margin:0 0 10px;letter-spacing:-.035em;}.service-image-space p{color:#d8e7fb;margin:0;}.service-image-space.light p{color:var(--muted);}.image-icon{width:64px;height:64px;border-radius:21px;background:linear-gradient(135deg,var(--brand),var(--accent));display:grid;place-items:center;font-size:1.8rem;margin-bottom:18px;box-shadow:0 16px 34px rgba(231,25,33,.25);}
.service-directory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}.service-directory-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow-soft);transition:.2s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:330px;}.service-directory-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--brand),var(--accent));}.service-directory-card:hover{transform:translateY(-3px);border-color:#ffc7c7;}.service-directory-icon{width:58px;height:58px;border-radius:19px;background:#fff0f0;color:var(--brand);display:grid;place-items:center;font-size:1.45rem;margin-bottom:18px;}.service-directory-card h3{margin:0 0 10px;font-size:1.18rem;letter-spacing:-.025em;line-height:1.22;}.service-directory-card p{color:#4f5f73;margin:0 0 18px;}.service-directory-card p strong{color:var(--text);}.service-directory-card a{margin-top:auto;color:var(--brand);font-weight:950;text-decoration:underline;text-decoration-color:rgba(231,25,33,.25);text-underline-offset:4px;}
.services-dark-band{background:linear-gradient(135deg,#07111f,#0c1e34);color:#fff;}.services-dark-band p{color:#c7d7eb;}.services-dark-band .lead{color:#e7f1ff;}.services-dark-band .section-kicker{color:#ffb86b;}
.services-dark-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:32px;box-shadow:0 18px 52px rgba(0,0,0,.2);}.services-dark-card h3{margin-top:0;color:#fff;font-size:1.45rem;letter-spacing:-.025em;}.services-dark-card ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;}.services-dark-card li{position:relative;padding-left:34px;color:#dce8f8;font-weight:750;}.services-dark-card li:before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;display:grid;place-items:center;font-weight:950;font-size:.78rem;}
.services-property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}.services-property-grid article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow-soft);}.services-property-grid span{width:58px;height:58px;border-radius:19px;background:#fff0f0;color:var(--brand);display:grid;place-items:center;font-size:1.45rem;margin-bottom:16px;}.services-property-grid h3{margin:0 0 10px;font-size:1.22rem;letter-spacing:-.025em;}.services-property-grid p{margin:0;color:#4f5f73;}
.services-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}.services-process-grid article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow-soft);}.services-process-grid article>span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:16px;background:#07111f;color:#fff;font-weight:950;margin-bottom:16px;}.services-process-grid h3{margin:0 0 10px;font-size:1.15rem;letter-spacing:-.02em;line-height:1.25;}.services-process-grid p{margin:0;color:#4f5f73;}
.services-faq-section{background:linear-gradient(135deg,#07111f,#0c1e34);}.service-faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}.service-faq-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:26px;}.service-faq-card h3{color:#fff;margin:0 0 10px;font-size:1.15rem;line-height:1.25;}.service-faq-card p{color:#d4e2f5;margin:0;}
.services-final-section{padding-top:0;}.services-final-card{background:linear-gradient(135deg,var(--brand),#9f0d12);border-radius:32px;padding:42px;display:flex;justify-content:space-between;gap:28px;align-items:center;box-shadow:var(--shadow);color:#fff;}.services-final-card h2{font-size:clamp(1.9rem,3.4vw,3.1rem);line-height:1.05;letter-spacing:-.05em;margin:8px 0 12px;}.services-final-card p{color:#ffe7e7;margin:0;max-width:820px;}.services-final-card .btn.light{color:var(--brand)!important;background:#fff!important;}
@media(max-width:1280px){.service-directory-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:1180px){.services-hero-grid,.services-split,.reverse-on-mobile{grid-template-columns:1fr;gap:34px;}.services-hero-panel,.service-image-space,.services-dark-card{max-width:860px;}.service-directory-grid,.service-faq-grid{grid-template-columns:repeat(2,1fr);}.services-process-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:760px){.services-hero{padding:58px 0 50px;}.services-hero h1{font-size:2.65rem;line-height:1.06;}.services-hero p{font-size:1rem;}.services-hero-actions{flex-direction:column;align-items:flex-start;}.services-hero-actions .btn{width:auto!important;max-width:100%;min-width:220px;}.services-hero-panel,.service-image-space,.services-dark-card,.services-final-card{padding:24px;border-radius:24px;}.services-mini-grid,.service-directory-grid,.services-property-grid,.services-process-grid,.service-faq-grid{grid-template-columns:1fr;}.service-directory-card{min-height:auto;}.service-image-space{min-height:300px;}.services-final-card{display:block;}.services-final-card .hero-actions{margin-top:22px;}}


/* Sitewide no-call-out fee header badge */
.header-actions .header-fee{
  background:linear-gradient(135deg,#07111f,#17243a)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(7,17,31,.22)!important;
}
.header-actions .header-fee:hover{
  box-shadow:0 16px 34px rgba(7,17,31,.3)!important;
}
.topbar .hot{
  color:#ffb86b!important;
}

/* Services page V4 - full electrical service hub */
.services-intro-section .service-image-space.light{
  min-height:330px;
}
.service-directory-grid{
  align-items:stretch;
}
.service-directory-card{
  min-height:360px;
}
.service-directory-card h3{
  min-height:2.75em;
}
.service-directory-card p{
  font-size:.96rem;
  line-height:1.58;
}
.services-hero-panel h2{
  font-size:1.75rem;
}
.services-mini-grid span:first-child{
  background:linear-gradient(135deg,var(--brand),var(--accent));
  color:#fff;
}
.services-property-grid article{
  position:relative;
  overflow:hidden;
}
.services-property-grid article:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,var(--brand),var(--accent));
}
@media(max-width:1280px){
  .service-directory-card{min-height:340px;}
}
@media(max-width:760px){
  .header-actions .header-fee{display:none!important;}
  .service-directory-card h3{min-height:0;}
}


/* Natural image placeholder sections */
.ee-image-showcase{position:relative;overflow:hidden;}
.ee-image-showcase .section-head{align-items:flex-start;}
.ee-image-head p{max-width:760px;}
.ee-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.ee-image-card{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-soft);overflow:hidden;transition:.22s ease;}
.ee-image-card:hover{transform:translateY(-3px);border-color:#ffc7c7;box-shadow:0 18px 44px rgba(7,17,31,.11);}
.ee-image-card figure{margin:0;}
.ee-image-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:linear-gradient(135deg,#07111f,#10233d);position:relative;}
.ee-image-card.red img{background:radial-gradient(circle at 82% 18%,rgba(231,25,33,.54),transparent 34%),linear-gradient(135deg,#07111f,#10233d);}
.ee-image-card.navy img{background:radial-gradient(circle at 20% 85%,rgba(255,138,0,.28),transparent 32%),linear-gradient(135deg,#07111f,#0b1d34);}
.ee-image-card.orange img{background:radial-gradient(circle at 82% 18%,rgba(255,138,0,.48),transparent 34%),linear-gradient(135deg,#111827,#3a1d08);}
.ee-image-card figcaption{padding:24px 26px 26px;}
.ee-image-card h3{margin:0 0 9px;font-size:1.25rem;letter-spacing:-.025em;line-height:1.22;color:var(--text);}
.ee-image-card p{margin:0;color:#4f5f73;line-height:1.58;}
.ee-image-card[data-image-file] figcaption:after{content:"";display:block;margin-top:16px;width:52px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--accent));}
@media(max-width:1020px){.ee-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ee-image-showcase .section-head{display:block;}.ee-image-head p{max-width:900px;}}
@media(max-width:680px){.ee-image-grid{grid-template-columns:1fr;}.ee-image-card figcaption{padding:22px;}.ee-image-card h3{font-size:1.15rem;}}


/* Homepage integrated images - added without changing core content structure */
.hero{isolation:isolate;min-height:760px;}
.hero:before{z-index:1;}
.hero .container{z-index:3!important;}
.hero-visual{position:absolute;inset:0 0 0 auto;width:min(60vw,1120px);height:100%;margin:0;z-index:0;opacity:.78;pointer-events:none;overflow:hidden;}
.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07111f 0%,rgba(7,17,31,.78) 34%,rgba(7,17,31,.44) 64%,rgba(7,17,31,.2) 100%);z-index:1;}
.hero-visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 22%,rgba(231,25,33,.26),transparent 32%),linear-gradient(180deg,rgba(7,17,31,.1),rgba(7,17,31,.58));z-index:2;}
.hero-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.95) contrast(1.06) brightness(.72);}
.hero-form{position:relative;z-index:4;background:rgba(255,255,255,.97)!important;}

.home-work-gallery{background:#07111f;color:#fff;position:relative;overflow:hidden;}
.home-work-gallery:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;opacity:.55;}
.home-work-gallery .container{position:relative;z-index:1;}
.home-gallery-head{display:grid;grid-template-columns:minmax(0,620px) minmax(0,620px);gap:44px;align-items:end;margin-bottom:34px;}
.home-gallery-head .section-kicker{color:#ffb86b;}
.home-gallery-head h2{font-size:clamp(2rem,3.5vw,3.45rem);line-height:1.04;letter-spacing:-.05em;margin:8px 0 0;color:#fff;}
.home-gallery-head p{color:#cbd9ee;font-size:1.05rem;margin:0;}
.home-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;}
.home-project-card{position:relative;min-height:330px;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.12);background:#0d1b2e;transition:.22s ease;}
.home-project-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.32);}
.home-project-card img{width:100%;height:100%;min-height:330px;object-fit:cover;display:block;filter:saturate(.94) contrast(1.04) brightness(.8);}
.home-project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,31,.02) 28%,rgba(7,17,31,.88) 100%);}
.project-caption{position:absolute;left:0;right:0;bottom:0;padding:22px;z-index:2;color:#fff;}
.project-caption span{display:inline-flex;margin-bottom:8px;color:#ffcf9a;font-weight:950;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;}
.project-caption h3{margin:0;font-size:1.12rem;line-height:1.22;letter-spacing:-.025em;color:#fff;}

.emergency-side-stack{display:grid;gap:18px;align-self:stretch;}
.emergency-photo-card{margin:0;position:relative;border-radius:28px;overflow:hidden;min-height:245px;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 55px rgba(0,0,0,.26);background:#0b1728;}
.emergency-photo-card img{width:100%;height:100%;min-height:245px;object-fit:cover;display:block;filter:brightness(.78) contrast(1.05);}
.emergency-photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,31,.02),rgba(7,17,31,.82));}
.emergency-photo-card figcaption{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;color:#fff;display:grid;gap:3px;}
.emergency-photo-card figcaption strong{font-size:1.25rem;line-height:1.18;letter-spacing:-.03em;}
.emergency-photo-card figcaption span{color:#ffcf9a;font-weight:850;}

.home-visual-split{background:#fff;}
.home-visual-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:52px;align-items:center;}
.home-large-image{margin:0;position:relative;border-radius:32px;overflow:hidden;min-height:470px;box-shadow:var(--shadow);background:#07111f;}
.home-large-image img{width:100%;height:100%;min-height:470px;object-fit:cover;display:block;filter:saturate(.96) contrast(1.03) brightness(.9);}
.home-large-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,31,0) 42%,rgba(7,17,31,.88) 100%);}
.home-large-image figcaption{position:absolute;left:26px;right:26px;bottom:24px;z-index:2;color:#fff;background:rgba(231,25,33,.92);border-radius:22px;padding:20px 22px;max-width:430px;box-shadow:0 18px 42px rgba(0,0,0,.22);}
.home-large-image figcaption strong{display:block;font-size:1.25rem;line-height:1.18;}
.home-large-image figcaption span{display:block;color:#ffe5e5;font-weight:850;margin-top:3px;}
.home-visual-copy h2{font-size:clamp(2rem,3.5vw,3.45rem);line-height:1.04;letter-spacing:-.05em;margin:8px 0 0;}
.home-visual-copy p{color:#4f5f73;}
.home-visual-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;}
.home-visual-list span{display:block;border-radius:16px;background:#fff0f0;border:1px solid #ffd2d2;color:#9f0d12;font-weight:900;padding:12px 14px;}

@media(max-width:1180px){
  .hero{min-height:auto;}
  .hero-visual{width:100%;opacity:.32;}
  .home-gallery-head,.home-visual-grid{grid-template-columns:1fr;gap:30px;}
  .home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-large-image{max-width:860px;}
}
@media(max-width:680px){
  .hero-visual{opacity:.22;}
  .home-project-grid,.home-visual-list{grid-template-columns:1fr;}
  .home-project-card,.home-project-card img{min-height:285px;}
  .home-large-image,.home-large-image img{min-height:330px;}
  .home-large-image figcaption{left:18px;right:18px;bottom:18px;padding:16px;border-radius:18px;}
  .emergency-photo-card,.emergency-photo-card img{min-height:220px;}
}


/* Homepage final polish: integrated image placeholders and Gauteng area card alignment */
.hero{min-height:780px;}
.hero-visual{width:min(64vw,1180px);opacity:.88;}
.hero-visual:before{background:linear-gradient(90deg,#07111f 0%,rgba(7,17,31,.92) 30%,rgba(7,17,31,.68) 58%,rgba(7,17,31,.38) 100%);}
.hero-visual img{filter:saturate(.96) contrast(1.08) brightness(.62);}
.hero-copy{position:relative;z-index:5;}
.hero-copy p{font-weight:650;}
.hero-copy .hero-lead{font-weight:800;}

.home-gallery-head p{line-height:1.7;}
.home-project-card img,.emergency-photo-card img,.home-large-image img{background:#07111f;}
.home-project-card:before,.emergency-photo-card:before,.home-large-image:before{content:attr(data-spec);position:absolute;top:14px;left:14px;right:14px;z-index:3;background:rgba(7,17,31,.72);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:14px;padding:9px 11px;font-size:.78rem;font-weight:900;letter-spacing:.02em;line-height:1.25;opacity:.92;}
.home-project-card:not([data-spec]):before,.emergency-photo-card:not([data-spec]):before,.home-large-image:not([data-spec]):before{display:none;}

.area-card-clean{justify-content:flex-start!important;padding:36px!important;}
.area-badge{display:inline-flex;align-self:flex-start;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(231,25,33,.2);border:1px solid rgba(231,25,33,.42);color:#ffcf9a;font-weight:950;text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;}
.area-card-clean h3{margin-bottom:12px!important;}
.area-card-clean p{font-size:1.02rem;line-height:1.65;margin-bottom:20px!important;}
.area-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 20px;}
.area-link-grid a{display:block;text-align:left;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px 15px;color:#fff;transition:.18s ease;}
.area-link-grid a:hover{background:rgba(231,25,33,.24);border-color:rgba(231,25,33,.56);transform:translateY(-1px);}
.area-link-grid strong{display:block;font-size:1rem;line-height:1.15;}
.area-link-grid span{display:block;color:#cbd9ee;font-size:.86rem;font-weight:750;margin-top:4px;line-height:1.25;}
.area-focus-box.clean{padding:20px!important;margin:0 0 20px!important;}
.area-focus-box.clean strong{font-size:1.03rem;margin-bottom:13px!important;}
.area-focus-box.clean ul{padding-left:0!important;list-style:none!important;grid-template-columns:1fr 1fr!important;gap:10px 16px!important;}
.area-focus-box.clean li{position:relative;padding-left:22px;line-height:1.35;}
.area-focus-box.clean li:before{content:"•";position:absolute;left:4px;top:0;color:#ffb86b;font-size:1.15rem;line-height:1.1;}

@media(max-width:1180px){.hero{min-height:auto}.hero-visual{width:100%;opacity:.30}.home-project-card:before,.emergency-photo-card:before,.home-large-image:before{font-size:.72rem;}}
@media(max-width:680px){.hero-visual{opacity:.20}.area-link-grid,.area-focus-box.clean ul{grid-template-columns:1fr!important}.area-card-clean{padding:24px!important}.home-project-card:before,.emergency-photo-card:before,.home-large-image:before{position:static;border-radius:0;border-left:0;border-right:0;border-top:0;background:#07111f;}}


/* Homepage final polish - electrician help panel and image placeholders */
.electrician-help-panel{
  background:linear-gradient(145deg,#07111f,#10233d);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  border-radius:30px;
  padding:34px;
  box-shadow:var(--shadow);
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:18px;
}
.electrician-help-panel h3{
  margin:0;
  color:#fff;
  font-size:1.65rem;
  line-height:1.15;
  letter-spacing:-.035em;
}
.electrician-help-intro{
  margin:0;
  color:#dbe7f7;
  font-size:1rem;
  line-height:1.58;
}
.electrician-help-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.electrician-help-grid article{
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  padding:16px 17px;
}
.electrician-help-grid strong{
  display:block;
  color:#fff;
  font-size:.98rem;
  line-height:1.25;
  margin:0 0 7px;
}
.electrician-help-grid span{
  display:block;
  color:#d7e6fb;
  line-height:1.48;
  font-size:.94rem;
}
.electrician-help-note{
  display:grid;
  gap:4px;
  background:linear-gradient(135deg,rgba(231,25,33,.92),rgba(255,138,0,.84));
  border-radius:18px;
  padding:17px 18px;
  box-shadow:0 16px 36px rgba(231,25,33,.22);
}
.electrician-help-note strong{color:#fff;font-size:1.02rem;line-height:1.25;}
.electrician-help-note span{color:#fff6f6;line-height:1.45;}
@media(max-width:1180px){
  .electrician-help-panel{justify-content:flex-start;}
}
@media(max-width:760px){
  .electrician-help-panel{padding:24px;border-radius:24px;}
  .electrician-help-grid{grid-template-columns:1fr;}
}

/* Homepage emergency electrician content refinement */
.emergency-support-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:24px 0 4px;
}
.emergency-support-grid article{
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  padding:17px 18px;
  box-shadow:0 14px 30px rgba(0,0,0,.12);
}
.emergency-support-grid strong{
  display:block;
  color:#fff;
  font-size:1rem;
  line-height:1.2;
  margin-bottom:6px;
  letter-spacing:-.02em;
}
.emergency-support-grid span{
  display:block;
  color:#cfe0f7;
  font-size:.94rem;
  line-height:1.48;
}
.feature-band .hero-actions{margin-top:24px;}
.feature-band .btn.outline{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:none;}
.feature-band .btn.outline:hover{background:rgba(255,255,255,.13);color:#fff!important;border-color:rgba(255,255,255,.45);}
@media(max-width:680px){
  .emergency-support-grid{grid-template-columns:1fr;}
  .emergency-support-grid article{padding:15px 16px;}
}

/* About page production image integration */
.header-actions .header-fee{background:linear-gradient(135deg,#101c2e,#24364f);color:#fff;box-shadow:0 12px 28px rgba(7,17,31,.18);}
.header-actions .header-fee:hover{box-shadow:0 16px 34px rgba(7,17,31,.25);}
.about-image-frame{margin:0 0 22px;border-radius:24px;overflow:hidden;position:relative;background:#07111f;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 44px rgba(0,0,0,.18);}
.about-image-frame img{width:100%;height:auto;display:block;object-fit:cover;}
.about-image-frame figcaption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(7,17,31,.82);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:14px 16px;color:#fff;}
.about-image-frame figcaption strong{display:block;font-weight:950;letter-spacing:-.02em;line-height:1.2;}
.about-image-frame figcaption span{display:block;color:#ffcf9a;font-weight:850;font-size:.86rem;margin-top:4px;line-height:1.35;}
.about-image-hero{margin-bottom:24px;}
.about-v3-hero-card .about-image-frame{border-color:rgba(255,255,255,.2);}
.about-image-support{margin-top:24px;margin-bottom:0;}
.about-image-support figcaption{position:static;background:#07111f;border-radius:0;border:0;}
.about-visual-work{position:relative;overflow:hidden;}
.about-work-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.about-work-card{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;min-height:100%;}
.about-work-card img{width:100%;aspect-ratio:3/2;object-fit:cover;background:#07111f;}
.about-work-card div{padding:24px;}
.about-work-card h3{margin:0 0 9px;font-size:1.18rem;line-height:1.22;letter-spacing:-.025em;color:var(--text);}
.about-work-card p{margin:0;color:#4f5f73;line-height:1.55;}
.footer-logo-box{font-size:2rem!important;border-style:solid!important;}
@media(max-width:1180px){.about-work-image-grid{grid-template-columns:1fr 1fr;}.about-work-card:last-child{grid-column:1/-1;}}
@media(max-width:680px){.about-work-image-grid{grid-template-columns:1fr;}.about-work-card:last-child{grid-column:auto;}.about-image-frame figcaption{position:static;border-radius:0;background:#07111f}.header-actions .header-fee{display:none!important;}}

/* About page image layout correction - balanced production sections */
.about-v3-hero-card .about-image-frame img{aspect-ratio:14/9;object-fit:cover;}
.about-image-support img{aspect-ratio:12/7;object-fit:cover;}
.about-image-support figcaption{padding:16px 18px;}
.about-project-showcase{background:linear-gradient(135deg,#07111f,#0b1d33);position:relative;overflow:hidden;}
.about-project-showcase:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;opacity:.65;}
.about-project-showcase .container{position:relative;z-index:1;}
.about-showcase-head{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:34px;}
.about-showcase-head .section-kicker{color:#ffb86b;}
.about-showcase-head h2{color:#fff;font-size:clamp(2rem,3.5vw,3.35rem);line-height:1.05;letter-spacing:-.05em;margin:8px 0 0;}
.about-showcase-head p{color:#cfe0f7;margin:0;font-size:1.05rem;max-width:760px;}
.about-project-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:24px;align-items:stretch;}
.about-project-main,.about-project-side article{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:28px;box-shadow:0 24px 60px rgba(0,0,0,.22);overflow:hidden;}
.about-project-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);min-height:430px;}
.about-project-main figure{margin:0;min-height:100%;background:#07111f;}
.about-project-main img{width:100%;height:100%;object-fit:cover;display:block;}
.about-project-main-copy{padding:34px;display:flex;flex-direction:column;justify-content:center;}
.about-project-main-copy>span,.about-project-side article span{display:inline-flex;width:max-content;max-width:100%;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);color:#ffcf9a;font-weight:900;font-size:.78rem;padding:7px 11px;margin-bottom:14px;}
.about-project-main h3,.about-project-side h3{color:#fff;margin:0 0 12px;letter-spacing:-.035em;line-height:1.12;}
.about-project-main h3{font-size:1.75rem;}
.about-project-main p,.about-project-side p{color:#d7e6fb;margin:0;line-height:1.58;}
.about-mini-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;}
.about-mini-points em{font-style:normal;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-weight:850;padding:10px 12px;line-height:1.25;}
.about-project-side{display:grid;gap:24px;}
.about-project-side article{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:stretch;min-height:203px;}
.about-project-side img{width:100%;height:100%;object-fit:cover;display:block;background:#07111f;}
.about-project-side article div{padding:24px;display:flex;flex-direction:column;justify-content:center;}
.about-project-side h3{font-size:1.25rem;}
.about-project-side p{font-size:.96rem;}
@media(max-width:1180px){.about-showcase-head,.about-project-layout,.about-project-main{grid-template-columns:1fr;}.about-project-main img{aspect-ratio:16/9;height:auto;}.about-project-side article{grid-template-columns:240px minmax(0,1fr);}.about-showcase-head p{max-width:100%;}}
@media(max-width:760px){.about-project-side article{grid-template-columns:1fr;}.about-project-side img{aspect-ratio:16/9;height:auto;}.about-project-main-copy,.about-project-side article div{padding:24px;}.about-mini-points{grid-template-columns:1fr;}.about-showcase-head{gap:20px;}.about-project-layout{gap:18px;}}


/* About page final balance and full-width image section */
.about-story-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:26px;
}
.about-story-detail-grid article{
  background:#fff;
  border:1px solid var(--line);
  border-left:4px solid var(--brand);
  border-radius:18px;
  padding:16px 18px;
  box-shadow:var(--shadow-soft);
}
.about-story-detail-grid strong{
  display:block;
  color:var(--text);
  font-size:.98rem;
  line-height:1.25;
  margin-bottom:6px;
}
.about-story-detail-grid span{
  display:block;
  color:#4f5f73;
  font-size:.94rem;
  line-height:1.48;
}
.about-v3-story-grid{
  align-items:start;
}
.about-v3-expect-card{
  align-self:start;
}
.about-image-support{
  margin-top:26px;
}
.about-project-main figure,
.about-project-side article > img{
  position:relative;
  overflow:hidden;
}
.about-project-main img,
.about-project-side img{
  object-fit:cover;
  object-position:center center;
}
.about-project-main-copy>span,
.about-project-side article span{
  font-size:.76rem;
  opacity:.95;
}
.about-fullwidth-feature{
  position:relative;
  min-height:650px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#07111f;
  color:#fff;
}
.about-fullwidth-bg{
  position:absolute;
  inset:0;
  margin:0;
}
.about-fullwidth-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}
.about-fullwidth-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(7,17,31,.92) 0%,rgba(7,17,31,.82) 48%,rgba(7,17,31,.48) 100%),
    radial-gradient(circle at 80% 20%,rgba(231,25,33,.28),transparent 34%);
}
.about-fullwidth-content{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,640px) minmax(420px,620px);
  gap:72px;
  align-items:center;
  padding:96px 0;
}
.about-fullwidth-content .section-kicker{
  color:#ffb86b;
}
.about-fullwidth-content h2{
  color:#fff;
  font-size:clamp(2.2rem,4.2vw,4.35rem);
  line-height:1.02;
  letter-spacing:-.06em;
  margin:10px 0 22px;
  max-width:760px;
}
.about-fullwidth-content p{
  color:#dbe8f8;
  font-size:1.05rem;
  line-height:1.65;
  max-width:720px;
}
.about-fullwidth-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
}
.about-fullwidth-steps{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  border-radius:30px;
  padding:28px;
  box-shadow:0 28px 70px rgba(0,0,0,.28);
  backdrop-filter:blur(12px);
  display:grid;
  gap:14px;
}
.about-fullwidth-steps article{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:15px;
  padding:15px;
  border-radius:18px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.12);
}
.about-fullwidth-steps span{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--brand),var(--accent));
  color:#fff;
  font-weight:950;
}
.about-fullwidth-steps strong{
  display:block;
  color:#fff;
  font-size:1rem;
  line-height:1.25;
  margin-bottom:5px;
}
.about-fullwidth-steps p{
  margin:0;
  font-size:.94rem;
  line-height:1.48;
  color:#cfe0f7;
}
@media(max-width:1180px){
  .about-fullwidth-content{grid-template-columns:1fr;gap:32px;}
  .about-fullwidth-steps{max-width:760px;}
}
@media(max-width:760px){
  .about-story-detail-grid{grid-template-columns:1fr;}
  .about-fullwidth-feature{min-height:auto;}
  .about-fullwidth-content{padding:64px 0;}
  .about-fullwidth-steps{padding:20px;border-radius:24px;}
  .about-fullwidth-steps article{grid-template-columns:42px minmax(0,1fr);padding:13px;}
  .about-fullwidth-steps span{width:42px;height:42px;border-radius:14px;font-size:.85rem;}
}


/* About page final correction: balanced images, no cut-off project photos, stronger responsive layout */
.about-v3-story{padding-top:64px;}
.about-v3-story-grid{grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr);gap:54px;align-items:start;}
.about-v3-copy-block .lead{font-size:1.08rem;line-height:1.65;color:#33445a;}
.about-story-detail-grid{margin-top:28px;}
.about-v3-expect-card{position:sticky;top:112px;}
.about-image-frame img{object-fit:contain;background:#07111f;}
.about-image-support img{aspect-ratio:auto;height:auto;object-fit:contain;}
.about-project-showcase{padding:90px 0;background:linear-gradient(135deg,#07111f,#0a192d);position:relative;overflow:hidden;}
.about-project-showcase:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;opacity:.62;}
.about-project-showcase .container{position:relative;z-index:1;}
.about-showcase-head{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:34px;}
.about-showcase-head .section-kicker{color:#ffb86b;}
.about-showcase-head h2{color:#fff;font-size:clamp(2rem,3.5vw,3.35rem);line-height:1.05;letter-spacing:-.05em;margin:8px 0 0;}
.about-showcase-head p{color:#cfe0f7;margin:0;font-size:1.05rem;line-height:1.62;max-width:800px;}
.about-work-balanced-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:stretch;}
.about-work-wide-card{grid-row:span 2;}
.about-work-wide-card,.about-work-card-clean{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);border-radius:28px;box-shadow:0 24px 60px rgba(0,0,0,.22);overflow:hidden;display:flex;flex-direction:column;}
.about-work-photo{margin:0;background:#07111f;position:relative;border-bottom:1px solid rgba(255,255,255,.1);}
.about-work-photo img{width:100%;height:auto;display:block;object-fit:contain;background:#07111f;}
.about-work-photo figcaption{position:absolute;left:14px;top:14px;background:rgba(7,17,31,.78);border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#ffcf9a;font-weight:900;font-size:.76rem;padding:7px 11px;backdrop-filter:blur(10px);}
.about-work-copy{padding:28px;display:flex;flex-direction:column;justify-content:center;flex:1;}
.about-work-wide-card .about-work-copy{padding:32px;}
.about-work-copy h3{margin:0 0 12px;color:#fff;font-size:clamp(1.25rem,2vw,1.85rem);line-height:1.12;letter-spacing:-.035em;}
.about-work-copy p{margin:0;color:#d7e6fb;line-height:1.6;font-size:1rem;}
.about-mini-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;}
.about-mini-points em{font-style:normal;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);border-radius:14px;color:#fff;font-weight:850;padding:10px 12px;line-height:1.25;}
.about-fullwidth-content{grid-template-columns:minmax(0,680px) minmax(420px,560px);gap:64px;}
.about-fullwidth-steps article{grid-template-columns:48px minmax(0,1fr);align-items:start;}
.about-fullwidth-steps article>div{min-width:0;}
.about-fullwidth-steps strong{margin:0 0 5px;}
.about-fullwidth-steps p{max-width:none;}
.about-fullwidth-bg img{object-fit:cover;}
@media(max-width:1180px){
  .about-v3-story-grid,.about-showcase-head,.about-work-balanced-grid{grid-template-columns:1fr;}
  .about-v3-expect-card{position:static;}
  .about-work-wide-card{grid-row:auto;}
  .about-work-wide-card,.about-work-card-clean{max-width:860px;}
  .about-showcase-head p{max-width:100%;}
}
@media(max-width:760px){
  .about-v3-story{padding-top:52px;}
  .about-work-copy,.about-work-wide-card .about-work-copy{padding:22px;}
  .about-work-photo figcaption{font-size:.68rem;padding:6px 9px;left:10px;top:10px;}
  .about-mini-points{grid-template-columns:1fr;}
  .about-fullwidth-content{grid-template-columns:1fr;gap:26px;padding:58px 0;}
  .about-fullwidth-steps article{grid-template-columns:42px minmax(0,1fr);}
}


/* About page final correction - content-first electrical work section */
.about-content-showcase{padding:88px 0;background:linear-gradient(135deg,#07111f,#0a192d);}
.about-content-head{align-items:start;margin-bottom:34px;}
.about-practice-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.about-practice-content-grid article{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:28px;box-shadow:0 18px 44px rgba(0,0,0,.18);min-height:100%;}
.about-practice-content-grid article span{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--brand),var(--accent));display:grid;place-items:center;color:#fff;font-weight:950;margin-bottom:18px;box-shadow:0 12px 26px rgba(231,25,33,.28);}
.about-practice-content-grid h3{margin:0 0 12px;color:#fff;font-size:1.2rem;line-height:1.22;letter-spacing:-.025em;}
.about-practice-content-grid p{margin:0;color:#d7e6fb;line-height:1.62;font-size:1rem;}
@media(max-width:1180px){.about-practice-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:680px){.about-content-showcase{padding:58px 0;}.about-practice-content-grid{grid-template-columns:1fr;}.about-practice-content-grid article{padding:23px;border-radius:22px;}.about-practice-content-grid article span{width:42px;height:42px;border-radius:14px;margin-bottom:14px;}}


/* Electrical Repairs production page */
.repair-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#07111f 0%,#0b1728 58%,#111f35 100%);color:#fff;padding:88px 0 74px;}
.repair-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(255,138,0,.22),transparent 32%),radial-gradient(circle at 12% 84%,rgba(231,25,33,.22),transparent 34%);pointer-events:none;}
.repair-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;opacity:.7;}
.repair-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,760px) minmax(420px,560px);gap:62px;align-items:center;}
.repair-hero h1{font-size:clamp(2.75rem,5vw,5.7rem);line-height:1.02;letter-spacing:-.055em;text-transform:uppercase;margin:20px 0;}
.repair-hero h1 span{color:var(--brand)}
.repair-hero p{color:#dce8f8;font-size:1.05rem;max-width:760px;}
.repair-hero .lead{font-size:1.18rem;color:#fff;font-weight:650;}
.repair-hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:26px;}
.repair-hero-image-card{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.18);border-radius:30px;padding:22px;box-shadow:0 28px 70px rgba(0,0,0,.24);}
.repair-hero-image-card img{width:100%;height:auto;border-radius:22px;border:1px solid rgba(255,255,255,.16);display:block;}
.repair-hero-image-card h2{margin:18px 0 10px;font-size:1.65rem;line-height:1.12;letter-spacing:-.035em;color:#fff;}
.repair-hero-image-card p{margin:0;color:#d7e6fb;font-size:.98rem;}
.repair-meta-grid{width:min(100% - 56px,var(--max));margin:-32px auto 0;position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.repair-meta-grid article{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow-soft);}
.repair-meta-grid span{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;font-weight:950;display:grid;place-items:center;flex:0 0 auto;}
.repair-meta-grid strong{display:block;margin-bottom:4px;color:var(--text);}
.repair-meta-grid p{margin:0;color:#4f5f73;line-height:1.45;}
.repair-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,540px);gap:46px;align-items:start;}
.repair-process-card{background:linear-gradient(145deg,#fff,#fff7f0);border:1px solid #ffd7b5;border-radius:30px;padding:32px;box-shadow:var(--shadow-soft);}
.repair-process-card h3{font-size:1.7rem;letter-spacing:-.035em;margin:0 0 18px;}
.repair-step-list{display:grid;gap:16px;}
.repair-step-list article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;}
.repair-step-list article>span{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;font-weight:950;display:grid;place-items:center;box-shadow:0 12px 24px rgba(231,25,33,.22);}
.repair-step-list h4{margin:0 0 5px;line-height:1.2;}
.repair-step-list p{margin:0;color:#4f5f73;line-height:1.48;}
.repair-scenario-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.repair-scenario-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden;}
.repair-scenario-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--brand),var(--accent));}
.repair-card-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#fff0f0,#fff5e9);display:grid;place-items:center;color:var(--brand);font-size:1.5rem;margin-bottom:15px;}
.repair-scenario-card h3{font-size:1.24rem;line-height:1.22;margin:0 0 10px;letter-spacing:-.025em;}
.repair-scenario-card p{color:#4f5f73;margin:0 0 14px;}
.repair-scenario-card ul{margin:0;padding:0;list-style:none;display:grid;gap:7px;}
.repair-scenario-card li{position:relative;padding-left:24px;color:#10233f;font-weight:750;line-height:1.35;}
.repair-scenario-card li:before{content:"✓";position:absolute;left:0;top:0;color:var(--success);font-weight:950;}
.repair-image-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px;}
.repair-image-strip figure,.repair-final-image{margin:0;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-soft);}
.repair-image-strip img,.repair-final-image img{width:100%;height:auto;display:block;}
.repair-image-strip figcaption,.repair-final-image figcaption{padding:18px 20px;color:#4f5f73;line-height:1.5;}
.repair-image-strip figcaption strong,.repair-final-image figcaption strong{display:block;color:var(--text);font-size:1.05rem;margin-bottom:4px;}
.repair-warning-section{background:linear-gradient(135deg,#07111f,#0c1e34);color:#fff;}
.repair-warning-section p{color:#c7d7eb;}
.repair-warning-section .lead{color:#eaf2ff;}
.repair-warning-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,520px);gap:46px;align-items:center;}
.repair-warning-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:30px;box-shadow:0 18px 52px rgba(0,0,0,.2);}
.repair-warning-panel h3{margin:0 0 18px;color:#fff;font-size:1.45rem;}
.repair-warning-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.repair-warning-panel li{position:relative;padding-left:34px;color:#dce8f8;font-weight:750;}
.repair-warning-panel li:before{content:"!";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;display:grid;place-items:center;font-weight:950;font-size:.8rem;}
.repair-service-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px;}
.repair-service-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;font-weight:900;box-shadow:var(--shadow-soft);}
.repair-service-links a:hover{border-color:#ffc1c1;color:var(--brand);transform:translateY(-1px);}
.repair-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.repair-faq-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow-soft);}
.repair-faq-card h3{font-size:1.1rem;line-height:1.28;margin:0 0 9px;}
.repair-faq-card p{margin:0;color:#4f5f73;}
@media(max-width:1180px){.repair-hero-grid,.repair-intro-grid,.repair-warning-grid{grid-template-columns:1fr}.repair-hero-image-card,.repair-process-card,.repair-warning-panel{max-width:850px}.repair-meta-grid{grid-template-columns:1fr}.repair-service-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.repair-hero{padding:58px 0 50px}.repair-hero h1{font-size:2.65rem}.repair-hero-actions{flex-direction:column;align-items:flex-start}.repair-hero-actions .btn{width:auto!important;max-width:100%;min-width:220px}.repair-meta-grid{width:min(100% - 28px,var(--max));}.repair-scenario-grid,.repair-image-strip,.repair-faq-grid,.repair-service-links{grid-template-columns:1fr}.repair-process-card,.repair-warning-panel,.repair-scenario-card{padding:23px}.repair-step-list article{grid-template-columns:42px minmax(0,1fr)}.repair-step-list article>span{width:42px;height:42px;border-radius:14px;font-size:.85rem}}


/* Recovery patch: keep current pages styled after service-page work */
.header-fee{background:linear-gradient(135deg,var(--accent),#ff6b00)!important;color:#fff!important;box-shadow:0 14px 28px rgba(255,138,0,.24)!important;}
.header-fee:hover{box-shadow:0 18px 38px rgba(255,138,0,.34)!important;}
.clean-head{align-items:flex-start;}
.about-v3-story,.about-v3-capabilities,.about-v3-promise,.areas-intro-section,.areas-image-band,.areas-faq-section,.contact-main,.contact-offices,.contact-services,.services-process-section,.services-property-section{position:relative;}
.about-story-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;}
.about-story-detail-grid article{background:#fff;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:18px;padding:18px;box-shadow:var(--shadow-soft);}
.about-story-detail-grid strong{display:block;color:var(--text);margin-bottom:6px;line-height:1.25;}
.about-story-detail-grid span{display:block;color:#4f5f73;line-height:1.55;}
.about-image-frame{margin:0 0 22px;border-radius:24px;overflow:hidden;background:#07111f;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow-soft);}
.about-image-frame img{display:block;width:100%;height:auto;object-fit:contain;background:#0b1728;}
.about-image-frame figcaption{padding:16px 18px;background:linear-gradient(135deg,#07111f,#102844);color:#dbe7f7;display:grid;gap:4px;}
.about-image-frame figcaption strong{color:#fff;line-height:1.2;}
.about-image-frame figcaption span{color:#bfd3ee;font-size:.92rem;}
.about-image-hero{margin-bottom:22px;}
.about-image-support{margin-top:24px;}
.about-content-showcase,.about-project-showcase{background:linear-gradient(135deg,#07111f,#0c1e34);}
.about-content-head,.about-showcase-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:34px;}
.about-content-head p,.about-showcase-head p{max-width:720px;color:#c9d8ec;margin:0;}
.about-practice-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.about-practice-content-grid article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:24px;color:#dce8f8;}
.about-practice-content-grid article>span{display:inline-grid;width:44px;height:44px;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;font-weight:950;margin-bottom:14px;}
.about-practice-content-grid h3{margin:0 0 10px;color:#fff;line-height:1.22;letter-spacing:-.02em;}
.about-practice-content-grid p{margin:0;color:#d4e2f5;}
.about-fullwidth-feature{position:relative;overflow:hidden;min-height:560px;color:#fff;display:flex;align-items:center;padding:86px 0;}
.about-fullwidth-bg{position:absolute;inset:0;margin:0;z-index:0;background:#07111f;}
.about-fullwidth-bg img{width:100%;height:100%;object-fit:cover;display:block;}
.about-fullwidth-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,17,31,.94),rgba(7,17,31,.76),rgba(7,17,31,.56));}
.about-fullwidth-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:42px;align-items:center;}
.about-fullwidth-content h2{font-size:clamp(2rem,4vw,4rem);line-height:1.05;letter-spacing:-.05em;margin:10px 0 18px;max-width:820px;}
.about-fullwidth-content p{color:#dbe7f7;max-width:850px;}
.about-fullwidth-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;}
.about-fullwidth-steps{display:grid;gap:14px;}
.about-fullwidth-steps article{display:grid;grid-template-columns:54px 1fr;gap:14px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:16px;}
.about-fullwidth-steps article>span{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--brand),var(--accent));display:grid;place-items:center;font-weight:950;color:#fff;}
.about-fullwidth-steps strong{display:block;color:#fff;margin-bottom:4px;line-height:1.2;}
.about-fullwidth-steps p{margin:0;color:#cfe0f4;font-size:.95rem;}
.contact-main-grid,.contact-office-grid,.contact-service-grid{display:grid;gap:22px;}
.contact-main-grid{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:start;}
.contact-office-grid,.contact-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.services-process-section .process,.services-property-section .grid{align-items:stretch;}
@media(max-width:1180px){.about-practice-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.about-fullwidth-content,.contact-main-grid{grid-template-columns:1fr;}.about-content-head,.about-showcase-head{display:block;}.about-content-head p,.about-showcase-head p{margin-top:14px;}.contact-office-grid,.contact-service-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:680px){.about-story-detail-grid,.about-practice-content-grid,.contact-office-grid,.contact-service-grid{grid-template-columns:1fr;}.about-fullwidth-feature{min-height:auto;padding:58px 0;}.about-fullwidth-steps article{grid-template-columns:44px 1fr;padding:14px;}.about-fullwidth-steps article>span{width:44px;height:44px;border-radius:14px;font-size:.86rem;}.about-image-frame figcaption{padding:14px;}.header-fee{display:none!important;}}


/* Uniform site header/footer safety pass */
.site-header{background:#fff;border-bottom:1px solid rgba(15,23,42,.08);position:sticky;top:0;z-index:50;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#111827;min-width:260px}
.logo-mark{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#ff3b30,#ff7a00);display:grid;place-items:center;color:#111827;font-weight:900;box-shadow:0 12px 28px rgba(255,80,20,.25)}
.logo-text{display:flex;flex-direction:column;line-height:1.15}.logo-text strong{font-size:18px}.logo-text span{font-size:13px;color:#64748b;font-weight:700;margin-top:6px}
.nav{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.nav a{color:#111827;text-decoration:none;font-weight:800;padding:14px 16px;border-radius:999px}.nav a:hover,.nav a.active{background:#fff0f0;color:#e21b2d}
.header-actions{display:flex;align-items:center;gap:10px}.icon-btn{position:relative;width:52px;height:52px;border-radius:14px;background:#f5f7fb;color:#0f172a;display:grid;place-items:center;text-decoration:none;font-weight:900}.cart-count{position:absolute;top:-6px;right:-6px;background:#ed1c2e;color:#fff;border-radius:999px;font-size:11px;line-height:1;padding:5px 7px}.header-fee{background:#101827;color:#fff;box-shadow:0 14px 32px rgba(15,23,42,.22)}
.topbar{background:#0f172a;color:#fff;font-size:14px}.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:9px;padding-bottom:9px}.topbar a{color:#fff;text-decoration:none}.topbar .hot{color:#fff;font-weight:900}
.footer{background:#0f172a;color:#cbd5e1;padding:64px 0 22px}.footer a{color:#e5e7eb;text-decoration:none;display:block;margin:9px 0}.footer h4{color:#fff;margin:0 0 14px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:28px}.footer-logo{display:flex!important;align-items:center;gap:12px;margin-bottom:18px}.footer-logo-box{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#ff3b30,#ff7a00);display:grid;place-items:center;color:#111827;font-weight:900}.footer-brand p{line-height:1.7}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:34px;font-size:13px;color:#94a3b8}
@media(max-width:1100px){.nav{display:none}.menu-toggle{display:flex}.nav-wrap{min-height:76px}.logo{min-width:auto}.header-actions .header-fee{display:none}.topbar .container{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}}
@media(max-width:680px){.logo-text span{display:none}.logo-mark{width:48px;height:48px}.header-actions .icon-btn{display:none}.footer-grid{grid-template-columns:1fr}}
@media(max-width:1100px){
  .site-header .nav.open{display:flex!important;position:absolute;left:16px;right:16px;top:100%;background:#fff;border:1px solid rgba(15,23,42,.10);box-shadow:0 18px 38px rgba(15,23,42,.14);border-radius:18px;padding:14px;flex-direction:column;align-items:stretch;z-index:60;}
  .site-header .nav.open a{display:block;width:100%;padding:14px 16px;}
  .site-header .nav-wrap{position:relative;}
}


/* Electrical Installations page v2 - scoped only to body.install-page */
.install-page .install-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#07111f 0%,#0c1829 54%,#111f35 100%);color:#fff;padding:86px 0 72px}
.install-page .install-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(255,138,0,.28),transparent 30%),radial-gradient(circle at 14% 80%,rgba(231,25,33,.25),transparent 36%);pointer-events:none}
.install-page .install-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to right,#000,transparent 90%);opacity:.65}
.install-page .install-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,760px) minmax(390px,520px);gap:58px;align-items:center}
.install-page .install-hero h1{font-size:clamp(2.8rem,5.2vw,5.45rem);line-height:1.02;letter-spacing:-.055em;margin:18px 0;text-transform:uppercase;color:#fff}
.install-page .install-hero h1 span{color:var(--brand)}
.install-page .install-hero .lead{color:#f1f6ff;font-weight:650;font-size:1.14rem;max-width:780px}
.install-page .install-hero p{color:#dce8f8;font-size:1.04rem;max-width:780px}
.install-page .install-hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:26px}
.install-page .install-hero-media{margin:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:28px;padding:14px;box-shadow:0 28px 70px rgba(0,0,0,.24);max-width:520px;justify-self:end}
.install-page .install-hero-media img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px;max-height:380px}
.install-page figure figcaption{padding:15px 8px 5px;color:#4f5f73;font-size:.96rem;line-height:1.5}
.install-page .install-hero-media figcaption{color:#dbe7f7;padding:16px 10px 6px}
.install-page figure figcaption strong{display:block;color:inherit;font-size:1.05rem;margin-bottom:3px}.install-page figure figcaption span{display:block;color:inherit;opacity:.86}
.install-page .install-snapshots{background:#fff;border-bottom:1px solid var(--line);padding:24px 0}
.install-page .install-snapshot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.install-page .install-snapshot-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow-soft)}
.install-page .install-snapshot-grid strong{display:block;color:var(--text);line-height:1.25;margin-bottom:6px}.install-page .install-snapshot-grid span{color:var(--muted);font-size:.95rem}
.install-page .install-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,540px);gap:50px;align-items:center}.install-page .install-two-col.reverse{grid-template-columns:minmax(390px,540px) minmax(0,1fr)}.install-page .install-two-col.reverse .install-copy-block{order:2}.install-page .install-two-col.reverse figure{order:1}
.install-page .install-copy-block .lead{color:#4f5f73;font-size:1.08rem}.install-page .install-copy-block h2,.install-page .install-section-head h2{max-width:1100px}.install-page .install-copy-block h3{font-size:1.35rem;letter-spacing:-.025em;margin:25px 0 8px}.install-page .install-copy-block p{color:#344258}
.install-page .install-process-card{background:linear-gradient(145deg,#fff,#fff7f0);border:1px solid #ffd7b5;border-radius:30px;padding:30px;box-shadow:var(--shadow-soft)}.install-page .install-process-card h3{font-size:1.55rem;line-height:1.18;letter-spacing:-.035em;margin:0 0 20px;color:var(--text)}
.install-page .install-process-list{display:grid;gap:16px}.install-page .install-process-list article{display:grid;grid-template-columns:50px minmax(0,1fr);gap:14px;align-items:start}.install-page .install-process-list span{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;display:grid;place-items:center;font-weight:950;box-shadow:0 14px 26px rgba(231,25,33,.22)}.install-page .install-process-list h4{margin:0 0 4px;line-height:1.25}.install-page .install-process-list p{margin:0;color:#536276;line-height:1.48}
.install-page .install-section-head{max-width:1120px;margin:0 0 34px}.install-page .install-section-head p{color:#4f5f73;max-width:1050px;font-size:1.05rem}.install-page .install-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.install-page .install-service-grid article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.install-page .install-service-grid article:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--brand),var(--accent))}.install-page .install-service-grid h3{margin:0 0 12px;font-size:1.28rem;line-height:1.22;letter-spacing:-.025em;color:var(--text)}.install-page .install-service-grid p{color:#4f5f73;margin:0 0 12px}.install-page .install-service-grid p:last-child{margin-bottom:0}
.install-page .install-image-section{background:#fff}.install-page .install-image-grid{display:grid;grid-template-columns:minmax(390px,540px) minmax(0,1fr);gap:48px;align-items:center}.install-page figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow-soft)}.install-page figure img{width:100%;aspect-ratio:16/10;object-fit:cover;max-height:420px}.install-page .install-photo-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.install-page .install-photo-row figure img{max-height:360px}.install-page .install-dark{background:linear-gradient(135deg,#07111f,#0c1e34);color:#fff}.install-page .install-dark .install-copy-block p,.install-page .install-dark .lead{color:#d2e1f4}.install-page .install-promise-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:30px;box-shadow:0 18px 52px rgba(0,0,0,.2)}.install-page .install-promise-panel h3{margin-top:0;font-size:1.45rem;color:#fff;letter-spacing:-.025em}.install-page .install-promise-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}.install-page .install-promise-panel li{position:relative;padding-left:34px;color:#dce8f8}.install-page .install-promise-panel li:before{content:"✓";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;display:grid;place-items:center;font-weight:950;font-size:.78rem}
.install-page .install-info-grid,.install-page .install-faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.install-page .install-info-grid article,.install-page .install-faq-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow-soft)}.install-page .install-info-grid h3,.install-page .install-faq-card h3{margin:0 0 10px;font-size:1.13rem;line-height:1.25;color:var(--text)}.install-page .install-info-grid p,.install-page .install-faq-card p{margin:0;color:#4f5f73;line-height:1.55}.install-page .install-service-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 30px}.install-page .install-service-links a{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:16px;padding:16px 18px;background:#fff;font-weight:900;color:#172235;box-shadow:0 8px 22px rgba(7,17,31,.05)}.install-page .install-service-links a:hover{border-color:#ffc0c0;color:var(--brand);transform:translateY(-1px)}.install-page .install-wide-figure img{max-height:430px}
@media(max-width:1100px){.install-page .install-hero-grid,.install-page .install-two-col,.install-page .install-two-col.reverse,.install-page .install-image-grid{grid-template-columns:1fr}.install-page .install-two-col.reverse .install-copy-block,.install-page .install-two-col.reverse figure{order:initial}.install-page .install-hero-media{justify-self:start}.install-page .install-snapshot-grid,.install-page .install-info-grid,.install-page .install-faq-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.install-page .install-hero{padding:58px 0 52px}.install-page .install-hero h1{font-size:2.65rem;line-height:1.06}.install-page .install-hero-actions{flex-direction:column;align-items:flex-start}.install-page .install-hero-actions .btn{width:auto!important;min-width:220px}.install-page .install-snapshot-grid,.install-page .install-service-grid,.install-page .install-photo-row,.install-page .install-info-grid,.install-page .install-faq-grid,.install-page .install-service-links{grid-template-columns:1fr}.install-page .install-process-card,.install-page .install-promise-panel,.install-page .install-service-grid article,.install-page .install-info-grid article,.install-page .install-faq-card{padding:23px}.install-page figure img,.install-page .install-hero-media img{max-height:300px}.install-page .install-process-list article{grid-template-columns:44px 1fr}.install-page .install-process-list span{width:44px;height:44px}.install-page .install-hero-media{max-width:100%}}

/* SERVICE SIDEBAR AND FIXED EMERGENCY PAGE PATCH */
.service-page .service-hero{background:#fff;color:var(--text);padding:56px 0 34px;border-bottom:1px solid var(--line)}
.service-page .service-hero-inner{max-width:1120px;margin-inline:auto}.service-page .service-hero h1{font-size:clamp(2.4rem,4.6vw,4.9rem);line-height:1.05;letter-spacing:-.045em;margin:16px 0 18px;color:var(--text)}.service-page .service-hero .lead{font-size:1.14rem;color:#516176;max-width:860px}.service-page .service-hero p{max-width:1120px}.service-kicker{display:inline-flex;align-items:center;gap:8px;background:#ffe8e9;color:#a51218;border:1px solid #ffc7c9;border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.service-hero-badges{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.service-hero-badges span{font-weight:850;color:#172235;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;box-shadow:0 8px 22px rgba(7,17,31,.05)}
.service-body-section{padding-top:34px}.service-body-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:46px;align-items:start}.service-sidebar-card{background:#082240;color:#fff;border-radius:18px;padding:26px 26px 28px;box-shadow:var(--shadow-soft);position:sticky;top:112px}.service-sidebar-card h2{display:flex;justify-content:space-between;align-items:center;color:#fff;margin:0 0 18px;font-size:1.55rem;letter-spacing:-.03em}.service-sidebar-card h2 span{opacity:.65}.service-sidebar-links{display:grid}.service-sidebar-links a{display:block;color:#fff;border-bottom:1px solid rgba(255,255,255,.17);padding:12px 0;font-weight:850;line-height:1.2}.service-sidebar-links a:hover,.service-sidebar-links a.active{color:#39a7ff}.service-sidebar-cta{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18)}.service-sidebar-cta h3{margin:0 0 8px;color:#fff;font-size:1.18rem}.service-sidebar-cta p{color:#d2e1f4;margin:0 0 14px;font-size:.94rem;line-height:1.5}.service-sidebar-cta .btn{display:flex;width:100%;margin-top:10px;padding:11px 12px;font-size:.88rem}.service-main-content{min-width:0}.content-section{padding:44px 0;border-bottom:1px solid var(--line)}.content-section:first-child{padding-top:0}.content-section:last-child{border-bottom:0}.content-section h2{font-size:clamp(1.85rem,3vw,3.2rem);line-height:1.08;letter-spacing:-.04em;margin:8px 0 18px}.content-section .lead{color:#4f5f73;max-width:950px}.content-section p{color:#344258}.section-head.compact{align-items:flex-start;margin-bottom:26px}.section-head.compact p{max-width:760px}.emergency-callout-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.emergency-callout-row article{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px;box-shadow:var(--shadow-soft)}.emergency-callout-row strong{display:block;color:var(--text);margin-bottom:6px}.emergency-callout-row span{display:block;color:#536276;line-height:1.5}.media-content-section{display:grid;grid-template-columns:minmax(260px,420px) minmax(0,1fr);gap:34px;align-items:center}.media-content-section.reverse{grid-template-columns:minmax(0,1fr) minmax(260px,420px)}.media-content-section.reverse figure{order:2}.service-inline-photo{margin:0;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-soft)}.service-inline-photo img{width:100%;height:auto;max-height:280px;object-fit:cover;background:#07111f}.stable-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.emergency-fault-grid article{background:#fff;border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:20px;padding:24px;box-shadow:var(--shadow-soft)}.emergency-fault-grid h3{margin:0 0 12px;font-size:1.18rem;line-height:1.25;color:var(--text)}.emergency-fault-grid p{margin:0 0 12px;color:#4f5f73;line-height:1.58}.emergency-fault-grid p:last-child{margin-bottom:0}.emergency-dark-box{background:linear-gradient(135deg,#07111f,#0d2139);border-radius:28px;padding:34px!important;color:#fff;border-bottom:0}.emergency-dark-box h2,.emergency-dark-box h3{color:#fff}.emergency-dark-box p{color:#d7e6fb}.property-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.property-team-grid article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:22px}.process-grid-small{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-grid-small article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow-soft)}.process-grid-small span{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--accent));display:grid;place-items:center;color:#fff;font-weight:950;margin-bottom:14px}.process-grid-small h3{margin:0 0 8px}.process-grid-small p{margin:0}.area-link-mini-grid,.related-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.area-link-mini-grid a,.related-link-grid a{display:flex;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px 16px;font-weight:900;box-shadow:0 8px 22px rgba(7,17,31,.05)}.area-link-mini-grid a:hover,.related-link-grid a:hover{color:var(--brand);border-color:#ffc0c0}.soft-faq-section{background:#f7f8fb;margin:0 -24px;padding:34px 24px!important;border-radius:26px;border-bottom:0}.faq-answer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.faq-answer-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow-soft)}.faq-answer-grid h3{font-size:1.08rem;margin:0 0 8px;line-height:1.25}.faq-answer-grid p{margin:0}.related-service-section p{max-width:980px}.final-cta-box{background:linear-gradient(135deg,var(--brand),#9f0d12);color:#fff;border-radius:28px;padding:34px!important;display:flex;justify-content:space-between;gap:22px;align-items:center;border-bottom:0}.final-cta-box h2,.final-cta-box p{color:#fff}.final-cta-box .section-kicker{color:#fff}.service-sidebar-section{padding:34px 0;background:#fff;border-bottom:1px solid var(--line)}.service-sidebar-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:34px;align-items:start}.service-sidebar-section .service-sidebar-card{position:static}.service-sidebar-intro{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow-soft)}.service-sidebar-intro h2{margin:8px 0 14px;font-size:clamp(1.6rem,2.4vw,2.5rem);letter-spacing:-.035em}.service-sidebar-intro p{color:#4f5f73;max-width:920px}
@media(max-width:1100px){.service-body-grid,.service-sidebar-layout{grid-template-columns:1fr}.service-sidebar-card{position:static}.stable-grid,.property-team-grid,.process-grid-small,.area-link-mini-grid,.related-link-grid{grid-template-columns:repeat(2,1fr)}.media-content-section,.media-content-section.reverse{grid-template-columns:1fr}.media-content-section.reverse figure{order:initial}.service-inline-photo img{max-height:320px}}
@media(max-width:700px){.service-page .service-hero{padding:40px 0 28px}.service-page .service-hero h1{font-size:2.35rem}.service-hero-badges,.hero-actions{align-items:flex-start}.service-body-section{padding-top:24px}.service-sidebar-card,.service-sidebar-intro,.emergency-dark-box,.final-cta-box{padding:22px!important}.emergency-callout-row,.stable-grid,.property-team-grid,.process-grid-small,.area-link-mini-grid,.related-link-grid,.faq-answer-grid{grid-template-columns:1fr}.final-cta-box{display:block}.soft-faq-section{margin:0;padding:24px!important}.service-main-content .section-head{display:block}.service-inline-photo img{max-height:240px}}


/* FINAL SERVICE SIDEBAR + EMERGENCY HERO STABILITY PATCH */
.service-sidebar-section{padding:36px 0 46px!important;background:#fff!important;border-bottom:1px solid var(--line)!important;}
.service-sidebar-layout{display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:34px!important;align-items:start!important;}
.service-sidebar-filled{min-height:0!important;padding:30px!important;}
.service-sidebar-filled h2{margin:8px 0 14px!important;max-width:980px!important;}
.service-sidebar-filled p{max-width:1040px!important;}
.service-intro-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;}
.service-intro-detail-grid article{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 22px rgba(7,17,31,.04);}
.service-intro-detail-grid h3{margin:0 0 8px;font-size:1.05rem;line-height:1.25;color:var(--text);}
.service-intro-detail-grid p{margin:0!important;color:#4f5f73;line-height:1.55;}
.service-intro-wide-note{margin-top:18px;background:linear-gradient(135deg,#fff7f7,#fffaf4);border:1px solid #ffd3d3;border-radius:20px;padding:22px;}
.service-intro-wide-note h3{margin:0 0 8px;font-size:1.18rem;letter-spacing:-.02em;color:#101725;}
.service-intro-wide-note p{margin:0!important;color:#4f5f73;}
.service-body-section{padding-top:46px!important;}
.service-body-grid{display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:46px!important;align-items:start!important;}
.service-main-content{min-width:0!important;}

.emergency-page .emergency-hero-fixed{background:linear-gradient(135deg,#ffffff 0%,#ffffff 58%,#fff6f6 100%)!important;color:var(--text)!important;padding:54px 0 44px!important;border-bottom:1px solid var(--line)!important;overflow:hidden;}
.emergency-page .emergency-hero-fixed-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(340px,430px)!important;gap:46px!important;align-items:center!important;}
.emergency-page .emergency-hero-copy{max-width:900px!important;}
.emergency-page .emergency-hero-fixed h1{font-size:clamp(2.8rem,4.6vw,5.15rem)!important;line-height:1.03!important;letter-spacing:-.055em!important;margin:18px 0 20px!important;color:var(--text)!important;max-width:900px!important;}
.emergency-page .emergency-hero-fixed h1 span{color:var(--brand)!important;}
.emergency-page .emergency-hero-fixed .lead{font-size:1.14rem!important;line-height:1.6!important;color:#536276!important;max-width:850px!important;}
.emergency-page .emergency-hero-fixed p{max-width:960px!important;color:#243044!important;}
.emergency-page .emergency-badges-fixed{margin:20px 0 8px!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;}
.emergency-page .emergency-badges-fixed span{font-weight:850;background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:10px 12px!important;color:#172235!important;box-shadow:0 8px 22px rgba(7,17,31,.05)!important;}
.emergency-hero-side-card{background:linear-gradient(135deg,#07111f,#0d243e)!important;color:#fff!important;border-radius:28px!important;padding:30px!important;box-shadow:0 24px 60px rgba(7,17,31,.18)!important;border:1px solid rgba(255,255,255,.1)!important;}
.emergency-hero-side-card h2{margin:0 0 12px!important;color:#fff!important;font-size:1.65rem!important;line-height:1.15!important;letter-spacing:-.03em!important;}
.emergency-hero-side-card p{color:#d9e7f8!important;margin:0 0 18px!important;}
.emergency-hero-side-card ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.emergency-hero-side-card li{position:relative;padding-left:30px;color:#fff;font-weight:750;line-height:1.45;}
.emergency-hero-side-card li:before{content:'⚡';position:absolute;left:0;top:0;color:#ffb25f;font-size:.92rem;}
.emergency-hero-note{margin-top:20px;background:rgba(8,168,63,.16);border:1px solid rgba(8,168,63,.32);border-radius:16px;padding:14px;color:#dfffea;font-weight:850;}

@media(max-width:1100px){
  .service-sidebar-layout,.service-body-grid,.emergency-page .emergency-hero-fixed-grid{grid-template-columns:1fr!important;}
  .service-sidebar-card{position:static!important;}
  .service-intro-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .emergency-hero-side-card{max-width:760px;}
}
@media(max-width:700px){
  .service-sidebar-section{padding:24px 0 30px!important;}
  .service-sidebar-filled,.service-intro-wide-note,.emergency-hero-side-card{padding:22px!important;}
  .service-intro-detail-grid{grid-template-columns:1fr!important;}
  .emergency-page .emergency-hero-fixed{padding:38px 0 32px!important;}
  .emergency-page .emergency-hero-fixed h1{font-size:2.55rem!important;}
}

/* Emergency page hero final dark match - scoped only to emergency page */
.emergency-page .emergency-hero-fixed{
  position:relative!important;
  overflow:hidden!important;
  background:
    linear-gradient(115deg,rgba(7,17,31,.98) 0%,rgba(9,26,46,.96) 52%,rgba(42,32,31,.92) 100%),
    radial-gradient(circle at 82% 18%,rgba(255,138,0,.28),transparent 31%),
    radial-gradient(circle at 13% 82%,rgba(231,25,33,.28),transparent 36%)!important;
  color:#fff!important;
  padding:92px 0 88px!important;
  border-bottom:0!important;
}
.emergency-page .emergency-hero-fixed:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:58px 58px;
  opacity:.7;
  pointer-events:none;
}
.emergency-page .emergency-hero-fixed-grid{
  position:relative!important;
  z-index:2!important;
  grid-template-columns:minmax(0,760px) minmax(360px,460px)!important;
  max-width:1180px!important;
  margin-inline:auto!important;
}
.emergency-page .emergency-hero-fixed .breadcrumbs,
.emergency-page .emergency-hero-fixed .breadcrumbs a{
  color:#ffd4d4!important;
}
.emergency-page .emergency-hero-fixed h1{
  color:#fff!important;
  text-transform:uppercase!important;
  font-size:clamp(2.8rem,5vw,5.65rem)!important;
  line-height:1.02!important;
  letter-spacing:-.06em!important;
  max-width:780px!important;
}
.emergency-page .emergency-hero-fixed h1 span{
  color:var(--brand)!important;
}
.emergency-page .emergency-hero-fixed .lead{
  color:#edf4ff!important;
  font-weight:650!important;
  max-width:760px!important;
}
.emergency-page .emergency-hero-fixed p{
  color:#d7e6f7!important;
  max-width:780px!important;
}
.emergency-page .emergency-badges-fixed span{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:none!important;
}
.emergency-page .emergency-hero-side-card{
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055))!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(10px)!important;
}
.emergency-page .emergency-hero-side-card p{
  color:#dce8f8!important;
}
.emergency-page .emergency-hero-note{
  background:rgba(8,168,63,.18)!important;
  border-color:rgba(8,168,63,.35)!important;
  color:#ecfff4!important;
}

/* Service sidebar content gap fix - scoped to pages using the service sidebar */
.service-body-grid .service-main-content > .content-section:first-child{
  padding-top:0!important;
  min-height:0!important;
}
.service-body-grid .service-main-content{
  display:block!important;
}
.service-sidebar-card{
  align-self:start!important;
}
.service-body-section{
  padding-top:44px!important;
}
@media(max-width:1180px){
  .emergency-page .emergency-hero-fixed-grid{grid-template-columns:1fr!important;max-width:var(--max)!important;}
  .emergency-page .emergency-hero-side-card{max-width:760px!important;}
}
@media(max-width:700px){
  .emergency-page .emergency-hero-fixed{padding:56px 0 48px!important;}
  .emergency-page .emergency-hero-fixed h1{font-size:2.55rem!important;}
}


/* Lighting Installation page - scoped styles only */
.lighting-page .lighting-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#07111f 0%,#0a182a 54%,#101d32 100%);color:#fff;padding:76px 0 66px;border-bottom:1px solid rgba(255,255,255,.08)}
.lighting-page .lighting-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 83% 20%,rgba(255,138,0,.25),transparent 32%),radial-gradient(circle at 15% 82%,rgba(231,25,33,.22),transparent 35%);pointer-events:none}
.lighting-page .lighting-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;opacity:.8;mask-image:linear-gradient(to right,#000,transparent 90%)}
.lighting-page .lighting-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,520px);gap:54px;align-items:center}
.lighting-page .breadcrumbs,.lighting-page .breadcrumbs a{color:#ffd0d0;font-weight:900}
.lighting-page .lighting-hero h1{font-size:clamp(2.8rem,5vw,5.75rem);line-height:1.02;letter-spacing:-.055em;margin:20px 0;text-transform:uppercase;color:#fff;max-width:960px}
.lighting-page .lighting-hero h1 span{color:var(--brand)}
.lighting-page .lighting-hero .lead{color:#f2f6ff;font-size:1.16rem;font-weight:650;max-width:900px}
.lighting-page .lighting-hero p{color:#d8e6f7;max-width:960px}
.lighting-page .lighting-hero-points{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 6px}
.lighting-page .lighting-hero-points span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:10px 12px;font-weight:900;color:#fff}
.lighting-page .lighting-hero-photo{margin:0;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 26px 70px rgba(0,0,0,.32);background:#0d1b2e}
.lighting-page .lighting-hero-photo img{width:100%;height:340px;object-fit:cover;object-position:center;background:#07111f}
.lighting-page .lighting-hero-photo figcaption{padding:22px 24px;background:rgba(13,29,50,.96);color:#dbe7f7}
.lighting-page .lighting-hero-photo strong{display:block;color:#fff;font-size:1.28rem;line-height:1.15;letter-spacing:-.02em}.lighting-page .lighting-hero-photo span{display:block;margin-top:6px;color:#ffcd9a;font-weight:850}
.lighting-page .lighting-sidebar-section{padding:42px 0;background:#fff;border-bottom:1px solid var(--line)}
.lighting-page .lighting-sidebar-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:34px;align-items:start}
.lighting-page .lighting-side-nav{position:static!important}.lighting-page .lighting-sidebar-content{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow-soft)}
.lighting-page .lighting-sidebar-content h2{margin:8px 0 14px;font-size:clamp(1.65rem,2.5vw,2.7rem);line-height:1.07;letter-spacing:-.04em}.lighting-page .lighting-sidebar-content p{max-width:1080px;color:#4f5f73}
.lighting-page .lighting-nav-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px}.lighting-page .lighting-nav-detail-grid article{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:20px}.lighting-page .lighting-nav-detail-grid h3{margin:0 0 8px;line-height:1.2}.lighting-page .lighting-nav-detail-grid p{margin:0;color:#4f5f73}
.lighting-page .lighting-two-col,.lighting-page .lighting-media-grid,.lighting-page .lighting-dark-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:44px;align-items:center}.lighting-page .lighting-media-grid.reverse{grid-template-columns:minmax(360px,520px) minmax(0,1fr)}.lighting-page .lighting-media-grid.reverse figure{order:2}
.lighting-page h2{letter-spacing:-.045em}.lighting-page p{color:#344258}.lighting-page .lead{color:#4f5f73}.lighting-page .lighting-promise-card{background:linear-gradient(135deg,#07111f,#0f2742);border-radius:28px;padding:32px;color:#fff;box-shadow:var(--shadow)}.lighting-page .lighting-promise-card h3{margin:0 0 18px;color:#fff;font-size:1.55rem;letter-spacing:-.03em}.lighting-page .lighting-promise-card ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.lighting-page .lighting-promise-card li{position:relative;padding-left:34px;color:#dce9f8;font-weight:750}.lighting-page .lighting-promise-card li:before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--accent));display:grid;place-items:center;color:#fff;font-size:.78rem;font-weight:950}
.lighting-page .lighting-service-grid,.lighting-page .lighting-repair-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lighting-page .lighting-service-grid article,.lighting-page .lighting-repair-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow-soft);border-top:4px solid var(--brand)}.lighting-page .lighting-service-grid h3,.lighting-page .lighting-repair-grid h3{margin:0 0 10px;font-size:1.16rem;line-height:1.23;letter-spacing:-.02em}.lighting-page .lighting-service-grid p,.lighting-page .lighting-repair-grid p{margin:0;color:#4f5f73;line-height:1.58}
.lighting-page .lighting-photo-card{margin:0;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-soft)}.lighting-page .lighting-photo-card img{width:100%;height:320px;object-fit:cover;object-position:center}.lighting-page .lighting-photo-card figcaption{padding:18px 20px}.lighting-page .lighting-photo-card strong{display:block;color:var(--text);font-size:1.05rem}.lighting-page .lighting-photo-card span{display:block;color:#536276;margin-top:4px;line-height:1.5}
.lighting-page .lighting-property-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.lighting-page .lighting-property-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow-soft)}.lighting-page .lighting-property-grid span{width:48px;height:48px;border-radius:16px;background:#fff1f1;display:grid;place-items:center;margin-bottom:14px}.lighting-page .lighting-property-grid h3{margin:0 0 10px;line-height:1.22}.lighting-page .lighting-property-grid p{margin:0;color:#4f5f73}
.lighting-page .lighting-dark-band{background:linear-gradient(135deg,#07111f,#0b1d33);color:#fff}.lighting-page .lighting-dark-band h2,.lighting-page .lighting-dark-band h3{color:#fff}.lighting-page .lighting-dark-band p,.lighting-page .lighting-dark-band .lead{color:#d6e5f7}.lighting-page .lighting-quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.lighting-page .lighting-quality-grid article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:20px}.lighting-page .lighting-quality-grid strong{display:block;color:#fff;margin-bottom:6px}.lighting-page .lighting-quality-grid span{color:#d8e7fb}
.lighting-page .lighting-info-list{display:grid;gap:14px;margin-top:20px}.lighting-page .lighting-info-list article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 22px rgba(7,17,31,.05)}.lighting-page .lighting-info-list strong{display:block;margin-bottom:4px;color:var(--brand)}.lighting-page .lighting-info-list span{color:#4f5f73}.lighting-page .lighting-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.lighting-page .lighting-faq-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow-soft)}.lighting-page .lighting-faq-grid h3{margin:0 0 8px;font-size:1.08rem;line-height:1.25}.lighting-page .lighting-faq-grid p{margin:0;color:#4f5f73}.lighting-page .lighting-related-section{padding-top:70px}.lighting-page .lighting-final-cta p{max-width:880px;color:#fff}
@media(max-width:1120px){.lighting-page .lighting-hero-grid,.lighting-page .lighting-sidebar-layout,.lighting-page .lighting-two-col,.lighting-page .lighting-media-grid,.lighting-page .lighting-media-grid.reverse,.lighting-page .lighting-dark-grid{grid-template-columns:1fr}.lighting-page .lighting-media-grid.reverse figure{order:initial}.lighting-page .lighting-hero-photo{max-width:760px}.lighting-page .lighting-service-grid,.lighting-page .lighting-repair-grid,.lighting-page .lighting-property-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.lighting-page .lighting-hero{padding:50px 0 42px}.lighting-page .lighting-hero h1{font-size:2.55rem;line-height:1.05}.lighting-page .lighting-hero-photo img{height:240px}.lighting-page .lighting-sidebar-content,.lighting-page .lighting-promise-card,.lighting-page .lighting-service-grid article,.lighting-page .lighting-repair-grid article,.lighting-page .lighting-property-grid article{padding:22px}.lighting-page .lighting-nav-detail-grid,.lighting-page .lighting-service-grid,.lighting-page .lighting-repair-grid,.lighting-page .lighting-property-grid,.lighting-page .lighting-quality-grid,.lighting-page .lighting-faq-grid{grid-template-columns:1fr}.lighting-page .lighting-photo-card img{height:230px}.lighting-page .hero-actions .btn{width:auto!important;max-width:100%!important}.lighting-page .lighting-sidebar-section{padding:28px 0}.lighting-page .section-head{display:block}}


/* Shared service sidebar CTA text fix - applies to all service pages using the Services sidebar */
.service-sidebar-card .service-sidebar-cta,
.service-sidebar-card .service-sidebar-cta * {
  color: #dbe7f7;
}
.service-sidebar-card .service-sidebar-cta h3 {
  color: #ffffff !important;
}
.service-sidebar-card .service-sidebar-cta p {
  color: #dbe7f7 !important;
}
.service-sidebar-card .service-sidebar-cta a.btn {
  color: #ffffff !important;
}
.service-sidebar-card .service-sidebar-cta .btn.whatsapp {
  color: #ffffff !important;
}


/* Shared dark warning panel readability fix - service pages */
.emergency-dark-box .lead,
.emergency-dark-box p.lead,
.emergency-dark-box p,
.emergency-dark-box article p,
.dark-warning-panel .lead,
.dark-warning-panel p,
.warning-panel.dark .lead,
.warning-panel.dark p {
  color: #dbe7f7 !important;
}

.emergency-dark-box h2,
.emergency-dark-box h3,
.dark-warning-panel h2,
.dark-warning-panel h3,
.warning-panel.dark h2,
.warning-panel.dark h3 {
  color: #ffffff !important;
}

.emergency-dark-box .section-kicker {
  color: #ff3b45 !important;
}


/* Shared service page layout fix: keep only the top Services sidebar and allow body content to run full width */
.service-content-single{display:block!important;}
.service-content-single .service-main-content{max-width:1120px;margin-inline:auto;width:100%;}
.service-content-single .content-section:first-child{padding-top:0;}

/* Shared service sidebar CTA readability fix */
.service-sidebar-card .service-sidebar-cta h3{color:#ffffff!important;}
.service-sidebar-card .service-sidebar-cta p{color:#dbe7f7!important;}
.service-sidebar-card .service-sidebar-cta a.btn{color:#ffffff!important;}
.service-sidebar-card .service-sidebar-cta .btn.whatsapp{color:#ffffff!important;}


/* Electrical COC page - uses the agreed service page template without changing other pages */
.coc-page .lighting-hero-points{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 6px}
.coc-page .lighting-hero-points span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:10px 12px;font-weight:900;color:#fff}
.coc-page .lighting-info-list{display:grid;gap:14px;margin-top:20px}
.coc-page .lighting-info-list article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 22px rgba(7,17,31,.05)}
.coc-page .lighting-info-list strong{display:block;margin-bottom:4px;color:var(--brand)}
.coc-page .lighting-info-list span{color:#4f5f73}
.coc-page .service-sidebar-cta h3{color:#fff!important}
.coc-page .service-sidebar-cta p{color:#dbe7f7!important}
.coc-page .service-sidebar-cta a.btn{color:#fff!important}
@media(max-width:760px){.coc-page .lighting-hero-points{display:grid}.coc-page .repair-hero-actions .btn{width:auto!important;max-width:100%;min-width:220px}}


/* Shared service image caption readability fix */
.service-inline-photo figcaption{
  display:block;
  padding:16px 18px 18px;
  background:#fff;
  color:#4f5f73;
  line-height:1.55;
}
.service-inline-photo figcaption strong{
  display:block;
  color:var(--text);
  font-size:1.02rem;
  line-height:1.25;
  margin:0 0 6px;
  font-weight:950;
}
.service-inline-photo figcaption span{
  display:block;
  color:#536276;
}


/* SERVICE SIDEBAR FIX - keep services navigation static on all service pages
   The service menu must behave like the Electrical Repairs page: it sits in its own block and scrolls away with the page.
   Do not make the service sidebar sticky, otherwise the CTA at the bottom can become hard to reach on desktop. */
.service-sidebar-card,
.service-body-grid .service-sidebar-card,
.service-sidebar-section .service-sidebar-card,
.lighting-sidebar-section .service-sidebar-card,
.service-page .service-sidebar-card,
.lighting-side-nav {
  position: static !important;
  top: auto !important;
  align-self: start !important;
}

.service-sidebar-card .service-sidebar-cta h3 {
  color: #ffffff !important;
}

.service-sidebar-card .service-sidebar-cta p {
  color: #dbe7f7 !important;
}

.service-sidebar-card .service-sidebar-cta a.btn,
.service-sidebar-card .service-sidebar-cta .btn.whatsapp {
  color: #ffffff !important;
}


/* Solar electrical services page - large content and image blocks */
.solar-page .service-inline-photo.solar-wide-photo{margin-bottom:30px;}
.solar-page .solar-wide-photo img{width:100%;max-height:420px;object-fit:cover;}
.solar-page .solar-media-wide{grid-template-columns:minmax(320px,520px) minmax(0,1fr);gap:42px;align-items:start;}
.solar-page .solar-media-wide.reverse{grid-template-columns:minmax(0,1fr) minmax(320px,520px);}
.solar-page .solar-media-wide .service-inline-photo img{max-height:440px;object-fit:cover;}
.solar-page .solar-service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;}
.solar-page .solar-service-list article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow-soft);}
.solar-page .solar-service-list h3{margin:0 0 10px;font-size:1.12rem;line-height:1.25;color:var(--text);}
.solar-page .solar-service-list p{margin:0;color:#4f5f73;line-height:1.58;}
.solar-page .solar-dark-box .property-team-grid article,
.solar-page .solar-warning-box .emergency-fault-grid article{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);border-top-color:rgba(255,255,255,.28);box-shadow:none;}
.solar-page .solar-dark-box .property-team-grid h3,
.solar-page .solar-warning-box .emergency-fault-grid h3{color:#fff;}
.solar-page .solar-dark-box .property-team-grid p,
.solar-page .solar-warning-box .emergency-fault-grid p{color:#d7e6fb;}
.solar-page .solar-final-cta .btn.whatsapp{background:#0b7a34;color:#fff;}
@media(max-width:1100px){.solar-page .solar-media-wide,.solar-page .solar-media-wide.reverse{grid-template-columns:1fr;}.solar-page .solar-media-wide.reverse figure{order:initial}.solar-page .solar-service-list{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.solar-page .solar-service-list{grid-template-columns:1fr}.solar-page .solar-wide-photo img,.solar-page .solar-media-wide .service-inline-photo img{max-height:280px}.solar-page .repair-hero-actions .btn{width:auto!important;max-width:100%;min-width:220px}}


/* Solar electrical services page - larger image/content blocks without changing other service layouts */
.solar-page .service-inline-photo img{max-height:380px;min-height:260px;object-fit:cover;}
.solar-page .media-content-section{grid-template-columns:minmax(320px,500px) minmax(0,1fr);gap:42px;}
.solar-page .media-content-section.reverse{grid-template-columns:minmax(0,1fr) minmax(320px,500px);}
.solar-page .service-sidebar-intro{padding:34px;}
.solar-page .emergency-dark-box .section-kicker,.solar-page .final-cta-box .section-kicker{color:#fff;}
@media(max-width:1100px){.solar-page .media-content-section,.solar-page .media-content-section.reverse{grid-template-columns:1fr}.solar-page .media-content-section.reverse figure{order:initial}.solar-page .service-inline-photo img{max-height:360px;min-height:220px}}
@media(max-width:700px){.solar-page .service-inline-photo img{max-height:260px;min-height:190px}.solar-page .service-sidebar-intro{padding:22px}}

/* Solar electrical services rebuild - thick content and large reference-style image blocks */
.solar-page .solar-intro-panel{padding:34px!important;}
.solar-page .solar-showcase-photo{margin:0 0 28px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--shadow-soft);}
.solar-page .solar-showcase-photo img{display:block;width:100%;height:360px;object-fit:cover;background:#07111f;}
.solar-page .solar-showcase-photo figcaption{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px 22px;background:#fff;}
.solar-page .solar-showcase-photo strong{display:block;color:var(--text);font-size:1.12rem;letter-spacing:-.02em;min-width:220px;}
.solar-page .solar-showcase-photo span{display:block;color:#4f5f73;line-height:1.55;}
.solar-page .solar-intro-grid{margin-top:26px;}
.solar-page .solar-wide-story .lead{max-width:1100px;}
.solar-page .solar-priority-list{grid-template-columns:repeat(3,minmax(0,1fr));}
.solar-page .solar-plumber-style-block{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start;}
.solar-page .solar-plumber-style-block.reverse .solar-landscape-card{order:1;}
.solar-page .solar-plumber-style-block.reverse .solar-text-block{order:2;}
.solar-page .solar-landscape-card{margin:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--shadow-soft);}
.solar-page .solar-landscape-card img{display:block;width:100%;height:390px;object-fit:cover;background:#07111f;}
.solar-page .solar-text-block{max-width:1120px;}
.solar-page .solar-text-block h2{max-width:1050px;}
.solar-page .solar-text-block p{max-width:1120px;}
.solar-page .solar-deep-grid-section .lead{max-width:1050px;}
.solar-page .solar-finance-box{background:#fff7ed;border:1px solid #fed7aa;border-radius:28px;padding:34px!important;border-bottom:1px solid #fed7aa!important;}
.solar-page .solar-finance-box h2{color:#07111f;}
.solar-page .solar-finance-box p{color:#344258;}
.solar-page .solar-finance-grid article{background:#fff;}
.solar-page .solar-process-grid article p{font-size:.96rem;}
.solar-page .solar-service-menu-section .solar-service-list article{border-top:4px solid var(--brand);}
.solar-page .solar-final-cta .final-cta-actions{display:grid;gap:12px;min-width:250px;}
.solar-page .solar-final-cta .final-cta-actions .btn{width:100%;justify-content:center;}
@media(max-width:1100px){
  .solar-page .solar-priority-list{grid-template-columns:1fr;}
  .solar-page .solar-showcase-photo img,.solar-page .solar-landscape-card img{height:320px;}
  .solar-page .solar-showcase-photo figcaption{display:block;}
  .solar-page .solar-showcase-photo strong{min-width:0;margin-bottom:6px;}
}
@media(max-width:700px){
  .solar-page .solar-intro-panel{padding:22px!important;}
  .solar-page .solar-showcase-photo img,.solar-page .solar-landscape-card img{height:230px;}
  .solar-page .solar-finance-box{padding:24px!important;border-radius:22px;}
}


/* Air-conditioning electrical services page rebuild - modern blocks, static sidebar, scoped only */
.ac-page .repair-hero-image-card,
.ac-page .ac-hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.24)}
.ac-page .repair-hero-image-card img{display:block;width:100%;border-radius:20px;background:#07111f;object-fit:cover;min-height:280px;max-height:360px}
.ac-page .repair-hero-image-card h2{color:#fff;margin:18px 4px 8px;font-size:1.35rem;line-height:1.22}
.ac-page .repair-hero-image-card p{color:#dbe7f7;margin:0 4px 4px;line-height:1.6}
.ac-page .ac-intro-panel{padding:34px!important;border-radius:28px;background:#fff;box-shadow:var(--shadow-soft)}
.ac-page .ac-showcase-photo{margin:0 0 28px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 20px 46px rgba(7,17,31,.10)}
.ac-page .ac-showcase-photo img{display:block;width:100%;height:355px;object-fit:cover;background:#07111f}
.ac-page .ac-showcase-photo figcaption{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px 22px;background:#fff}
.ac-page .ac-showcase-photo strong{display:block;color:var(--text);font-size:1.12rem;letter-spacing:-.02em;min-width:230px}
.ac-page .ac-showcase-photo span{display:block;color:#4f5f73;line-height:1.55}
.ac-page .ac-service-pills{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 22px}
.ac-page .ac-service-pills span{display:inline-flex;align-items:center;border:1px solid #cfe0f4;background:#f7fbff;color:#102a43;border-radius:999px;padding:10px 13px;font-weight:850;font-size:.92rem}
.ac-page .service-main-content{max-width:1180px}
.ac-page .content-section{border-bottom:0;margin-bottom:34px}
.ac-page .ac-story-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow-soft)}
.ac-page .ac-story-card .lead{max-width:1080px}
.ac-page .ac-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.ac-page .ac-icon-grid article{background:#f8fbff;border:1px solid #dce8f6;border-radius:20px;padding:22px;box-shadow:0 10px 28px rgba(7,17,31,.05)}
.ac-page .ac-icon-grid h3{margin:0 0 8px;color:var(--text);font-size:1.08rem;line-height:1.25}
.ac-page .ac-icon-grid p{margin:0;color:#4f5f73;line-height:1.58}
.ac-page .ac-wide-block{display:grid;grid-template-columns:minmax(360px,520px) minmax(0,1fr);gap:38px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow-soft)}
.ac-page .ac-wide-block.reverse{grid-template-columns:minmax(0,1fr) minmax(360px,520px)}
.ac-page .light-ac-block{background:#f8fbff;border-color:#dbeafe}
.ac-page .ac-landscape-card{margin:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 20px 46px rgba(7,17,31,.10)}
.ac-page .ac-landscape-card img{display:block;width:100%;height:390px;object-fit:cover;background:#07111f}
.ac-page .ac-text-block h2{max-width:940px}
.ac-page .ac-text-block p{max-width:980px}
.ac-page .ac-mini-cta{margin-top:24px;background:#fff7ed;border:1px solid #fed7aa;border-radius:22px;padding:18px;display:grid;gap:8px;align-items:center}
.ac-page .ac-mini-cta strong{color:#07111f;font-size:1.05rem}
.ac-page .ac-mini-cta span{color:#48566a;line-height:1.55}
.ac-page .ac-mini-cta .btn{justify-self:start;margin-top:6px}
.ac-page .ac-orange-box{background:#fff7ed;border:1px solid #fed7aa;border-radius:30px;padding:36px;box-shadow:var(--shadow-soft)}
.ac-page .ac-orange-box h2{color:#07111f}
.ac-page .ac-orange-box p{color:#344258}
.ac-page .ac-service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.ac-page .ac-service-list article{background:#fff;border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:20px;padding:22px;box-shadow:0 12px 34px rgba(7,17,31,.07)}
.ac-page .ac-service-list h3{margin:0 0 10px;color:var(--text);font-size:1.1rem;line-height:1.25}
.ac-page .ac-service-list p{margin:0;color:#4f5f73;line-height:1.58}
.ac-page .ac-warning-panel{background:#071a30;border-radius:30px;padding:36px!important;color:#fff;box-shadow:0 24px 60px rgba(7,17,31,.18)}
.ac-page .ac-warning-panel h2,.ac-page .ac-warning-panel h3{color:#fff}
.ac-page .ac-warning-panel p,.ac-page .ac-warning-panel .lead{color:#dbe7f7}
.ac-page .ac-warning-panel .emergency-fault-grid article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:none}
.ac-page .ac-process-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 12px 34px rgba(7,17,31,.06)}
.ac-page .ac-related-section{padding:34px!important;border-radius:28px;background:#f8fbff;border:1px solid #dbeafe}
.ac-page .ac-final-cta .final-cta-actions{display:grid;gap:12px;min-width:250px}
.ac-page .ac-final-cta .final-cta-actions .btn{width:100%;justify-content:center}
.ac-page .ac-final-cta .btn.whatsapp{background:#0b7a34;color:#fff}
@media(max-width:1100px){.ac-page .ac-wide-block,.ac-page .ac-wide-block.reverse{grid-template-columns:1fr}.ac-page .ac-wide-block.reverse figure{order:initial}.ac-page .ac-service-list,.ac-page .ac-icon-grid{grid-template-columns:1fr 1fr}.ac-page .ac-showcase-photo img,.ac-page .ac-landscape-card img{height:320px}.ac-page .ac-showcase-photo figcaption{display:block}.ac-page .ac-showcase-photo strong{min-width:0;margin-bottom:6px}}
@media(max-width:700px){.ac-page .ac-intro-panel,.ac-page .ac-story-card,.ac-page .ac-wide-block,.ac-page .ac-orange-box,.ac-page .ac-warning-panel,.ac-page .ac-related-section{padding:22px!important;border-radius:22px}.ac-page .ac-service-list,.ac-page .ac-icon-grid{grid-template-columns:1fr}.ac-page .ac-showcase-photo img,.ac-page .ac-landscape-card img{height:230px}.ac-page .repair-hero-actions .btn{width:auto!important;max-width:100%;min-width:220px}}


/* Air-conditioning page visual correction: remove dead space, modern cards and styled FAQs */
.ac-page .ac-wide-block{
  align-items:stretch;
  gap:34px;
  overflow:hidden;
}
.ac-page .ac-wide-block .ac-text-block{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:100%;
  padding:6px 4px;
}
.ac-page .ac-wide-block .ac-text-block p{
  line-height:1.68;
}
.ac-page .ac-landscape-card{
  height:100%;
  min-height:520px;
  display:flex;
  align-items:stretch;
  background:linear-gradient(135deg,#07111f,#0b2745);
}
.ac-page .ac-landscape-card img{
  height:100%;
  min-height:520px;
  object-fit:cover;
}
.ac-page .light-ac-block .ac-landscape-card{
  min-height:560px;
}
.ac-page .ac-wide-block.reverse .ac-landscape-card{
  min-height:520px;
}
.ac-page .ac-process-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:26px;
}
.ac-page .ac-process-grid article{
  position:relative;
  overflow:hidden;
  padding:26px 26px 26px 92px;
  min-height:168px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(135deg,#ffffff,#f8fbff);
  border:1px solid #dbe7f7;
  border-radius:24px;
  box-shadow:0 16px 38px rgba(7,17,31,.07);
}
.ac-page .ac-process-grid article:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:6px;
  background:linear-gradient(180deg,var(--brand),var(--accent));
}
.ac-page .ac-process-grid article span{
  position:absolute;
  left:26px;
  top:28px;
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--brand),var(--accent));
  color:#fff;
  font-weight:950;
  box-shadow:0 12px 26px rgba(231,25,33,.22);
}
.ac-page .ac-process-grid article h3{
  margin:0 0 10px;
  color:#07111f;
  line-height:1.2;
  letter-spacing:-.02em;
}
.ac-page .ac-process-grid article p{
  margin:0;
  color:#405169;
  line-height:1.6;
}
.ac-page .ac-process-grid article:nth-child(5){
  grid-column:1 / -1;
  min-height:132px;
}
.ac-page .faq-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:26px;
}
.ac-page .faq-list details{
  background:#fff;
  border:1px solid #dbe7f7;
  border-radius:20px;
  padding:0;
  box-shadow:0 12px 30px rgba(7,17,31,.06);
  overflow:hidden;
}
.ac-page .faq-list summary{
  cursor:pointer;
  list-style:none;
  padding:19px 22px;
  color:#07111f;
  font-weight:950;
  line-height:1.3;
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.ac-page .faq-list summary::-webkit-details-marker{display:none;}
.ac-page .faq-list summary:before{
  content:"+";
  width:26px;
  height:26px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:#fff0f0;
  color:var(--brand);
  font-weight:950;
  flex:0 0 auto;
}
.ac-page .faq-list details[open] summary:before{content:"−";background:var(--brand);color:#fff;}
.ac-page .faq-list details p{
  margin:0;
  padding:0 22px 20px 60px;
  color:#4f5f73;
  line-height:1.62;
}
.ac-page .ac-inspection-balanced .ac-landscape-card,
.ac-page .ac-fault-balanced .ac-landscape-card{
  min-height:500px;
}
@media(max-width:1100px){
  .ac-page .ac-landscape-card,.ac-page .ac-landscape-card img,.ac-page .light-ac-block .ac-landscape-card{min-height:320px;height:auto;}
  .ac-page .ac-process-grid,.ac-page .faq-list{grid-template-columns:1fr;}
  .ac-page .ac-process-grid article:nth-child(5){grid-column:auto;}
}
@media(max-width:700px){
  .ac-page .ac-landscape-card,.ac-page .ac-landscape-card img,.ac-page .light-ac-block .ac-landscape-card{min-height:230px;}
  .ac-page .ac-process-grid article{padding:22px 22px 22px 78px;min-height:150px;}
  .ac-page .ac-process-grid article span{left:20px;top:22px;width:42px;height:42px;border-radius:14px;}
  .ac-page .faq-list details p{padding:0 18px 18px 54px;}
  .ac-page .faq-list summary{padding:17px 18px;}
}

/* EV charger installations page - modern image/content blocks, static sidebar, scoped only */
.ev-page .repair-hero-image-card,
.ev-page .ev-hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.24)}
.ev-page .repair-hero-image-card img{display:block;width:100%;border-radius:20px;background:#07111f;object-fit:cover;min-height:280px;max-height:360px}
.ev-page .repair-hero-image-card h2{color:#fff;margin:18px 4px 8px;font-size:1.35rem;line-height:1.22}
.ev-page .repair-hero-image-card p{color:#dbe7f7;margin:0 4px 4px;line-height:1.6}
.ev-page .ev-intro-panel{padding:34px!important;border-radius:28px;background:#fff;box-shadow:var(--shadow-soft)}
.ev-page .ev-showcase-photo{margin:0 0 28px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 20px 46px rgba(7,17,31,.10)}
.ev-page .ev-showcase-photo img{display:block;width:100%;height:355px;object-fit:cover;background:#07111f}
.ev-page .ev-showcase-photo figcaption{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px 22px;background:#fff}
.ev-page .ev-showcase-photo strong{display:block;color:var(--text);font-size:1.12rem;letter-spacing:-.02em;min-width:230px}
.ev-page .ev-showcase-photo span{display:block;color:#4f5f73;line-height:1.55}
.ev-page .ev-service-pills{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 22px}
.ev-page .ev-service-pills span{display:inline-flex;align-items:center;border:1px solid #cfe0f4;background:#f7fbff;color:#102a43;border-radius:999px;padding:10px 13px;font-weight:850;font-size:.92rem}
.ev-page .service-main-content{max-width:1180px}
.ev-page .content-section{border-bottom:0;margin-bottom:34px}
.ev-page .ev-story-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow-soft)}
.ev-page .ev-story-card .lead{max-width:1080px}
.ev-page .ev-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.ev-page .ev-icon-grid article{background:#f8fbff;border:1px solid #dce8f6;border-radius:20px;padding:22px;box-shadow:0 10px 28px rgba(7,17,31,.05)}
.ev-page .ev-icon-grid h3{margin:0 0 8px;color:var(--text);font-size:1.08rem;line-height:1.25}
.ev-page .ev-icon-grid p{margin:0;color:#4f5f73;line-height:1.58}
.ev-page .ev-wide-block{display:grid;grid-template-columns:minmax(360px,520px) minmax(0,1fr);gap:34px;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow-soft);overflow:hidden}
.ev-page .ev-wide-block.reverse{grid-template-columns:minmax(0,1fr) minmax(360px,520px)}
.ev-page .light-ev-block{background:#f8fbff;border-color:#dbeafe}
.ev-page .ev-landscape-card{margin:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#07111f,#0b2745);box-shadow:0 20px 46px rgba(7,17,31,.10);height:100%;min-height:520px;display:flex;align-items:stretch}
.ev-page .ev-landscape-card img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;background:#07111f}
.ev-page .light-ev-block .ev-landscape-card{min-height:560px}
.ev-page .ev-commercial-balanced .ev-landscape-card,
.ev-page .ev-inspection-balanced .ev-landscape-card{min-height:500px}
.ev-page .ev-text-block{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:6px 4px}
.ev-page .ev-text-block h2{max-width:940px}
.ev-page .ev-text-block p{max-width:980px;line-height:1.68}
.ev-page .ev-mini-cta{margin-top:24px;background:#fff7ed;border:1px solid #fed7aa;border-radius:22px;padding:18px;display:grid;gap:8px;align-items:center}
.ev-page .ev-mini-cta strong{color:#07111f;font-size:1.05rem}
.ev-page .ev-mini-cta span{color:#48566a;line-height:1.55}
.ev-page .ev-mini-cta .btn{justify-self:start;margin-top:6px}
.ev-page .ev-orange-box{background:#fff7ed;border:1px solid #fed7aa;border-radius:30px;padding:36px;box-shadow:var(--shadow-soft)}
.ev-page .ev-orange-box h2{color:#07111f}
.ev-page .ev-orange-box p{color:#344258}
.ev-page .ev-service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.ev-page .ev-service-list article{background:#fff;border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:20px;padding:22px;box-shadow:0 12px 34px rgba(7,17,31,.07)}
.ev-page .ev-service-list h3{margin:0 0 10px;color:var(--text);font-size:1.1rem;line-height:1.25}
.ev-page .ev-service-list h3 a{color:var(--text);text-decoration:none}
.ev-page .ev-service-list p{margin:0;color:#4f5f73;line-height:1.58}
.ev-page .ev-warning-panel{background:#071a30;border-radius:30px;padding:36px!important;color:#fff;box-shadow:0 24px 60px rgba(7,17,31,.18)}
.ev-page .ev-warning-panel h2,.ev-page .ev-warning-panel h3{color:#fff}
.ev-page .ev-warning-panel p,.ev-page .ev-warning-panel .lead{color:#dbe7f7}
.ev-page .ev-warning-panel .emergency-fault-grid article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:none}
.ev-page .ev-related-section{padding:34px!important;border-radius:28px;background:#f8fbff;border:1px solid #dbeafe}
.ev-page .ev-process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}
.ev-page .ev-process-grid article{position:relative;overflow:hidden;padding:26px 26px 26px 92px;min-height:168px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#ffffff,#f8fbff);border:1px solid #dbe7f7;border-radius:24px;box-shadow:0 16px 38px rgba(7,17,31,.07)}
.ev-page .ev-process-grid article:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg,var(--brand),var(--accent))}
.ev-page .ev-process-grid article span{position:absolute;left:26px;top:28px;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;font-weight:950;box-shadow:0 12px 26px rgba(231,25,33,.22)}
.ev-page .ev-process-grid article h3{margin:0 0 10px;color:#07111f;line-height:1.2;letter-spacing:-.02em}
.ev-page .ev-process-grid article p{margin:0;color:#405169;line-height:1.6}
.ev-page .ev-process-grid article:nth-child(5){grid-column:1 / -1;min-height:132px}
.ev-page .faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}
.ev-page .faq-list details{background:#fff;border:1px solid #dbe7f7;border-radius:20px;padding:0;box-shadow:0 12px 30px rgba(7,17,31,.06);overflow:hidden}
.ev-page .faq-list summary{cursor:pointer;list-style:none;padding:19px 22px;color:#07111f;font-weight:950;line-height:1.3;display:flex;gap:12px;align-items:flex-start}
.ev-page .faq-list summary::-webkit-details-marker{display:none}
.ev-page .faq-list summary:before{content:"+";width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#fff0f0;color:var(--brand);font-weight:950;flex:0 0 auto}
.ev-page .faq-list details[open] summary:before{content:"−";background:var(--brand);color:#fff}
.ev-page .faq-list details p{margin:0;padding:0 22px 20px 60px;color:#4f5f73;line-height:1.62}
.ev-page .ev-final-cta .section-kicker{color:#fff}
.ev-page .ev-final-cta .final-cta-actions{display:grid;gap:12px;min-width:250px}
.ev-page .ev-final-cta .final-cta-actions .btn{width:100%;justify-content:center}
.ev-page .ev-final-cta .btn.whatsapp{background:#0b7a34;color:#fff}
@media(max-width:1100px){.ev-page .ev-wide-block,.ev-page .ev-wide-block.reverse{grid-template-columns:1fr}.ev-page .ev-wide-block.reverse figure{order:initial}.ev-page .ev-service-list,.ev-page .ev-icon-grid{grid-template-columns:1fr 1fr}.ev-page .ev-showcase-photo img{height:320px}.ev-page .ev-showcase-photo figcaption{display:block}.ev-page .ev-showcase-photo strong{min-width:0;margin-bottom:6px}.ev-page .ev-landscape-card,.ev-page .ev-landscape-card img,.ev-page .light-ev-block .ev-landscape-card{min-height:320px;height:auto}.ev-page .ev-process-grid,.ev-page .faq-list{grid-template-columns:1fr}.ev-page .ev-process-grid article:nth-child(5){grid-column:auto}}
@media(max-width:700px){.ev-page .ev-intro-panel,.ev-page .ev-story-card,.ev-page .ev-wide-block,.ev-page .ev-orange-box,.ev-page .ev-warning-panel,.ev-page .ev-related-section{padding:22px!important;border-radius:22px}.ev-page .ev-service-list,.ev-page .ev-icon-grid{grid-template-columns:1fr}.ev-page .ev-showcase-photo img{height:230px}.ev-page .ev-landscape-card,.ev-page .ev-landscape-card img,.ev-page .light-ev-block .ev-landscape-card{min-height:230px}.ev-page .repair-hero-actions .btn{width:auto!important;max-width:100%;min-width:220px}.ev-page .ev-process-grid article{padding:22px 22px 22px 78px;min-height:150px}.ev-page .ev-process-grid article span{left:20px;top:22px;width:42px;height:42px;border-radius:14px}.ev-page .faq-list details p{padding:0 18px 18px 54px}.ev-page .faq-list summary{padding:17px 18px}}


/* Electrical maintenance page - modern service layout, scoped only */
.maintenance-page .repair-hero-image-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.24)}
.maintenance-page .repair-hero-image-card img{display:block;width:100%;border-radius:20px;background:#07111f;object-fit:cover;min-height:280px;max-height:360px}
.maintenance-page .repair-hero-image-card h2{color:#fff;margin:18px 4px 8px;font-size:1.35rem;line-height:1.22}
.maintenance-page .repair-hero-image-card p{color:#dbe7f7;margin:0 4px 4px;line-height:1.6}
.maintenance-page .maint-intro-panel{padding:34px!important;border-radius:28px;background:#fff;box-shadow:var(--shadow-soft)}
.maintenance-page .maint-showcase-photo{margin:0 0 28px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 20px 46px rgba(7,17,31,.10)}
.maintenance-page .maint-showcase-photo img{display:block;width:100%;height:355px;object-fit:cover;background:#07111f}
.maintenance-page .maint-showcase-photo figcaption{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px 22px;background:#fff}
.maintenance-page .maint-showcase-photo strong{display:block;color:var(--text);font-size:1.12rem;letter-spacing:-.02em;min-width:250px}
.maintenance-page .maint-showcase-photo span{display:block;color:#4f5f73;line-height:1.55}
.maintenance-page .maint-pills{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 22px}
.maintenance-page .maint-pills span{display:inline-flex;align-items:center;border:1px solid #cfe0f4;background:#f7fbff;color:#102a43;border-radius:999px;padding:10px 13px;font-weight:850;font-size:.92rem}
.maintenance-page .service-main-content{max-width:1180px}
.maintenance-page .content-section{border-bottom:0;margin-bottom:34px}
.maintenance-page .maint-story-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow-soft)}
.maintenance-page .maint-story-card .lead{max-width:1080px}
.maintenance-page .maint-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.maintenance-page .maint-icon-grid article{background:#f8fbff;border:1px solid #dce8f6;border-radius:20px;padding:22px;box-shadow:0 10px 28px rgba(7,17,31,.05)}
.maintenance-page .maint-icon-grid h3{margin:0 0 8px;color:var(--text);font-size:1.08rem;line-height:1.25}
.maintenance-page .maint-icon-grid p{margin:0;color:#4f5f73;line-height:1.58}
.maintenance-page .maint-wide-block{display:grid;grid-template-columns:minmax(360px,520px) minmax(0,1fr);gap:34px;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow-soft);overflow:hidden}
.maintenance-page .maint-wide-block.reverse{grid-template-columns:minmax(0,1fr) minmax(360px,520px)}
.maintenance-page .light-maint-block{background:#f8fbff;border-color:#dbeafe}
.maintenance-page .maint-landscape-card{margin:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#07111f,#0b2745);box-shadow:0 20px 46px rgba(7,17,31,.10);height:100%;min-height:520px;display:flex;align-items:stretch}
.maintenance-page .maint-landscape-card img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;background:#07111f}
.maintenance-page .light-maint-block .maint-landscape-card{min-height:560px}
.maintenance-page .maint-industrial-balanced .maint-landscape-card,.maintenance-page .maint-db-balanced .maint-landscape-card,.maintenance-page .maint-lighting-balanced .maint-landscape-card,.maintenance-page .maint-plugs-balanced .maint-landscape-card,.maintenance-page .maint-protection-balanced .maint-landscape-card,.maintenance-page .maint-backup-balanced .maint-landscape-card{min-height:520px}
.maintenance-page .maint-text-block{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:6px 4px}
.maintenance-page .maint-text-block h2{max-width:940px}
.maintenance-page .maint-text-block p{max-width:980px;line-height:1.68}
.maintenance-page .maint-mini-cta{margin-top:24px;background:#fff7ed;border:1px solid #fed7aa;border-radius:22px;padding:18px;display:grid;gap:8px;align-items:center}
.maintenance-page .maint-mini-cta strong{color:#07111f;font-size:1.05rem}
.maintenance-page .maint-mini-cta span{color:#48566a;line-height:1.55}
.maintenance-page .maint-mini-cta .btn{justify-self:start;margin-top:6px}
.maintenance-page .maint-orange-box{background:#fff7ed;border:1px solid #fed7aa;border-radius:30px;padding:36px;box-shadow:var(--shadow-soft)}
.maintenance-page .maint-orange-box h2{color:#07111f}
.maintenance-page .maint-orange-box p{color:#344258}
.maintenance-page .maint-service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.maintenance-page .maint-service-list article{background:#fff;border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:20px;padding:22px;box-shadow:0 12px 34px rgba(7,17,31,.07)}
.maintenance-page .maint-service-list h3{margin:0 0 10px;color:var(--text);font-size:1.1rem;line-height:1.25}
.maintenance-page .maint-service-list h3 a{color:var(--text);text-decoration:none}
.maintenance-page .maint-service-list p{margin:0;color:#4f5f73;line-height:1.58}
.maintenance-page .maint-orange-grid article{border-top-color:#f97316}
.maintenance-page .maint-warning-panel{background:#071a30;border-radius:30px;padding:36px!important;color:#fff;box-shadow:0 24px 60px rgba(7,17,31,.18)}
.maintenance-page .maint-warning-panel h2,.maintenance-page .maint-warning-panel h3{color:#fff}
.maintenance-page .maint-warning-panel p,.maintenance-page .maint-warning-panel .lead{color:#dbe7f7}
.maintenance-page .maint-warning-panel .emergency-fault-grid article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:none}
.maintenance-page .maint-related-section,.maintenance-page .maint-process-section,.maintenance-page .maint-faq-section{padding:34px!important;border-radius:28px;background:#f8fbff;border:1px solid #dbeafe;box-shadow:var(--shadow-soft)}
.maintenance-page .maint-process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}
.maintenance-page .maint-process-grid article{position:relative;overflow:hidden;padding:26px 26px 26px 92px;min-height:168px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#ffffff,#f8fbff);border:1px solid #dbe7f7;border-radius:24px;box-shadow:0 16px 38px rgba(7,17,31,.07)}
.maintenance-page .maint-process-grid article:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg,var(--brand),var(--accent))}
.maintenance-page .maint-process-grid article span{position:absolute;left:26px;top:28px;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;font-weight:950;box-shadow:0 12px 26px rgba(231,25,33,.22)}
.maintenance-page .maint-process-grid article h3{margin:0 0 10px;color:#07111f;line-height:1.2;letter-spacing:-.02em}
.maintenance-page .maint-process-grid article p{margin:0;color:#405169;line-height:1.6}
.maintenance-page .maint-process-grid article:nth-child(5){grid-column:1 / -1;min-height:132px}
.maintenance-page .faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}
.maintenance-page .faq-list details{background:#fff;border:1px solid #dbe7f7;border-radius:20px;padding:0;box-shadow:0 12px 30px rgba(7,17,31,.06);overflow:hidden}
.maintenance-page .faq-list summary{cursor:pointer;list-style:none;padding:19px 22px;color:#07111f;font-weight:950;line-height:1.3;display:flex;gap:12px;align-items:flex-start}
.maintenance-page .faq-list summary::-webkit-details-marker{display:none}
.maintenance-page .faq-list summary:before{content:"+";width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#fff0f0;color:var(--brand);font-weight:950;flex:0 0 auto}
.maintenance-page .faq-list details[open] summary:before{content:"−";background:var(--brand);color:#fff}
.maintenance-page .faq-list details p{margin:0;padding:0 22px 20px 60px;color:#4f5f73;line-height:1.62}
.maintenance-page .maint-final-cta .section-kicker{color:#fff}
.maintenance-page .maint-final-cta .final-cta-actions{display:grid;gap:12px;min-width:250px}
.maintenance-page .maint-final-cta .final-cta-actions .btn{width:100%;justify-content:center}
.maintenance-page .maint-final-cta .btn.whatsapp{background:#0b7a34;color:#fff}
@media(max-width:1100px){.maintenance-page .maint-wide-block,.maintenance-page .maint-wide-block.reverse{grid-template-columns:1fr}.maintenance-page .maint-wide-block.reverse figure{order:initial}.maintenance-page .maint-service-list,.maintenance-page .maint-icon-grid{grid-template-columns:1fr 1fr}.maintenance-page .maint-showcase-photo img{height:320px}.maintenance-page .maint-showcase-photo figcaption{display:block}.maintenance-page .maint-showcase-photo strong{min-width:0;margin-bottom:6px}.maintenance-page .maint-landscape-card,.maintenance-page .maint-landscape-card img,.maintenance-page .light-maint-block .maint-landscape-card{min-height:320px;height:auto}.maintenance-page .maint-process-grid,.maintenance-page .faq-list{grid-template-columns:1fr}.maintenance-page .maint-process-grid article:nth-child(5){grid-column:auto}}
@media(max-width:700px){.maintenance-page .maint-intro-panel,.maintenance-page .maint-story-card,.maintenance-page .maint-wide-block,.maintenance-page .maint-orange-box,.maintenance-page .maint-warning-panel,.maintenance-page .maint-related-section,.maintenance-page .maint-process-section,.maintenance-page .maint-faq-section{padding:22px!important;border-radius:22px}.maintenance-page .maint-service-list,.maintenance-page .maint-icon-grid{grid-template-columns:1fr}.maintenance-page .maint-showcase-photo img{height:230px}.maintenance-page .maint-landscape-card,.maintenance-page .maint-landscape-card img,.maintenance-page .light-maint-block .maint-landscape-card{min-height:230px}.maintenance-page .repair-hero-actions .btn{width:auto!important;max-width:100%;min-width:220px}.maintenance-page .maint-process-grid article{padding:22px 22px 22px 78px;min-height:150px}.maintenance-page .maint-process-grid article span{left:20px;top:22px;width:42px;height:42px;border-radius:14px}.maintenance-page .faq-list details p{padding:0 18px 18px 54px}.maintenance-page .faq-list summary{padding:17px 18px}}


/* Emergency Electrician thick content visual refinements */
.emergency-page .emergency-thick-content{padding-top:34px;}
.emergency-page .emergency-media-wide{align-items:stretch;}
.emergency-page .emergency-media-wide .service-inline-photo{height:100%;min-height:330px;display:flex;flex-direction:column;}
.emergency-page .emergency-media-wide .service-inline-photo img{min-height:300px;max-height:420px;height:100%;object-fit:cover;flex:1;}
.emergency-page .emergency-priority-grid article{border-top-color:#e90814;}
.emergency-page .emergency-process-grid{grid-template-columns:repeat(3,1fr);}
.emergency-page .inline-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;}
.emergency-page .final-cta-actions{display:grid;gap:12px;min-width:260px;}
.emergency-page .final-cta-actions .btn{width:100%;}
@media(max-width:1100px){.emergency-page .emergency-process-grid{grid-template-columns:repeat(2,1fr)}.emergency-page .emergency-media-wide .service-inline-photo{min-height:260px}.emergency-page .emergency-media-wide .service-inline-photo img{max-height:360px;min-height:240px}}
@media(max-width:700px){.emergency-page .emergency-process-grid{grid-template-columns:1fr}.emergency-page .emergency-media-wide .service-inline-photo img{min-height:190px;max-height:260px}.emergency-page .final-cta-actions{margin-top:20px}.emergency-page .inline-cta-row .btn{width:100%}}

/* Emergency Electrician warning panel readability and layout fix */
.emergency-page .repair-warning-section{
  background:linear-gradient(135deg,#07111f 0%,#0b2139 58%,#102b49 100%)!important;
  color:#ffffff!important;
  border-radius:30px!important;
  padding:46px 44px!important;
  margin:34px 0!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 24px 60px rgba(7,17,31,.18)!important;
  overflow:hidden!important;
}
.emergency-page .repair-warning-section .repair-warning-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,500px)!important;
  gap:42px!important;
  align-items:center!important;
}
.emergency-page .repair-warning-section .section-kicker{
  color:#ff4b4b!important;
}
.emergency-page .repair-warning-section h2,
.emergency-page .repair-warning-section h3{
  color:#ffffff!important;
  max-width:760px!important;
}
.emergency-page .repair-warning-section h2{
  font-size:clamp(2rem,3.5vw,4rem)!important;
  line-height:1.05!important;
  letter-spacing:-.055em!important;
  margin:10px 0 18px!important;
}
.emergency-page .repair-warning-section p,
.emergency-page .repair-warning-section .lead{
  color:#dbe7f7!important;
  max-width:780px!important;
  font-size:1.03rem!important;
  line-height:1.72!important;
}
.emergency-page .repair-warning-section .lead{
  color:#edf5ff!important;
  font-weight:600!important;
}
.emergency-page .repair-warning-section .repair-warning-panel{
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.20)!important;
}
.emergency-page .repair-warning-section .repair-warning-panel li{
  color:#ffffff!important;
}
@media(max-width:1100px){
  .emergency-page .repair-warning-section{padding:38px 28px!important;}
  .emergency-page .repair-warning-section .repair-warning-grid{grid-template-columns:1fr!important;}
  .emergency-page .repair-warning-section .repair-warning-panel{max-width:none!important;}
}
@media(max-width:680px){
  .emergency-page .repair-warning-section{padding:30px 20px!important;border-radius:24px!important;}
  .emergency-page .repair-warning-section h2{font-size:2.35rem!important;}
}

/* Electrical Installations layout enhancement - image/card balance fixes */
.install-page .service-sidebar-content{padding-bottom:28px;}
.install-page .install-intro-cards{margin-top:28px;grid-template-columns:repeat(4,minmax(0,1fr));}
.install-page .install-intro-cards article{min-height:152px;border-radius:22px;border:1px solid #dbe7f7;background:linear-gradient(145deg,#ffffff,#f8fbff);box-shadow:0 16px 38px rgba(7,17,31,.07);}
.install-page .install-intro-cards strong{font-size:1.02rem;letter-spacing:-.02em;}
.install-page .install-intro-cards span{line-height:1.55;}
.install-page .install-intro-cta{margin-top:22px;padding:24px;border-radius:24px;background:linear-gradient(135deg,#fff7ed,#ffffff);border:1px solid #fed7aa;box-shadow:0 16px 38px rgba(7,17,31,.06);}
.install-page .install-intro-cta h3{margin:0 0 8px;color:#07111f;font-size:1.3rem;letter-spacing:-.025em;line-height:1.2;}
.install-page .install-intro-cta p{margin:0;color:#405169;line-height:1.62;max-width:1050px;}
.install-page .install-intro-cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;}
.install-page .install-intro-cta-actions .btn{min-width:190px;justify-content:center;}
.install-page .install-balanced-block,.install-page .install-wide-balanced{align-items:stretch!important;}
.install-page .install-balanced-block > figure,.install-page .install-wide-balanced > figure{height:100%;min-height:100%;display:flex;flex-direction:column;background:#fff;border-radius:28px;overflow:hidden;border:1px solid #dbe7f7;box-shadow:0 22px 56px rgba(7,17,31,.10);}
.install-page .install-balanced-block > figure img,.install-page .install-wide-balanced > figure img{flex:1;width:100%;height:auto;min-height:440px;max-height:none;object-fit:cover;display:block;background:#07111f;}
.install-page .install-image-grid{grid-template-columns:minmax(500px,620px) minmax(0,1fr);gap:54px;}
.install-page .install-two-col{grid-template-columns:minmax(0,1fr) minmax(500px,620px);gap:54px;}
.install-page .install-two-col.reverse{grid-template-columns:minmax(500px,620px) minmax(0,1fr);}
.install-page .install-copy-block{display:flex;flex-direction:column;justify-content:center;}
.install-page figure figcaption{padding:18px 20px 20px!important;background:linear-gradient(145deg,#ffffff,#f8fbff);border-top:1px solid #e4edf8;color:#405169!important;line-height:1.55;}
.install-page figure figcaption strong{display:block!important;color:#172235!important;font-size:1.06rem!important;margin:0 0 6px!important;line-height:1.24;}
.install-page figure figcaption span{display:block!important;color:#617188!important;opacity:1!important;line-height:1.55;}
.install-page .install-photo-row figure{border-radius:28px;border:1px solid #dbe7f7;box-shadow:0 22px 56px rgba(7,17,31,.10);}
.install-page .install-photo-row figure img{height:420px!important;max-height:none!important;object-fit:cover;}
.install-page .install-service-grid article,.install-page .install-info-grid article,.install-page .install-faq-card{box-shadow:0 16px 38px rgba(7,17,31,.07);}
.install-page .install-service-grid article:hover,.install-page .install-info-grid article:hover{transform:translateY(-2px);border-color:#ffd0d0;}
.install-page .install-section-head{margin-bottom:28px;}
.install-page .install-related-section{background:#f8fbff;border:1px solid #dbeafe;border-radius:30px;margin-inline:auto;max-width:calc(var(--container) - 20px);box-shadow:var(--shadow-soft);}
.install-page .install-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.install-page .install-faq-card{border-radius:20px;background:linear-gradient(145deg,#ffffff,#f8fbff);}
@media(max-width:1200px){.install-page .install-intro-cards{grid-template-columns:repeat(2,minmax(0,1fr));}.install-page .install-image-grid,.install-page .install-two-col,.install-page .install-two-col.reverse{grid-template-columns:1fr!important}.install-page .install-balanced-block > figure img,.install-page .install-wide-balanced > figure img{min-height:320px}.install-page .install-photo-row figure img{height:330px!important}.install-page .install-two-col.reverse .install-copy-block,.install-page .install-two-col.reverse figure{order:initial!important}}
@media(max-width:760px){.install-page .install-intro-cards,.install-page .install-faq-grid{grid-template-columns:1fr}.install-page .install-intro-cta{padding:20px;border-radius:20px}.install-page .install-intro-cta-actions .btn{width:100%}.install-page .install-balanced-block > figure img,.install-page .install-wide-balanced > figure img{min-height:230px}.install-page .install-photo-row figure img{height:230px!important}.install-page figure figcaption{padding:15px 16px 17px!important}}



/* DB Board Repairs page - enhanced modern layout */
.db-page .repair-hero-image-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.24)}
.db-page .repair-hero-image-card img{display:block;width:100%;border-radius:20px;background:#07111f;object-fit:cover;min-height:280px;max-height:360px}
.db-page .repair-hero-image-card h2{color:#fff;margin:18px 4px 8px;font-size:1.35rem;line-height:1.22}
.db-page .repair-hero-image-card p{color:#dbe7f7;margin:0 4px 4px;line-height:1.6}
.db-page .db-intro-panel{padding:34px!important;border-radius:28px;background:#fff;box-shadow:var(--shadow-soft)}
.db-page .db-showcase-photo{margin:0 0 28px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 20px 46px rgba(7,17,31,.10)}
.db-page .db-showcase-photo img{display:block;width:100%;height:355px;object-fit:cover;background:#07111f}
.db-page .db-showcase-photo figcaption{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px 22px;background:#fff}
.db-page .db-showcase-photo strong{display:block;color:var(--text);font-size:1.12rem;letter-spacing:-.02em;min-width:250px}
.db-page .db-showcase-photo span{display:block;color:#4f5f73;line-height:1.55}
.db-page .db-pills{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 22px}
.db-page .db-pills span{display:inline-flex;align-items:center;border:1px solid #cfe0f4;background:#f7fbff;color:#102a43;border-radius:999px;padding:10px 13px;font-weight:850;font-size:.92rem}
.db-page .service-main-content{max-width:1180px}
.db-page .content-section{border-bottom:0;margin-bottom:34px}
.db-page .db-story-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow-soft)}
.db-page .db-story-card .lead{max-width:1080px}
.db-page .db-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.db-page .db-icon-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.db-page .db-icon-grid article{background:#f8fbff;border:1px solid #dce8f6;border-radius:20px;padding:22px;box-shadow:0 10px 28px rgba(7,17,31,.05)}
.db-page .db-icon-grid h3{margin:0 0 8px;color:var(--text);font-size:1.08rem;line-height:1.25}
.db-page .db-icon-grid p{margin:0;color:#4f5f73;line-height:1.58}
.db-page .db-wide-block{display:grid;grid-template-columns:minmax(380px,540px) minmax(0,1fr);gap:36px;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:var(--shadow-soft);overflow:hidden}
.db-page .db-wide-block.reverse{grid-template-columns:minmax(0,1fr) minmax(380px,540px)}
.db-page .light-db-block{background:#f8fbff;border-color:#dbeafe}
.db-page .db-landscape-card{margin:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#07111f,#0b2745);box-shadow:0 20px 46px rgba(7,17,31,.10);height:100%;min-height:540px;display:flex;align-items:stretch}
.db-page .db-landscape-card img{display:block;width:100%;height:100%;min-height:540px;object-fit:cover;background:#07111f}
.db-page .light-db-block .db-landscape-card{min-height:560px}
.db-page .db-residential-balanced .db-landscape-card,.db-page .db-commercial-balanced .db-landscape-card,.db-page .db-industrial-balanced .db-landscape-card,.db-page .db-backup-balanced .db-landscape-card{min-height:560px}
.db-page .db-text-block{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:6px 4px}
.db-page .db-text-block h2{max-width:940px}
.db-page .db-text-block p{max-width:980px;line-height:1.68}
.db-page .db-mini-cta{margin-top:24px;background:#fff7ed;border:1px solid #fed7aa;border-radius:22px;padding:18px;display:grid;gap:8px;align-items:center}
.db-page .db-mini-cta strong{color:#07111f;font-size:1.05rem}
.db-page .db-mini-cta span{color:#48566a;line-height:1.55}
.db-page .db-mini-cta .btn{justify-self:start;margin-top:6px}
.db-page .db-orange-box{background:#fff7ed;border:1px solid #fed7aa;border-radius:30px;padding:36px!important;box-shadow:var(--shadow-soft)}
.db-page .db-orange-box h2{color:#07111f}
.db-page .db-orange-box p{color:#344258}
.db-page .db-service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.db-page .db-service-list article{background:#fff;border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:20px;padding:22px;box-shadow:0 12px 34px rgba(7,17,31,.07)}
.db-page .db-service-list h3{margin:0 0 10px;color:var(--text);font-size:1.1rem;line-height:1.25}
.db-page .db-service-list p{margin:0;color:#4f5f73;line-height:1.58}
.db-page .db-orange-grid article{border-top-color:#f97316}
.db-page .db-service-section{padding:34px!important;border-radius:28px;background:#f8fbff;border:1px solid #dbeafe;box-shadow:var(--shadow-soft)}
.db-page .db-warning-panel{background:#071a30;border-radius:30px;padding:36px!important;color:#fff;box-shadow:0 24px 60px rgba(7,17,31,.18)}
.db-page .db-warning-panel h2,.db-page .db-warning-panel h3{color:#fff}
.db-page .db-warning-panel p,.db-page .db-warning-panel .lead{color:#dbe7f7}
.db-page .db-warning-panel .emergency-fault-grid article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:none}
.db-page .db-warning-panel .emergency-fault-grid article p{color:#dbe7f7}
.db-page .db-related-section,.db-page .db-process-section,.db-page .db-faq-section{padding:34px!important;border-radius:28px;background:#f8fbff;border:1px solid #dbeafe;box-shadow:var(--shadow-soft)}
.db-page .db-process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}
.db-page .db-process-grid article{position:relative;overflow:hidden;padding:26px 26px 26px 92px;min-height:168px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#ffffff,#f8fbff);border:1px solid #dbe7f7;border-radius:24px;box-shadow:0 16px 38px rgba(7,17,31,.07)}
.db-page .db-process-grid article:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg,var(--brand),var(--accent))}
.db-page .db-process-grid article span{position:absolute;left:26px;top:28px;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;font-weight:950;box-shadow:0 12px 26px rgba(231,25,33,.22)}
.db-page .db-process-grid article h3{margin:0 0 10px;color:#07111f;line-height:1.2;letter-spacing:-.02em}
.db-page .db-process-grid article p{margin:0;color:#405169;line-height:1.6}
.db-page .db-process-grid article:nth-child(5){grid-column:1 / -1;min-height:132px}
.db-page .faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}
.db-page .faq-list details{background:#fff;border:1px solid #dbe7f7;border-radius:20px;padding:0;box-shadow:0 12px 30px rgba(7,17,31,.06);overflow:hidden}
.db-page .faq-list summary{cursor:pointer;list-style:none;padding:19px 22px;color:#07111f;font-weight:950;line-height:1.3;display:flex;gap:12px;align-items:flex-start}
.db-page .faq-list summary::-webkit-details-marker{display:none}
.db-page .faq-list summary:before{content:"+";width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#fff0f0;color:var(--brand);font-weight:950;flex:0 0 auto}
.db-page .faq-list details[open] summary:before{content:"−";background:var(--brand);color:#fff}
.db-page .faq-list details p{margin:0;padding:0 22px 20px 60px;color:#4f5f73;line-height:1.62}
.db-page .db-final-cta .section-kicker{color:#fff}
.db-page .db-final-cta .final-cta-actions{display:grid;gap:12px;min-width:250px}
.db-page .db-final-cta .final-cta-actions .btn{width:100%;justify-content:center}
.db-page .db-final-cta .btn.whatsapp{background:#0b7a34;color:#fff}
@media(max-width:1100px){.db-page .db-wide-block,.db-page .db-wide-block.reverse{grid-template-columns:1fr}.db-page .db-wide-block.reverse figure{order:initial}.db-page .db-service-list,.db-page .db-icon-grid,.db-page .db-icon-grid.two-col{grid-template-columns:1fr 1fr}.db-page .db-showcase-photo img{height:320px}.db-page .db-showcase-photo figcaption{display:block}.db-page .db-showcase-photo strong{min-width:0;margin-bottom:6px}.db-page .db-landscape-card,.db-page .db-landscape-card img,.db-page .light-db-block .db-landscape-card{min-height:320px;height:auto}.db-page .db-process-grid,.db-page .faq-list{grid-template-columns:1fr}.db-page .db-process-grid article:nth-child(5){grid-column:auto}}
@media(max-width:700px){.db-page .db-intro-panel,.db-page .db-story-card,.db-page .db-wide-block,.db-page .db-orange-box,.db-page .db-warning-panel,.db-page .db-related-section,.db-page .db-process-section,.db-page .db-faq-section,.db-page .db-service-section{padding:22px!important;border-radius:22px}.db-page .db-service-list,.db-page .db-icon-grid,.db-page .db-icon-grid.two-col{grid-template-columns:1fr}.db-page .db-showcase-photo img{height:230px}.db-page .db-landscape-card,.db-page .db-landscape-card img,.db-page .light-db-block .db-landscape-card{min-height:230px}.db-page .repair-hero-actions .btn{width:auto!important;max-width:100%;min-width:220px}.db-page .db-process-grid article{padding:22px 22px 22px 78px;min-height:150px}.db-page .db-process-grid article span{left:20px;top:22px;width:42px;height:42px;border-radius:14px}.db-page .faq-list details p{padding:0 18px 18px 54px}.db-page .faq-list summary{padding:17px 18px}}


/* Electrical COC page - thick content visual layout */
.coc-page .repair-hero-image-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.24)}
.coc-page .repair-hero-image-card img{display:block;width:100%;border-radius:20px;background:#07111f;object-fit:cover;min-height:280px;max-height:360px}
.coc-page .repair-hero-image-card h2{color:#fff;margin:18px 4px 8px;font-size:1.35rem;line-height:1.22}
.coc-page .repair-hero-image-card p{color:#dbe7f7;margin:0 4px 4px;line-height:1.6}
.coc-page .coc-intro-panel{padding:34px!important;border-radius:28px;background:#fff;box-shadow:var(--shadow-soft)}
.coc-page .coc-showcase-photo{margin:0 0 28px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 20px 46px rgba(7,17,31,.10)}
.coc-page .coc-showcase-photo img{display:block;width:100%;height:365px;object-fit:cover;background:#07111f}
.coc-page .coc-showcase-photo figcaption{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px 22px;background:#fff}
.coc-page .coc-showcase-photo strong{display:block;color:var(--text);font-size:1.12rem;letter-spacing:-.02em;min-width:250px}
.coc-page .coc-showcase-photo span{display:block;color:#4f5f73;line-height:1.55}
.coc-page .coc-pills{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 22px}
.coc-page .coc-pills span{display:inline-flex;align-items:center;border:1px solid #cfe0f4;background:#f7fbff;color:#102a43;border-radius:999px;padding:10px 13px;font-weight:850;font-size:.92rem}
.coc-page .service-main-content{max-width:1180px}
.coc-page .content-section{border-bottom:0;margin-bottom:34px}
.coc-page .coc-story-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow-soft)}
.coc-page .coc-story-card .lead{max-width:1080px}
.coc-page .coc-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.coc-page .coc-icon-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.coc-page .coc-icon-grid article{background:#f8fbff;border:1px solid #dce8f6;border-radius:20px;padding:22px;box-shadow:0 10px 28px rgba(7,17,31,.05)}
.coc-page .coc-icon-grid h3{margin:0 0 8px;color:var(--text);font-size:1.08rem;line-height:1.25}
.coc-page .coc-icon-grid p{margin:0;color:#4f5f73;line-height:1.58}
.coc-page .coc-wide-block{display:grid;grid-template-columns:minmax(380px,540px) minmax(0,1fr);gap:36px;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:var(--shadow-soft);overflow:hidden}
.coc-page .coc-wide-block.reverse{grid-template-columns:minmax(0,1fr) minmax(380px,540px)}
.coc-page .light-coc-block{background:#f8fbff;border-color:#dbeafe}
.coc-page .coc-landscape-card{margin:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#07111f,#0b2745);box-shadow:0 20px 46px rgba(7,17,31,.10);height:100%;min-height:540px;display:flex;align-items:stretch}
.coc-page .coc-landscape-card img{display:block;width:100%;height:100%;min-height:540px;object-fit:cover;background:#07111f}
.coc-page .light-coc-block .coc-landscape-card{min-height:560px}
.coc-page .coc-what-checked-balanced .coc-landscape-card,.coc-page .coc-sales-balanced .coc-landscape-card,.coc-page .coc-landlord-balanced .coc-landscape-card,.coc-page .coc-commercial-balanced .coc-landscape-card,.coc-page .coc-backup-balanced .coc-landscape-card,.coc-page .coc-cost-balanced .coc-landscape-card{min-height:560px}
.coc-page .coc-text-block{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:6px 4px}
.coc-page .coc-text-block h2{max-width:940px}
.coc-page .coc-text-block p{max-width:980px;line-height:1.68}
.coc-page .coc-mini-cta{margin-top:24px;background:#fff7ed;border:1px solid #fed7aa;border-radius:22px;padding:18px;display:grid;gap:8px;align-items:center}
.coc-page .coc-mini-cta strong{color:#07111f;font-size:1.05rem}
.coc-page .coc-mini-cta span{color:#48566a;line-height:1.55}
.coc-page .coc-mini-cta .btn{justify-self:start;margin-top:6px}
.coc-page .coc-orange-box{background:#fff7ed;border:1px solid #fed7aa;border-radius:30px;padding:36px!important;box-shadow:var(--shadow-soft)}
.coc-page .coc-orange-box h2{color:#07111f}
.coc-page .coc-orange-box p{color:#344258}
.coc-page .coc-service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.coc-page .coc-service-list.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.coc-page .coc-service-list article{background:#fff;border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:20px;padding:22px;box-shadow:0 12px 34px rgba(7,17,31,.07)}
.coc-page .coc-service-list h3{margin:0 0 10px;color:var(--text);font-size:1.1rem;line-height:1.25}
.coc-page .coc-service-list p{margin:0;color:#4f5f73;line-height:1.58}
.coc-page .coc-service-section,.coc-page .coc-related-section,.coc-page .coc-process-section,.coc-page .coc-faq-section{padding:34px!important;border-radius:28px;background:#f8fbff;border:1px solid #dbeafe;box-shadow:var(--shadow-soft)}
.coc-page .coc-warning-panel{background:#071a30;border-radius:30px;padding:36px!important;color:#fff;box-shadow:0 24px 60px rgba(7,17,31,.18)}
.coc-page .coc-warning-panel h2,.coc-page .coc-warning-panel h3{color:#fff}
.coc-page .coc-warning-panel p,.coc-page .coc-warning-panel .lead{color:#dbe7f7!important}
.coc-page .coc-warning-panel .emergency-fault-grid article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:none}
.coc-page .coc-warning-panel .emergency-fault-grid article p{color:#dbe7f7!important}
.coc-page .coc-process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}
.coc-page .coc-process-grid article{position:relative;overflow:hidden;padding:26px 26px 26px 92px;min-height:168px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#ffffff,#f8fbff);border:1px solid #dbe7f7;border-radius:24px;box-shadow:0 16px 38px rgba(7,17,31,.07)}
.coc-page .coc-process-grid article:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg,var(--brand),var(--accent))}
.coc-page .coc-process-grid article span{position:absolute;left:26px;top:28px;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;font-weight:950;box-shadow:0 12px 26px rgba(231,25,33,.22)}
.coc-page .coc-process-grid article h3{margin:0 0 10px;color:#07111f;line-height:1.2;letter-spacing:-.02em}
.coc-page .coc-process-grid article p{margin:0;color:#405169;line-height:1.6}
.coc-page .coc-process-grid article:nth-child(5){grid-column:1 / -1;min-height:132px}
.coc-page .faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}
.coc-page .faq-list details{background:#fff;border:1px solid #dbe7f7;border-radius:20px;padding:0;box-shadow:0 12px 30px rgba(7,17,31,.06);overflow:hidden}
.coc-page .faq-list summary{cursor:pointer;list-style:none;padding:19px 22px;color:#07111f;font-weight:950;line-height:1.3;display:flex;gap:12px;align-items:flex-start}
.coc-page .faq-list summary::-webkit-details-marker{display:none}
.coc-page .faq-list summary:before{content:"+";width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#fff0f0;color:var(--brand);font-weight:950;flex:0 0 auto}
.coc-page .faq-list details[open] summary:before{content:"−";background:var(--brand);color:#fff}
.coc-page .faq-list details p{margin:0;padding:0 22px 20px 60px;color:#4f5f73;line-height:1.62}
.coc-page .coc-final-cta .section-kicker{color:#fff}
.coc-page .coc-final-cta .final-cta-actions{display:grid;gap:12px;min-width:250px}
.coc-page .coc-final-cta .final-cta-actions .btn{width:100%;justify-content:center}
.coc-page .coc-final-cta .btn.whatsapp{background:#0b7a34;color:#fff}
@media(max-width:1100px){.coc-page .coc-wide-block,.coc-page .coc-wide-block.reverse{grid-template-columns:1fr}.coc-page .coc-wide-block.reverse figure{order:initial}.coc-page .coc-service-list,.coc-page .coc-service-list.two-col,.coc-page .coc-icon-grid,.coc-page .coc-icon-grid.two-col{grid-template-columns:1fr 1fr}.coc-page .coc-showcase-photo img{height:320px}.coc-page .coc-showcase-photo figcaption{display:block}.coc-page .coc-showcase-photo strong{min-width:0;margin-bottom:6px}.coc-page .coc-landscape-card,.coc-page .coc-landscape-card img,.coc-page .light-coc-block .coc-landscape-card{min-height:320px;height:auto}.coc-page .coc-process-grid,.coc-page .faq-list{grid-template-columns:1fr}.coc-page .coc-process-grid article:nth-child(5){grid-column:auto}}
@media(max-width:700px){.coc-page .coc-intro-panel,.coc-page .coc-story-card,.coc-page .coc-wide-block,.coc-page .coc-orange-box,.coc-page .coc-warning-panel,.coc-page .coc-related-section,.coc-page .coc-process-section,.coc-page .coc-faq-section,.coc-page .coc-service-section{padding:22px!important;border-radius:22px}.coc-page .coc-service-list,.coc-page .coc-service-list.two-col,.coc-page .coc-icon-grid,.coc-page .coc-icon-grid.two-col{grid-template-columns:1fr}.coc-page .coc-showcase-photo img{height:230px}.coc-page .coc-landscape-card,.coc-page .coc-landscape-card img,.coc-page .light-coc-block .coc-landscape-card{min-height:230px}.coc-page .repair-hero-actions .btn{width:auto!important;max-width:100%;min-width:220px}.coc-page .coc-process-grid article{padding:22px 22px 22px 78px;min-height:150px}.coc-page .coc-process-grid article span{left:20px;top:22px;width:42px;height:42px;border-radius:14px}.coc-page .faq-list details p{padding:0 18px 18px 54px}.coc-page .faq-list summary{padding:17px 18px}}

/* Electrical Fault Finding thick content layout */
.fault-thick-page .service-sidebar-card{position:static!important;top:auto!important;align-self:start!important;}
.fault-thick-page .lighting-hero-photo figcaption strong,
.fault-thick-page .lighting-hero-photo figcaption span{display:block;}
.fault-thick-page .fault-intro-section .lighting-sidebar-content{min-width:0;}
.fault-thick-page .fault-detail-grid article{border:1px solid rgba(15,23,42,.08);box-shadow:0 14px 36px rgba(15,23,42,.07);}
.fault-inline-cta{margin-top:24px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#fff3e4,#fff7ed);border:1px solid rgba(234,88,12,.16);display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;box-shadow:0 18px 44px rgba(15,23,42,.06);}
.fault-inline-cta strong{display:block;color:#0f172a;font-size:18px;margin-bottom:4px;}
.fault-inline-cta span{display:block;color:#475569;line-height:1.65;}
.fault-split{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);gap:44px;align-items:stretch;}
.fault-split.feature-right{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);}
.fault-split.compact-split{gap:34px;}
.fault-copy-block{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:28px;padding:34px;box-shadow:0 22px 58px rgba(15,23,42,.08);}
.fault-copy-block h2{margin-top:8px;}
.fault-copy-block p{color:#334155;line-height:1.85;}
.fault-copy-block .lead{color:#172033;font-size:18px;line-height:1.75;font-weight:600;}
.fault-visual-card{position:relative;overflow:hidden;border-radius:28px;background:#0b2341;border:1px solid rgba(15,23,42,.08);box-shadow:0 26px 70px rgba(15,23,42,.16);min-height:360px;display:flex;align-items:stretch;}
.fault-visual-card.tall{min-height:520px;}
.fault-visual-card img{width:100%;height:100%;object-fit:cover;display:block;}
.fault-visual-card span{position:absolute;left:18px;bottom:18px;right:18px;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.92);color:#0f172a;font-weight:900;box-shadow:0 14px 36px rgba(15,23,42,.16);}
.fault-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.fault-card-grid.big-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.fault-card-grid article,.fault-benefit-grid article{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:26px;box-shadow:0 18px 45px rgba(15,23,42,.07);}
.fault-card-grid article h3,.fault-benefit-grid article h3{margin-top:0;color:#0f172a;}
.fault-card-grid article p,.fault-benefit-grid article p{color:#475569;line-height:1.75;}
.fault-mini-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
.fault-mini-list span{background:#eef6ff;color:#0b3b73;border:1px solid rgba(37,99,235,.14);font-weight:800;border-radius:999px;padding:10px 14px;}
.fault-dark-panel{background:linear-gradient(135deg,#071d38,#0b2f55 55%,#111827);color:#fff;}
.fault-dark-panel .section-kicker,.fault-dark-panel h2,.fault-dark-panel p,.fault-dark-panel .lead{color:#fff;}
.fault-dark-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:34px;align-items:stretch;}
.fault-dark-grid>div:first-child{padding:14px 0;}
.fault-warning-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.fault-warning-list article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:22px;color:#fff;}
.fault-warning-list strong{display:block;color:#fff;font-size:17px;margin-bottom:8px;line-height:1.35;}
.fault-warning-list span{display:block;color:#dbeafe;line-height:1.65;}
.fault-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.fault-process-grid article{background:#fff;border-radius:24px;padding:26px;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 45px rgba(15,23,42,.07);}
.fault-process-grid article span{display:inline-grid;place-items:center;width:42px;height:42px;background:#ef4444;color:#fff;border-radius:50%;font-weight:900;margin-bottom:12px;}
.fault-process-grid article h3{margin:0 0 10px;color:#0f172a;}
.fault-process-grid article p{margin:0;color:#475569;line-height:1.65;}
.fault-cta-split .cta-band{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 28px 70px rgba(239,68,68,.24);}
.fault-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.fault-faq-grid article{box-shadow:0 15px 36px rgba(15,23,42,.07);}
@media (max-width:980px){
  .fault-split,.fault-split.feature-right,.fault-dark-grid{grid-template-columns:1fr;}
  .fault-card-grid,.fault-card-grid.big-grid,.fault-process-grid,.fault-benefit-grid{grid-template-columns:1fr 1fr;}
  .fault-inline-cta{grid-template-columns:1fr;}
  .fault-inline-cta .btn{width:100%;}
  .fault-visual-card,.fault-visual-card.tall{min-height:340px;}
}
@media (max-width:640px){
  .fault-card-grid,.fault-card-grid.big-grid,.fault-process-grid,.fault-benefit-grid,.fault-warning-list{grid-template-columns:1fr;}
  .fault-copy-block{padding:24px;border-radius:22px;}
  .fault-visual-card,.fault-visual-card.tall{min-height:260px;border-radius:22px;}
}


/* Plug Points and Wiring thick-content layout enhancements */
.wiring-page .wiring-highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px;}
.wiring-page .wiring-highlight-grid article{background:linear-gradient(145deg,#ffffff,#f8fbff);border:1px solid #dbe7f7;border-radius:22px;padding:22px;box-shadow:0 16px 38px rgba(7,17,31,.07);}
.wiring-page .wiring-highlight-grid strong{display:block;color:#07111f;font-weight:950;line-height:1.2;margin-bottom:8px;}
.wiring-page .wiring-highlight-grid span{display:block;color:#52637a;line-height:1.55;}
.wiring-page .wiring-media-wide{align-items:stretch!important;gap:52px;}
.wiring-page .wiring-media-wide > figure{height:100%;min-height:100%;display:flex;flex-direction:column;background:#fff;border-radius:30px;overflow:hidden;border:1px solid #dbe7f7;box-shadow:0 24px 60px rgba(7,17,31,.10);}
.wiring-page .wiring-media-wide > figure img{flex:1;width:100%;height:auto;min-height:420px;max-height:none;object-fit:cover;display:block;background:#07111f;}
.wiring-page .wiring-media-wide > div{display:flex;flex-direction:column;justify-content:center;}
.wiring-page .wiring-media-wide figure figcaption{padding:18px 20px 20px!important;background:linear-gradient(145deg,#ffffff,#f8fbff);border-top:1px solid #e4edf8;color:#405169!important;line-height:1.55;}
.wiring-page .wiring-media-wide figure figcaption strong{display:block!important;color:#172235!important;font-size:1.06rem!important;margin:0 0 6px!important;line-height:1.24;}
.wiring-page .wiring-media-wide figure figcaption span{display:block!important;color:#617188!important;opacity:1!important;line-height:1.55;}
.wiring-page .wiring-service-grid article{background:linear-gradient(145deg,#ffffff,#f8fbff);border:1px solid #dbe7f7;border-radius:22px;box-shadow:0 16px 38px rgba(7,17,31,.07);}
.wiring-page .wiring-service-grid article:hover{transform:translateY(-2px);border-color:#ffd0d0;}
.wiring-page .wiring-connection-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:26px;background:linear-gradient(135deg,#fff7ed,#ffffff);border:1px solid #fed7aa;border-radius:30px;padding:30px;box-shadow:0 18px 48px rgba(7,17,31,.07);}
.wiring-page .wiring-connection-panel h3{font-size:1.55rem;line-height:1.15;margin:0 0 12px;color:#07111f;letter-spacing:-.025em;}
.wiring-page .wiring-connection-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;}
.wiring-page .wiring-connection-panel li{background:#fff;border:1px solid #f5cfa8;border-radius:15px;padding:12px 14px;font-weight:850;color:#172235;}
.wiring-page .wiring-warning-box{border-radius:30px;}
.wiring-page .wiring-process-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.wiring-page .wiring-final-cta{align-items:flex-start;}
.wiring-page .inline-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;}
.wiring-page .inline-cta-row .btn{min-width:190px;justify-content:center;}
@media(max-width:1200px){.wiring-page .wiring-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.wiring-page .wiring-media-wide{grid-template-columns:1fr!important}.wiring-page .wiring-media-wide.reverse figure{order:initial}.wiring-page .wiring-media-wide > figure img{min-height:320px}.wiring-page .wiring-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.wiring-page .wiring-highlight-grid,.wiring-page .wiring-connection-panel,.wiring-page .wiring-process-grid{grid-template-columns:1fr}.wiring-page .wiring-media-wide > figure img{min-height:230px}.wiring-page .inline-cta-row .btn{width:100%;}.wiring-page .wiring-connection-panel{padding:22px;border-radius:24px;}}


.wiring-page .wiring-risk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.wiring-page .wiring-risk-grid article{background:linear-gradient(145deg,#ffffff,#f8fbff);border:1px solid #dbe7f7;border-radius:22px;padding:24px;box-shadow:0 16px 38px rgba(7,17,31,.07);}
.wiring-page .wiring-risk-grid h3{margin:0 0 10px;color:#07111f;font-size:1.15rem;line-height:1.25;}
.wiring-page .wiring-risk-grid p{margin:0;color:#405169;line-height:1.65;}
@media(max-width:1000px){.wiring-page .wiring-risk-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.wiring-page .wiring-risk-grid{grid-template-columns:1fr;}}

/* Lighting Installation thick content layout - scoped only */
.lighting-page .lighting-main-content{max-width:1180px;}
.lighting-page .content-section{border-bottom:0;margin-bottom:34px;}
.lighting-page .light-story-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow-soft);}
.lighting-page .light-story-card .lead{max-width:1080px;}
.lighting-page .lighting-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;}
.lighting-page .lighting-icon-grid.four{grid-template-columns:repeat(4,minmax(0,1fr));}
.lighting-page .lighting-icon-grid article{background:#f8fbff;border:1px solid #dce8f6;border-radius:20px;padding:22px;box-shadow:0 10px 28px rgba(7,17,31,.05);}
.lighting-page .lighting-icon-grid h3{margin:0 0 8px;color:var(--text);font-size:1.08rem;line-height:1.25;}
.lighting-page .lighting-icon-grid p{margin:0;color:#4f5f73;line-height:1.58;}
.lighting-page .lighting-wide-block{display:grid;grid-template-columns:minmax(360px,520px) minmax(0,1fr);gap:34px;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow-soft);overflow:hidden;}
.lighting-page .lighting-wide-block.reverse{grid-template-columns:minmax(0,1fr) minmax(360px,520px);}
.lighting-page .lighting-landscape-card{margin:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#07111f,#0b2745);box-shadow:0 20px 46px rgba(7,17,31,.10);height:100%;min-height:520px;display:flex;align-items:stretch;}
.lighting-page .lighting-landscape-card img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;background:#07111f;}
.lighting-page .lighting-text-block{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:6px 4px;}
.lighting-page .lighting-text-block h2{max-width:960px;}
.lighting-page .lighting-text-block p{max-width:980px;line-height:1.68;}
.lighting-page .lighting-mini-cta{margin-top:24px;background:#fff7ed;border:1px solid #fed7aa;border-radius:22px;padding:18px;display:grid;gap:8px;align-items:center;}
.lighting-page .lighting-mini-cta strong{color:#07111f;font-size:1.05rem;}
.lighting-page .lighting-mini-cta span{color:#48566a;line-height:1.55;}
.lighting-page .lighting-mini-cta .btn{justify-self:start;margin-top:6px;}
.lighting-page .light-orange-block{background:#fff7ed;border-color:#fed7aa;}
.lighting-page .light-orange-block .lighting-landscape-card{border-color:#fed7aa;}
.lighting-page .lighting-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;}
.lighting-page .lighting-check-list article{background:#fff;border:1px solid #fed7aa;border-radius:18px;padding:18px;}
.lighting-page .lighting-check-list strong{display:block;color:#07111f;margin-bottom:6px;}
.lighting-page .lighting-check-list span{display:block;color:#4f5f73;line-height:1.55;}
.lighting-page .lighting-dark-section,.lighting-page .lighting-warning-section{border-radius:30px;padding:36px;box-shadow:var(--shadow);}
.lighting-page .lighting-dark-section .container-inner{max-width:100%;}
.lighting-page .lighting-warning-section h2,.lighting-page .lighting-warning-section .section-kicker{color:#fff;}
.lighting-page .lighting-warning-section p,.lighting-page .lighting-warning-section .lead{color:#dbe7f7;}
.lighting-page .lighting-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px;}
.lighting-page .lighting-process-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow-soft);border-top:4px solid var(--brand);}
.lighting-page .lighting-process-grid span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;font-weight:950;margin-bottom:14px;}
.lighting-page .lighting-process-grid h3{margin:0 0 10px;font-size:1.1rem;line-height:1.25;}
.lighting-page .lighting-process-grid p{margin:0;color:#4f5f73;line-height:1.58;}
.lighting-page .lighting-related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 10px;}
.lighting-page .lighting-related-links a{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:16px;padding:16px 18px;background:#fff;font-weight:900;color:#172235;box-shadow:0 8px 22px rgba(7,17,31,.05);}
.lighting-page .lighting-related-links a:hover{border-color:#ffc0c0;color:var(--brand);transform:translateY(-1px);}
.lighting-page .lighting-faq-grid article{border-top:4px solid #ff7a00;}
.lighting-page .service-sidebar-card{position:static!important;top:auto!important;}
@media(max-width:1100px){
  .lighting-page .lighting-wide-block,.lighting-page .lighting-wide-block.reverse{grid-template-columns:1fr;}
  .lighting-page .lighting-landscape-card,.lighting-page .lighting-landscape-card img{min-height:340px;}
  .lighting-page .lighting-icon-grid,.lighting-page .lighting-icon-grid.four,.lighting-page .lighting-process-grid,.lighting-page .lighting-related-links{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px){
  .lighting-page .light-story-card,.lighting-page .lighting-wide-block,.lighting-page .lighting-dark-section,.lighting-page .lighting-warning-section{padding:23px;border-radius:24px;}
  .lighting-page .lighting-landscape-card,.lighting-page .lighting-landscape-card img{min-height:260px;}
  .lighting-page .lighting-icon-grid,.lighting-page .lighting-icon-grid.four,.lighting-page .lighting-check-list,.lighting-page .lighting-process-grid,.lighting-page .lighting-related-links{grid-template-columns:1fr;}
}

/* Lighting page visual layout refinement - fixes bottom sections, spacing and CTA balance */
.lighting-page .lighting-main-content{max-width:1240px;}
.lighting-page .content-section{margin-bottom:40px;}
.lighting-page .lighting-maintenance-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);gap:32px;align-items:stretch;padding:34px;border-radius:30px;box-shadow:0 20px 55px rgba(7,17,31,.08);}
.lighting-page .lighting-maintenance-copy{display:flex;flex-direction:column;justify-content:center;}
.lighting-page .lighting-maintenance-copy h2{max-width:1000px;}
.lighting-page .lighting-maintenance-copy p{max-width:1060px;line-height:1.68;}
.lighting-page .lighting-check-list.upgraded{margin-top:24px;}
.lighting-page .lighting-check-list.upgraded article{box-shadow:0 10px 24px rgba(7,17,31,.05);}
.lighting-page .lighting-support-visual{margin:0;border-radius:26px;overflow:hidden;background:#07111f;border:1px solid #fed7aa;box-shadow:0 22px 52px rgba(7,17,31,.12);display:grid;grid-template-rows:1fr auto;min-height:100%;}
.lighting-page .lighting-support-visual img{width:100%;height:100%;min-height:420px;object-fit:cover;}
.lighting-page .lighting-support-visual figcaption{background:#fff;padding:20px 22px;border-top:1px solid #eef2f7;}
.lighting-page .lighting-support-visual figcaption strong{display:block;color:#101827;font-size:1.08rem;line-height:1.25;margin-bottom:6px;}
.lighting-page .lighting-support-visual figcaption span{display:block;color:#536276;line-height:1.55;}

.lighting-page .lighting-area-showcase{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:28px;align-items:stretch;background:linear-gradient(135deg,#07111f 0%,#102641 56%,#911016 100%);color:#fff;border-radius:32px;padding:38px;box-shadow:0 26px 70px rgba(7,17,31,.18);overflow:hidden;position:relative;}
.lighting-page .lighting-area-showcase:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;opacity:.55;pointer-events:none;}
.lighting-page .lighting-area-copy,.lighting-page .lighting-area-card,.lighting-page .lighting-area-tags{position:relative;z-index:1;}
.lighting-page .lighting-area-showcase h2{color:#fff;max-width:900px;}
.lighting-page .lighting-area-showcase p,.lighting-page .lighting-area-showcase .lead{color:#dbe7f7;max-width:940px;}
.lighting-page .lighting-area-showcase .section-kicker{color:#ffb4b4;}
.lighting-page .lighting-area-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.lighting-page .lighting-area-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:26px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);}
.lighting-page .lighting-area-card h3{margin:0 0 16px;color:#fff;font-size:1.34rem;letter-spacing:-.03em;}
.lighting-page .lighting-area-card ul{list-style:none;margin:0;padding:0;display:grid;gap:13px;}
.lighting-page .lighting-area-card li{position:relative;padding-left:30px;color:#edf5ff;font-weight:750;line-height:1.45;}
.lighting-page .lighting-area-card li:before{content:"✓";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--accent));display:grid;place-items:center;color:#fff;font-size:.72rem;font-weight:950;}
.lighting-page .lighting-area-tags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px;margin-top:4px;}
.lighting-page .lighting-area-tags span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:850;font-size:.92rem;}

.lighting-page .lighting-faq-showcase{background:#f8fbff;border:1px solid #dbeafe;border-radius:32px;padding:34px;box-shadow:0 22px 55px rgba(7,17,31,.08);}
.lighting-page .lighting-faq-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;}
.lighting-page .lighting-faq-head h2{margin-bottom:10px;max-width:950px;}
.lighting-page .lighting-faq-head .lead{max-width:840px;margin:0;}
.lighting-page .lighting-faq-grid.upgraded{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.lighting-page .lighting-faq-grid.upgraded article{border:1px solid #dbeafe;border-top:4px solid var(--brand);background:#fff;min-height:152px;}
.lighting-page .lighting-faq-grid.upgraded h3{font-size:1.05rem;}
.lighting-page .lighting-faq-grid.upgraded p{line-height:1.58;}

.lighting-page .lighting-final-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:28px;align-items:center;background:linear-gradient(135deg,#e71921 0%,#bb1119 54%,#8d0c12 100%);color:#fff;border-radius:34px;padding:40px;box-shadow:0 28px 70px rgba(231,25,33,.22);}
.lighting-page .lighting-final-band h2{color:#fff;max-width:900px;margin-bottom:12px;}
.lighting-page .lighting-final-band p{color:#fff4f4;max-width:980px;font-weight:650;}
.lighting-page .lighting-final-band .section-kicker{color:#fff;}
.lighting-page .lighting-final-actions{display:grid;gap:12px;}
.lighting-page .lighting-final-actions .btn{width:100%;box-shadow:none;}
.lighting-page .lighting-final-actions .btn.outline{border-color:rgba(255,255,255,.45);}

.lighting-page .lighting-photo-card figcaption{background:#fff;padding:20px 22px;}
.lighting-page .lighting-photo-card figcaption strong{display:block;color:#101827;margin-bottom:6px;line-height:1.25;}
.lighting-page .lighting-photo-card figcaption span{display:block;color:#536276;line-height:1.55;}

@media(max-width:1120px){
  .lighting-page .lighting-maintenance-showcase,.lighting-page .lighting-area-showcase,.lighting-page .lighting-final-band{grid-template-columns:1fr;}
  .lighting-page .lighting-faq-head{display:block;}
  .lighting-page .lighting-faq-head .btn{margin-top:18px;}
}
@media(max-width:720px){
  .lighting-page .lighting-maintenance-showcase,.lighting-page .lighting-area-showcase,.lighting-page .lighting-faq-showcase,.lighting-page .lighting-final-band{padding:24px;border-radius:24px;}
  .lighting-page .lighting-support-visual img{min-height:260px;}
  .lighting-page .lighting-faq-grid.upgraded{grid-template-columns:1fr;}
  .lighting-page .lighting-area-actions .btn{width:100%;}
}


/* Residential Electrician thick content layout */
.residential-page .res-intro-panel{background:linear-gradient(145deg,#ffffff,#f8fbff);border:1px solid #dbe7f7;border-radius:30px;padding:34px;box-shadow:var(--shadow-soft)}
.residential-page .res-intro-panel p{line-height:1.68;color:#344258}
.residential-page .res-service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.residential-page .res-intro-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.residential-page .res-service-list article{background:#fff;border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:20px;padding:22px;box-shadow:0 12px 34px rgba(7,17,31,.07)}
.residential-page .res-service-list h3{margin:0 0 10px;color:var(--text);font-size:1.1rem;line-height:1.25}.residential-page .res-service-list h3 a{color:var(--text);text-decoration:none}.residential-page .res-service-list p{margin:0;color:#4f5f73;line-height:1.58}
.residential-page .inline-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.residential-page .inline-cta-row .btn{padding:13px 18px}.residential-page .btn.ghost{background:#fff;color:#07111f;border:1px solid var(--line);box-shadow:0 10px 24px rgba(7,17,31,.07)}
.residential-page .res-wide-block{display:grid;grid-template-columns:minmax(360px,540px) minmax(0,1fr);gap:42px;align-items:center}.residential-page .res-wide-block.reverse{grid-template-columns:minmax(0,1fr) minmax(360px,540px)}.residential-page .res-wide-block.reverse figure{order:2}
.residential-page .res-text-block{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:6px 4px}.residential-page .res-text-block p{max-width:990px;line-height:1.68}.residential-page .res-landscape-card{margin:0;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-soft);height:100%;min-height:420px;display:flex;flex-direction:column}.residential-page .res-landscape-card img{width:100%;height:100%;min-height:320px;object-fit:cover;background:#07111f;flex:1}.residential-page .res-landscape-card figcaption{display:block;padding:16px 18px;background:#fff}.residential-page .res-landscape-card figcaption strong{display:block;color:#344258;font-size:1.05rem;margin:0 0 5px}.residential-page .res-landscape-card figcaption span{display:block;color:#6a788b;line-height:1.45}
.residential-page .res-mini-cta{margin-top:24px;background:#fff7ed;border:1px solid #fed7aa;border-radius:22px;padding:18px;display:grid;gap:8px;align-items:center}.residential-page .res-mini-cta strong{color:#07111f;font-size:1.05rem}.residential-page .res-mini-cta span{color:#48566a;line-height:1.55}.residential-page .res-mini-cta .btn{justify-self:start;margin-top:6px}
.residential-page .res-orange-box{background:#fff7ed;border:1px solid #fed7aa;border-radius:30px;padding:36px;box-shadow:var(--shadow-soft)}.residential-page .res-orange-box h2{color:#07111f}.residential-page .res-orange-box p{color:#344258}.residential-page .res-orange-grid article{border-top-color:#f97316}.residential-page .res-warning-panel{background:#071a30;border-radius:30px;padding:36px!important;color:#fff;box-shadow:0 24px 60px rgba(7,17,31,.18)}.residential-page .res-warning-panel h2,.residential-page .res-warning-panel h3{color:#fff}.residential-page .res-warning-panel p,.residential-page .res-warning-panel .lead{color:#dbe7f7!important}.residential-page .res-warning-panel .emergency-fault-grid article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:none}.residential-page .res-warning-panel .emergency-fault-grid article p{color:#dbe7f7!important}
.residential-page .res-related-section,.residential-page .res-process-section,.residential-page .res-faq-section,.residential-page .res-service-section{padding:34px!important;border-radius:28px;background:#f8fbff;border:1px solid #dbeafe;box-shadow:var(--shadow-soft)}.residential-page .res-process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}.residential-page .res-process-grid article{position:relative;overflow:hidden;padding:26px 26px 26px 92px;min-height:168px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#ffffff,#f8fbff);border:1px solid #dbe7f7;border-radius:24px;box-shadow:0 16px 38px rgba(7,17,31,.07)}.residential-page .res-process-grid article:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg,var(--brand),var(--accent))}.residential-page .res-process-grid article span{position:absolute;left:26px;top:28px;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;font-weight:950;box-shadow:0 12px 26px rgba(231,25,33,.22)}.residential-page .res-process-grid article h3{margin:0 0 10px;color:#07111f;line-height:1.2;letter-spacing:-.02em}.residential-page .res-process-grid article p{margin:0;color:#405169;line-height:1.6}.residential-page .res-process-grid article:nth-child(5){grid-column:1 / -1;min-height:132px}.residential-page .faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}.residential-page .faq-list details{background:#fff;border:1px solid #dbe7f7;border-radius:20px;padding:0;box-shadow:0 12px 30px rgba(7,17,31,.06);overflow:hidden}.residential-page .faq-list summary{cursor:pointer;list-style:none;padding:19px 22px;color:#07111f;font-weight:950;line-height:1.3;display:flex;gap:12px;align-items:flex-start}.residential-page .faq-list summary::-webkit-details-marker{display:none}.residential-page .faq-list summary:before{content:"+";width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#fff0f0;color:var(--brand);font-weight:950;flex:0 0 auto}.residential-page .faq-list details[open] summary:before{content:"−";background:var(--brand);color:#fff}.residential-page .faq-list details p{margin:0;padding:0 22px 20px 60px;color:#4f5f73;line-height:1.62}.residential-page .res-final-cta .section-kicker{color:#fff}.residential-page .res-final-cta .final-cta-actions{display:grid;gap:12px;min-width:250px}.residential-page .res-final-cta .final-cta-actions .btn{width:100%;justify-content:center}.residential-page .res-final-cta .btn.whatsapp{background:#0b7a34;color:#fff}
@media(max-width:1100px){.residential-page .res-wide-block,.residential-page .res-wide-block.reverse{grid-template-columns:1fr}.residential-page .res-wide-block.reverse figure{order:initial}.residential-page .res-service-list,.residential-page .res-intro-list{grid-template-columns:1fr 1fr}.residential-page .res-landscape-card,.residential-page .res-landscape-card img{min-height:320px;height:auto}.residential-page .res-process-grid,.residential-page .faq-list{grid-template-columns:1fr}.residential-page .res-process-grid article:nth-child(5){grid-column:auto}}
@media(max-width:700px){.residential-page .res-intro-panel,.residential-page .res-wide-block,.residential-page .res-orange-box,.residential-page .res-warning-panel,.residential-page .res-related-section,.residential-page .res-process-section,.residential-page .res-faq-section,.residential-page .res-service-section{padding:22px!important;border-radius:22px}.residential-page .res-service-list,.residential-page .res-intro-list{grid-template-columns:1fr}.residential-page .res-landscape-card,.residential-page .res-landscape-card img{min-height:230px}.residential-page .repair-hero-actions .btn{width:auto!important;max-width:100%;min-width:220px}.residential-page .res-process-grid article{padding:22px 22px 22px 78px;min-height:150px}.residential-page .res-process-grid article span{left:20px;top:22px;width:42px;height:42px;border-radius:14px}.residential-page .faq-list details p{padding:0 18px 18px 54px}.residential-page .faq-list summary{padding:17px 18px}.residential-page .inline-cta-row .btn{width:100%;justify-content:center}}


/* COMMERCIAL ELECTRICIAN THICK CONTENT V2 */
.commercial-page .commercial-thick-content{padding-top:58px}
.commercial-page .commercial-thick-content .content-section{margin-bottom:76px}
.commercial-page .commercial-overview-block,
.commercial-page .commercial-service-section,
.commercial-page .commercial-sector-block,
.commercial-page .commercial-maintenance-block,
.commercial-page .commercial-property-block,
.commercial-page .commercial-fitout-block,
.commercial-page .commercial-process-section,
.commercial-page .commercial-related-section,
.commercial-page .commercial-faq-section{padding:44px;border:1px solid #dce5ef;border-radius:28px;background:#fff;box-shadow:0 18px 45px rgba(10,35,63,.07)}
.commercial-page .commercial-overview-block{background:linear-gradient(145deg,#fff 0%,#f8fbff 100%)}
.commercial-page .commercial-intro-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}
.commercial-page .commercial-intro-cards article{padding:24px;border:1px solid #dce5ef;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(10,35,63,.06)}
.commercial-page .commercial-intro-cards article>span{display:inline-grid;place-items:center;width:46px;height:46px;margin-bottom:14px;border-radius:14px;background:#eef6ff;font-size:24px}
.commercial-page .commercial-intro-cards h3{margin:0 0 10px;font-size:1.12rem}
.commercial-page .commercial-intro-cards p{margin:0;color:#52667d}
.commercial-page .commercial-mini-cta{display:flex;align-items:center;gap:14px;margin-top:30px;padding:22px;border-radius:20px;background:#07182d;color:#fff}
.commercial-page .commercial-mini-cta>div{display:flex;flex:1;flex-direction:column;gap:5px}
.commercial-page .commercial-mini-cta strong{font-size:1.15rem;color:#fff}
.commercial-page .commercial-mini-cta span{color:#d7e3ef}
.commercial-page .commercial-mini-cta.compact{margin-top:26px}
.commercial-page .commercial-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.commercial-page .commercial-service-grid article{padding:28px;border:1px solid #dce5ef;border-radius:22px;background:linear-gradient(180deg,#fff,#f9fbfd)}
.commercial-page .commercial-service-grid article:nth-child(3n+1){border-top:4px solid #ef1723}
.commercial-page .commercial-service-grid article:nth-child(3n+2){border-top:4px solid #ff8b24}
.commercial-page .commercial-service-grid article:nth-child(3n){border-top:4px solid #0b5ea8}
.commercial-page .commercial-service-grid h3{margin-top:0;font-size:1.35rem}
.commercial-page .commercial-media-block{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:42px;align-items:stretch;padding:34px;border:1px solid #dce5ef;border-radius:28px;background:#fff;box-shadow:0 18px 45px rgba(10,35,63,.07)}
.commercial-page .commercial-media-block.reverse{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.commercial-page .commercial-media-block.reverse figure{order:2}
.commercial-page .commercial-tall-image{height:100%;min-height:620px;display:flex;flex-direction:column;margin:0}
.commercial-page .commercial-tall-image img{width:100%;height:100%;min-height:520px;object-fit:cover;flex:1}
.commercial-page .commercial-tall-image figcaption{padding:22px 24px}
.commercial-page .commercial-tall-image figcaption strong,.commercial-page .commercial-tall-image figcaption span{display:block}
.commercial-page .commercial-tall-image figcaption span{margin-top:6px;color:#61758a}
.commercial-page .commercial-inline-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.commercial-page .commercial-inline-links a{padding:11px 16px;border-radius:12px;background:#07182d;color:#fff;font-weight:800;text-decoration:none}
.commercial-page .commercial-orange-box{padding:46px;border:1px solid #f3c39a;border-radius:28px;background:linear-gradient(145deg,#fff5e8,#fffaf3);box-shadow:0 18px 45px rgba(156,87,22,.08)}
.commercial-page .commercial-warning-grid,.commercial-page .commercial-sector-cards,.commercial-page .commercial-maintenance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}
.commercial-page .commercial-warning-grid article,.commercial-page .commercial-sector-cards article,.commercial-page .commercial-maintenance-grid article{padding:22px;border:1px solid rgba(239,23,35,.18);border-radius:18px;background:#fff}
.commercial-page .commercial-warning-grid h3,.commercial-page .commercial-sector-cards h3,.commercial-page .commercial-maintenance-grid h3{margin:0 0 9px;font-size:1.08rem}
.commercial-page .commercial-warning-grid p,.commercial-page .commercial-sector-cards p,.commercial-page .commercial-maintenance-grid p{margin:0;color:#53687f}
.commercial-page .commercial-soft-block{background:linear-gradient(145deg,#f4f8fc,#fff)}
.commercial-page .commercial-solar-focus{padding:48px;border-radius:30px;background:#07182d;color:#fff;box-shadow:0 22px 55px rgba(7,24,45,.2)}
.commercial-page .commercial-solar-focus h2,.commercial-page .commercial-solar-focus h3{color:#fff}
.commercial-page .commercial-solar-focus p{color:#dbe6f2}
.commercial-page .commercial-solar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}
.commercial-page .commercial-solar-grid article{padding:28px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.06)}
.commercial-page .commercial-big-cta{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center;margin-top:30px;padding:30px;border-radius:22px;background:linear-gradient(120deg,#ef1723,#b80e19)}
.commercial-page .commercial-big-cta .section-kicker{color:#fff}
.commercial-page .commercial-big-cta .final-cta-actions{display:flex;flex-direction:column;gap:12px}
.commercial-page .commercial-big-cta .btn{width:100%;text-align:center}
.commercial-page .commercial-safety-panel{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;padding:46px;border-radius:28px;background:#07182d;color:#fff}
.commercial-page .commercial-safety-panel h2{color:#fff}
.commercial-page .commercial-safety-panel p{color:#d9e5f1}
.commercial-page .commercial-safety-panel ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.commercial-page .commercial-safety-panel li{position:relative;padding:14px 16px 14px 48px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.06);font-weight:700;color:#fff}
.commercial-page .commercial-safety-panel li:before{content:'!';position:absolute;left:14px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ff5b20;color:#fff;font-weight:900}
.commercial-page .commercial-process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:28px}
.commercial-page .commercial-process-grid article{padding:24px;border:1px solid #dce5ef;border-radius:20px;background:#fff}
.commercial-page .commercial-process-grid article>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:16px;border-radius:13px;background:#07182d;color:#fff;font-weight:900}
.commercial-page .commercial-process-grid h3{margin:0 0 10px;font-size:1.04rem}
.commercial-page .commercial-process-grid p{margin:0;color:#566b81}
.commercial-page .commercial-area-showcase{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;padding:46px;border-radius:28px;background:linear-gradient(145deg,#fff3e4,#fffaf4);border:1px solid #f1c99f}
.commercial-page .commercial-area-tags{display:flex;align-content:flex-start;flex-wrap:wrap;gap:10px}
.commercial-page .commercial-area-tags span{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #f2c697;font-weight:800;color:#07182d}
.commercial-page .commercial-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px}
.commercial-page .commercial-related-grid a{display:flex;flex-direction:column;gap:6px;padding:22px;border:1px solid #dce5ef;border-radius:18px;background:#f8fbfe;text-decoration:none}
.commercial-page .commercial-related-grid strong{color:#07182d}
.commercial-page .commercial-related-grid span{color:#60758b}
.commercial-page .commercial-faq-section{background:#f8fbfe}
.commercial-page .commercial-faq-section .faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.commercial-page .commercial-faq-section details{margin:0;border:1px solid #dce5ef;border-top:3px solid #ff7b19;border-radius:16px;background:#fff}
.commercial-page .commercial-faq-section summary{padding:18px 20px;font-weight:800;color:#07182d}
.commercial-page .commercial-faq-section details p{padding:0 20px 20px;margin:0;color:#53687f}
.commercial-page .commercial-final-cta{display:grid;grid-template-columns:1.35fr .65fr;gap:30px;align-items:center;padding:46px;border-radius:28px;background:linear-gradient(120deg,#ef1723,#b80e19);color:#fff}
.commercial-page .commercial-final-cta h2{color:#fff}
.commercial-page .commercial-final-cta p{color:#fff}
.commercial-page .commercial-final-cta .section-kicker{color:#fff}
.commercial-page .commercial-final-cta .final-cta-actions{display:flex;flex-direction:column;gap:12px}
.commercial-page .commercial-final-cta .btn{width:100%;text-align:center}
@media(max-width:1100px){
 .commercial-page .commercial-intro-cards,.commercial-page .commercial-warning-grid,.commercial-page .commercial-sector-cards,.commercial-page .commercial-maintenance-grid,.commercial-page .commercial-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .commercial-page .commercial-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .commercial-page .commercial-media-block,.commercial-page .commercial-media-block.reverse,.commercial-page .commercial-safety-panel,.commercial-page .commercial-area-showcase,.commercial-page .commercial-big-cta,.commercial-page .commercial-final-cta{grid-template-columns:1fr}
 .commercial-page .commercial-media-block.reverse figure{order:0}
 .commercial-page .commercial-tall-image{min-height:0}
}
@media(max-width:720px){
 .commercial-page .commercial-thick-content{padding-top:36px}
 .commercial-page .commercial-thick-content .content-section{margin-bottom:42px}
 .commercial-page .commercial-overview-block,.commercial-page .commercial-service-section,.commercial-page .commercial-sector-block,.commercial-page .commercial-maintenance-block,.commercial-page .commercial-property-block,.commercial-page .commercial-fitout-block,.commercial-page .commercial-process-section,.commercial-page .commercial-related-section,.commercial-page .commercial-faq-section,.commercial-page .commercial-orange-box,.commercial-page .commercial-solar-focus,.commercial-page .commercial-safety-panel,.commercial-page .commercial-area-showcase,.commercial-page .commercial-final-cta{padding:26px 22px;border-radius:22px}
 .commercial-page .commercial-intro-cards,.commercial-page .commercial-service-grid,.commercial-page .commercial-warning-grid,.commercial-page .commercial-sector-cards,.commercial-page .commercial-maintenance-grid,.commercial-page .commercial-solar-grid,.commercial-page .commercial-process-grid,.commercial-page .commercial-related-grid,.commercial-page .commercial-faq-section .faq-list{grid-template-columns:1fr}
 .commercial-page .commercial-media-block{padding:20px;gap:26px;border-radius:22px}
 .commercial-page .commercial-tall-image img{min-height:280px}
 .commercial-page .commercial-mini-cta{align-items:stretch;flex-direction:column}
}


/* COMMERCIAL PAGE FINAL AUDIT LAYOUT FIX */
.commercial-page .commercial-safety-panel{
  display:block;
  padding:52px 54px;
  border-radius:28px;
  background:#07182d;
  color:#fff;
}
.commercial-page .commercial-safety-panel .commercial-safety-copy{
  max-width:1040px;
  margin:0 auto;
}
.commercial-page .commercial-safety-panel .section-kicker{
  color:#ff3341;
}
.commercial-page .commercial-safety-panel h2{
  max-width:940px;
  margin-bottom:22px;
  color:#fff;
}
.commercial-page .commercial-safety-panel .lead,
.commercial-page .commercial-safety-panel p{
  color:#d9e5f1;
}
.commercial-page .commercial-safety-panel .commercial-safety-copy p{
  max-width:1000px;
}
.commercial-page .commercial-safety-signs{
  max-width:1040px;
  margin:38px auto 0;
  padding-top:34px;
  border-top:1px solid rgba(255,255,255,.14);
}
.commercial-page .commercial-safety-signs h3{
  margin:0 0 10px;
  color:#fff;
  font-size:clamp(1.45rem,2.4vw,2rem);
}
.commercial-page .commercial-safety-signs>p{
  max-width:860px;
}
.commercial-page .commercial-safety-panel ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:24px 0 0;
  padding:0;
  list-style:none;
}
.commercial-page .commercial-safety-panel li{
  min-height:82px;
  display:flex;
  align-items:center;
  padding:18px 20px 18px 56px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:rgba(255,255,255,.065);
  color:#fff;
  line-height:1.45;
  font-weight:750;
}
.commercial-page .commercial-safety-panel li:before{
  left:18px;
  width:25px;
  height:25px;
}
.commercial-page .commercial-safety-close{
  margin:24px 0 0;
  padding:20px 22px;
  border-left:4px solid #ff5b20;
  border-radius:0 14px 14px 0;
  background:rgba(255,255,255,.055);
}
.commercial-page .commercial-area-showcase p,
.commercial-page .commercial-related-section p{
  line-height:1.75;
}
@media (max-width:760px){
  .commercial-page .commercial-safety-panel{
    padding:30px 22px;
    border-radius:22px;
  }
  .commercial-page .commercial-safety-panel ul{
    grid-template-columns:1fr;
  }
  .commercial-page .commercial-safety-panel li{
    min-height:auto;
  }
}


/* COMMERCIAL COMPOSITION REBUILD FINAL */
.commercial-page .service-sidebar-layout{align-items:start}
.commercial-page .service-sidebar-intro{min-width:0}
.commercial-page .commercial-sidebar-depth{margin:30px 0 28px;padding:28px 30px;border-radius:22px;background:linear-gradient(145deg,#f7fbff,#fff);border:1px solid #dce5ef}
.commercial-page .commercial-sidebar-depth h3{margin:0 0 12px;font-size:1.35rem;line-height:1.22;color:#07182d}
.commercial-page .commercial-sidebar-depth h3:not(:first-child){margin-top:26px}
.commercial-page .commercial-sidebar-depth p{margin:0 0 14px;color:#314861;line-height:1.75}
.commercial-page .commercial-sidebar-depth p:last-child{margin-bottom:0}
.commercial-page .service-intro-detail-grid{margin-top:26px}

.commercial-page .commercial-service-section .section-head.compact{display:block}
.commercial-page .commercial-service-section .section-head.compact>div{max-width:980px}
.commercial-page .commercial-service-section .section-head.compact>p{max-width:980px;margin:20px 0 0;font-size:1.08rem;line-height:1.75;color:#425a72}

.commercial-page .commercial-mid-cta-rebuild{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:34px;align-items:center;padding:38px 42px;border-radius:28px;background:linear-gradient(125deg,#07182d 0%,#102b49 65%,#173a60 100%);box-shadow:0 20px 50px rgba(7,24,45,.18);color:#fff}
.commercial-page .commercial-mid-cta-rebuild h2{margin-bottom:14px;color:#fff}
.commercial-page .commercial-mid-cta-rebuild p{margin:0;color:#dbe7f3;line-height:1.75}
.commercial-page .commercial-mid-cta-rebuild .section-kicker{color:#ff8b24}
.commercial-page .commercial-mid-cta-rebuild .final-cta-actions{display:flex;flex-direction:column;gap:12px}
.commercial-page .commercial-mid-cta-rebuild .btn{width:100%;text-align:center}

.commercial-page .commercial-media-block{display:block;padding:38px 40px}
.commercial-page .commercial-media-top{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:42px;align-items:center}
.commercial-page .commercial-media-block.reverse .commercial-media-top{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)}
.commercial-page .commercial-media-block.reverse .commercial-media-top figure{order:2}
.commercial-page .commercial-media-copy{min-width:0}
.commercial-page .commercial-media-copy h2{font-size:clamp(2.25rem,3.4vw,4.2rem);line-height:1.03}
.commercial-page .commercial-media-copy p{line-height:1.72}
.commercial-page .commercial-tall-image{height:auto;min-height:0;align-self:stretch}
.commercial-page .commercial-tall-image img{height:100%;min-height:520px;max-height:650px;object-fit:cover}
.commercial-page .commercial-media-continuation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;margin-top:34px;padding-top:32px;border-top:1px solid #dce5ef}
.commercial-page .commercial-media-continuation p{margin:0 0 18px;line-height:1.75;color:#314861}
.commercial-page .commercial-media-continuation .commercial-inline-links{grid-column:1/-1;margin-top:8px}

.commercial-page .commercial-sector-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.commercial-page .commercial-sector-cards article{height:100%}

.commercial-page .commercial-safety-panel{display:block;padding:46px}
.commercial-page .commercial-safety-copy{max-width:1050px}
.commercial-page .commercial-safety-copy h2{max-width:1000px;font-size:clamp(2.5rem,4.5vw,5.1rem);line-height:1.01}
.commercial-page .commercial-safety-copy p{font-size:1.03rem;line-height:1.78}
.commercial-page .commercial-safety-signs{margin-top:36px;padding:30px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13)}
.commercial-page .commercial-safety-signs h3{font-size:1.65rem}
.commercial-page .commercial-safety-panel ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.commercial-page .commercial-safety-panel li{min-height:74px;display:flex;align-items:center}
.commercial-page .commercial-safety-close{margin-top:22px!important;padding-top:22px;border-top:1px solid rgba(255,255,255,.13)}

.commercial-page .commercial-process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.commercial-page .commercial-process-grid article{padding:28px;min-height:0}
.commercial-page .commercial-process-grid h3{font-size:1.18rem;line-height:1.35}
.commercial-page .commercial-process-grid p{line-height:1.7}
.commercial-page .commercial-process-grid article:nth-child(4){grid-column:1/2}
.commercial-page .commercial-process-grid article:nth-child(5){grid-column:2/3}

@media (max-width:1100px){
  .commercial-page .commercial-media-top,.commercial-page .commercial-media-block.reverse .commercial-media-top{grid-template-columns:1fr}
  .commercial-page .commercial-media-block.reverse .commercial-media-top figure{order:0}
  .commercial-page .commercial-tall-image img{min-height:420px;max-height:560px}
  .commercial-page .commercial-sector-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .commercial-page .commercial-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .commercial-page .commercial-process-grid article:nth-child(4),.commercial-page .commercial-process-grid article:nth-child(5){grid-column:auto}
}
@media (max-width:760px){
  .commercial-page .commercial-sidebar-depth{padding:22px}
  .commercial-page .commercial-mid-cta-rebuild{grid-template-columns:1fr;padding:28px 22px}
  .commercial-page .commercial-media-block{padding:24px 20px}
  .commercial-page .commercial-media-top{gap:26px}
  .commercial-page .commercial-media-copy h2{font-size:clamp(2rem,9vw,3rem)}
  .commercial-page .commercial-media-continuation{grid-template-columns:1fr;margin-top:26px;padding-top:24px}
  .commercial-page .commercial-sector-cards{grid-template-columns:1fr}
  .commercial-page .commercial-safety-panel{padding:28px 22px}
  .commercial-page .commercial-safety-copy h2{font-size:clamp(2.2rem,10vw,3.35rem)}
  .commercial-page .commercial-safety-signs{padding:20px}
  .commercial-page .commercial-safety-panel ul{grid-template-columns:1fr}
  .commercial-page .commercial-process-grid{grid-template-columns:1fr}
}


/* INDUSTRIAL ELECTRICIAN FINAL LAYOUT AUDIT */
.industrial-page .industrial-meta-grid{margin-top:0}
.industrial-page .industrial-thick-content .section-head.compact{align-items:end}
.industrial-page .commercial-sector-block{padding:44px;border:1px solid #dce5ef;border-radius:28px;background:#fff;box-shadow:0 18px 45px rgba(10,35,63,.07)}
.industrial-page .commercial-sector-block.commercial-soft-block{background:linear-gradient(145deg,#f4f8fc,#fff)}
.industrial-page .commercial-sector-block h3{margin-top:30px;margin-bottom:12px;font-size:1.35rem;line-height:1.25;color:#07182d}
.industrial-page .commercial-sector-block h3:first-of-type{margin-top:28px}
.industrial-page .commercial-sector-block p{max-width:1060px}
.industrial-page .commercial-media-block{display:block}
.industrial-page .commercial-media-top{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:42px;align-items:center}
.industrial-page .commercial-media-block.reverse .commercial-media-top{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)}
.industrial-page .commercial-media-block.reverse .commercial-media-top figure{order:2}
.industrial-page .commercial-media-continuation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin-top:34px;padding-top:32px;border-top:1px solid #dce5ef}
.industrial-page .industrial-continuation-intro{grid-column:1/-1}
.industrial-page .industrial-continuation-topic{padding:26px 28px;border:1px solid #dce5ef;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbfe)}
.industrial-page .industrial-continuation-topic h3{margin:0 0 14px;font-size:1.22rem;line-height:1.3;color:#07182d}
.industrial-page .industrial-continuation-topic p{margin:0 0 16px;line-height:1.72;color:#314861}
.industrial-page .industrial-continuation-topic p:last-child{margin-bottom:0}
.industrial-page .industrial-warning-panel{padding:52px 54px!important}
.industrial-page .industrial-warning-panel .commercial-safety-copy{max-width:1040px;margin:0 auto 30px}
.industrial-page .industrial-warning-panel .commercial-safety-copy h2{max-width:920px}
.industrial-page .industrial-warning-panel .commercial-safety-copy .section-kicker{color:#ff3341}
.industrial-page .industrial-safety-signs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1040px;margin:0 auto}
.industrial-page .industrial-warning-card{position:relative;padding:22px 24px 22px 62px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.08)}
.industrial-page .industrial-warning-card .warning-icon{position:absolute;left:20px;top:23px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ff5b20;color:#fff;font-weight:900}
.industrial-page .industrial-warning-card h3{margin:0 0 8px;color:#fff;font-size:1.05rem;line-height:1.35}
.industrial-page .industrial-warning-card p{margin:0;color:#d9e5f1;line-height:1.65}
.industrial-page .commercial-faq-section .faq-list{margin-top:26px}
.industrial-page .commercial-final-cta{min-height:0;height:auto}
.industrial-page .commercial-final-cta .industrial-final-cta-copy{min-width:0}
.industrial-page .commercial-final-cta h2{max-width:720px;margin-bottom:18px}
.industrial-page .commercial-final-cta p{max-width:760px;margin:0;line-height:1.68}
.industrial-page .commercial-final-cta .final-cta-actions{min-width:300px}
.industrial-page .commercial-final-cta .btn{display:flex;align-items:center;justify-content:center;min-height:52px}
@media(max-width:1100px){
 .industrial-page .commercial-media-top,.industrial-page .commercial-media-block.reverse .commercial-media-top{grid-template-columns:1fr}
 .industrial-page .commercial-media-block.reverse .commercial-media-top figure{order:0}
 .industrial-page .industrial-safety-signs{grid-template-columns:1fr}
 .industrial-page .commercial-final-cta .final-cta-actions{min-width:0}
}
@media(max-width:720px){
 .industrial-page .commercial-sector-block{padding:26px 22px;border-radius:22px}
 .industrial-page .commercial-media-continuation{grid-template-columns:1fr;margin-top:26px;padding-top:24px}
 .industrial-page .industrial-continuation-topic{padding:22px}
 .industrial-page .industrial-warning-panel{padding:28px 22px!important}
 .industrial-page .industrial-warning-card{padding:20px 20px 20px 58px}
 .industrial-page .industrial-warning-card .warning-icon{left:18px;top:20px}
 .industrial-page .commercial-final-cta .final-cta-actions{width:100%}
}

/* MASTER PRODUCTION AUDIT GLOBAL COMPONENTS */
.site-breadcrumb-strip{position:relative;z-index:5;width:100%;background:linear-gradient(180deg,#fff 0%,#f8fbfe 100%);border-top:1px solid #edf2f7;border-bottom:1px solid #dce6f0}
.site-breadcrumb-container{min-height:58px;display:flex;align-items:center}
.site-breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;padding:12px 0;list-style:none;color:#667b91;font-size:.91rem;font-weight:750;line-height:1.45}
.site-breadcrumb-list li{display:flex;align-items:center;min-width:0}.site-breadcrumb-list li+li::before{content:"/";margin-right:8px;color:#a7b5c4;font-weight:700}
.site-breadcrumb-list a{color:#243d58;text-decoration:none;transition:color .2s ease}.site-breadcrumb-list a:hover,.site-breadcrumb-list a:focus-visible{color:#e71822}.site-breadcrumb-list [aria-current="page"]{color:#e71822;font-weight:850}
.global-faq-section{background:linear-gradient(180deg,#f8fbfe 0%,#f3f8fc 100%);border-top:1px solid #e5edf5;border-bottom:1px solid #e5edf5}.global-faq-section .section-kicker{color:#e71822}.global-faq-section h2{max-width:1020px;margin-bottom:18px}.global-faq-intro{max-width:1020px;margin:0 0 30px;color:#53687f;font-size:1.03rem;line-height:1.78}
.site-faq-accordion{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.site-faq-accordion details{margin:0;align-self:start;background:#fff;border:1px solid #dbe6f2;border-top:3px solid #ff7417;border-radius:18px;overflow:hidden;box-shadow:0 10px 26px rgba(7,24,45,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.site-faq-accordion details:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(7,24,45,.085);border-color:#c9daeb}.site-faq-accordion summary{cursor:pointer;list-style:none;display:flex;align-items:flex-start;gap:12px;padding:20px 22px;color:#07182d;font-weight:900;line-height:1.4}.site-faq-accordion summary::-webkit-details-marker{display:none}.site-faq-accordion summary::before{content:"+";width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;margin-top:-2px;border-radius:9px;background:#fff0e7;color:#ef171f;font-weight:950}.site-faq-accordion details[open] summary::before{content:"−";color:#fff;background:#ef171f}.site-faq-accordion details p{margin:0;padding:0 22px 22px 62px;color:#53687f;line-height:1.75}
.site-scroll-top{position:fixed;right:22px;bottom:22px;z-index:1200;width:50px;height:50px;display:grid;place-items:center;border:0;border-radius:16px;background:#07182d;color:#fff;box-shadow:0 14px 34px rgba(7,24,45,.28);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease,background .2s ease}.site-scroll-top::before{content:"↑";font-size:1.45rem;font-weight:900;line-height:1}.site-scroll-top:hover,.site-scroll-top:focus-visible{background:#e71822}.site-scroll-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.home-seo-hub-section{background:#fff}.home-seo-hub-section>.container>p{max-width:1120px;color:#405a73;line-height:1.82}.home-audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:32px}.home-audience-grid article,.home-service-index-grid article{border:1px solid #dce7f2;border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(7,24,45,.06)}.home-audience-grid article{padding:28px}.home-audience-grid h3,.home-service-index-grid h3{margin:0 0 12px;color:#07182d;line-height:1.32}.home-audience-grid p,.home-service-index-grid p{margin:0;color:#53687f;line-height:1.72}.home-audience-grid a,.home-service-index-grid a{color:#c9101a;font-weight:800}.home-service-index-section{background:linear-gradient(180deg,#f8fbfe 0%,#f3f8fc 100%)}.home-index-intro{max-width:1050px;margin:0 0 30px;color:#53687f;line-height:1.78}.home-service-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-service-index-grid article{display:flex;flex-direction:column;padding:26px}.home-service-index-grid h3 a{color:#07182d;text-decoration:none}.home-service-index-grid h3 a:hover{color:#e71822}.home-service-index-grid p{flex:1}.home-service-text-link{display:inline-flex;align-items:center;gap:7px;margin-top:20px;text-decoration:none}
@media(max-width:900px){.home-service-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.site-breadcrumb-container{min-height:52px}.site-breadcrumb-list{flex-wrap:nowrap;overflow-x:auto;width:100%;padding:11px 0;scrollbar-width:none;white-space:nowrap}.site-breadcrumb-list::-webkit-scrollbar{display:none}.site-breadcrumb-list li:last-child{padding-right:12px}.site-faq-accordion{grid-template-columns:1fr}.site-faq-accordion summary{padding:18px}.site-faq-accordion details p{padding:0 18px 20px 58px}.site-scroll-top{right:16px;bottom:16px;width:48px;height:48px;border-radius:15px}.home-audience-grid,.home-service-index-grid{grid-template-columns:1fr}.home-audience-grid article,.home-service-index-grid article{padding:22px}}
@media(prefers-reduced-motion:reduce){.site-scroll-top,.site-faq-accordion details{transition:none}}

/* FINAL SURGICAL TOUCH-UP PASS */

/* Controlled body heading hierarchy.
   Hero H1 typography remains untouched. Designed final CTAs and full-width feature panels
   receive their own component sizes below. */
.section h2,
.content-section h2,
.content-block h2,
.service-sidebar-intro h2{
  font-size:clamp(1.9rem,2.55vw,2.72rem);
  line-height:1.12;
  letter-spacing:-.038em;
}
.section h3,
.content-section h3,
.content-block h3,
.service-sidebar-intro h3{
  font-size:clamp(1.18rem,1.5vw,1.45rem);
  line-height:1.3;
  letter-spacing:-.018em;
}
.section h4,
.content-section h4,
.content-block h4{
  font-size:1.12rem;
  line-height:1.38;
}
.section h5,
.content-section h5,
.content-block h5{
  font-size:1rem;
  line-height:1.42;
}

/* Keep intentional marketing/CTA headings prominent, but below hero H1 scale. */
.final-cta-box h2,
.cta-band h2,
.about-v3-final-card h2,
.services-final-card h2,
.home-area-showcase h2,
.lighting-area-showcase h2{
  font-size:clamp(2rem,2.8vw,3rem);
  line-height:1.08;
  letter-spacing:-.043em;
}

/* Shared contextual service CTA. Used only where the previous actions floated on white. */
.service-action-cta{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);
  gap:28px;
  align-items:center;
  margin-top:30px;
  padding:28px 30px;
  border-radius:24px;
  background:linear-gradient(135deg,#07182d 0%,#0d2949 68%,#102f53 100%);
  color:#fff;
  box-shadow:0 18px 44px rgba(7,24,45,.17);
  overflow:hidden;
  position:relative;
}
.service-action-cta::after{
  content:"";
  position:absolute;
  right:-70px;
  top:-90px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(231,24,34,.18),rgba(231,24,34,0) 68%);
  pointer-events:none;
}
.service-action-cta-copy,
.service-action-cta-actions{
  position:relative;
  z-index:1;
}
.service-action-cta .section-kicker{
  color:#ffb2b6;
}
.service-action-cta h3{
  margin:6px 0 10px;
  color:#fff;
  font-size:clamp(1.4rem,1.9vw,1.8rem);
  line-height:1.18;
}
.service-action-cta p{
  margin:0;
  color:#d9e6f4;
  line-height:1.68;
}
.service-action-cta-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:12px;
}
.service-action-cta-actions .btn{
  min-width:155px;
  text-align:center;
}

/* New long-form repair and installation content uses the established light card language. */
.touchup-content-section{
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  border:1px solid #dce7f2;
  border-radius:28px;
  padding:clamp(28px,4vw,48px);
  box-shadow:0 16px 40px rgba(7,24,45,.065);
}
.touchup-content-section>p{
  max-width:1120px;
  color:#425d76;
  line-height:1.82;
}
.touchup-content-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:26px;
}
.touchup-content-grid article{
  padding:24px;
  border:1px solid #dce7f2;
  border-top:4px solid #e71822;
  border-radius:20px;
  background:#fff;
}
.touchup-content-grid article:nth-child(even){
  border-top-color:#ff7a18;
}
.touchup-content-grid h3{
  margin:0 0 12px;
  color:#07182d;
}
.touchup-content-grid p{
  margin:0;
  color:#53687f;
  line-height:1.72;
}

/* Plug Points and Wiring: enforce safe inner spacing on every service-card variant. */
.wiring-page .wiring-service-grid{
  gap:20px;
}
.wiring-page .wiring-service-grid>article{
  padding:clamp(24px,2.5vw,30px);
  overflow-wrap:anywhere;
}
.wiring-page .wiring-service-grid>article h3{
  margin:0 0 12px;
}
.wiring-page .wiring-service-grid>article p{
  margin:0;
  line-height:1.72;
}
.wiring-page .wiring-service-grid>article p+p{
  margin-top:15px;
}

/* Homepage Gauteng service-area showcase based on the successful lighting-page visual language. */
.home-area-section{
  background:#fff;
}
.home-area-showcase{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:28px;
  align-items:stretch;
  padding:38px;
  border-radius:32px;
  background:linear-gradient(135deg,#07111f 0%,#102641 56%,#911016 100%);
  color:#fff;
  box-shadow:0 26px 70px rgba(7,17,31,.18);
  overflow:hidden;
  position:relative;
}
.home-area-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:56px 56px;
  opacity:.55;
  pointer-events:none;
}
.home-area-copy,
.home-area-card{
  position:relative;
  z-index:1;
}
.home-area-showcase .section-kicker{
  color:#ffb4b4;
}
.home-area-showcase h2,
.home-area-showcase h3{
  color:#fff;
}
.home-area-showcase p,
.home-area-showcase .lead{
  color:#dbe7f7;
  line-height:1.75;
}
.home-area-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.home-area-card{
  padding:28px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:24px;
  background:rgba(255,255,255,.1);
  backdrop-filter:blur(8px);
}
.home-area-card-kicker{
  display:block;
  margin-bottom:10px;
  color:#ffb4b4;
  font-size:.82rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.home-area-card h3{
  margin:0 0 12px;
  font-size:clamp(1.35rem,1.8vw,1.7rem);
}
.home-area-tags{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:22px;
}
.home-area-tags span{
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.1);
  color:#fff;
  font-size:.88rem;
  font-weight:800;
}

/* Solar: subtle visual accents without changing the approved image-led page structure. */
.solar-page .solar-accent-card{
  position:relative;
  padding-top:24px;
  border-top-width:4px;
  transition:transform .2s ease,box-shadow .2s ease;
}
.solar-page .solar-accent-card:hover{
  transform:translateY(-2px);
}
.solar-page .solar-card-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  border-radius:13px;
  font-size:1.15rem;
  font-weight:900;
  background:#eef5ff;
  color:#0b5cb8;
}
.solar-page .solar-accent-red{border-top-color:#e71822!important}
.solar-page .solar-accent-orange{border-top-color:#ff7a18!important}
.solar-page .solar-accent-blue{border-top-color:#0b70c9!important}
.solar-page .solar-accent-navy{border-top-color:#07182d!important}
.solar-page .solar-accent-red .solar-card-icon{background:#fff0f1;color:#e71822}
.solar-page .solar-accent-orange .solar-card-icon{background:#fff3e8;color:#d95c00}
.solar-page .solar-accent-blue .solar-card-icon{background:#edf6ff;color:#0b70c9}
.solar-page .solar-accent-navy .solar-card-icon{background:#edf2f7;color:#07182d}
.solar-page .solar-final-cta{
  box-shadow:0 22px 58px rgba(159,13,18,.22);
}
.solar-page .solar-final-cta .final-cta-actions{
  min-width:280px;
}

/* Air-conditioning: restore breathing room and visually separate backup-power actions. */
.ac-page .ac-story-card{
  padding:clamp(38px,4vw,50px);
}
.ac-page .ac-backup-cta{
  margin-top:28px;
}

/* EV FAQ: keep the global accordion, but make its intro and top accent feel page-specific. */
.ev-page .global-faq-section{
  background:linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%);
}
.ev-page .site-faq-accordion details{
  border-top-color:#0b70c9;
}
.ev-page .site-faq-accordion summary::before{
  background:#edf6ff;
  color:#0b70c9;
}
.ev-page .site-faq-accordion details[open] summary::before{
  background:#0b70c9;
  color:#fff;
}

/* Stronger, consistent three-action CTA layouts on the requested final blocks. */
.cta-band,
.about-v3-final-card,
.services-final-card,
.final-cta-box{
  gap:30px;
}
.cta-band .hero-actions,
.about-v3-final-card .hero-actions,
.services-final-card .hero-actions,
.final-cta-box .final-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:flex-end;
}
.cta-band .hero-actions .btn,
.about-v3-final-card .hero-actions .btn,
.services-final-card .hero-actions .btn,
.final-cta-box .final-cta-actions .btn{
  min-width:170px;
  text-align:center;
}

/* Mobile safeguards for the touched components. */
@media(max-width:900px){
  .service-action-cta,
  .home-area-showcase{
    grid-template-columns:1fr;
  }
  .service-action-cta-actions{
    justify-content:flex-start;
  }
  .touchup-content-grid{
    grid-template-columns:1fr;
  }
  .home-area-card{
    min-width:0;
  }
}
@media(max-width:700px){
  .section h2,
  .content-section h2,
  .content-block h2,
  .service-sidebar-intro h2{
    font-size:1.75rem;
    line-height:1.16;
    letter-spacing:-.03em;
  }
  .section h3,
  .content-section h3,
  .content-block h3,
  .service-sidebar-intro h3{
    font-size:1.22rem;
  }
  .final-cta-box h2,
  .cta-band h2,
  .about-v3-final-card h2,
  .services-final-card h2,
  .home-area-showcase h2,
  .lighting-area-showcase h2{
    font-size:2rem;
  }
  .service-action-cta{
    padding:24px 20px;
    border-radius:20px;
  }
  .service-action-cta-actions,
  .home-area-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
  .service-action-cta-actions .btn,
  .home-area-actions .btn{
    width:100%;
    min-width:0;
  }
  .home-area-showcase{
    padding:26px 20px;
    border-radius:24px;
  }
  .home-area-card{
    padding:22px;
  }
  .wiring-page .wiring-service-grid>article{
    padding:22px;
  }
  .ac-page .ac-story-card{
    padding:30px 22px;
  }
  .cta-band .hero-actions,
  .about-v3-final-card .hero-actions,
  .services-final-card .hero-actions,
  .final-cta-box .final-cta-actions{
    justify-content:flex-start;
    width:100%;
  }
  .cta-band .hero-actions .btn,
  .about-v3-final-card .hero-actions .btn,
  .services-final-card .hero-actions .btn,
  .final-cta-box .final-cta-actions .btn{
    width:100%;
    min-width:0;
  }
}

/* FINAL ROUND 2 CORRECTIONS */

/* Keep the newly added repair and installation long-form sections inside the same site width
   used by the existing service content. */
.touchup-content-section.container{
  width:min(calc(100% - 40px),1180px);
  margin:clamp(34px,5vw,66px) auto;
}

/* Plug Points and Wiring: related services are navigation cards, not floating white buttons. */
.wiring-page .wiring-related-service-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:28px;
}
.wiring-page .wiring-related-service-links a{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:150px;
  padding:22px 58px 22px 22px;
  border:1px solid #dce7f2;
  border-top:4px solid #e71822;
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f8fbff);
  box-shadow:0 10px 28px rgba(7,24,45,.06);
  color:#07182d;
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.wiring-page .wiring-related-service-links a:nth-child(2){
  border-top-color:#ff7a18;
}
.wiring-page .wiring-related-service-links a:hover,
.wiring-page .wiring-related-service-links a:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(7,24,45,.09);
  border-color:#c9daeb;
}
.wiring-page .wiring-related-service-links strong{
  display:block;
  margin-bottom:9px;
  font-size:1.08rem;
  line-height:1.3;
}
.wiring-page .wiring-related-service-links span{
  color:#53687f;
  line-height:1.62;
}
.wiring-page .wiring-related-service-links b{
  position:absolute;
  right:22px;
  top:50%;
  transform:translateY(-50%);
  color:#e71822;
  font-size:1.45rem;
}

/* Residential intro CTA: override the lighter service-sidebar paragraph rule with explicit CTA contrast. */
.residential-page .res-intro-panel .service-action-cta p{
  color:#d9e6f4 !important;
}
.residential-page .res-intro-panel .service-action-cta h3{
  color:#fff !important;
}
.residential-page .res-intro-panel .service-action-cta .section-kicker{
  color:#ffb2b6 !important;
}

/* Homepage now uses only the new Gauteng area showcase. */
.home-area-section{
  margin-top:0;
}

@media(max-width:700px){
  .touchup-content-section.container{
    width:min(calc(100% - 28px),1180px);
    margin:32px auto;
  }
  .wiring-page .wiring-related-service-links{
    grid-template-columns:1fr;
  }
  .wiring-page .wiring-related-service-links a{
    min-height:0;
    padding:20px 52px 20px 20px;
  }
}

/* PLUG POINTS FINAL MODERN REFINEMENT */

/* Related electrical services under DB board/circuit protection content.
   These are navigation cards, not conversion buttons. */
.wiring-page .wiring-context-service-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:28px;
}
.wiring-page .wiring-context-service-links a{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:176px;
  padding:24px 62px 24px 24px;
  border:1px solid #dce7f2;
  border-top:4px solid #e71822;
  border-radius:20px;
  background:linear-gradient(145deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 12px 30px rgba(7,24,45,.065);
  color:#07182d;
  text-decoration:none;
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.wiring-page .wiring-context-service-links a::after{
  content:"";
  position:absolute;
  right:-44px;
  bottom:-62px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(231,24,34,.08),rgba(231,24,34,0) 70%);
  pointer-events:none;
}
.wiring-page .wiring-context-service-links a.accent-orange{
  border-top-color:#ff7a18;
}
.wiring-page .wiring-context-service-links a.accent-orange::after{
  background:radial-gradient(circle,rgba(255,122,24,.1),rgba(255,122,24,0) 70%);
}
.wiring-page .wiring-context-service-links a:hover,
.wiring-page .wiring-context-service-links a:focus-visible{
  transform:translateY(-3px);
  border-color:#cbdceb;
  box-shadow:0 18px 40px rgba(7,24,45,.1);
}
.wiring-page .wiring-context-label{
  display:block;
  margin-bottom:11px;
  color:#e71822;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.wiring-page .accent-orange .wiring-context-label{
  color:#d95c00;
}
.wiring-page .wiring-context-service-links strong{
  display:block;
  margin-bottom:10px;
  color:#07182d;
  font-size:1.17rem;
  line-height:1.28;
}
.wiring-page .wiring-context-copy{
  color:#53687f;
  line-height:1.66;
}
.wiring-page .wiring-context-service-links b{
  position:absolute;
  right:24px;
  top:50%;
  transform:translateY(-50%);
  color:#e71822;
  font-size:1.55rem;
  z-index:1;
}
.wiring-page .accent-orange b{
  color:#d95c00;
}

/* Make the existing content-card systems feel deliberate without changing content or page structure. */
.wiring-page .wiring-service-grid>article,
.wiring-page .wiring-risk-grid>article{
  position:relative;
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.wiring-page .wiring-service-grid>article:nth-child(4n+1),
.wiring-page .wiring-risk-grid>article:nth-child(3n+1){
  border-top:4px solid #e71822;
}
.wiring-page .wiring-service-grid>article:nth-child(4n+2),
.wiring-page .wiring-risk-grid>article:nth-child(3n+2){
  border-top:4px solid #ff7a18;
}
.wiring-page .wiring-service-grid>article:nth-child(4n+3),
.wiring-page .wiring-risk-grid>article:nth-child(3n+3){
  border-top:4px solid #0b70c9;
}
.wiring-page .wiring-service-grid>article:nth-child(4n+4){
  border-top:4px solid #07182d;
}
.wiring-page .wiring-service-grid>article:hover,
.wiring-page .wiring-risk-grid>article:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 42px rgba(7,24,45,.095);
}

/* Keep the two existing COC / Maintenance related-service cards visually consistent. */
.wiring-page .wiring-related-service-links a{
  min-height:176px;
}
.wiring-page .wiring-related-service-links strong{
  font-size:1.17rem;
}

/* Final conversion CTA follows the three-action standard used on the best service pages. */
.wiring-page .wiring-final-cta .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:flex-end;
}
.wiring-page .wiring-final-cta .hero-actions .btn{
  min-width:170px;
  text-align:center;
}

@media(max-width:760px){
  .wiring-page .wiring-context-service-links{
    grid-template-columns:1fr;
  }
  .wiring-page .wiring-context-service-links a,
  .wiring-page .wiring-related-service-links a{
    min-height:0;
    padding:21px 54px 21px 21px;
  }
  .wiring-page .wiring-final-cta .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
    justify-content:stretch;
  }
  .wiring-page .wiring-final-cta .hero-actions .btn{
    width:100%;
    min-width:0;
  }
}

/* HOMEPAGE PRIMARY LARGE IMAGE SECTION */
.home-primary-image-section{
  background:linear-gradient(180deg,#f8fbfe 0%,#fff 100%);
}
.home-primary-image-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
  gap:48px;
  align-items:center;
  padding:34px;
  border:1px solid #dce7f2;
  border-radius:32px;
  background:#fff;
  box-shadow:0 22px 58px rgba(7,24,45,.09);
}
.home-primary-image-card{
  position:relative;
  min-width:0;
  min-height:520px;
  margin:0;
  border:1px solid #d5e1ed;
  border-radius:26px;
  overflow:hidden;
  background:#07111f;
  box-shadow:0 18px 46px rgba(7,24,45,.16);
}
.home-primary-image-card img{
  display:block;
  width:100%;
  height:100%;
  min-height:520px;
  object-fit:cover;
}
.home-primary-image-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(7,17,31,0) 48%,rgba(7,17,31,.88) 100%);
  pointer-events:none;
}
.home-primary-image-card figcaption{
  position:absolute;
  z-index:2;
  left:24px;
  right:24px;
  bottom:22px;
  max-width:500px;
  padding:18px 20px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:rgba(7,24,45,.88);
  color:#fff;
  backdrop-filter:blur(8px);
}
.home-primary-image-card figcaption strong{
  display:block;
  margin-bottom:4px;
  font-size:1.18rem;
  line-height:1.25;
}
.home-primary-image-card figcaption span{
  display:block;
  color:#d7e4f2;
  font-size:.9rem;
  font-weight:750;
  line-height:1.45;
}
.home-primary-image-copy .section-kicker{
  color:#e71822;
}
.home-primary-image-copy h2{
  margin:8px 0 18px;
  max-width:760px;
}
.home-primary-image-copy .lead{
  color:#243d58;
  font-size:1.08rem;
  line-height:1.78;
}
.home-primary-image-copy p{
  color:#53687f;
  line-height:1.78;
}
.home-primary-image-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}
.home-primary-image-actions .btn{
  min-width:160px;
  text-align:center;
}
@media(max-width:1050px){
  .home-primary-image-grid{
    grid-template-columns:1fr;
    gap:30px;
  }
  .home-primary-image-card{
    min-height:440px;
  }
  .home-primary-image-card img{
    min-height:440px;
  }
  .home-primary-image-copy{
    max-width:900px;
  }
}
@media(max-width:700px){
  .home-primary-image-grid{
    padding:18px;
    border-radius:24px;
  }
  .home-primary-image-card{
    min-height:360px;
    border-radius:20px;
  }
  .home-primary-image-card img{
    min-height:360px;
  }
  .home-primary-image-card figcaption{
    left:16px;
    right:16px;
    bottom:16px;
    padding:15px 16px;
  }
  .home-primary-image-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .home-primary-image-actions .btn{
    width:100%;
    min-width:0;
  }
}


/* HOMEPAGE PRODUCTION PHOTOGRAPHY — responsive licensed image integration */
.home-photo-hero .hero-visual{
  inset:0;
  width:100%;
  height:100%;
  opacity:1;
}
.home-photo-hero .hero-visual picture,
.home-primary-image-card picture,
.home-project-card picture,
.emergency-photo-card picture,
.home-large-image picture{
  display:block;
  width:100%;
  height:100%;
}
.home-photo-hero .hero-visual picture{
  position:absolute;
  inset:0;
}
.home-photo-hero .hero-visual::before{
  background:linear-gradient(90deg,rgba(7,17,31,.98) 0%,rgba(7,17,31,.91) 31%,rgba(7,17,31,.70) 56%,rgba(7,17,31,.58) 100%);
}
.home-photo-hero .hero-visual::after{
  background:radial-gradient(circle at 74% 23%,rgba(231,25,33,.20),transparent 30%),linear-gradient(180deg,rgba(7,17,31,.12),rgba(7,17,31,.64));
}
.home-photo-hero .hero-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:60% 50%;
  filter:saturate(.96) contrast(1.06) brightness(.72);
}
.home-primary-image-card picture img,
.home-project-card picture img,
.emergency-photo-card picture img,
.home-large-image picture img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.home-primary-image-card picture img{min-height:520px;}
.home-project-card picture img{min-height:330px;}
.emergency-photo-card picture img{min-height:245px;}
.home-large-image picture img{min-height:470px;}

@media(max-width:1180px){
  .home-photo-hero .hero-visual{width:100%;opacity:1;}
  .home-photo-hero .hero-visual::before{background:linear-gradient(90deg,rgba(7,17,31,.97) 0%,rgba(7,17,31,.88) 48%,rgba(7,17,31,.68) 100%);}
  .home-photo-hero .hero-visual img{object-position:58% 50%;filter:saturate(.95) contrast(1.05) brightness(.64);}
}
@media(max-width:700px){
  .home-primary-image-card picture img{min-height:360px;}
}
@media(max-width:680px){
  .home-photo-hero .hero-visual{opacity:1;}
  .home-photo-hero .hero-visual::before{background:linear-gradient(180deg,rgba(7,17,31,.90) 0%,rgba(7,17,31,.92) 54%,rgba(7,17,31,.97) 100%);}
  .home-photo-hero .hero-visual::after{background:linear-gradient(180deg,rgba(7,17,31,.16),rgba(7,17,31,.66));}
  .home-photo-hero .hero-visual img{object-position:62% 50%;filter:saturate(.92) contrast(1.05) brightness(.56);}
  .home-project-card picture img{min-height:285px;}
  .emergency-photo-card picture img{min-height:220px;}
  .home-large-image picture img{min-height:330px;}
}


/* ABOUT PAGE RESPONSIVE LICENSED PHOTOGRAPHY */
.about-image-frame picture{display:block;width:100%;}
.about-image-hero picture img{display:block;width:100%;aspect-ratio:14/9;height:auto;object-fit:cover;object-position:56% 50%;background:#07111f;}
.about-image-support picture img{display:block;width:100%;aspect-ratio:12/7;height:auto;object-fit:cover;object-position:58% 50%;background:#07111f;}
.about-fullwidth-bg picture{position:absolute;inset:0;display:block;width:100%;height:100%;}
.about-fullwidth-bg picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:68% 50%;}
@media(max-width:1180px){.about-fullwidth-bg picture img{object-position:71% 50%;}}
@media(max-width:680px){.about-fullwidth-bg picture img{object-position:76% 50%;}.about-fullwidth-overlay{background:linear-gradient(180deg,rgba(7,17,31,.94),rgba(7,17,31,.80),rgba(7,17,31,.72));}}

/* Services page responsive photography integration */
.services-page .services-hero{
  isolation:isolate;
}
.services-page .services-hero-photo{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  overflow:hidden;
}
.services-page .services-hero-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:70% 48%;
  display:block;
}
.services-page .services-hero-photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(7,17,31,.97) 0%,rgba(7,17,31,.94) 35%,rgba(7,17,31,.84) 62%,rgba(7,17,31,.72) 100%);
}
.services-page .services-hero:before,
.services-page .services-hero:after{
  z-index:1;
}
.services-page .services-hero-grid{
  z-index:2;
}
.services-page .services-photo-card{
  padding:0;
  min-height:390px;
  background:#07111f;
  border:0;
}
.services-page .services-photo-card:before,
.services-page .services-photo-card:after{
  display:none;
}
.services-page .services-photo-card picture,
.services-page .services-photo-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}
.services-page .services-photo-card img{
  object-fit:cover;
}
.services-page .services-testing-photo img{
  object-position:52% 48%;
}
.services-page .services-installation-photo img{
  object-position:58% 48%;
}
.services-page .services-photo-card figcaption{
  position:absolute;
  inset:auto 0 0;
  z-index:2;
  padding:52px 30px 28px;
  background:linear-gradient(180deg,transparent 0%,rgba(7,17,31,.72) 34%,rgba(7,17,31,.96) 100%);
  color:#fff;
}
.services-page .services-photo-card figcaption h3{
  color:#fff;
  margin:0 0 8px;
  font-size:1.5rem;
  line-height:1.15;
}
.services-page .services-photo-card figcaption p,
.services-page .services-photo-card.light figcaption p{
  color:#dce8f5;
  margin:0;
}
@media(max-width:1180px){
  .services-page .services-hero-photo img{object-position:66% 50%;}
  .services-page .services-hero-photo:after{background:linear-gradient(90deg,rgba(7,17,31,.97),rgba(7,17,31,.88));}
}
@media(max-width:760px){
  .services-page .services-hero-photo img{object-position:64% 50%;}
  .services-page .services-hero-photo:after{background:linear-gradient(180deg,rgba(7,17,31,.95) 0%,rgba(7,17,31,.91) 56%,rgba(7,17,31,.97) 100%);}
  .services-page .services-photo-card{min-height:300px;}
  .services-page .services-photo-card figcaption{padding:48px 22px 22px;}
}


/* Residential electrician responsive photography — 2026-07 image integration */
.residential-page .residential-photo-hero{position:relative;overflow:hidden;background:#07111f;}
.residential-page .residential-hero-photo{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:0;pointer-events:none;}
.residential-page .residential-hero-photo picture{display:block;width:100%;height:100%;}
.residential-page .residential-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:68% 50%;filter:saturate(.92) contrast(1.05) brightness(.64);}
.residential-page .residential-photo-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,17,31,.98) 0%,rgba(7,17,31,.94) 36%,rgba(7,17,31,.76) 60%,rgba(7,17,31,.58) 100%);pointer-events:none;}
.residential-page .residential-photo-hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,17,31,.08),rgba(7,17,31,.46));pointer-events:none;}
.residential-page .residential-photo-hero .repair-hero-grid{position:relative;z-index:2;}
.residential-page .residential-hero-card{background:linear-gradient(145deg,rgba(7,24,45,.80),rgba(16,49,88,.66));border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);}
.residential-page .res-production-photo picture{display:block;width:100%;min-height:320px;flex:1;overflow:hidden;}
.residential-page .res-production-photo picture img{display:block;width:100%;height:100%;min-height:320px;object-fit:cover;background:#07111f;}
@media(max-width:1180px){
  .residential-page .residential-hero-photo img{object-position:64% 50%;filter:saturate(.92) contrast(1.05) brightness(.58);}
  .residential-page .residential-photo-hero:before{background:linear-gradient(90deg,rgba(7,17,31,.97) 0%,rgba(7,17,31,.90) 48%,rgba(7,17,31,.76) 100%);}
}
@media(max-width:700px){
  .residential-page .residential-hero-photo img{object-position:68% 50%;filter:saturate(.90) contrast(1.05) brightness(.50);}
  .residential-page .residential-photo-hero:before{background:linear-gradient(180deg,rgba(7,17,31,.93) 0%,rgba(7,17,31,.92) 52%,rgba(7,17,31,.98) 100%);}
  .residential-page .res-production-photo picture,.residential-page .res-production-photo picture img{min-height:230px;}
}

/* RESIDENTIAL PAGE FINAL IMAGE CARD BALANCE FIX */
.residential-page .res-wide-block,
.residential-page .res-wide-block.reverse{align-items:start;}
.residential-page .res-landscape-card{height:auto;min-height:0;align-self:start;}
.residential-page .res-landscape-card picture{display:block;width:100%;aspect-ratio:3/2;overflow:hidden;background:#07111f;}
.residential-page .res-landscape-card picture img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;flex:none;}
.residential-page .res-landscape-card figcaption{padding:18px 20px 20px;}
.residential-page .res-landscape-card figcaption span{line-height:1.55;}
.residential-page .residential-hero-card-picture{display:block;width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:22px;}
.residential-page .residential-hero-card-picture img{width:100%;height:100%;object-fit:cover;object-position:center 46%;border-radius:0;border:0;min-height:0;max-height:none;}
@media(max-width:1100px){
  .residential-page .res-landscape-card{height:auto;min-height:0;}
  .residential-page .res-landscape-card picture{aspect-ratio:16/10;}
  .residential-page .res-landscape-card picture img{height:100%;min-height:0;}
}
@media(max-width:700px){
  .residential-page .res-landscape-card{height:auto;min-height:0;}
  .residential-page .res-landscape-card picture{aspect-ratio:4/3;}
  .residential-page .res-landscape-card picture img{height:100%;min-height:0;}
  .residential-page .residential-hero-card-picture{aspect-ratio:4/3;}
}


/* Residential electrician image-card content treatment */
.residential-page .res-wide-block{
  align-items:stretch;
}
.residential-page .res-landscape-card{
  height:100%;
  min-height:0;
  align-self:stretch;
}
.residential-page .res-landscape-card figcaption{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:20px 22px 22px;
}
.residential-page .res-landscape-card figcaption strong{
  color:#1c304b;
  font-size:1.08rem;
  line-height:1.32;
  margin:0 0 10px;
}
.residential-page .res-card-copy{
  display:flex;
  flex:1;
  flex-direction:column;
}
.residential-page .res-card-copy p{
  margin:0 0 12px;
  color:#5e6f85;
  font-size:.96rem;
  line-height:1.58;
}
.residential-page .res-card-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:auto;
  padding-top:6px;
}
.residential-page .res-card-links a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 11px;
  border:1px solid #d9e1ea;
  border-radius:999px;
  background:#f7f9fc;
  color:#122a49;
  font-size:.78rem;
  font-weight:800;
  line-height:1.15;
  text-decoration:none;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.residential-page .res-card-links a:hover,
.residential-page .res-card-links a:focus-visible{
  transform:translateY(-1px);
  border-color:#ef233c;
  box-shadow:0 8px 20px rgba(15,35,60,.10);
  outline:none;
}
@media(max-width:1100px){
  .residential-page .res-wide-block{
    align-items:start;
  }
  .residential-page .res-landscape-card{
    height:auto;
    align-self:start;
  }
}


/* ================================================================
   Commercial Electrician photographic integration
   ================================================================ */
.commercial-photo-page .repair-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(4,17,35,.96) 0%,rgba(4,17,35,.90) 44%,rgba(6,24,43,.76) 67%,rgba(4,17,35,.70) 100%),
    image-set(
      url("../images/commercial-electrician/commercial-electrician-gauteng-hero-background-960.webp") 1x,
      url("../images/commercial-electrician/commercial-electrician-gauteng-hero-background-1920.webp") 2x
    );
  background-size:cover;
  background-position:center 46%;
  background-repeat:no-repeat;
}
.commercial-photo-page .repair-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 12% 88%,rgba(239,35,60,.18),transparent 33%),
    linear-gradient(180deg,rgba(3,14,29,.08),rgba(3,14,29,.30));
  pointer-events:none;
}
.commercial-photo-page .repair-hero-grid{
  position:relative;
  z-index:1;
}
.commercial-photo-page .repair-hero h1,
.commercial-photo-page .repair-hero .lead,
.commercial-photo-page .repair-hero p{
  text-shadow:0 2px 20px rgba(0,0,0,.24);
}
.commercial-photo-page .repair-hero-image-card{
  overflow:hidden;
  background:rgba(11,35,61,.82);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 26px 70px rgba(0,0,0,.34);
  backdrop-filter:blur(5px);
}
.commercial-photo-page .repair-hero-image-card picture{
  display:block;
}
.commercial-photo-page .repair-hero-image-card picture img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
  object-position:center;
}
.commercial-photo-page .repair-hero-image-card > div{
  padding:22px 24px 24px;
}
.commercial-photo-page .repair-hero-image-card > div strong{
  display:block;
  margin-bottom:8px;
  font-size:1.2rem;
  line-height:1.25;
}
.commercial-photo-page .repair-hero-image-card > div span{
  display:block;
  color:#dce8f5;
  line-height:1.55;
}

.commercial-photo-page .commercial-media-top{
  align-items:stretch;
}
.commercial-photo-page .service-inline-photo.commercial-tall-image{
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:0;
  overflow:hidden;
}
.commercial-photo-page .commercial-tall-image picture{
  display:block;
}
.commercial-photo-page .commercial-tall-image picture img{
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  max-height:none;
  aspect-ratio:3/2;
  object-fit:cover;
}
.commercial-photo-page .commercial-tall-image figcaption{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:22px 24px 24px;
}
.commercial-photo-page .commercial-tall-image figcaption > strong{
  display:block;
  margin:0 0 11px;
  color:#1a304d;
  font-size:1.08rem;
  line-height:1.32;
}
.commercial-photo-page .commercial-card-copy{
  display:flex;
  flex:1;
  flex-direction:column;
}
.commercial-photo-page .commercial-card-copy p{
  margin:0 0 13px;
  color:#5b6e85;
  font-size:.96rem;
  line-height:1.58;
}
.commercial-photo-page .commercial-card-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:auto;
  padding-top:4px;
}
.commercial-photo-page .commercial-card-links a{
  display:inline-flex;
  align-items:center;
  min-height:35px;
  padding:8px 12px;
  border:1px solid #d7e0eb;
  border-radius:999px;
  background:#f7f9fc;
  color:#102a49;
  font-size:.79rem;
  font-weight:800;
  line-height:1.15;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.commercial-photo-page .commercial-card-links a:hover,
.commercial-photo-page .commercial-card-links a:focus-visible{
  transform:translateY(-1px);
  border-color:#ef233c;
  box-shadow:0 8px 20px rgba(15,35,60,.10);
  outline:none;
}
@media(max-width:1100px){
  .commercial-photo-page .commercial-media-top{
    align-items:start;
  }
  .commercial-photo-page .service-inline-photo.commercial-tall-image{
    height:auto;
    align-self:start;
  }
}
@media(max-width:760px){
  .commercial-photo-page .repair-hero{
    background:
      linear-gradient(180deg,rgba(4,17,35,.94),rgba(4,17,35,.86)),
      url("../images/commercial-electrician/commercial-electrician-gauteng-hero-background-960.webp");
    background-size:cover;
    background-position:center;
  }
  .commercial-photo-page .repair-hero-image-card > div,
  .commercial-photo-page .commercial-tall-image figcaption{
    padding:18px 18px 20px;
  }
}


/* MID-PAGE HEADING SIZE GUARDRAIL — commercial and industrial electrician pages
   H1 hero scale stays untouched. All H2 section headings are deliberately capped
   so narrow two-column layouts cannot create oversized, billboard-style headings. */
.commercial-page h2{
  font-size:clamp(2rem,2.35vw,2.8rem)!important;
  line-height:1.08!important;
  letter-spacing:-.025em;
  overflow-wrap:normal;
  word-break:normal;
}
@media (max-width:760px){
  .commercial-page h2{
    font-size:clamp(1.85rem,7vw,2.45rem)!important;
    line-height:1.1!important;
  }
}

/* Electrical maintenance photographic integration — high-resolution responsive images */
.maintenance-page .maint-hero{
  background-image:
    linear-gradient(90deg,rgba(7,17,31,.94) 0%,rgba(7,17,31,.88) 45%,rgba(7,17,31,.66) 100%),
    image-set(
      url("../images/electrical-maintenance/electrical-maintenance-hero-background-960.webp") 1x,
      url("../images/electrical-maintenance/electrical-maintenance-hero-background-1920.webp") 2x
    );
  background-size:cover;
  background-position:center 48%;
}
.maintenance-page .repair-hero-image-card picture,
.maintenance-page .maint-showcase-photo picture,
.maintenance-page .maint-landscape-card picture{display:block;width:100%;height:100%;min-height:inherit}
.maintenance-page .repair-hero-image-card picture img{display:block;width:100%;height:100%;min-height:280px;max-height:360px;object-fit:cover;object-position:center 42%;border-radius:20px;background:#07111f}
.maintenance-page .maint-showcase-photo picture{height:355px;min-height:0}
.maintenance-page .maint-showcase-photo picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 46%;background:#07111f}
.maintenance-page .maint-landscape-card picture img{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;background:#07111f}
.maintenance-page .maint-industrial-balanced .maint-landscape-card img{object-position:center 46%}
.maintenance-page .maint-db-balanced .maint-landscape-card img{object-position:center center}
.maintenance-page .light-maint-block .maint-landscape-card img{object-position:center center}
.maintenance-page .maint-plugs-balanced .maint-landscape-card img{object-position:center 45%}
.maintenance-page .maint-protection-balanced .maint-landscape-card img{object-position:center 38%}
.maintenance-page .maint-backup-balanced .maint-landscape-card img{object-position:center 43%}
@media(max-width:1100px){
  .maintenance-page .maint-hero{background-position:center center}
  .maintenance-page .maint-showcase-photo picture{height:320px}
  .maintenance-page .maint-landscape-card picture,.maintenance-page .maint-landscape-card picture img{min-height:320px;height:320px}
}
@media(max-width:700px){
  .maintenance-page .maint-hero{background-position:58% center}
  .maintenance-page .maint-showcase-photo picture{height:230px}
  .maintenance-page .maint-landscape-card picture,.maintenance-page .maint-landscape-card picture img{min-height:230px;height:230px}
}


/* Homepage modern icon and container refinement — scoped */
.home-page .modern-line-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#eef5ff,#fff);border:1px solid #d8e4f2;box-shadow:0 12px 28px rgba(5,27,52,.10);color:#ed1c24;margin-bottom:14px}
.home-page .modern-line-icon svg,.home-page .brand-svg-mark svg,.home-page .icon-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-page .price-card,.home-page .service-card,.home-page .expect-item,.home-page .trust-item{border:1px solid #dce6f1;box-shadow:0 14px 36px rgba(7,31,58,.08);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.home-page .price-card:hover,.home-page .service-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(7,31,58,.13);border-color:#bfd0e3}
.home-page .service-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.home-page .service-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#ed1c24,#0f3d70)}
.home-page .icon-btn svg{width:20px;height:20px}
.home-page .brand-svg-mark{display:grid;place-items:center;color:#fff}
.home-page .brand-svg-mark svg{width:23px;height:23px;fill:currentColor;stroke:none}
.home-page .home-area-section,.home-page .home-services-directory{position:relative;background:linear-gradient(180deg,#f6f9fd 0%,#fff 100%)}
.home-page .home-services-directory article{border:1px solid #dce6f1;border-radius:18px;padding:24px;background:#fff;box-shadow:0 12px 30px rgba(7,31,58,.07)}
@media(max-width:700px){.home-page .modern-line-icon{width:44px;height:44px;border-radius:12px}.home-page .home-services-directory article{padding:20px}}


/* =========================================================
   PRODUCTION GLOBAL HEADER, MEGA MENU, FOOTER AND QUOTE PAGE
   ========================================================= */

.site-header.production-site-header{
    position:relative;
    z-index:2000;
    background:#fff;
    border-bottom:1px solid #e6edf5;
    box-shadow:0 8px 28px rgba(7,24,45,.08);
}
.production-site-header .container.header-inner{
    min-height:68px;
    display:flex;
    align-items:center;
    gap:28px;
}
.production-site-header .production-logo{
    display:flex;
    align-items:center;
    flex:0 0 auto;
    min-width:0;
}
.production-site-header .production-logo img{
    display:block;
    width:225px;
    height:auto;
    max-width:28vw;
    object-fit:contain;
}
.production-site-header .nav{
    display:flex;
    align-items:center;
    gap:6px;
    margin-left:auto;
}
.production-site-header .nav > a,
.production-site-header .nav-services-link{
    display:flex;
    align-items:center;
    min-height:42px;
    padding:10px 14px;
    border-radius:999px;
    color:#0b1527;
    font-weight:800;
    text-decoration:none;
    white-space:nowrap;
    transition:background .2s ease,color .2s ease,transform .2s ease;
}
.production-site-header .nav > a:hover,
.production-site-header .nav > a:focus-visible,
.production-site-header .nav-services-link:hover,
.production-site-header .nav-services-link:focus-visible,
.production-site-header .nav > a.active,
.production-site-header .nav-services-item.active > .nav-services-link{
    background:#fff0f1;
    color:#e31625;
}
.production-site-header .nav-services-item{
    position:relative;
    display:flex;
    align-items:center;
}
.production-site-header .nav-services-primary{
    display:flex;
    align-items:center;
}
.production-site-header .nav-services-link{
    border-radius:999px 0 0 999px;
    padding-right:7px;
}
.production-site-header .nav-services-toggle{
    width:28px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:0;
    border-radius:0 999px 999px 0;
    background:transparent;
    color:#0b1527;
    cursor:pointer;
}
.production-site-header .nav-services-toggle svg{
    width:14px;
    height:14px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    transition:transform .2s ease;
}
.production-site-header .nav-services-item.mega-open .nav-services-toggle svg{
    transform:rotate(180deg);
}
.production-site-header .services-mega{
    position:absolute;
    top:calc(100% + 14px);
    left:50%;
    width:min(920px,calc(100vw - 42px));
    padding:24px;
    border:1px solid #d9e4ef;
    border-radius:22px;
    background:#fff;
    box-shadow:0 28px 70px rgba(7,24,45,.2);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate(-47%,-8px);
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
    z-index:2500;
}
.production-site-header .services-mega::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-20px;
    height:22px;
}
.production-site-header .nav-services-item:hover .services-mega,
.production-site-header .nav-services-item:focus-within .services-mega,
.production-site-header .nav-services-item.mega-open .services-mega{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-47%,0);
}
.production-site-header .services-mega-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}
.production-site-header .services-mega-section{
    min-width:0;
}
.production-site-header .services-mega-section h3{
    margin:0 0 10px;
    font-size:.78rem;
    line-height:1.35;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#e31625;
}
.production-site-header .services-mega-section a{
    display:block;
    padding:8px 9px;
    margin:1px -9px;
    border-radius:9px;
    color:#10213b;
    font-size:.9rem;
    font-weight:700;
    line-height:1.3;
    text-decoration:none;
}
.production-site-header .services-mega-section a:hover,
.production-site-header .services-mega-section a:focus-visible{
    color:#e31625;
    background:#f4f8fc;
}
.production-site-header .services-mega-footer{
    margin-top:20px;
    padding:17px 18px;
    border-radius:16px;
    background:linear-gradient(135deg,#07182d 0%,#103158 70%,#241728 100%);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}
.production-site-header .services-mega-footer strong,
.production-site-header .services-mega-footer span{
    display:block;
}
.production-site-header .services-mega-footer span{
    margin-top:3px;
    color:#dce8f5;
    font-size:.86rem;
}
.production-site-header .services-mega-footer .mega-quote{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:11px 18px;
    border-radius:12px;
    background:linear-gradient(135deg,#ff7a18 0%,#f01425 58%,#c90d1e 100%);
    color:#fff;
    font-weight:900;
    text-decoration:none;
    box-shadow:0 0 0 1px rgba(255,255,255,.12),0 10px 26px rgba(240,20,37,.35),0 0 25px rgba(255,122,24,.28);
    transition:transform .2s ease,box-shadow .2s ease;
}
.production-site-header .services-mega-footer .mega-quote:hover,
.production-site-header .services-mega-footer .mega-quote:focus-visible{
    transform:translateY(-2px);
    box-shadow:0 0 0 1px rgba(255,255,255,.18),0 14px 32px rgba(240,20,37,.43),0 0 34px rgba(255,122,24,.35);
}
.production-site-header .header-actions{
    display:flex;
    align-items:center;
    gap:9px;
    flex:0 0 auto;
}
.production-site-header .icon-btn{
    width:46px;
    height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:#f5f8fc;
    color:#0c1729;
    border:1px solid #edf2f7;
}
.production-site-header .icon-btn svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
}
.production-site-header .header-trust-badge{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 15px;
    border:1px solid rgba(11,29,51,.14);
    border-radius:14px;
    background:linear-gradient(135deg,#10233f 0%,#081727 64%,#1c2333 100%);
    color:#fff;
    font-weight:900;
    text-decoration:none;
    white-space:nowrap;
    box-shadow:0 10px 24px rgba(7,24,45,.2),0 0 20px rgba(21,76,130,.12);
    transition:transform .2s ease,box-shadow .2s ease;
}
.production-site-header .header-trust-badge span{
    width:22px;
    height:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#18c66a;
    color:#fff;
    font-size:.82rem;
    box-shadow:0 0 14px rgba(24,198,106,.42);
}
.production-site-header .header-trust-badge:hover,
.production-site-header .header-trust-badge:focus-visible{
    transform:translateY(-1px);
    box-shadow:0 13px 29px rgba(7,24,45,.25),0 0 24px rgba(21,76,130,.18);
}
.production-site-header .menu-toggle{
    display:none;
}

.footer.production-footer{
    background:#0d172b;
    color:#d9e8f7;
}
.production-footer .footer-grid{
    display:grid;
    grid-template-columns:1.15fr .62fr 1.45fr .95fr;
    gap:48px;
}
.production-footer .production-footer-logo{
    display:inline-flex;
    align-items:center;
    padding:0;
    background:transparent;
}
.production-footer .production-footer-logo img{
    display:block;
    width:315px;
    height:auto;
    max-width:100%;
    object-fit:contain;
}
.production-footer .footer-service-columns{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px 24px;
}
.production-footer .footer-services-group a{
    margin:7px 0;
    font-size:.93rem;
}
.production-footer .footer-company-links a,
.production-footer .footer-service-columns a{
    display:block;
}
.production-footer .footer-quote-link{
    color:#fff;
    font-weight:800;
}
.production-footer .footer-quote-link::after{
    content:" →";
    color:#ff7a18;
}
.production-footer .footer-cta-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}

.quote-production-page .page-hero{
    position:relative;
    overflow:hidden;
    padding:88px 0 82px;
    background:
        radial-gradient(circle at 82% 30%,rgba(255,122,24,.14),transparent 26%),
        linear-gradient(135deg,#07182d 0%,#111c2f 68%,#251827 100%);
    color:#fff;
}
.quote-production-page .page-hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(7,24,45,.15),transparent);
    pointer-events:none;
}
.quote-production-page .page-hero .container{
    position:relative;
    z-index:1;
}
.quote-production-page .page-hero h1{
    max-width:900px;
    margin-bottom:18px;
    color:#fff;
}
.quote-production-page .page-hero .lead{
    max-width:760px;
    color:#dbe8f6;
    font-size:1.08rem;
    line-height:1.75;
}
.quote-production-page .quote-hero-points{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:24px;
}
.quote-production-page .quote-hero-points span{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:9px 13px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:999px;
    background:rgba(255,255,255,.07);
    color:#fff;
    font-weight:800;
    font-size:.88rem;
}
.quote-production-page .quote-section{
    padding:72px 0;
    background:linear-gradient(180deg,#f7f9fc 0%,#fff 100%);
}
.quote-production-page .quote-layout{
    display:grid;
    grid-template-columns:minmax(0,.78fr) minmax(0,1.45fr);
    gap:36px;
    align-items:start;
}
.quote-production-page .quote-intro-panel{
    position:sticky;
    top:104px;
    padding:30px;
    border-radius:24px;
    background:linear-gradient(145deg,#07182d,#103158 70%,#251827);
    color:#fff;
    box-shadow:0 24px 58px rgba(7,24,45,.17);
}
.quote-production-page .quote-intro-panel .section-kicker{
    color:#ffabb0;
}
.quote-production-page .quote-intro-panel h2{
    margin:8px 0 14px;
    color:#fff;
    font-size:clamp(1.65rem,2.4vw,2.4rem);
}
.quote-production-page .quote-intro-panel p{
    color:#dbe8f6;
    line-height:1.75;
}
.quote-production-page .quote-contact-options{
    display:grid;
    gap:12px;
    margin-top:22px;
}
.quote-production-page .quote-contact-options a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:14px 15px;
    border-radius:14px;
    text-decoration:none;
    font-weight:900;
}
.quote-production-page .quote-contact-options .quote-call{
    background:linear-gradient(135deg,#f01425,#c90d1e);
    color:#fff;
    box-shadow:0 10px 25px rgba(240,20,37,.27);
}
.quote-production-page .quote-contact-options .quote-whatsapp{
    background:#04b94f;
    color:#fff;
    box-shadow:0 10px 25px rgba(4,185,79,.23);
}
.quote-production-page .quote-note{
    margin-top:22px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.14);
    color:#c7d8e9;
    font-size:.9rem;
}
.quote-production-page .contact-panel{
    padding:34px;
    border:1px solid #dfe8f2;
    border-radius:24px;
    background:#fff;
    box-shadow:0 24px 62px rgba(7,24,45,.1);
}
.quote-production-page .contact-panel h2{
    margin-bottom:8px;
    font-size:clamp(1.8rem,3vw,2.7rem);
}
.quote-production-page .contact-panel .form-intro{
    margin:0 0 26px;
    color:#53657b;
    line-height:1.7;
}
.quote-production-page .contact-panel label{
    color:#0b1b31;
    font-weight:800;
}
.quote-production-page .contact-panel input,
.quote-production-page .contact-panel select,
.quote-production-page .contact-panel textarea{
    min-height:52px;
    border:1px solid #cedae7;
    background:#fbfdff;
}
.quote-production-page .contact-panel textarea{
    min-height:145px;
}
.quote-production-page .contact-panel input:focus,
.quote-production-page .contact-panel select:focus,
.quote-production-page .contact-panel textarea:focus{
    outline:0;
    border-color:#e31625;
    box-shadow:0 0 0 4px rgba(227,22,37,.1);
}
.quote-production-page .quote-submit{
    width:100%;
    min-height:54px;
    border:0;
    border-radius:13px;
    background:linear-gradient(135deg,#ff7a18 0%,#f01425 58%,#c90d1e 100%);
    color:#fff;
    font-weight:900;
    box-shadow:0 13px 29px rgba(240,20,37,.28),0 0 24px rgba(255,122,24,.18);
}
.quote-production-page .quote-expectations{
    margin-top:26px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}
.quote-production-page .quote-expectation{
    padding:18px;
    border:1px solid #e0e8f1;
    border-radius:16px;
    background:#f8fbfe;
}
.quote-production-page .quote-expectation strong{
    display:block;
    margin-bottom:5px;
    color:#0b1b31;
}
.quote-production-page .quote-expectation span{
    color:#5c6e83;
    font-size:.9rem;
    line-height:1.55;
}

@media(max-width:1240px){
    .production-site-header .container.header-inner{gap:18px;}
    .production-site-header .production-logo img{width:205px;}
    .production-site-header .nav > a,
    .production-site-header .nav-services-link{padding-left:10px;padding-right:10px;}
    .production-site-header .header-trust-badge{padding:9px 12px;}
}
@media(max-width:1100px){
    .production-site-header .container.header-inner{
        min-height:64px;
    }
    .production-site-header .production-logo img{
        width:195px;
        max-width:56vw;
    }
    .production-site-header .menu-toggle{
        display:flex;
        flex-direction:column;
        justify-content:center;
        gap:4px;
        width:44px;
        height:44px;
        border:0;
        border-radius:12px;
        background:#f3f7fb;
    }
    .production-site-header .menu-toggle span{
        width:21px;
        height:2px;
        margin:0 auto;
        background:#0b1527;
    }
    .production-site-header .nav{
        position:absolute;
        top:100%;
        left:0;
        right:0;
        display:none;
        align-items:stretch;
        padding:14px 20px 22px;
        margin:0;
        background:#fff;
        border-top:1px solid #e8eef5;
        box-shadow:0 22px 35px rgba(7,24,45,.13);
    }
    .production-site-header .nav.open{
        display:block;
    }
    .production-site-header .nav > a,
    .production-site-header .nav-services-link{
        width:100%;
        min-height:45px;
        border-radius:10px;
        padding:11px 12px;
    }
    .production-site-header .nav-services-item,
    .production-site-header .nav-services-primary{
        display:block;
        width:100%;
    }
    .production-site-header .nav-services-primary{
        position:relative;
    }
    .production-site-header .nav-services-link{
        padding-right:50px;
    }
    .production-site-header .nav-services-toggle{
        position:absolute;
        right:2px;
        top:2px;
        width:42px;
        height:42px;
        border-radius:10px;
        background:#f5f8fc;
    }
    .production-site-header .services-mega{
        position:static;
        display:none;
        width:100%;
        padding:8px 4px 5px;
        margin:0;
        border:0;
        border-radius:0;
        box-shadow:none;
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:none;
        transition:none;
    }
    .production-site-header .nav-services-item:hover .services-mega,
    .production-site-header .nav-services-item:focus-within .services-mega{
        display:none;
        transform:none;
    }
    .production-site-header .nav-services-item.mega-open .services-mega{
        display:block;
        transform:none;
    }
    .production-site-header .services-mega::before{display:none;}
    .production-site-header .services-mega-grid{
        grid-template-columns:1fr;
        gap:5px;
    }
    .production-site-header .services-mega-section{
        padding:6px 8px 7px;
        border-bottom:1px solid #edf2f7;
    }
    .production-site-header .services-mega-section h3{
        margin-bottom:4px;
    }
    .production-site-header .services-mega-section a{
        padding:8px 4px;
        margin:0;
    }
    .production-site-header .services-mega-footer{
        display:block;
        margin:9px 4px 2px;
        padding:14px;
    }
    .production-site-header .services-mega-footer .mega-quote{
        margin-top:11px;
    }
    .production-site-header .header-actions{
        margin-left:auto;
    }
    .production-site-header .header-actions .header-trust-badge{
        display:none;
    }
    .production-site-header .header-actions > .btn.whatsapp{
        display:none;
    }
    .production-footer .footer-grid{
        grid-template-columns:1fr 1fr;
    }
    .quote-production-page .quote-layout{
        grid-template-columns:1fr;
    }
    .quote-production-page .quote-intro-panel{
        position:static;
    }
}
@media(max-width:700px){
    .production-site-header .production-logo img{
        width:174px;
        max-width:61vw;
    }
    .production-site-header .header-actions{
        gap:6px;
    }
    .production-site-header .icon-btn{
        width:42px;
        height:42px;
    }
    .production-footer .footer-grid{
        grid-template-columns:1fr;
        gap:30px;
    }
    .production-footer .footer-service-columns{
        grid-template-columns:1fr;
        gap:0;
    }
    .quote-production-page .page-hero{
        padding:64px 0 58px;
    }
    .quote-production-page .quote-section{
        padding:48px 0;
    }
    .quote-production-page .contact-panel,
    .quote-production-page .quote-intro-panel{
        padding:24px 20px;
    }
    .quote-production-page .quote-expectations{
        grid-template-columns:1fr;
    }
}


/* Production shell refinement: consistent trust badge and fuller footer */
.production-site-header .header-trust-badge,
.home-page .production-site-header .header-trust-badge,
.home-page .header-trust-badge{
    background:linear-gradient(135deg,#10233f 0%,#081727 64%,#1c2333 100%) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.1) !important;
    box-shadow:0 10px 24px rgba(7,24,45,.22),0 0 20px rgba(240,79,24,.10) !important;
}
.production-site-header .header-trust-badge span,
.home-page .production-site-header .header-trust-badge span,
.home-page .header-trust-badge span{
    background:linear-gradient(135deg,#ff8a18 0%,#f01425 100%) !important;
    color:#fff !important;
    box-shadow:0 0 16px rgba(240,79,24,.45) !important;
}
.production-site-header .header-trust-badge:hover,
.production-site-header .header-trust-badge:focus-visible,
.home-page .header-trust-badge:hover,
.home-page .header-trust-badge:focus-visible{
    box-shadow:0 13px 30px rgba(7,24,45,.27),0 0 26px rgba(240,79,24,.18) !important;
}
.production-footer .footer-service-columns{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px 28px;
}
.production-footer .footer-service-columns a{
    line-height:1.4;
}
@media(max-width:700px){
    .production-footer .footer-service-columns{
        grid-template-columns:1fr;
    }
}


/* Production refinement: sticky header, premium About icon and homepage service links */
.site-header.production-site-header{
    position:sticky !important;
    top:0;
    z-index:3000;
}
.production-site-header .services-mega{
    z-index:3200;
}

/* Premium About-page experience icon */
.about-premium-refined .premium-experience-icon{
    width:68px;
    height:68px;
    flex:0 0 68px;
    display:grid;
    place-items:center;
    border-radius:20px;
    background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 16px 34px rgba(0,0,0,.22),
        0 0 26px rgba(255,90,20,.14);
}
.about-premium-refined .premium-experience-icon svg{
    width:56px;
    height:56px;
    overflow:visible;
}
.about-premium-refined .premium-icon-shell{
    fill:url(#aboutBoltGradient);
    filter:drop-shadow(0 8px 14px rgba(227,22,37,.28));
}
.about-premium-refined .premium-icon-ring{
    fill:none;
    stroke:rgba(255,255,255,.92);
    stroke-width:2.8;
}
.about-premium-refined .premium-icon-bolt{
    fill:#fff;
    stroke:#0b1728;
    stroke-width:1.2;
    stroke-linejoin:round;
}

/* Homepage quick-service cards: replace chunky red badges with elegant text links */
.home-service-links-refined .home-service-text-link{
    display:inline-flex !important;
    align-items:center;
    justify-content:flex-start;
    width:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    margin-top:16px;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#e31625 !important;
    font-weight:900 !important;
    font-size:.96rem !important;
    line-height:1.35 !important;
    text-decoration:none !important;
    box-shadow:none !important;
    transform:none !important;
}
.home-service-links-refined .home-service-text-link:hover,
.home-service-links-refined .home-service-text-link:focus-visible{
    color:#ff5a14 !important;
    text-decoration:underline !important;
    text-underline-offset:4px;
}
.home-service-links-refined .home-service-text-link:focus-visible{
    outline:3px solid rgba(227,22,37,.16);
    outline-offset:5px;
    border-radius:4px;
}

/* Make the quick-help cards read more like the polished specialist cards */
.home-service-links-refined .service-card,
.home-service-links-refined .quick-service-card,
.home-service-links-refined .help-card{
    align-items:flex-start;
}
.home-service-links-refined .service-card .home-service-text-link,
.home-service-links-refined .quick-service-card .home-service-text-link,
.home-service-links-refined .help-card .home-service-text-link{
    margin-left:0;
}


/* Final production consistency refinements */

/* One trust-badge design everywhere, including homepage */
.production-site-header .header-trust-badge,
.home-consistency-v2 .production-site-header .header-trust-badge,
.home-consistency-v2 .production-trust-badge{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    min-height:44px !important;
    padding:9px 15px !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.10) !important;
    background:linear-gradient(135deg,#10233f 0%,#081727 64%,#1c2333 100%) !important;
    color:#fff !important;
    font-weight:900 !important;
    text-decoration:none !important;
    box-shadow:0 10px 24px rgba(7,24,45,.22),0 0 20px rgba(240,79,24,.10) !important;
}
.production-site-header .header-trust-badge span,
.home-consistency-v2 .production-site-header .header-trust-badge span{
    width:22px !important;
    height:22px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,#ff8a18 0%,#f01425 100%) !important;
    color:#fff !important;
    box-shadow:0 0 16px rgba(240,79,24,.42) !important;
}

/* Quick-help cards: text link always sits below content */
.home-consistency-v2 .home-quick-card-refined{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    height:100% !important;
    min-width:0 !important;
}
.home-consistency-v2 .home-quick-card-refined > *{
    min-width:0;
}
.home-consistency-v2 .home-card-action-row{
    margin-top:auto !important;
    padding-top:18px !important;
    width:100% !important;
}
.home-consistency-v2 .home-card-action-row .home-service-text-link{
    display:inline-flex !important;
    align-items:center !important;
    width:auto !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    inset:auto !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    color:#e31625 !important;
    font-weight:900 !important;
    line-height:1.35 !important;
    text-decoration:none !important;
    background:none !important;
    box-shadow:none !important;
}
.home-consistency-v2 .home-card-action-row .home-service-text-link:hover,
.home-consistency-v2 .home-card-action-row .home-service-text-link:focus-visible{
    color:#ff5a14 !important;
    text-decoration:underline !important;
    text-underline-offset:4px !important;
}

/* Modernize the four supporting homepage service boxes */
.home-consistency-v2 .home-modern-service-pill{
    position:relative;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    min-height:64px !important;
    padding:16px 18px !important;
    border-radius:16px !important;
    border:1px solid #ffd1d5 !important;
    background:
        linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,246,247,.98)) !important;
    color:#b80f1d !important;
    font-weight:900 !important;
    line-height:1.35 !important;
    text-decoration:none !important;
    box-shadow:0 10px 26px rgba(7,24,45,.06) !important;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease !important;
}
.home-consistency-v2 .home-modern-service-pill::before{
    content:"";
    width:8px;
    height:38px;
    flex:0 0 8px;
    border-radius:999px;
    background:linear-gradient(180deg,#ff8a18 0%,#e31625 100%);
    box-shadow:0 0 16px rgba(227,22,37,.16);
}
.home-consistency-v2 .home-modern-service-pill:hover,
.home-consistency-v2 .home-modern-service-pill:focus-visible{
    transform:translateY(-2px) !important;
    border-color:#ffadb5 !important;
    box-shadow:0 16px 34px rgba(7,24,45,.10),0 0 22px rgba(227,22,37,.08) !important;
}
.home-consistency-v2 .home-modern-service-arrow{
    margin-left:auto;
    flex:0 0 auto;
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#ff8a18,#e31625);
    color:#fff;
    font-size:1rem;
    box-shadow:0 8px 18px rgba(227,22,37,.20);
}

/* Premium About-page icon */
.about-premium-v2 .premium-experience-icon-v2{
    width:76px;
    height:76px;
    flex:0 0 76px;
    display:grid;
    place-items:center;
    border-radius:22px;
    background:
        radial-gradient(circle at 30% 25%,rgba(255,255,255,.13),transparent 38%),
        linear-gradient(145deg,#17243a,#0a1425);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 18px 40px rgba(0,0,0,.24),
        0 0 28px rgba(255,106,19,.14);
}
.about-premium-v2 .premium-experience-icon-v2 svg{
    width:66px;
    height:66px;
    display:block;
}

@media(max-width:700px){
    .home-consistency-v2 .home-card-action-row{
        padding-top:14px !important;
    }
    .home-consistency-v2 .home-modern-service-pill{
        min-height:58px !important;
        padding:14px 15px !important;
    }
    .about-premium-v2 .premium-experience-icon-v2{
        width:68px;
        height:68px;
        flex-basis:68px;
    }
    .about-premium-v2 .premium-experience-icon-v2 svg{
        width:58px;
        height:58px;
    }
}


/* Exact homepage card corrections */
.home-consistency-v2 .price-grid .price-card.home-quick-card-refined{
    display:grid !important;
    grid-template-columns:70px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-items:start !important;
    justify-content:stretch !important;
    column-gap:18px !important;
    row-gap:0 !important;
}
.home-consistency-v2 .price-grid .price-card.home-quick-card-refined > .price-icon{
    grid-column:1;
    grid-row:1;
}
.home-consistency-v2 .price-grid .price-card.home-quick-card-refined > div:not(.price-icon):not(.home-card-action-row){
    grid-column:2;
    grid-row:1;
    min-width:0;
}
.home-consistency-v2 .price-grid .price-card.home-quick-card-refined > .home-card-action-row{
    grid-column:2;
    grid-row:2;
    width:100% !important;
    margin:14px 0 0 !important;
    padding:0 !important;
    align-self:end;
}
.home-consistency-v2 .price-grid .price-card.home-quick-card-refined .home-service-text-link{
    position:static !important;
    inset:auto !important;
    display:inline-flex !important;
    width:auto !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    color:#e31625 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    font-size:.92rem !important;
    font-weight:900 !important;
    line-height:1.35 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    text-decoration:none !important;
}
.home-consistency-v2 .price-grid .price-card.home-quick-card-refined .home-service-text-link:hover,
.home-consistency-v2 .price-grid .price-card.home-quick-card-refined .home-service-text-link:focus-visible{
    color:#ff5a14 !important;
    text-decoration:underline !important;
    text-underline-offset:4px !important;
}

.home-consistency-v2 .home-visual-list.home-modern-service-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
    margin-top:24px !important;
}
.home-consistency-v2 .home-visual-list.home-modern-service-grid .home-modern-service-pill{
    display:grid !important;
    grid-template-columns:8px minmax(0,1fr) 34px !important;
    align-items:center !important;
    gap:13px !important;
    min-height:68px !important;
    padding:14px 16px !important;
    border:1px solid #ffd0d5 !important;
    border-radius:16px !important;
    background:linear-gradient(135deg,#fff 0%,#fff5f6 100%) !important;
    color:#a90d19 !important;
    font-weight:900 !important;
    line-height:1.35 !important;
    text-decoration:none !important;
    box-shadow:0 10px 26px rgba(7,24,45,.06) !important;
}
.home-consistency-v2 .home-visual-list.home-modern-service-grid .home-modern-service-pill::before{
    content:"";
    width:8px;
    height:38px;
    border-radius:999px;
    background:linear-gradient(180deg,#ff8a18,#e31625);
    box-shadow:0 0 15px rgba(227,22,37,.15);
}
.home-consistency-v2 .home-visual-list.home-modern-service-grid .home-modern-service-label{
    min-width:0;
}
.home-consistency-v2 .home-visual-list.home-modern-service-grid .home-modern-service-arrow{
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#ff8a18,#e31625);
    color:#fff;
    box-shadow:0 8px 18px rgba(227,22,37,.2);
}
.home-consistency-v2 .home-visual-list.home-modern-service-grid .home-modern-service-pill:hover,
.home-consistency-v2 .home-visual-list.home-modern-service-grid .home-modern-service-pill:focus-visible{
    transform:translateY(-2px);
    border-color:#ffadb5 !important;
    box-shadow:0 16px 34px rgba(7,24,45,.1),0 0 22px rgba(227,22,37,.08) !important;
}

@media(max-width:680px){
    .home-consistency-v2 .price-grid .price-card.home-quick-card-refined{
        grid-template-columns:52px minmax(0,1fr) !important;
        padding:20px !important;
    }
    .home-consistency-v2 .price-grid .price-card.home-quick-card-refined > .price-icon{
        width:48px !important;
        height:48px !important;
    }
    .home-consistency-v2 .price-grid .price-card.home-quick-card-refined > .home-card-action-row{
        margin-top:12px !important;
    }
    .home-consistency-v2 .home-visual-list.home-modern-service-grid{
        grid-template-columns:1fr !important;
    }
}


/* Area hub, homepage icon and footer symmetry refinement */

/* Areas hub introduction */
.gauteng-intro-grid{
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr) !important;
    align-items:center !important;
    gap:46px !important;
}
.gauteng-intro-image{
    margin:0;
    overflow:hidden;
    border:1px solid #d8e3ef;
    border-radius:24px;
    background:#fff;
    box-shadow:0 24px 54px rgba(7,24,45,.12);
}
.gauteng-intro-image picture,
.gauteng-intro-image img{
    display:block;
    width:100%;
}
.gauteng-intro-image img{
    aspect-ratio:4/3;
    object-fit:cover;
}
.gauteng-intro-image figcaption{
    padding:15px 18px 17px;
    color:#52657d;
    font-size:.9rem;
    line-height:1.55;
}
.gauteng-property-cards-horizontal{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:20px !important;
    margin-top:34px !important;
}
.gauteng-property-cards-horizontal article{
    height:100%;
    padding:24px !important;
    border:1px solid #d9e4ef;
    border-top:4px solid #e31625;
    border-radius:20px;
    background:#fff;
    box-shadow:0 16px 36px rgba(7,24,45,.08);
}
.gauteng-property-cards-horizontal article:nth-child(2){border-top-color:#ff7a18;}
.gauteng-property-cards-horizontal article:nth-child(3){border-top-color:#1674c9;}
.gauteng-property-icon{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    margin-bottom:14px;
    border:1px solid #dbe6f1;
    border-radius:14px;
    background:#f7faff;
}
.gauteng-property-icon svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:#e31625;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.gauteng-property-cards-horizontal article:nth-child(2) .gauteng-property-icon svg{stroke:#ff6a13;}
.gauteng-property-cards-horizontal article:nth-child(3) .gauteng-property-icon svg{stroke:#1674c9;}

/* Homepage service icon consistency */
.home-page .service-card .modern-line-icon svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:#f01425;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* Dark navy text in the four modern homepage service boxes */
.home-consistency-v2 .home-visual-list.home-modern-service-grid .home-modern-service-pill,
.home-consistency-v2 .home-modern-service-pill,
.home-consistency-v2 .home-modern-service-label{
    color:#10213b !important;
}

/* Footer balanced service navigation */
.production-footer .footer-grid{
    grid-template-columns:1.05fr .58fr 1.55fr .92fr !important;
    gap:42px !important;
}
.production-footer .footer-service-columns-balanced{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:26px;
    align-items:start;
}
.production-footer .footer-service-column h5,
.production-footer .footer-social h5{
    margin:0 0 12px;
    color:#ffabb0;
    font-size:.76rem;
    line-height:1.35;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.production-footer .footer-service-column a{
    display:block;
    margin:7px 0;
    line-height:1.42;
}
.production-footer .footer-view-all-services{
    margin-top:13px !important;
    padding-top:11px;
    border-top:1px solid rgba(255,255,255,.12);
    color:#fff !important;
    font-weight:900 !important;
}
.production-footer .footer-view-all-services span{
    color:#ff7a18;
}
.production-footer .footer-social{
    margin-top:22px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.12);
}
.production-footer .footer-social-links{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
}
.production-footer .footer-social-links a{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.16);
    border-radius:12px;
    background:rgba(255,255,255,.06);
    color:#fff;
    transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.production-footer .footer-social-links a:hover,
.production-footer .footer-social-links a:focus-visible{
    transform:translateY(-2px);
    background:linear-gradient(135deg,#ff7a18,#e31625);
    border-color:transparent;
}
.production-footer .footer-social-links svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.production-footer .footer-social-links a:first-child svg,
.production-footer .footer-social-links a:nth-child(3) svg{
    fill:currentColor;
    stroke:none;
}

@media(max-width:1100px){
    .gauteng-intro-grid{
        grid-template-columns:1fr !important;
    }
    .gauteng-intro-image{
        max-width:780px;
    }
    .production-footer .footer-grid{
        grid-template-columns:1fr 1fr !important;
    }
}
@media(max-width:820px){
    .gauteng-property-cards-horizontal{
        grid-template-columns:1fr !important;
    }
}
@media(max-width:700px){
    .production-footer .footer-grid{
        grid-template-columns:1fr !important;
    }
    .production-footer .footer-service-columns-balanced{
        grid-template-columns:1fr !important;
        gap:24px;
    }
}


/* Areas balance and footer orange refinement */

/* Match footer subheadings to the orange used in the logo */
.production-footer .footer-service-column h5,
.production-footer .footer-social h5{
    color:#ff7a18 !important;
}

/* Balance the intro image against richer content */
.gauteng-intro-grid{
    align-items:stretch !important;
}
.gauteng-intro-grid > :first-child{
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.gauteng-intro-subheading{
    margin:24px 0 8px;
    color:#10213b;
    font-size:1.05rem;
    line-height:1.4;
}
.gauteng-intro-subheading + p{
    margin-top:0;
}
.gauteng-intro-image{
    align-self:stretch;
    display:flex;
    flex-direction:column;
}
.gauteng-intro-image picture{
    flex:1 1 auto;
    min-height:0;
}
.gauteng-intro-image img{
    height:100%;
    min-height:560px;
    aspect-ratio:auto !important;
    object-fit:cover;
    object-position:center;
}

/* Keep the property-type cards centered and comfortably sized */
.gauteng-property-cards-horizontal{
    width:min(1180px,calc(100% - 48px)) !important;
    margin:38px auto 0 !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:22px !important;
}
.gauteng-property-cards-horizontal article{
    max-width:100%;
    padding:26px !important;
}

/* Premium area card icons */
.gauteng-property-icon-premium{
    width:58px !important;
    height:58px !important;
    padding:0 !important;
    overflow:hidden;
    border-radius:18px !important;
    border:1px solid rgba(7,24,45,.10) !important;
    background:linear-gradient(145deg,#14243c,#081526) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 12px 28px rgba(7,24,45,.18),
        0 0 22px rgba(255,106,19,.12) !important;
}
.gauteng-property-icon-premium svg{
    width:50px !important;
    height:50px !important;
    stroke:none !important;
}

@media(max-width:1100px){
    .gauteng-intro-image img{
        min-height:460px;
    }
    .gauteng-property-cards-horizontal{
        width:min(920px,calc(100% - 40px)) !important;
    }
}
@media(max-width:820px){
    .gauteng-property-cards-horizontal{
        width:min(680px,calc(100% - 32px)) !important;
        grid-template-columns:1fr !important;
    }
    .gauteng-intro-image img{
        min-height:360px;
        height:auto;
        aspect-ratio:16/10 !important;
    }
}
@media(max-width:520px){
    .gauteng-property-cards-horizontal{
        width:calc(100% - 24px) !important;
    }
}


/* Final Areas image, premium service icons and social icon correction */

/* Show the complete electrician image instead of stretching and cropping it */
.gauteng-intro-image{
    align-self:start !important;
    height:auto !important;
}
.gauteng-intro-image picture{
    display:block !important;
    flex:none !important;
}
.gauteng-intro-image img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:3/2 !important;
    object-fit:cover !important;
    object-position:center center !important;
}

/* Premium lightning icons for every card in the Gauteng services grid */
.gauteng-service-grid > article > .gauteng-service-premium-icon{
    width:58px !important;
    height:58px !important;
    display:grid !important;
    place-items:center !important;
    margin-bottom:16px !important;
    padding:0 !important;
    overflow:hidden !important;
    border:1px solid rgba(7,24,45,.12) !important;
    border-radius:18px !important;
    background:
        radial-gradient(circle at 30% 24%,rgba(255,255,255,.14),transparent 36%),
        linear-gradient(145deg,#17243a 0%,#081526 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 14px 30px rgba(7,24,45,.18),
        0 0 24px rgba(255,106,19,.12) !important;
}
.gauteng-service-grid .gauteng-premium-bolt-svg{
    width:50px !important;
    height:50px !important;
    display:block !important;
}
.gauteng-service-grid .gauteng-premium-bolt-hex{
    fill:#ff6a13;
}
.gauteng-service-grid .gauteng-service-premium-icon-2 .gauteng-premium-bolt-hex{
    fill:#ff8a18;
}
.gauteng-service-grid .gauteng-service-premium-icon-3 .gauteng-premium-bolt-hex{
    fill:#e31625;
}
.gauteng-service-grid .gauteng-premium-bolt-ring{
    fill:none;
    stroke:#fff;
    stroke-width:3;
}
.gauteng-service-grid .gauteng-premium-bolt-mark{
    fill:#fff;
    stroke:#0a1730;
    stroke-width:1.4;
    stroke-linejoin:round;
}

/* Clean brand icon rendering in the footer */
.production-footer .footer-social-links svg{
    width:21px !important;
    height:21px !important;
    display:block !important;
}
.production-footer .footer-social-links a[aria-label*="Pinterest"] svg circle,
.production-footer .footer-social-links a[aria-label*="WhatsApp"] svg > path:first-child{
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.7 !important;
}
.production-footer .footer-social-links a[aria-label*="Pinterest"] svg path{
    fill:currentColor !important;
    stroke:none !important;
}
.production-footer .footer-social-links a[aria-label*="WhatsApp"] svg > path:last-child{
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.45 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}

@media(max-width:820px){
    .gauteng-intro-image img{
        aspect-ratio:16/10 !important;
    }
}


/* Exact Areas-page layout requested: horizontal image + homepage-style bolt icons */

/* Horizontal image above the content */
.gauteng-intro-image-horizontal{
    width:min(1180px,calc(100% - 48px)) !important;
    margin:0 auto 36px !important;
    overflow:hidden !important;
    border-radius:24px !important;
    border:1px solid #d8e3ef !important;
    background:#fff !important;
    box-shadow:0 24px 54px rgba(7,24,45,.12) !important;
}
.gauteng-intro-image-horizontal picture{
    display:block !important;
    width:100% !important;
}
.gauteng-intro-image-horizontal img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:16/6 !important;
    object-fit:cover !important;
    object-position:center 38% !important;
}
.gauteng-intro-image-horizontal figcaption{
    padding:14px 18px 16px !important;
    color:#53667e !important;
    font-size:.9rem !important;
    line-height:1.5 !important;
}

/* Intro copy aligned to the same page container */
.gauteng-intro-content-only{
    width:min(1180px,calc(100% - 48px)) !important;
    margin:0 auto !important;
    display:block !important;
}
.gauteng-intro-content-only > *{
    max-width:920px;
}

/* Three electrician cards aligned with the page layout */
.gauteng-property-cards-horizontal{
    width:min(1180px,calc(100% - 48px)) !important;
    margin:36px auto 0 !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:22px !important;
}
.gauteng-property-cards-horizontal article{
    width:100% !important;
    min-width:0 !important;
}

/* Exact homepage-style premium bolt icon */
.homepage-style-bolt-icon{
    width:48px !important;
    height:48px !important;
    display:grid !important;
    place-items:center !important;
    flex:0 0 48px !important;
    padding:0 !important;
    margin-bottom:16px !important;
    border:1px solid #d7e5f4 !important;
    border-radius:14px !important;
    background:linear-gradient(145deg,#f8fbff 0%,#edf5ff 100%) !important;
    box-shadow:0 10px 24px rgba(7,24,45,.08) !important;
    overflow:visible !important;
}
.homepage-style-bolt-icon svg{
    width:25px !important;
    height:25px !important;
    display:block !important;
    fill:none !important;
    stroke:#f01425 !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}
.gauteng-property-cards-horizontal .homepage-style-bolt-icon,
.gauteng-service-grid .homepage-style-bolt-icon{
    background:linear-gradient(145deg,#f8fbff 0%,#edf5ff 100%) !important;
}

/* Remove prior dark-icon overrides */
.gauteng-property-icon-premium,
.gauteng-service-premium-icon{
    background:linear-gradient(145deg,#f8fbff 0%,#edf5ff 100%) !important;
    border:1px solid #d7e5f4 !important;
    box-shadow:0 10px 24px rgba(7,24,45,.08) !important;
}

/* Services grid uses the same icon treatment */
.gauteng-service-grid > article > .gauteng-service-home-icon{
    margin-bottom:16px !important;
}

/* Keep the whole areas service section aligned */
.gauteng-service-grid{
    width:min(1180px,calc(100% - 48px)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

@media(max-width:900px){
    .gauteng-intro-image-horizontal,
    .gauteng-intro-content-only,
    .gauteng-property-cards-horizontal,
    .gauteng-service-grid{
        width:min(100% - 32px,760px) !important;
    }
    .gauteng-intro-image-horizontal img{
        aspect-ratio:16/8 !important;
        object-position:center center !important;
    }
}
@media(max-width:760px){
    .gauteng-property-cards-horizontal{
        grid-template-columns:1fr !important;
    }
}
@media(max-width:520px){
    .gauteng-intro-image-horizontal,
    .gauteng-intro-content-only,
    .gauteng-property-cards-horizontal,
    .gauteng-service-grid{
        width:calc(100% - 24px) !important;
    }
    .gauteng-intro-image-horizontal img{
        aspect-ratio:16/10 !important;
    }
}


/* Areas page final container alignment */
.areas-primary-container{
    width:min(1180px,calc(100% - 48px)) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
}
.gauteng-intro-image-horizontal.areas-primary-container{
    margin-top:0 !important;
    margin-bottom:36px !important;
}
.gauteng-intro-content-only.areas-primary-container{
    display:block !important;
    margin-top:0 !important;
}
.gauteng-intro-content-only.areas-primary-container > *,
.gauteng-intro-content-only .areas-intro-content-block{
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
}
.gauteng-property-cards-horizontal.areas-primary-container{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:22px !important;
    margin-top:36px !important;
    margin-bottom:0 !important;
}
.gauteng-property-cards-horizontal.areas-primary-container article{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box !important;
}
.gauteng-service-grid{
    width:min(1180px,calc(100% - 48px)) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
}

/* Prevent older Areas rules from narrowing or offsetting the same elements */
.gauteng-intro-image-horizontal,
.gauteng-intro-content-only,
.gauteng-property-cards-horizontal{
    left:auto !important;
    right:auto !important;
    transform:none !important;
}

@media(max-width:900px){
    .areas-primary-container,
    .gauteng-service-grid{
        width:min(760px,calc(100% - 32px)) !important;
    }
}
@media(max-width:760px){
    .gauteng-property-cards-horizontal.areas-primary-container{
        grid-template-columns:1fr !important;
    }
}
@media(max-width:520px){
    .areas-primary-container,
    .gauteng-service-grid{
        width:calc(100% - 24px) !important;
    }
}


/* FINAL AREAS TOP-SECTION ALIGNMENT
   Match the exact width used by the website's standard .container.
   This applies only to the horizontal image, intro copy and three
   electrician cards directly below the Areas hero. */
.gauteng-intro-image-horizontal.areas-primary-container,
.gauteng-intro-content-only.areas-primary-container,
.gauteng-property-cards-horizontal.areas-primary-container{
    width:min(100% - 56px,var(--max)) !important;
    max-width:var(--max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
}

.gauteng-intro-image-horizontal.areas-primary-container{
    margin-top:0 !important;
    margin-bottom:38px !important;
}

.gauteng-intro-image-horizontal.areas-primary-container picture,
.gauteng-intro-image-horizontal.areas-primary-container img{
    width:100% !important;
}

.gauteng-intro-image-horizontal.areas-primary-container img{
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center !important;
}

.gauteng-intro-content-only.areas-primary-container{
    display:block !important;
    margin-top:0 !important;
}

.gauteng-intro-content-only.areas-primary-container > *,
.gauteng-intro-content-only.areas-primary-container .areas-intro-content-block{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
}

.gauteng-property-cards-horizontal.areas-primary-container{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:22px !important;
    margin-top:38px !important;
    margin-bottom:0 !important;
}

.gauteng-property-cards-horizontal.areas-primary-container article{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box !important;
}

@media(max-width:1020px){
    .gauteng-intro-image-horizontal.areas-primary-container,
    .gauteng-intro-content-only.areas-primary-container,
    .gauteng-property-cards-horizontal.areas-primary-container{
        width:min(100% - 40px,var(--max)) !important;
    }
}

@media(max-width:760px){
    .gauteng-property-cards-horizontal.areas-primary-container{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:680px){
    .gauteng-intro-image-horizontal.areas-primary-container,
    .gauteng-intro-content-only.areas-primary-container,
    .gauteng-property-cards-horizontal.areas-primary-container{
        width:min(100% - 28px,var(--max)) !important;
    }
}


/* Areas intro heading and copy full-width correction */
.gauteng-intro-content-only.areas-primary-container .areas-intro-full-width{
    width:100% !important;
    max-width:none !important;
    display:block !important;
}
.gauteng-intro-content-only.areas-primary-container .areas-intro-full-width > *{
    width:auto !important;
    max-width:none !important;
}
.gauteng-intro-content-only.areas-primary-container .areas-intro-full-width h1,
.gauteng-intro-content-only.areas-primary-container .areas-intro-full-width h2{
    max-width:1100px !important;
}
.gauteng-intro-content-only.areas-primary-container .areas-intro-full-width p{
    max-width:none !important;
}


/* MOBILE HEADER CORRECTION — preserve original menu and burger */
.mobile-nav-extras{display:none;}

@media(max-width:1100px){
  /* Mobile header contains only logo and original burger button */
  .topbar{display:none!important;}

  .production-site-header .container.header-inner{
    min-height:64px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }

  .production-site-header .production-logo img{
    width:195px!important;
    max-width:calc(100vw - 88px)!important;
  }

  .production-site-header .header-actions{
    margin-left:auto!important;
    gap:0!important;
  }

  .production-site-header .header-actions > a,
  .production-site-header .header-actions > .btn,
  .production-site-header .header-actions > .icon-btn,
  .production-site-header .header-actions > .header-trust-badge{
    display:none!important;
  }

  /* Restore the original approved burger appearance */
  .production-site-header .menu-toggle{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:4px!important;
    width:44px!important;
    height:44px!important;
    padding:0!important;
    border:0!important;
    border-radius:12px!important;
    background:#f3f7fb!important;
    box-shadow:none!important;
  }

  .production-site-header .menu-toggle span{
    width:21px!important;
    height:2px!important;
    margin:0 auto!important;
    background:#0b1527!important;
    border-radius:4px!important;
  }

  /* Keep the old dropdown menu size and placement */
  .production-site-header .nav{
    position:absolute!important;
    top:100%!important;
    left:16px!important;
    right:16px!important;
    bottom:auto!important;
    width:auto!important;
    max-height:calc(100vh - 82px)!important;
    overflow-y:auto!important;
    padding:14px!important;
    margin:0!important;
    border:1px solid rgba(15,23,42,.10)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 18px 38px rgba(15,23,42,.14)!important;
  }

  .production-site-header .nav.open{
    display:block!important;
  }

  .mobile-nav-extras{
    display:block!important;
    margin-top:14px!important;
    padding-top:16px!important;
    border-top:1px solid #e2e8f0!important;
  }

  .mobile-nav-actions{
    display:grid!important;
    gap:9px!important;
  }

  .mobile-nav-action{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:46px!important;
    padding:10px 14px!important;
    border-radius:12px!important;
    color:#fff!important;
    font-weight:900!important;
    text-decoration:none!important;
  }

  .mobile-nav-call{background:linear-gradient(135deg,#f01425,#c90d1e)!important;}
  .mobile-nav-whatsapp{background:linear-gradient(135deg,#08bf55,#009b43)!important;}
  .mobile-nav-fee{
    gap:8px!important;
    background:linear-gradient(135deg,#10233f,#081727)!important;
  }
  .mobile-nav-fee span{
    width:24px!important;
    height:24px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    background:linear-gradient(135deg,#ff8a18,#e31625)!important;
  }

  .mobile-nav-social{
    margin-top:16px!important;
  }
  .mobile-nav-social > span{
    display:block!important;
    margin-bottom:10px!important;
    color:#ff7a18!important;
    font-size:.75rem!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }
  .mobile-nav-social > div{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:9px!important;
  }
  .mobile-nav-social a{
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #dbe5ef!important;
    border-radius:12px!important;
    background:#f5f8fc!important;
    color:#10213b!important;
  }
  .mobile-nav-social svg{
    width:20px!important;
    height:20px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.7!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .mobile-nav-social a:first-child svg path{
    fill:currentColor!important;
    stroke:none!important;
  }
}

@media(max-width:520px){
  .production-site-header .container.header-inner{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .production-site-header .production-logo img{
    width:180px!important;
    max-width:calc(100vw - 78px)!important;
  }
  .production-site-header .nav{
    left:10px!important;
    right:10px!important;
    max-height:calc(100vh - 74px)!important;
  }
}


/* MOBILE MENU SIMPLIFICATION */
.mobile-nav-brand-social{display:none;}

@media(max-width:1100px){
  /* Keep the original compact mobile header */
  .production-site-header .nav{
    left:50%!important;
    right:auto!important;
    width:min(520px,calc(100vw - 28px))!important;
    transform:translateX(-50%)!important;
    padding:14px 14px 16px!important;
  }

  /* Compact the quote CTA inside the Services accordion */
  .production-site-header .services-mega-footer{
    padding:14px!important;
  }

  .production-site-header .services-mega-footer .mega-quote{
    width:auto!important;
    min-width:0!important;
    min-height:42px!important;
    display:inline-flex!important;
    padding:10px 15px!important;
    margin-top:10px!important;
    border-radius:11px!important;
  }

  /* Divider, small linked logo, then social icons */
  .mobile-nav-brand-social{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:13px!important;
    margin-top:16px!important;
    padding-top:17px!important;
    border-top:1px solid #dfe7f0!important;
  }

  .mobile-nav-logo{
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }

  .mobile-nav-logo img{
    display:block!important;
    width:150px!important;
    max-width:48vw!important;
    height:auto!important;
  }

  .mobile-nav-social-links{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:9px!important;
  }

  .mobile-nav-social-links a{
    width:40px!important;
    height:40px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
    border:1px solid #d9e4ef!important;
    border-radius:11px!important;
    background:#f5f8fc!important;
    color:#10213b!important;
  }

  .mobile-nav-social-links a:hover,
  .mobile-nav-social-links a:focus-visible{
    background:#fff0f1!important;
    color:#e31625!important;
  }

  .mobile-nav-social-links svg{
    width:20px!important;
    height:20px!important;
    display:block!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.7!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  .mobile-nav-social-links a[aria-label="Facebook"] svg path{
    fill:currentColor!important;
    stroke:none!important;
  }

  .mobile-nav-social-links a[aria-label="Pinterest"] svg circle,
  .mobile-nav-social-links a[aria-label="WhatsApp"] svg > path:first-child{
    fill:none!important;
    stroke:currentColor!important;
  }

  .mobile-nav-social-links a[aria-label="Pinterest"] svg path{
    fill:none!important;
    stroke:currentColor!important;
  }

  .mobile-nav-social-links a[aria-label="WhatsApp"] svg > path:last-child{
    fill:none!important;
    stroke:currentColor!important;
  }
}

@media(max-width:520px){
  .production-site-header .nav{
    width:calc(100vw - 20px)!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }

  .mobile-nav-logo img{
    width:138px!important;
  }
}


/* Branded Facebook, Pinterest and WhatsApp social icons */
.footer-social-links .brand-social-icon-link,
.mobile-nav-social-links .brand-social-icon-link,
.mobile-menu-social-links .brand-social-icon-link{
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

.footer-social-links .brand-social-icon-link img,
.mobile-nav-social-links .brand-social-icon-link img,
.mobile-menu-social-links .brand-social-icon-link img{
    display:block !important;
    width:42px !important;
    height:42px !important;
    object-fit:contain !important;
    border-radius:50% !important;
    filter:drop-shadow(0 5px 10px rgba(35,25,80,.16));
    transition:transform .2s ease,filter .2s ease;
}

.footer-social-links .brand-social-icon-link:hover img,
.footer-social-links .brand-social-icon-link:focus-visible img,
.mobile-nav-social-links .brand-social-icon-link:hover img,
.mobile-nav-social-links .brand-social-icon-link:focus-visible img,
.mobile-menu-social-links .brand-social-icon-link:hover img,
.mobile-menu-social-links .brand-social-icon-link:focus-visible img{
    transform:translateY(-2px) scale(1.04);
    filter:drop-shadow(0 8px 15px rgba(35,25,80,.22));
}

@media(max-width:700px){
    .mobile-nav-social-links .brand-social-icon-link img,
    .mobile-menu-social-links .brand-social-icon-link img{
        width:40px !important;
        height:40px !important;
    }
}


/* Final social-icon alignment and consistency */

/* Footer: center the social heading and icon row beneath the brand column */
.production-footer .footer-social{
    text-align:center !important;
}
.production-footer .footer-social h5{
    text-align:center !important;
}
.production-footer .footer-social-links{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:12px !important;
}

/* Mobile menu: center small logo and social row */
.mobile-nav-brand-social{
    align-items:center !important;
    text-align:center !important;
}
.mobile-nav-logo{
    justify-content:center !important;
}
.mobile-nav-social-links{
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
}

/* One identical outer shape for all four social links */
.production-footer .footer-social-links a,
.mobile-nav-social-links a,
.mobile-menu-social-links a{
    width:44px !important;
    height:44px !important;
    flex:0 0 44px !important;
    display:grid !important;
    place-items:center !important;
    padding:0 !important;
    margin:0 !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.07) !important;
    box-shadow:0 7px 18px rgba(0,0,0,.14) !important;
    overflow:hidden !important;
}

/* Mobile menu uses a light circular shell */
.mobile-nav-social-links a,
.mobile-menu-social-links a{
    border-color:#d9e4ef !important;
    background:#f6f9fd !important;
    box-shadow:0 7px 16px rgba(7,24,45,.09) !important;
}

/* Branded image icons fit inside the same circle */
.production-footer .footer-social-links .brand-social-icon-link img,
.mobile-nav-social-links .brand-social-icon-link img,
.mobile-menu-social-links .brand-social-icon-link img{
    width:38px !important;
    height:38px !important;
    border-radius:50% !important;
    object-fit:contain !important;
    filter:none !important;
    transform:none !important;
}

/* Instagram SVG receives the same centered scale as branded images */
.production-footer .footer-social-links a[aria-label="Instagram"] svg,
.mobile-nav-social-links a[aria-label="Instagram"] svg,
.mobile-menu-social-links a[aria-label="Instagram"] svg{
    width:23px !important;
    height:23px !important;
    display:block !important;
    margin:auto !important;
}

/* Consistent hover behavior */
.production-footer .footer-social-links a:hover,
.production-footer .footer-social-links a:focus-visible,
.mobile-nav-social-links a:hover,
.mobile-nav-social-links a:focus-visible,
.mobile-menu-social-links a:hover,
.mobile-menu-social-links a:focus-visible{
    transform:translateY(-2px) !important;
    border-color:rgba(255,122,24,.7) !important;
    box-shadow:0 10px 22px rgba(0,0,0,.18),0 0 16px rgba(255,122,24,.14) !important;
}

@media(max-width:700px){
    .production-footer .footer-social-links,
    .mobile-nav-social-links,
    .mobile-menu-social-links{
        gap:10px !important;
    }
    .production-footer .footer-social-links a,
    .mobile-nav-social-links a,
    .mobile-menu-social-links a{
        width:42px !important;
        height:42px !important;
        flex-basis:42px !important;
    }
    .production-footer .footer-social-links .brand-social-icon-link img,
    .mobile-nav-social-links .brand-social-icon-link img,
    .mobile-menu-social-links .brand-social-icon-link img{
        width:36px !important;
        height:36px !important;
    }
}


/* Exact supplied social icons and mobile-menu alignment */

/* All four supplied icons use the same visual size */
.footer-social-links .brand-social-icon-link img,
.mobile-nav-social-links .brand-social-icon-link img,
.mobile-menu-social-links .brand-social-icon-link img{
    display:block !important;
    width:40px !important;
    height:40px !important;
    object-fit:contain !important;
    border-radius:50% !important;
    filter:none !important;
}

/* Keep footer row centered */
.production-footer .footer-social-links{
    justify-content:center !important;
}

/* Mobile dropdown slightly narrower */
@media(max-width:1100px){
    .production-site-header .nav{
        width:min(470px,calc(100vw - 40px)) !important;
    }

    /* Align logo and social icons with menu-item left edge */
    .mobile-nav-brand-social{
        align-items:flex-start !important;
        text-align:left !important;
        padding-left:14px !important;
        padding-right:14px !important;
    }

    .mobile-nav-logo{
        justify-content:flex-start !important;
        margin-left:0 !important;
    }

    .mobile-nav-social-links{
        justify-content:flex-start !important;
        width:auto !important;
    }

    .mobile-nav-logo img{
        width:145px !important;
    }

    .mobile-nav-social-links a{
        width:42px !important;
        height:42px !important;
        flex-basis:42px !important;
    }

    .mobile-nav-social-links .brand-social-icon-link img{
        width:38px !important;
        height:38px !important;
    }
}

@media(max-width:520px){
    .production-site-header .nav{
        width:calc(100vw - 28px) !important;
    }

    .mobile-nav-brand-social{
        padding-left:10px !important;
        padding-right:10px !important;
    }

    .mobile-nav-logo img{
        width:138px !important;
    }
}


/* FINAL EXACT SOCIAL ICON ALIGNMENT
   Use the supplied Illustrator assets directly with no extra shell. */
.production-footer .footer-social-links,
.mobile-nav-social-links,
.mobile-menu-social-links{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}

.production-footer .footer-social-links{
    justify-content:center !important;
}

.mobile-nav-social-links,
.mobile-menu-social-links{
    justify-content:flex-start !important;
}

.production-footer .footer-social-links .final-social-icon-link,
.mobile-nav-social-links .final-social-icon-link,
.mobile-menu-social-links .final-social-icon-link{
    width:48px !important;
    height:48px !important;
    flex:0 0 48px !important;
    display:grid !important;
    place-items:center !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
}

.production-footer .footer-social-links .final-social-icon-link img,
.mobile-nav-social-links .final-social-icon-link img,
.mobile-menu-social-links .final-social-icon-link img{
    display:block !important;
    width:48px !important;
    height:48px !important;
    max-width:none !important;
    object-fit:contain !important;
    border-radius:0 !important;
    filter:none !important;
    transform:none !important;
}

.production-footer .footer-social-links .final-social-icon-link:hover,
.production-footer .footer-social-links .final-social-icon-link:focus-visible,
.mobile-nav-social-links .final-social-icon-link:hover,
.mobile-nav-social-links .final-social-icon-link:focus-visible,
.mobile-menu-social-links .final-social-icon-link:hover,
.mobile-menu-social-links .final-social-icon-link:focus-visible{
    transform:translateY(-2px) !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

.production-footer .footer-social-links .final-social-icon-link:hover img,
.production-footer .footer-social-links .final-social-icon-link:focus-visible img,
.mobile-nav-social-links .final-social-icon-link:hover img,
.mobile-nav-social-links .final-social-icon-link:focus-visible img,
.mobile-menu-social-links .final-social-icon-link:hover img,
.mobile-menu-social-links .final-social-icon-link:focus-visible img{
    transform:scale(1.04) !important;
}

@media(max-width:700px){
    .production-footer .footer-social-links .final-social-icon-link,
    .mobile-nav-social-links .final-social-icon-link,
    .mobile-menu-social-links .final-social-icon-link,
    .production-footer .footer-social-links .final-social-icon-link img,
    .mobile-nav-social-links .final-social-icon-link img,
    .mobile-menu-social-links .final-social-icon-link img{
        width:44px !important;
        height:44px !important;
        flex-basis:44px !important;
    }
}


/* FINAL MOBILE MENU POSITION AND FOOTER SOCIAL ALIGNMENT */

/* Footer social content aligns with the brand column on all screen sizes */
.production-footer .footer-social,
.production-footer .footer-social h5{
    text-align:left !important;
}

.production-footer .footer-social-links{
    justify-content:flex-start !important;
    align-items:center !important;
}

/* Mobile dropdown anchors beneath the burger on the right */
@media(max-width:1100px){
    .production-site-header .nav{
        left:auto !important;
        right:14px !important;
        width:min(470px,calc(100vw - 28px)) !important;
        max-width:470px !important;
        transform:none !important;
        margin:0 !important;
    }

    .mobile-nav-brand-social{
        align-items:flex-start !important;
        text-align:left !important;
    }

    .mobile-nav-logo,
    .mobile-nav-social-links{
        justify-content:flex-start !important;
    }
}

@media(max-width:520px){
    .production-site-header .nav{
        right:10px !important;
        width:calc(100vw - 20px) !important;
        max-width:none !important;
    }
}


/* FINAL MOBILE BURGER AND HOMEPAGE CTA REFINEMENT */

/* Orange burger while closed; dark navy on hover and while open */
@media(max-width:1100px){
  .production-site-header .menu-toggle{
    background:linear-gradient(135deg,#ff8a18 0%,#ff5a14 55%,#e31625 100%) !important;
    border:1px solid rgba(255,106,19,.42) !important;
    box-shadow:
      0 10px 24px rgba(227,22,37,.20),
      0 0 18px rgba(255,122,24,.17) !important;
  }

  .production-site-header .menu-toggle span{
    background:#fff !important;
  }

  .production-site-header .menu-toggle:hover,
  .production-site-header .menu-toggle:focus-visible,
  .production-site-header .menu-toggle.active,
  .production-site-header .menu-toggle[aria-expanded="true"]{
    background:linear-gradient(135deg,#10233f 0%,#081727 100%) !important;
    border-color:#10233f !important;
    box-shadow:
      0 12px 28px rgba(7,24,45,.28),
      0 0 18px rgba(16,35,63,.18) !important;
  }

  .production-site-header .menu-toggle:hover span,
  .production-site-header .menu-toggle:focus-visible span,
  .production-site-header .menu-toggle.active span,
  .production-site-header .menu-toggle[aria-expanded="true"] span{
    background:#fff !important;
  }
}

/* Home-page final CTA sits evenly between adjacent sections */
.home-final-cta-section{
  padding:72px 0 !important;
  margin:0 !important;
  background:
    radial-gradient(circle at 14% 18%,rgba(227,22,37,.13),transparent 32%),
    radial-gradient(circle at 88% 82%,rgba(255,122,24,.09),transparent 30%),
    linear-gradient(135deg,#071427 0%,#0b1d34 55%,#081525 100%) !important;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}

.home-final-cta-section > .container{
  display:flex;
  align-items:center;
  justify-content:center;
}

.home-final-cta-band{
  width:100% !important;
  margin:0 auto !important;
  background:linear-gradient(135deg,#f01425 0%,#d50f1c 48%,#a80c15 100%) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 30px 70px rgba(0,0,0,.28),
    0 0 38px rgba(227,22,37,.17),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.home-final-cta-band .hero-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:wrap !important;
  gap:12px !important;
}

.home-final-cta-band .hero-actions .btn{
  min-height:48px !important;
  padding:12px 19px !important;
  border-radius:13px !important;
  border:1px solid rgba(255,255,255,.16) !important;
}

.home-final-cta-band .hero-actions .btn.light,
.home-final-cta-band .hero-actions .btn.white{
  background:#fff !important;
  color:#e31625 !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.20),
    0 0 22px rgba(255,255,255,.16) !important;
}

.home-final-cta-band .hero-actions .btn.whatsapp{
  background:linear-gradient(135deg,#08c65b 0%,#00a847 100%) !important;
  color:#fff !important;
  box-shadow:
    0 12px 28px rgba(0,94,43,.30),
    0 0 26px rgba(0,210,92,.28) !important;
}

.home-final-cta-band .hero-actions .btn:hover,
.home-final-cta-band .hero-actions .btn:focus-visible{
  transform:translateY(-2px) !important;
}

@media(max-width:900px){
  .home-final-cta-section{
    padding:58px 0 !important;
  }

  .home-final-cta-band{
    align-items:flex-start !important;
  }

  .home-final-cta-band .hero-actions{
    justify-content:flex-start !important;
  }
}

@media(max-width:680px){
  .home-final-cta-section{
    padding:44px 0 !important;
  }

  .home-final-cta-band{
    padding:28px !important;
  }

  .home-final-cta-band .hero-actions{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
  }

  .home-final-cta-band .hero-actions .btn{
    width:auto !important;
    flex:0 1 auto !important;
    min-height:44px !important;
    padding:10px 14px !important;
  }
}


/* Working website form feedback and premium contact icons */
.form-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status{display:none;margin:0 0 18px;padding:14px 16px;border-radius:14px;font-weight:800;line-height:1.5}
.form-status.is-success{display:block;background:#e8f8ef;border:1px solid #a7dfbc;color:#086a31}
.form-status.is-error{display:block;background:#fff0f1;border:1px solid #f1b8bd;color:#a30e19}
form[data-ajax-form="true"] button[disabled]{cursor:wait;opacity:.72;transform:none!important}
.contact-premium-icon{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;flex:0 0 48px!important;margin:0!important;border:1px solid #d9e6f2!important;border-radius:15px!important;background:linear-gradient(145deg,#fff,#edf5ff)!important;color:#ed1726!important;box-shadow:0 10px 24px rgba(7,24,45,.09)!important;font-size:0!important}
.contact-premium-icon svg{width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.contact-quick-card .contact-premium-icon{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.2)!important;color:#fff!important;box-shadow:0 10px 26px rgba(0,0,0,.18)!important}
.contact-strip article>.contact-premium-icon{margin-bottom:14px!important}
.contact-info-stack>div>.contact-premium-icon{width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:13px!important}
.contact-info-stack>div>.contact-premium-icon svg{width:22px!important;height:22px!important}
.svc-icon.contact-premium-icon{margin-bottom:17px!important}
@media(max-width:680px){.contact-premium-icon{width:44px!important;height:44px!important;flex-basis:44px!important}.contact-premium-icon svg{width:23px!important;height:23px!important}}


/* Contact-page final CTA matched to the approved homepage CTA */
.contact-final-section.contact-home-style-cta-section{
    padding:72px 0 !important;
    margin:0 !important;
    background:
        radial-gradient(circle at 14% 18%,rgba(227,22,37,.13),transparent 32%),
        radial-gradient(circle at 88% 82%,rgba(255,122,24,.09),transparent 30%),
        linear-gradient(135deg,#071427 0%,#0b1d34 55%,#081525 100%) !important;
    border-top:1px solid rgba(255,255,255,.06) !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
}

.contact-final-section.contact-home-style-cta-section > .container{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.contact-final-card.contact-home-style-cta-band{
    width:100% !important;
    margin:0 auto !important;
    padding:38px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr) !important;
    gap:34px !important;
    align-items:center !important;
    border-radius:28px !important;
    background:linear-gradient(135deg,#f01425 0%,#d50f1c 48%,#a80c15 100%) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    box-shadow:
        0 30px 70px rgba(0,0,0,.28),
        0 0 38px rgba(227,22,37,.17),
        inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.contact-final-card.contact-home-style-cta-band h2{
    margin:7px 0 13px !important;
    color:#fff !important;
    font-size:clamp(2rem,3.2vw,3.3rem) !important;
    line-height:1.06 !important;
}

.contact-final-card.contact-home-style-cta-band p{
    margin:0 !important;
    max-width:840px !important;
    color:#fff !important;
    line-height:1.7 !important;
}

.contact-final-card.contact-home-style-cta-band .hero-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-wrap:wrap !important;
    gap:12px !important;
    margin:0 !important;
}

.contact-final-card.contact-home-style-cta-band .hero-actions .btn{
    min-height:48px !important;
    padding:12px 19px !important;
    border-radius:13px !important;
    border:1px solid rgba(255,255,255,.16) !important;
    transition:transform .2s ease,box-shadow .2s ease !important;
}

.contact-final-card.contact-home-style-cta-band .hero-actions .btn.light{
    background:#fff !important;
    color:#e31625 !important;
    box-shadow:
        0 12px 28px rgba(0,0,0,.20),
        0 0 22px rgba(255,255,255,.16) !important;
}

.contact-final-card.contact-home-style-cta-band .hero-actions .btn.whatsapp{
    background:linear-gradient(135deg,#08c65b 0%,#00a847 100%) !important;
    color:#fff !important;
    box-shadow:
        0 12px 28px rgba(0,94,43,.30),
        0 0 26px rgba(0,210,92,.28) !important;
}

.contact-final-card.contact-home-style-cta-band .hero-actions .btn:hover,
.contact-final-card.contact-home-style-cta-band .hero-actions .btn:focus-visible{
    transform:translateY(-2px) !important;
}

@media(max-width:900px){
    .contact-final-section.contact-home-style-cta-section{
        padding:58px 0 !important;
    }

    .contact-final-card.contact-home-style-cta-band{
        grid-template-columns:1fr !important;
        padding:32px !important;
    }

    .contact-final-card.contact-home-style-cta-band .hero-actions{
        justify-content:flex-start !important;
        margin-top:4px !important;
    }
}

@media(max-width:680px){
    .contact-final-section.contact-home-style-cta-section{
        padding:44px 0 !important;
    }

    .contact-final-card.contact-home-style-cta-band{
        padding:26px !important;
        border-radius:22px !important;
    }

    .contact-final-card.contact-home-style-cta-band .hero-actions{
        flex-direction:row !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:10px !important;
    }

    .contact-final-card.contact-home-style-cta-band .hero-actions .btn{
        width:auto !important;
        flex:0 1 auto !important;
        min-height:44px !important;
        padding:10px 14px !important;
    }
}


/* HOMEPAGE HEADER CONSISTENCY — use the approved shared header styles */
body.home-page .production-site-header .header-trust-badge{
  background:linear-gradient(135deg,#10233f 0%,#081727 100%)!important;
  color:#fff!important;
  border:1px solid rgba(16,35,63,.18)!important;
  box-shadow:0 11px 26px rgba(7,24,45,.22),0 0 18px rgba(16,35,63,.12)!important;
}
body.home-page .production-site-header .header-trust-badge *{color:inherit!important;}
body.home-page .production-site-header .services-mega-footer .mega-quote,
body.home-page .production-site-header .services-mega-footer .btn{
  background:linear-gradient(135deg,#ff7a18 0%,#f01425 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 12px 28px rgba(227,22,37,.24),0 0 24px rgba(255,122,24,.22)!important;
}
body.home-page .production-site-header .services-mega-footer .mega-quote:hover,
body.home-page .production-site-header .services-mega-footer .mega-quote:focus-visible,
body.home-page .production-site-header .services-mega-footer .btn:hover,
body.home-page .production-site-header .services-mega-footer .btn:focus-visible{
  transform:translateY(-2px)!important;
  box-shadow:0 16px 34px rgba(227,22,37,.28),0 0 30px rgba(255,122,24,.27)!important;
}
body.home-page .production-site-header .container.header-inner{
  width:min(100% - 56px,var(--max))!important;
  max-width:var(--max)!important;
  margin-inline:auto!important;
}
@media(max-width:1100px){body.home-page .production-site-header .container.header-inner{width:100%!important;max-width:none!important;}}

/* FINAL HOMEPAGE QUICK-CARD MOBILE FIX
   This override must remain at the end of the stylesheet because an older
   tablet rule was forcing the cards back into two columns on phones. */

@media(max-width:900px){
    body.home-page .quick-book .price-grid{
        grid-template-columns:1fr !important;
        gap:16px !important;
    }

    body.home-page .quick-book .price-card.home-quick-card-refined{
        width:100% !important;
        min-width:0 !important;
        display:grid !important;
        grid-template-columns:58px minmax(0,1fr) !important;
        grid-template-rows:auto auto !important;
        column-gap:16px !important;
        row-gap:0 !important;
        align-items:start !important;
        padding:20px !important;
        height:auto !important;
    }

    body.home-page .quick-book .price-card.home-quick-card-refined > .price-icon{
        grid-column:1 !important;
        grid-row:1 !important;
        width:52px !important;
        height:52px !important;
        min-width:52px !important;
        margin:0 !important;
        border-radius:15px !important;
    }

    body.home-page .quick-book .price-card.home-quick-card-refined > .price-icon svg{
        width:26px !important;
        height:26px !important;
    }

    body.home-page .quick-book .price-card.home-quick-card-refined > div:not(.price-icon):not(.home-card-action-row){
        grid-column:2 !important;
        grid-row:1 !important;
        width:100% !important;
        min-width:0 !important;
    }

    body.home-page .quick-book .price-card.home-quick-card-refined h3{
        margin:0 0 8px !important;
        font-size:1.15rem !important;
        line-height:1.28 !important;
        letter-spacing:-.015em !important;
        white-space:normal !important;
        overflow-wrap:normal !important;
        word-break:normal !important;
        hyphens:none !important;
    }

    body.home-page .quick-book .price-card.home-quick-card-refined p{
        margin:0 !important;
        font-size:.98rem !important;
        line-height:1.62 !important;
        white-space:normal !important;
        overflow-wrap:normal !important;
        word-break:normal !important;
        hyphens:none !important;
    }

    body.home-page .quick-book .price-card.home-quick-card-refined > .home-card-action-row{
        grid-column:2 !important;
        grid-row:2 !important;
        width:100% !important;
        min-width:0 !important;
        margin:14px 0 0 !important;
        padding:0 !important;
    }

    body.home-page .quick-book .price-card.home-quick-card-refined .home-service-text-link{
        display:inline-flex !important;
        width:auto !important;
        max-width:100% !important;
        margin:0 !important;
        padding:0 !important;
        font-size:.95rem !important;
        line-height:1.35 !important;
        white-space:normal !important;
        overflow-wrap:normal !important;
        word-break:normal !important;
        hyphens:none !important;
    }
}

@media(max-width:520px){
    body.home-page .quick-book{
        padding-top:30px !important;
    }

    body.home-page .quick-book .section-mini{
        margin-bottom:20px !important;
    }

    body.home-page .quick-book .price-card.home-quick-card-refined{
        grid-template-columns:50px minmax(0,1fr) !important;
        column-gap:13px !important;
        padding:17px !important;
        border-radius:18px !important;
    }

    body.home-page .quick-book .price-card.home-quick-card-refined > .price-icon{
        width:46px !important;
        height:46px !important;
        min-width:46px !important;
        border-radius:13px !important;
    }

    body.home-page .quick-book .price-card.home-quick-card-refined > .price-icon svg{
        width:23px !important;
        height:23px !important;
    }

    body.home-page .quick-book .price-card.home-quick-card-refined h3{
        font-size:1.08rem !important;
    }

    body.home-page .quick-book .price-card.home-quick-card-refined p{
        font-size:.94rem !important;
        line-height:1.58 !important;
    }

    body.home-page .quick-book .price-card.home-quick-card-refined > .home-card-action-row{
        margin-top:12px !important;
    }
}


/* CRITICAL LIVE RESPONSIVE FIX — viewport, breadcrumbs and desktop mega menu */

/* Keep the desktop mega menu fully inside the browser viewport. */
@media(min-width:1101px){
  .production-site-header .services-mega{
    position:fixed !important;
    top:var(--services-mega-top,104px) !important;
    left:50% !important;
    right:auto !important;
    width:min(920px,calc(100vw - 32px)) !important;
    max-width:920px !important;
    max-height:calc(100vh - var(--services-mega-top,104px) - 16px) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    transform:translate(-50%,-8px) !important;
    overscroll-behavior:contain !important;
  }
  .production-site-header .nav-services-item:hover .services-mega,
  .production-site-header .nav-services-item:focus-within .services-mega,
  .production-site-header .nav-services-item.mega-open .services-mega{
    transform:translate(-50%,0) !important;
  }
}

/* Breadcrumbs must never compress or overlap on phones. */
@media(max-width:760px){
  .site-breadcrumb-strip{
    overflow:hidden !important;
  }
  .site-breadcrumb-container{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .site-breadcrumb-list{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    gap:0 !important;
    padding:10px 0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    white-space:nowrap !important;
    font-size:.78rem !important;
    line-height:1.35 !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }
  .site-breadcrumb-list::-webkit-scrollbar{display:none !important;}
  .site-breadcrumb-list li{
    flex:0 0 auto !important;
    min-width:max-content !important;
    max-width:none !important;
    white-space:nowrap !important;
  }
  .site-breadcrumb-list li+li::before{
    flex:0 0 auto !important;
    margin-left:7px !important;
    margin-right:7px !important;
  }
  .site-breadcrumb-list a,
  .site-breadcrumb-list span{
    display:block !important;
    white-space:nowrap !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }
  .site-breadcrumb-list li:last-child span{
    max-width:62vw !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
}

/* Plug Points page mobile structure — the content remains unchanged. */
@media(max-width:900px){
  .plug-points-page .plug-points-hero-fixed-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  .plug-points-page .plug-points-hero-copy,
  .plug-points-page .plug-points-hero-side-card{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  .plug-points-page .plug-points-hero-copy h1{
    font-size:clamp(2rem,10vw,3rem) !important;
    line-height:1.04 !important;
  }
  .plug-points-page .plug-points-hero-copy p,
  .plug-points-page .plug-points-hero-copy .lead{
    font-size:1rem !important;
    line-height:1.62 !important;
  }
  .plug-points-page .plug-points-hero-side-card img{
    width:100% !important;
    height:auto !important;
    aspect-ratio:3/2 !important;
    object-fit:cover !important;
  }
  .plug-points-page .service-sidebar-layout,
  .plug-points-page .plug-points-media-wide,
  .plug-points-page .plug-points-media-wide.reverse,
  .plug-points-page .plug-points-wide-cta-section .wiring-inline-cta{
    grid-template-columns:1fr !important;
  }
  .plug-points-page .service-sidebar-card,
  .plug-points-page .service-sidebar-intro,
  .plug-points-page .service-main-content,
  .plug-points-page .content-section{
    min-width:0 !important;
    max-width:100% !important;
  }
}

@media(max-width:520px){
  .plug-points-page .service-hero{
    padding-top:34px !important;
    padding-bottom:34px !important;
  }
  .plug-points-page .hero-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:9px !important;
  }
  .plug-points-page .hero-actions .btn{
    width:auto !important;
    min-height:43px !important;
    padding:10px 13px !important;
    font-size:.86rem !important;
  }
}


/* DESKTOP MEGA-MENU POINTER BRIDGE
   Provides a larger invisible travel zone beneath the header trigger while
   JavaScript keeps the fixed menu open during pointer movement. */
@media(min-width:1101px){
  .production-site-header .nav-services-item::after{
    content:"";
    position:absolute;
    left:-34px;
    right:-34px;
    top:100%;
    height:34px;
    pointer-events:auto;
    background:transparent;
  }

  .production-site-header .services-mega::before{
    top:-34px !important;
    height:36px !important;
  }

  .production-site-header .nav-services-item.mega-open .services-mega{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translate(-50%,0) !important;
  }
}


/* FINAL MOBILE BREADCRUMB WRAPPING
   Breadcrumbs wrap onto additional lines without splitting words,
   overlapping links or extending beyond the viewport. */
@media(max-width:760px){
    .site-breadcrumb-strip,
    .breadcrumb-strip,
    .breadcrumbs,
    .breadcrumb{
        overflow:visible !important;
    }

    .site-breadcrumb-container,
    .breadcrumb-container{
        width:100% !important;
        max-width:100% !important;
        overflow:visible !important;
    }

    .site-breadcrumb-list,
    .breadcrumb-list,
    .breadcrumbs ol,
    .breadcrumb ol{
        display:flex !important;
        flex-wrap:wrap !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:7px 8px !important;
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        padding:13px 16px !important;
        overflow:visible !important;
        white-space:normal !important;
    }

    .site-breadcrumb-list li,
    .breadcrumb-list li,
    .breadcrumbs li,
    .breadcrumb li{
        display:inline-flex !important;
        align-items:center !important;
        flex:0 0 auto !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
        padding:0 !important;
        white-space:normal !important;
        overflow:visible !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        hyphens:none !important;
    }

    .site-breadcrumb-list li a,
    .site-breadcrumb-list li span,
    .breadcrumb-list li a,
    .breadcrumb-list li span,
    .breadcrumbs li a,
    .breadcrumbs li span,
    .breadcrumb li a,
    .breadcrumb li span{
        display:inline !important;
        max-width:100% !important;
        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        hyphens:none !important;
        text-overflow:clip !important;
        overflow:visible !important;
        line-height:1.45 !important;
    }

    /* Keep each separator with the following breadcrumb item. */
    .site-breadcrumb-list li + li::before,
    .breadcrumb-list li + li::before,
    .breadcrumbs li + li::before,
    .breadcrumb li + li::before{
        flex:0 0 auto !important;
        margin:0 8px 0 0 !important;
        white-space:nowrap !important;
    }

    /* Long current-page labels may wrap between words. */
    .site-breadcrumb-list li:last-child,
    .breadcrumb-list li:last-child,
    .breadcrumbs li:last-child,
    .breadcrumb li:last-child{
        flex:1 1 220px !important;
    }
}

@media(max-width:420px){
    .site-breadcrumb-list,
    .breadcrumb-list,
    .breadcrumbs ol,
    .breadcrumb ol{
        gap:6px !important;
        padding:11px 13px !important;
        font-size:.9rem !important;
    }

    .site-breadcrumb-list li:last-child,
    .breadcrumb-list li:last-child,
    .breadcrumbs li:last-child,
    .breadcrumb li:last-child{
        flex-basis:180px !important;
    }
}


/* UPGRADED FOOTER CONTACT DETAILS */
.production-footer .footer-contact-details{
    min-width:0;
}

.production-footer .footer-contact-card{
    display:grid;
    gap:14px;
    padding:18px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:18px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 14px 32px rgba(0,0,0,.12);
}

.production-footer .footer-contact-item{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:11px;
    align-items:start;
}

.production-footer .footer-contact-icon{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,122,24,.28);
    border-radius:12px;
    background:linear-gradient(135deg,rgba(255,122,24,.19),rgba(227,22,37,.13));
    color:#ff8a18;
    box-shadow:0 8px 18px rgba(0,0,0,.12);
}

.production-footer .footer-contact-icon svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.production-footer .footer-contact-label{
    display:block;
    margin-bottom:3px;
    color:#ff8a18;
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.production-footer .footer-contact-card address{
    margin:0;
    color:#dce8f4;
    font-style:normal;
    line-height:1.55;
}

.production-footer .footer-contact-card a{
    display:inline-block;
    max-width:100%;
    color:#fff;
    line-height:1.45;
    overflow-wrap:anywhere;
}

.production-footer .footer-contact-card a:hover,
.production-footer .footer-contact-card a:focus-visible{
    color:#ff9a3c;
}

.production-footer .footer-contact-primary{
    font-size:1.04rem;
    font-weight:900;
}

.production-footer .footer-department-emails{
    display:grid;
    gap:8px;
    padding-top:13px;
    border-top:1px solid rgba(255,255,255,.1);
}

.production-footer .footer-department-emails > a{
    display:grid;
    gap:2px;
    padding:8px 10px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:11px;
    background:rgba(255,255,255,.035);
    text-decoration:none;
}

.production-footer .footer-department-emails strong{
    color:#fff;
    font-size:.8rem;
}

.production-footer .footer-department-emails span{
    color:#bcd0e5;
    font-size:.76rem;
    overflow-wrap:anywhere;
}

.production-footer .footer-contact-page-link{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:2px;
    padding-top:13px;
    border-top:1px solid rgba(255,255,255,.1);
    color:#fff !important;
    font-weight:900;
    text-decoration:none;
}

.production-footer .footer-contact-page-link span{
    color:#ff7a18;
}

/* CONTACT PAGE DEPARTMENT CARD */
.contact-department-card{
    background:
        radial-gradient(circle at 100% 0,rgba(255,122,24,.12),transparent 36%),
        linear-gradient(145deg,#fff,#f7fafc);
}

.contact-department-links{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:18px;
}

.contact-department-links a{
    display:grid;
    gap:4px;
    padding:13px;
    border:1px solid #dbe6f1;
    border-radius:13px;
    background:#fff;
    color:#10213b;
    text-decoration:none;
    box-shadow:0 8px 20px rgba(7,24,45,.05);
}

.contact-department-links a:hover,
.contact-department-links a:focus-visible{
    transform:translateY(-2px);
    border-color:rgba(227,22,37,.28);
    box-shadow:0 12px 26px rgba(7,24,45,.09);
}

.contact-department-links strong{
    color:#e31625;
}

.contact-department-links span{
    color:#52687f;
    font-size:.86rem;
    overflow-wrap:anywhere;
}

@media(max-width:1100px){
    .production-footer .footer-contact-card{
        max-width:620px;
    }
}

@media(max-width:680px){
    .production-footer .footer-contact-card{
        padding:16px;
    }

    .contact-department-links{
        grid-template-columns:1fr;
    }
}
