*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#173a5c;background:#fff}a{text-decoration:none}.container{width:min(1180px,92%);margin:auto}.topbar{background:#78bde6;color:#fff;font-size:13px}.topbar-in{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:15px}.header{background:#fff;border-bottom:1px solid #e5f0f6;position:sticky;top:0;z-index:50}.nav{min-height:88px;display:flex;align-items:center;gap:25px}.logo{display:flex;align-items:center;gap:10px;color:#173f70;min-width:285px}.logo-mark{font-size:44px;color:#3d9ed6}.logo b{display:block;font-size:20px;line-height:1.02}.logo small{font-size:12px;font-weight:700}.nav nav{display:flex;align-items:center;justify-content:center;gap:22px;flex:1}.nav nav a{color:#24394e;font-size:14px;padding:10px 0}.nav nav a:hover{color:#277fc0}.nav-cta{background:#3d9ed6;color:#fff;padding:12px 18px;border-radius:8px;font-weight:800;white-space:nowrap}.menu{display:none;border:0;background:transparent;font-size:25px;color:#246b96}.hero{background:linear-gradient(135deg,#f8fcff,#eef8fd);overflow:hidden}.hero-grid{display:grid;grid-template-columns:49% 51%;min-height:540px}.hero-copy{padding:54px 15px 35px 0;position:relative;z-index:2}.badge{display:inline-block;background:#1773c6;color:#fff;padding:9px 18px;border-radius:9px;font-weight:800;font-size:15px}.script{font-family:cursive;color:#2879ca;font-size:34px;margin:16px 0 -5px}.hero h1{font-size:clamp(40px,5.2vw,68px);line-height:.99;letter-spacing:-2px;margin:0;color:#102f67}.hero h1 em{font-style:normal;color:#1f74c6}.specialist{display:inline-block;border:1.5px dashed #4ca0d6;border-radius:24px;padding:8px 16px;font-size:21px;font-weight:800;color:#2872bb;margin:20px 0 15px}.hero-copy p{font-size:18px;line-height:1.5;max-width:650px;margin:0;color:#263d53}.actions{display:flex;gap:12px;margin:25px 0}.action{display:flex;align-items:center;gap:11px;color:#fff;padding:12px 20px;border-radius:9px;min-width:185px}.action>span{font-size:27px}.action b{font-size:15px;line-height:1.1}.action small{display:block;font-size:17px;margin-top:2px}.call{background:#1976ce}.whatsapp{background:#19a94c}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:650px}.trust div{display:flex;align-items:center;gap:7px}.trust i{font-style:normal;font-size:25px;color:#194d87}.trust b{font-size:12px;color:#173d70}.trust small{display:block;color:#3e4e5d;font-weight:400;font-size:11px}.hero-visual{position:relative;min-height:540px}.hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.curve{position:absolute;left:-90px;top:-60px;width:180px;height:680px;background:#d9f0fb;border-radius:50%;z-index:1}.intent-strip{padding:18px 0;background:#fff}.intent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.intent-grid a{border:1px solid #dcecf4;background:#f7fcff;border-radius:10px;padding:13px;color:#1f628e;font-weight:800;font-size:13px;text-align:center}.section{padding:42px 0}.section-label,.faq .section-label{ text-align:center;color:#2e91cc;font-size:12px;font-weight:900;letter-spacing:1.3px}.section h2,.faq h2{margin:6px 0 25px;text-align:center;color:#183f72;font-size:29px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.cards article{background:#fff;border:1px solid #deedf4;border-radius:12px;padding:22px 17px;min-height:205px;box-shadow:0 6px 20px rgba(45,120,160,.06)}.card-icon{width:48px;height:48px;border-radius:50%;background:#e3f4fc;color:#247fc1;display:grid;place-items:center;font-size:24px}.cards h3{font-size:17px;color:#1b3853;margin:14px 0 7px}.cards p{font-size:13px;color:#587183;line-height:1.45;margin:0}.brands{padding:35px 0}.brand-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.brand-row div{height:72px;border:1px solid #d9e9f1;border-radius:10px;background:#fff;display:grid;place-items:center;font-size:19px;font-weight:800;color:#1e5d91;box-shadow:0 5px 15px rgba(30,100,140,.04)}.landing-intro{padding:40px 0 10px}.landing-intro .box{background:#f4fbfe;border:1px solid #d9edf5;border-radius:14px;padding:24px}.landing-intro h2{margin:0 0 8px;color:#173f70}.landing-intro p{margin:0;color:#527085}.why{padding:35px 0}.why-box{background:#eef8fc;border:1px solid #d6eaf3;border-radius:14px;display:grid;grid-template-columns:1.45fr 180px 220px;align-items:center;gap:20px;padding:12px 25px;min-height:180px}.why h2{margin:5px 0 15px;color:#193f6d;font-size:22px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;color:#36586d;font-size:13px}.product{height:170px;text-align:center;overflow:hidden}.product img{height:160px;max-width:100%;object-fit:contain}.offer{background:#4b9fd2;color:#fff;border-radius:12px;text-align:center;padding:17px}.offer small,.offer b{display:block}.offer strong{font-size:48px;display:block;line-height:1.05}.offer a{display:inline-block;background:#fff;color:#307cab;margin-top:8px;padding:7px 18px;border-radius:20px;font-size:12px;font-weight:800}.areas{padding:35px 0}.chips{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.chips span{padding:8px 15px;background:#edf7fb;color:#37617a;border-radius:18px;font-size:13px}.contact{background:#dff2fa;padding:27px 0}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contact-grid>div{display:flex;flex-direction:column;border-right:1px solid #b8dbe9;padding-right:20px}.contact-grid>div:last-child{border:0}.contact-grid small{font-size:11px;font-weight:800;color:#2c83b8}.contact-grid b{font-size:24px;color:#214f73}.contact-grid span{font-size:12px;color:#4c6d7e}.faq{padding:15px 0 40px}.faq details{border-bottom:1px solid #dbeaf1;padding:16px 0}.faq summary{font-weight:800;cursor:pointer;color:#214f73}.faq p{color:#587183;line-height:1.55}footer{background:#c9e6f2;color:#315a70;text-align:center;padding:16px;font-size:12px}.sticky{display:none}@media(max-width:1000px){.nav nav{gap:13px}.nav nav a{font-size:13px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:45px 0 35px}.hero-visual{height:430px;min-height:0}.curve{display:none}.cards{grid-template-columns:repeat(3,1fr)}.brand-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar-in{font-size:11px;flex-direction:column;padding:7px 0}.nav{min-height:72px;justify-content:space-between}.logo{min-width:0}.logo b{font-size:15px}.logo small{font-size:10px}.menu{display:block}.nav nav{display:none;position:absolute;left:4%;right:4%;top:68px;background:#fff;border:1px solid #dcebf2;border-radius:10px;padding:12px;box-shadow:0 10px 25px rgba(30,80,110,.1);flex-direction:column;gap:4px}.nav nav.open{display:flex}.nav nav a{width:100%;padding:10px 12px}.nav-cta{padding:9px 12px;font-size:12px}.script{font-size:29px}.hero h1{font-size:clamp(39px,11vw,56px);letter-spacing:-1px}.specialist{font-size:16px}.hero-copy p{font-size:16px}.actions{gap:8px}.action{min-width:0;flex:1;padding:11px 12px}.action small{font-size:15px}.trust{grid-template-columns:repeat(2,1fr);gap:15px}.hero-visual{height:330px}.intent-grid{grid-template-columns:1fr 1fr}.brand-row{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.why-box{grid-template-columns:1fr;gap:12px;padding:20px}.product{height:155px}.product img{height:150px}.offer{max-width:300px}.checks{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.contact-grid>div{border-right:0;border-bottom:1px solid #b8dbe9;padding:10px 0}.sticky{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:100}.sticky a{padding:14px;color:#fff;text-align:center;font-weight:800;background:#1976ce}.sticky a:last-child{background:#19a94c}}@media(max-width:420px){.hero-copy{padding-top:32px}.badge{font-size:13px}.hero h1{font-size:38px}.specialist{font-size:14px}.hero-visual{height:270px}.actions{flex-direction:column}.action{width:100%;justify-content:center}.trust i{font-size:22px}.intent-grid{grid-template-columns:1fr}.brand-row{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.cards article{min-height:auto}.section h2,.faq h2{font-size:24px}.topbar-in span:last-child{display:none}}

.footer-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:12px 0 8px}
.footer-links a{color:#245d7a;font-weight:800;text-decoration:underline}
.brand-disclaimer,.service-note{max-width:980px;margin:8px auto 0;line-height:1.5;font-size:11px;color:#315a70}
footer strong{color:#214f73}
@media(max-width:760px){.footer-links{gap:12px}.brand-disclaimer,.service-note{font-size:10.5px}}

/* Neutral RO visuals - preserves the existing page theme */
.generic-hero-visual{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#eaf7fc,#cfeefa);overflow:hidden}
.gv-unit{width:min(360px,72%);min-height:330px;border-radius:24px;background:linear-gradient(180deg,#fff,#f3fbfe);border:1px solid #d0e8f2;box-shadow:0 18px 45px rgba(30,100,140,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;position:relative}
.gv-unit:before{content:"";position:absolute;top:0;left:0;right:0;height:12px;background:#4b9fd2;border-radius:24px 24px 0 0}
.gv-water{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:#e3f4fc;font-size:48px;margin-bottom:18px}
.gv-unit b{font-size:20px;color:#1b5682;letter-spacing:.5px}.gv-unit span{font-size:13px;color:#5b7787;margin-top:8px}.gv-unit i{font-style:normal;margin-top:18px;padding:7px 16px;border-radius:18px;background:#edf7fb;color:#2e80ad;font-size:12px;font-weight:800}
.generic-purifier{height:160px;width:105px;position:relative;display:flex;flex-direction:column;align-items:center}
.gp-cap{width:72px;height:25px;border-radius:12px 12px 4px 4px;background:#b9e1f0;border:1px solid #9bcddd}
.gp-body{width:105px;height:130px;border-radius:10px 10px 18px 18px;background:linear-gradient(145deg,#fff,#dff2fa);border:1px solid #b7dce9;box-shadow:0 8px 18px rgba(30,100,140,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2872a0}
.gp-drop{font-size:28px}.gp-body b{font-size:22px;line-height:1}.gp-body span{font-size:7px;font-weight:800;letter-spacing:.6px;margin-top:4px}


/* Uploaded hero banner: responsive, keeps the original artwork proportions */
.image-hero{background:#eef8fd;overflow:hidden}
.image-hero-wrap{padding:0;line-height:0;max-width:1972px}
.index-hero-image{display:block;width:100%;height:auto;max-width:1972px;margin:0 auto}
@media(max-width:760px){
  .image-hero-wrap{width:100%}
  .index-hero-image{width:100%;height:auto}
}

/* Restored full Hero copy in the previously blank left side */
.hero-copy{position:absolute;z-index:3;left:4.5%;top:50%;transform:translateY(-50%);width:43%;color:#123f72}
.hero-badge{display:inline-block;background:#147fd1;color:#fff;border-radius:9px;padding:11px 22px;font-size:18px;font-weight:700;margin-bottom:18px}
.hero-script{font-size:34px;font-style:italic;line-height:1.05;margin-bottom:2px;color:#3b99e8}
.hero-copy h1{margin:0 0 14px;font-size:49px;line-height:1.02;font-weight:700;color:#173f73}
.hero-copy h1 strong{color:#0787e5}
.hero-location{display:inline-block;border:1px solid #2b91e6;border-radius:22px;padding:8px 22px;font-size:21px;font-weight:700;margin-bottom:17px;background:rgba(255,255,255,.45)}
.hero-copy p{font-size:18px;line-height:1.5;margin:0 0 20px;max-width:650px;color:#173f73}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.hero-actions a{display:flex;align-items:center;gap:10px;text-decoration:none;border-radius:10px;padding:12px 20px;color:#fff;min-width:210px;box-sizing:border-box}
.hero-actions a span{display:flex;flex-direction:column;line-height:1.05}
.hero-actions a b{font-size:16px}.hero-actions a small{font-size:17px;font-weight:700;margin-top:4px}
.call-btn{background:#1287df}.whatsapp-btn{background:#1dbb65}
.hero-features{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.hero-features>div{display:flex;gap:7px;align-items:center;min-width:115px}
.hero-features>div>b{font-size:24px;color:#0787e5}
.hero-features span{display:flex;flex-direction:column;line-height:1.1}
.hero-features strong{font-size:14px}.hero-features small{font-size:13px;margin-top:4px}
@media(max-width:900px){.hero-copy{left:4%;width:55%}.hero-copy h1{font-size:36px}.hero-script{font-size:25px}.hero-copy p{font-size:14px}.hero-badge{font-size:14px;padding:8px 13px}.hero-location{font-size:16px}.hero-actions a{min-width:150px;padding:9px 12px}.hero-features{gap:9px}.hero-features>div{min-width:95px}}
@media(max-width:640px){.hero-copy{position:relative;left:auto;top:auto;transform:none;width:auto;padding:28px 18px;background:#f4fbfe}.hero-copy h1{font-size:34px}.hero-copy p{font-size:15px}.hero-actions a{flex:1;min-width:140px}}

/* HERO ALIGNMENT FIX: text sits inside the blank left side of the uploaded 1972x798 banner */
.image-hero{background:#eef8fd;overflow:hidden}
.image-hero-wrap{
  position:relative;
  width:100%;
  max-width:1972px;
  margin:0 auto;
  padding:0;
  line-height:0;
}
.index-hero-image{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  margin:0;
}
.image-hero .hero-copy{
  position:absolute;
  z-index:3;
  left:4.1%;
  top:50%;
  transform:translateY(-50%);
  width:41%;
  padding:0;
  line-height:normal;
}
.image-hero .hero-badge{margin-bottom:16px}
.image-hero .hero-script{margin:12px 0 -4px}
.image-hero .hero-copy h1{font-size:clamp(38px,3.5vw,62px);margin:0 0 12px}
.image-hero .hero-location{margin:12px 0 14px}
.image-hero .hero-copy p{font-size:clamp(14px,1.15vw,18px);line-height:1.45;margin:0 0 18px;max-width:700px}
.image-hero .hero-actions{margin:18px 0 18px}
.image-hero .hero-features{max-width:700px}
@media(max-width:1100px){
  .image-hero .hero-copy{left:4%;width:43%}
  .image-hero .hero-badge{font-size:15px;padding:8px 15px}
  .image-hero .hero-script{font-size:27px}
  .image-hero .hero-copy h1{font-size:42px}
  .image-hero .hero-location{font-size:18px;padding:7px 15px}
  .image-hero .hero-copy p{font-size:14px}
  .image-hero .hero-actions a{min-width:160px;padding:9px 13px}
  .image-hero .hero-features>div{min-width:95px}
}
@media(max-width:760px){
  .image-hero-wrap{width:100%}
  .image-hero .hero-copy{
    position:absolute;
    left:4%;
    top:50%;
    width:52%;
    padding:0;
  }
  .image-hero .hero-copy h1{font-size:32px}
  .image-hero .hero-script{font-size:22px}
  .image-hero .hero-copy p{font-size:12px}
  .image-hero .hero-badge{font-size:11px;padding:6px 10px;margin-bottom:7px}
  .image-hero .hero-location{font-size:14px;padding:5px 11px;margin:6px 0 8px}
  .image-hero .hero-actions{gap:7px;margin:8px 0}
  .image-hero .hero-actions a{min-width:120px;padding:7px 9px}
  .image-hero .hero-actions a b{font-size:12px}
  .image-hero .hero-actions a small{font-size:12px}
  .image-hero .hero-features{gap:7px}
  .image-hero .hero-features>div{min-width:70px}
  .image-hero .hero-features>div>b{font-size:18px}
  .image-hero .hero-features strong{font-size:10px}
  .image-hero .hero-features small{font-size:9px}
}
@media(max-width:520px){
  .image-hero .hero-copy{width:56%;top:49%}
  .image-hero .hero-copy h1{font-size:24px}
  .image-hero .hero-script{font-size:18px}
  .image-hero .hero-copy p{font-size:9px;line-height:1.25;margin-bottom:6px}
  .image-hero .hero-badge{font-size:8px;padding:4px 7px}
  .image-hero .hero-location{font-size:10px;padding:4px 8px}
  .image-hero .hero-actions a{min-width:90px;padding:5px 6px}
  .image-hero .hero-actions a>span{font-size:17px}
  .image-hero .hero-actions a b,.image-hero .hero-actions a small{font-size:8px}
  .image-hero .hero-features{gap:4px}
  .image-hero .hero-features>div{min-width:55px}
  .image-hero .hero-features strong{font-size:7px}
  .image-hero .hero-features small{font-size:7px}
}

/* INDEX HERO — REPAIR PAGE STYLE ALIGNMENT */
.index-repair-style{background:linear-gradient(135deg,#f8fcff,#eef8fd);overflow:hidden}
.index-repair-grid{display:grid;grid-template-columns:49% 51%;min-height:540px}
.index-repair-copy{padding:54px 28px 35px 0;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.index-repair-copy .hero-badge{align-self:flex-start}
.index-repair-copy .hero-script{margin:10px 0 -2px}
.index-repair-copy h1{margin:0 0 14px;font-size:clamp(40px,4.1vw,62px);line-height:1.02;letter-spacing:-1.5px;color:#173f73}
.index-repair-copy h1 strong{color:#0787e5}
.index-repair-copy .hero-location{align-self:flex-start;margin:8px 0 14px}
.index-repair-copy p{font-size:17px;line-height:1.48;max-width:620px;margin:0 0 20px;color:#173f73}
.index-repair-copy .hero-actions{margin:0 0 20px}
.index-repair-copy .hero-features{max-width:620px}
.index-repair-visual{position:relative;min-height:540px;overflow:hidden;background:#eef8fd}
.index-repair-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:78% center;display:block}
@media(max-width:1000px){
 .index-repair-grid{grid-template-columns:48% 52%;min-height:480px}
 .index-repair-copy{padding:38px 20px 30px 0}
 .index-repair-copy h1{font-size:42px}
 .index-repair-copy .hero-script{font-size:27px}
 .index-repair-copy p{font-size:14px}
 .index-repair-visual{min-height:480px}
}
@media(max-width:760px){
 .index-repair-grid{display:flex;flex-direction:column;min-height:0}
 .index-repair-copy{order:1;padding:30px 18px 28px;display:block}
 .index-repair-copy .hero-badge{font-size:13px;padding:8px 13px;margin-bottom:10px}
 .index-repair-copy .hero-script{font-size:26px;margin:6px 0 0}
 .index-repair-copy h1{font-size:36px;line-height:1.02;letter-spacing:-.8px;margin-bottom:12px}
 .index-repair-copy .hero-location{font-size:16px;padding:7px 15px;margin:5px 0 12px}
 .index-repair-copy p{font-size:15px;line-height:1.42;margin-bottom:16px}
 .index-repair-copy .hero-actions{gap:8px;flex-wrap:nowrap;margin-bottom:17px}
 .index-repair-copy .hero-actions a{min-width:0;flex:1;padding:10px 11px}
 .index-repair-copy .hero-actions a b{font-size:13px}
 .index-repair-copy .hero-actions a small{font-size:13px}
 .index-repair-copy .hero-features{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 12px}
 .index-repair-copy .hero-features>div{min-width:0}
 .index-repair-copy .hero-features>div>b{font-size:21px}
 .index-repair-copy .hero-features strong{font-size:11px}
 .index-repair-copy .hero-features small{font-size:10px}
 .index-repair-visual{order:2;width:100%;height:auto;aspect-ratio:1.55/1;min-height:0}
 .index-repair-visual img{height:100%;object-fit:cover;object-position:79% center}
}
@media(max-width:420px){
 .index-repair-copy{padding:26px 16px 24px}
 .index-repair-copy h1{font-size:32px}
 .index-repair-copy p{font-size:14px}
 .index-repair-copy .hero-actions{flex-direction:row}
 .index-repair-copy .hero-actions a{padding:9px 8px}
 .index-repair-copy .hero-actions a b,.index-repair-copy .hero-actions a small{font-size:11px}
 .index-repair-visual{aspect-ratio:1.42/1}
}

/* RO PURIFIER IMAGE BESIDE ₹199 OFFER */
.product.product-image{height:170px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px}
.product.product-image img{width:100%;height:165px;max-width:180px;object-fit:contain;object-position:center;display:block}
@media(max-width:760px){.product.product-image{height:155px}.product.product-image img{height:150px;max-width:230px}}

/* =========================================================
   MOBILE OPTIMIZATION — preserves existing ANS INDIA theme
   Final override layer
   ========================================================= */
@media (max-width:760px){

  body{
    padding-bottom:56px;
    overflow-x:hidden;
  }

  .container{
    width:calc(100% - 28px);
  }

  /* Compact top information bar */
  .topbar{
    font-size:11px;
  }
  .topbar-in{
    min-height:30px;
    padding:5px 0;
    flex-direction:row;
    justify-content:center;
    white-space:nowrap;
  }

  /* Cleaner mobile header */
  .header{
    position:sticky;
    top:0;
  }
  .nav{
    min-height:64px;
    gap:8px;
  }
  .logo{
    flex:1;
    min-width:0;
    gap:7px;
  }
  .logo-mark{
    font-size:30px;
  }
  .logo b{
    font-size:14px;
    line-height:1.05;
  }
  .logo small{
    display:block;
    font-size:9px;
    margin-top:3px;
  }
  .nav-cta{
    padding:8px 10px;
    border-radius:7px;
    font-size:11px;
  }
  .menu{
    display:block;
    order:3;
    font-size:24px;
    padding:4px;
  }
  .nav nav{
    top:63px;
    left:14px;
    right:14px;
    width:auto;
    gap:2px;
    padding:8px;
  }
  .nav nav a{
    font-size:14px;
    padding:11px 12px;
  }

  /* Hero: copy first, image second, with comfortable mobile spacing */
  .index-repair-grid{
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .index-repair-copy{
    order:1;
    padding:25px 0 22px;
  }
  .index-repair-copy .hero-badge{
    font-size:12px;
    padding:7px 11px;
    border-radius:8px;
    margin-bottom:8px;
  }
  .index-repair-copy .hero-script{
    font-size:23px;
    margin:4px 0 1px;
  }
  .index-repair-copy h1{
    font-size:clamp(31px,9.2vw,38px);
    line-height:1.02;
    letter-spacing:-.7px;
    margin-bottom:10px;
  }
  .index-repair-copy .hero-location{
    font-size:14px;
    padding:6px 12px;
    margin:4px 0 10px;
  }
  .index-repair-copy p{
    font-size:14px;
    line-height:1.45;
    margin-bottom:14px;
  }

  /* Two clear primary CTAs */
  .index-repair-copy .hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin:0 0 16px;
  }
  .index-repair-copy .hero-actions a{
    min-width:0;
    width:100%;
    padding:10px 8px;
    border-radius:8px;
    justify-content:center;
  }
  .index-repair-copy .hero-actions a>span{
    gap:1px;
  }
  .index-repair-copy .hero-actions a b{
    font-size:12px;
  }
  .index-repair-copy .hero-actions a small{
    font-size:11px;
  }

  /* Four trust points become a compact 2x2 grid */
  .index-repair-copy .hero-features{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px 10px;
  }
  .index-repair-copy .hero-features>div{
    min-width:0;
    gap:6px;
  }
  .index-repair-copy .hero-features>div>b{
    font-size:20px;
  }
  .index-repair-copy .hero-features strong{
    font-size:10px;
  }
  .index-repair-copy .hero-features small{
    font-size:9px;
    margin-top:2px;
  }

  .index-repair-visual{
    order:2;
    width:100%;
    height:auto;
    aspect-ratio:1.42 / 1;
    min-height:0;
    border-radius:0;
  }
  .index-repair-visual img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:78% center;
  }

  /* Search-intent buttons: compact 2-column layout */
  .intent-strip{
    padding:10px 0;
  }
  .intent-grid{
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  .intent-grid a{
    padding:10px 6px;
    border-radius:8px;
    font-size:11px;
    line-height:1.25;
  }

  /* Section spacing */
  .section{
    padding:30px 0;
  }
  .section-label,
  .faq .section-label{
    font-size:10px;
    letter-spacing:1px;
  }
  .section h2,
  .faq h2{
    font-size:24px;
    line-height:1.2;
    margin:5px 0 17px;
  }

  /* Service cards: two columns on normal phones */
  .cards{
    grid-template-columns:1fr 1fr;
    gap:9px;
  }
  .cards article{
    min-height:0;
    padding:15px 12px;
    border-radius:10px;
  }
  .card-icon{
    width:40px;
    height:40px;
    font-size:20px;
  }
  .cards h3{
    font-size:14px;
    line-height:1.2;
    margin:10px 0 5px;
  }
  .cards p{
    font-size:11px;
    line-height:1.4;
  }

  /* Service summary chips */
  .brands{
    padding:25px 0;
  }
  .brand-row{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .brand-row div{
    height:auto;
    min-height:52px;
    padding:9px 6px;
    font-size:12px;
    line-height:1.2;
    text-align:center;
  }

  /* Why + ₹199 offer */
  .why{
    padding:25px 0;
  }
  .why-box{
    grid-template-columns:1fr;
    gap:12px;
    padding:17px 13px;
    border-radius:12px;
  }
  .why h2{
    font-size:19px;
    line-height:1.25;
    margin:4px 0 12px;
  }
  .checks{
    grid-template-columns:1fr 1fr;
    gap:8px;
    font-size:11px;
    line-height:1.3;
  }
  .product.product-image{
    height:135px;
  }
  .product.product-image img{
    height:130px;
    max-width:210px;
  }
  .offer{
    width:100%;
    max-width:none;
    padding:14px;
  }
  .offer small{
    font-size:10px;
  }
  .offer strong{
    font-size:42px;
  }
  .offer b{
    font-size:11px;
  }
  .offer a{
    padding:8px 20px;
    margin-top:7px;
  }

  /* Local areas */
  .areas{
    padding:25px 0;
  }
  .chips{
    gap:7px;
  }
  .chips span{
    padding:7px 10px;
    font-size:11px;
  }

  /* FAQ */
  .faq{
    padding:10px 0 30px;
  }
  .faq details{
    padding:13px 0;
  }
  .faq summary{
    font-size:13px;
    line-height:1.35;
    padding-right:8px;
  }
  .faq p{
    font-size:12px;
    line-height:1.5;
    margin-bottom:2px;
  }

  /* Contact section */
  .contact{
    padding:20px 0;
  }
  .contact-grid{
    grid-template-columns:1fr;
    gap:0;
  }
  .contact-grid>div{
    border-right:0;
    border-bottom:1px solid #b8dbe9;
    padding:11px 0;
  }
  .contact-grid>div:last-child{
    border-bottom:0;
  }
  .contact-grid small{
    font-size:10px;
  }
  .contact-grid b{
    font-size:19px;
  }
  .contact-grid span{
    font-size:11px;
  }

  /* Footer */
  footer{
    padding:15px 10px 68px;
    font-size:10.5px;
    line-height:1.45;
  }
  .footer-links{
    gap:9px 14px;
    margin:10px 0 7px;
  }
  .footer-links a{
    font-size:11px;
  }
  .brand-disclaimer,
  .service-note{
    font-size:9.5px;
    line-height:1.45;
  }

  /* Fixed contact bar */
  .sticky{
    display:grid;
    grid-template-columns:1fr 1fr;
    height:56px;
    box-shadow:0 -4px 18px rgba(20,70,100,.16);
  }
  .sticky a{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    font-size:14px;
  }
}

/* Small phones: prevent crowding and keep everything readable */
@media(max-width:420px){
  .container{
    width:calc(100% - 24px);
  }
  .nav{
    min-height:60px;
  }
  .logo b{
    font-size:13px;
  }
  .logo small{
    font-size:8px;
  }
  .nav-cta{
    font-size:10px;
    padding:7px 8px;
  }
  .menu{
    font-size:22px;
  }

  .index-repair-copy{
    padding:22px 0 19px;
  }
  .index-repair-copy h1{
    font-size:31px;
  }
  .index-repair-copy p{
    font-size:13.5px;
  }
  .index-repair-visual{
    aspect-ratio:1.36 / 1;
  }

  .cards{
    grid-template-columns:1fr 1fr;
  }
  .cards article{
    padding:13px 10px;
  }
  .cards h3{
    font-size:13px;
  }
  .cards p{
    font-size:10.5px;
  }

  .checks{
    grid-template-columns:1fr;
  }
}

/* Very narrow phones: stack service cards only when necessary */
@media(max-width:350px){
  .cards{
    grid-template-columns:1fr;
  }
  .intent-grid{
    grid-template-columns:1fr;
  }
}


/* Conversion-focused additions */
.hero-offer{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid #cfe7f2;border-radius:10px;padding:8px 12px;margin:0 0 14px;box-shadow:0 5px 18px rgba(30,100,140,.06)}
.hero-offer strong{color:#d85d19;font-size:19px}.hero-offer span{font-size:12px;color:#426276}
.quick-proof{background:#fff;border-top:1px solid #e2eef4;border-bottom:1px solid #e2eef4;padding:12px 0}
.quick-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.quick-proof-item{text-align:center;padding:8px;border-right:1px solid #e2eef4}
.quick-proof-item:last-child{border-right:0}
.quick-proof-item strong{display:block;color:#174f7d;font-size:15px}.quick-proof-item span{font-size:11px;color:#5a7483}
.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.problem{border:1px solid #dcecf4;background:#fff;border-radius:10px;padding:16px;text-align:center}
.problem b{display:block;color:#1d628f;font-size:14px;margin-bottom:5px}.problem span{font-size:11px;color:#607887}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.process-step{position:relative;background:#f7fcff;border:1px solid #dcecf4;border-radius:12px;padding:18px 13px;text-align:center}
.process-step .num{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;margin:0 auto 9px;background:#1976ce;color:#fff;font-weight:800}
.process-step b{display:block;font-size:14px;color:#214f73}.process-step span{font-size:11px;color:#607887;line-height:1.4}
.cta-panel{background:linear-gradient(135deg,#eaf8fd,#d8f0fa);border:1px solid #c9e5ef;border-radius:14px;padding:24px;text-align:center;margin-top:10px}
.cta-panel h2{margin:0 0 8px;color:#174b78;font-size:26px}.cta-panel p{margin:0 0 15px;color:#557384;font-size:13px}
.cta-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.cta-actions a{padding:11px 20px;border-radius:9px;color:#fff;font-weight:800;font-size:13px}
.cta-call{background:#1976ce}.cta-wa{background:#19a94c}
@media(max-width:760px){
 .quick-proof-grid{grid-template-columns:1fr 1fr;gap:0}.quick-proof-item{border-right:1px solid #e2eef4;border-bottom:1px solid #e2eef4;padding:9px 4px}.quick-proof-item:nth-child(2n){border-right:0}.quick-proof-item:nth-child(3),.quick-proof-item:nth-child(4){border-bottom:0}
 .problem-grid{grid-template-columns:1fr 1fr;gap:8px}.problem{padding:13px 8px}
 .process-grid{grid-template-columns:1fr 1fr;gap:8px}.process-step{padding:14px 9px}.process-step:last-child{grid-column:1/-1}
 .cta-panel{padding:20px 13px}.cta-panel h2{font-size:22px}
 .hero-offer strong{font-size:17px}.hero-offer span{font-size:10px}
}

/* FINAL ALIGNMENT FIX — SERVICES + LOCAL SERVICE */
#brands.brands .container, #areas.areas .container {
  text-align: center;
}
#brands.brands .section-label, #areas.areas .section-label {
  text-align: center;
  margin-bottom: 7px;
}
#brands.brands h2, #areas.areas h2 {
  display: block;
  width: 100%;
  margin: 0 auto 24px;
  padding: 0;
  text-align: center;
  color: #183f72;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 800;
}
#brands.brands .brand-row {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  align-items: stretch;
}
#brands.brands .brand-row div {
  min-height: 72px;
  height: auto;
  padding: 12px 10px;
  text-align: center;
  line-height: 1.25;
}
#areas.areas {
  text-align: center;
}
#areas.areas h2 {
  margin-bottom: 22px;
}
#areas.areas .chips {
  max-width: 980px;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}
#areas.areas .chips span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
}
@media (max-width:760px){
  #brands.brands, #areas.areas { padding: 30px 0; }
  #brands.brands h2, #areas.areas h2 {
    font-size: 25px;
    line-height: 1.25;
    margin-bottom: 18px;
  }
  #brands.brands .brand-row { gap: 8px; }
  #brands.brands .brand-row div { min-height: 54px; padding: 9px 6px; font-size: 12px; }
  #areas.areas .chips { gap: 7px; }
  #areas.areas .chips span { min-height: 32px; }
}
@media (max-width:420px){
  #brands.brands h2, #areas.areas h2 { font-size: 24px; }
}

/* =========================================================
   FINAL SERVICE PAGE FIX v3
   Hero alignment + visibility + booking modal + mobile safety
   ========================================================= */
.service-page .hero-copy{isolation:isolate;position:relative;z-index:20;overflow:visible}
.service-page .hero-copy > *{position:relative;z-index:21;visibility:visible;opacity:1}
.service-page .hero-copy .script{display:block;color:#2879ca!important;font-family:cursive!important;font-weight:400!important}
.service-page .hero-copy h1{display:block!important;color:#173f73!important;font-weight:800!important;visibility:visible!important;opacity:1!important}
.service-page .hero-copy h1 em{display:inline;color:#0787e5!important;font-style:normal!important}
.service-page .hero-copy .specialist{display:inline-block!important;color:#2872bb!important;visibility:visible!important;opacity:1!important}
.service-page .hero-copy p{display:block!important;color:#173f73!important;visibility:visible!important;opacity:1!important}
.service-page .hero-copy .book-online{position:relative;z-index:22;visibility:visible!important;opacity:1!important}
.service-page .hero-copy .trust{position:relative;z-index:22}
.service-page .hero-visual{z-index:0!important;pointer-events:none}
.service-page .hero-visual img{z-index:0!important}

/* The booking form must stay hidden until the Book Service button is clicked. */
.booking-modal{position:fixed!important;inset:0!important;z-index:99999!important;display:none!important;align-items:center!important;justify-content:center!important;padding:20px!important;background:rgba(9,35,58,.68)!important;backdrop-filter:blur(5px)!important}
.booking-modal.open{display:flex!important}
.booking-modal[aria-hidden="true"]{display:none!important}
.booking-modal[aria-hidden="false"]{display:flex!important}
.booking-card{position:relative!important;width:min(560px,100%)!important;max-height:calc(100vh - 40px)!important;overflow:auto!important;background:#fff!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important;color:#173a5c!important}
.booking-close{position:absolute!important;right:12px!important;top:10px!important;width:36px!important;height:36px!important;border:0!important;border-radius:50%!important;background:#eef7fb!important;color:#214f73!important;font-size:25px!important;cursor:pointer!important;z-index:3!important}
.booking-head{padding:24px 24px 14px!important;border-bottom:1px solid #e2eef4!important}
.booking-head h3{margin:0 35px 5px 0!important;color:#173f70!important;font-size:24px!important}
.booking-head p{margin:0!important;color:#587183!important;font-size:13px!important}
.booking-form{padding:20px 24px 24px!important}
.booking-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:13px!important}
.booking-field{min-width:0!important}
.booking-field.full{grid-column:1/-1!important}
.booking-field label{display:block!important;font-size:12px!important;font-weight:800!important;color:#315a70!important;margin-bottom:5px!important}
.booking-field input,.booking-field select,.booking-field textarea{width:100%!important;box-sizing:border-box!important;border:1px solid #cfe2eb!important;border-radius:8px!important;padding:11px 12px!important;background:#fff!important;color:#173a5c!important;font:inherit!important;font-size:14px!important;outline:none!important}
.booking-field textarea{min-height:90px!important;resize:vertical!important}
.booking-submit{width:100%!important;margin-top:16px!important;border:0!important;border-radius:9px!important;background:#19a94c!important;color:#fff!important;padding:13px 16px!important;font-weight:800!important;font-size:14px!important;cursor:pointer!important}
.booking-direct{text-align:center!important;margin:11px 0 0!important;color:#587183!important;font-size:12px!important}
.booking-direct a{color:#1976ce!important;font-weight:800!important}
body.modal-open{overflow:hidden!important}

@media(max-width:760px){
 .service-page .hero-copy{width:100%!important;box-sizing:border-box!important}
 .service-page .hero-copy h1{font-size:clamp(34px,9.5vw,46px)!important;line-height:1.04!important;max-width:100%!important}
 .service-page .hero-copy .script{font-size:26px!important}
 .service-page .hero-copy p{max-width:100%!important}
 .service-page .hero-visual{z-index:0!important}
 .booking-modal{padding:10px!important}
 .booking-card{max-height:calc(100vh - 20px)!important;border-radius:14px!important}
 .booking-head{padding:20px 18px 12px!important}
 .booking-form{padding:16px 18px 20px!important}
 .booking-grid{grid-template-columns:1fr!important;gap:11px!important}
 .booking-field.full{grid-column:auto!important}
 .booking-submit{min-height:50px!important}
}
@media(max-width:420px){
 .service-page .hero-copy{padding-left:15px!important;padding-right:15px!important}
 .service-page .hero-copy h1{font-size:32px!important}
 .service-page .hero-copy .script{font-size:23px!important}
 .service-page .hero-copy p{font-size:14px!important}
}