/* Hyderabad Service Center - mobile-first styles */
:root{--blue:#0756A5;--navy:#102A43;--red:#E53935;--bg:#F4F8FC;--w:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--navy);line-height:1.6;padding-bottom:70px}
img{max-width:100%;height:auto;display:block}a{color:var(--blue)}
.wrap{width:min(1120px,92%);margin:auto}.narrow{max-width:800px}.c{text-align:center}
h1,h2,h3{line-height:1.25}h2{font-size:1.6rem;margin:0 0 1rem}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:var(--w);box-shadow:0 2px 8px #0002}
.bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}
.logo img{height:46px;width:auto}
.burger{font-size:1.7rem;background:none;border:0;cursor:pointer;color:var(--navy)}
nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--w);padding:1rem 4%;box-shadow:0 8px 12px #0002}
nav.open{display:block}nav a{text-decoration:none;color:var(--navy);font-weight:600;display:block;padding:.6rem 0}
.dd{position:relative;display:flex;flex-wrap:wrap;align-items:center}.dd>a{flex:1}
.sub{background:none;border:0;font-size:1.1rem;cursor:pointer;padding:.4rem .8rem}
.menu{display:none;width:100%;padding-left:1rem}.dd.open .menu{display:block}
.btn{display:inline-block;background:var(--blue);color:#fff!important;padding:.7rem 1.3rem;border-radius:6px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-size:1rem;margin:.25rem 0}
.btn.red{background:var(--red)}.btn.wa{background:#1fa855}.btn:hover{filter:brightness(1.1)}
nav .btn{text-align:center;margin-top:.5rem}
/* slider / hero */
.slider,.phero{position:relative;overflow:hidden;background:var(--navy)}
.slide{display:none;position:relative}.slide.on{display:block;animation:fade .8s}
@keyframes fade{from{opacity:.3}to{opacity:1}}
.slide img,.phero img{width:100%;height:420px;object-fit:cover}
.ov{position:absolute;inset:0;background:linear-gradient(90deg,#102A43e6,#102A4355);color:#fff;display:flex;align-items:center}
.ov h1,.ov h2{font-size:1.7rem;margin:0 0 .5rem;max-width:620px}.ov p{max-width:560px;margin:0 0 1rem}
.arr{position:absolute;top:50%;transform:translateY(-50%);background:#0007;color:#fff;border:0;font-size:1.3rem;padding:.7rem .9rem;cursor:pointer;z-index:5}
.prev{left:0}.next{right:0}
.dots{position:absolute;bottom:10px;left:0;right:0;text-align:center;z-index:5}
.dots button{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:transparent;margin:0 4px;cursor:pointer;padding:0}
.dots button.on{background:#fff}
/* sections */
.sec{padding:2.5rem 0}.alt{background:var(--bg)}
.phead{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;padding:2.5rem 0}.phead h1{margin:0}
.grid{display:grid;gap:1rem;grid-template-columns:1fr}.grid2{display:grid;gap:2rem;grid-template-columns:1fr}
.card{background:var(--w);border-radius:10px;padding:1.2rem;box-shadow:0 2px 10px #0001;border-top:4px solid var(--blue)}
.card h3{margin:0;font-size:1.05rem}.big img{border-radius:8px;margin-bottom:1rem}
.tick{list-style:none;padding:0}.tick li{padding-left:1.6rem;position:relative;margin:.4rem 0}.tick li:before{content:"\2713";position:absolute;left:0;color:var(--red);font-weight:700}
.steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:.8rem}
.steps li{counter-increment:s;background:var(--w);padding:1rem 1rem 1rem 3.4rem;border-radius:8px;position:relative;box-shadow:0 1px 6px #0001}
.steps li:before{content:counter(s);position:absolute;left:1rem;top:.8rem;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--red);color:#fff;text-align:center;font-weight:700}
.brands{font-size:1.2rem;font-weight:700;color:var(--blue)}
.note{background:#fff4e5;border-left:4px solid var(--red);padding:.7rem 1rem;margin:1rem 0}
.faq details{background:var(--w);border-radius:8px;margin:.6rem 0;padding:.8rem 1rem;box-shadow:0 1px 6px #0001}
.faq summary{cursor:pointer;font-weight:700}
.cta{background:var(--blue);color:#fff;text-align:center;padding:2.5rem 0}.cta h2{margin-bottom:.5rem}
/* form */
form label{display:block;font-weight:600;margin-top:.8rem}
input,select,textarea{width:100%;padding:.7rem;border:1px solid #9ab;border-radius:6px;font:inherit}
input.bad,select.bad{border-color:var(--red)}.err{color:var(--red);font-size:.85rem}.ok{color:#1a7f3c;font-weight:600}
.map{width:100%;height:320px;border:0;border-radius:8px}
.legalp h2{font-size:1.2rem;margin-top:1.5rem}
/* footer */
footer{background:var(--navy);color:#cfe0f0;padding-top:2rem}footer a{color:#cfe0f0;display:block;margin:.3rem 0;text-decoration:none}
footer h3{color:#fff}.fgrid{display:grid;gap:1.5rem;grid-template-columns:1fr}
.flogo{background:#fff;padding:6px;border-radius:6px;margin-bottom:.8rem}
.legal{border-top:1px solid #fff3;margin-top:1.5rem;padding:1rem 0;font-size:.9rem}.legal a{display:inline}
/* floating buttons */
.float{position:fixed;right:12px;bottom:12px;z-index:60;display:flex;flex-direction:column;gap:8px}
.float a{display:flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-weight:700;padding:.65rem .9rem;border-radius:30px;box-shadow:0 3px 10px #0004}
.fc{background:var(--red)}.fw{background:#1fa855}
@media(min-width:760px){
 body{padding-bottom:0}.burger{display:none}
 nav{display:flex!important;position:static;box-shadow:none;padding:0;align-items:center;gap:1.4rem;background:none}
 nav a{padding:.3rem 0}.menu{position:absolute;top:100%;left:0;width:270px;background:var(--w);box-shadow:0 6px 14px #0003;padding:.5rem 1rem;border-radius:6px}
 .dd:hover .menu,.dd:focus-within .menu{display:block}.sub{padding:.2rem}
 .grid{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:1fr 1fr}.fgrid{grid-template-columns:1.4fr 1fr 1fr 1.6fr}
 .steps{grid-template-columns:repeat(3,1fr)}.slide img,.phero img{height:520px}.ov h1,.ov h2{font-size:2.5rem}
}

/* home slider: full-banner images with text baked in */
.slider{background:#eaf2fb}.slider .slide img{height:auto!important;object-fit:contain}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.strip{background:var(--bg);text-align:center;padding:.8rem 0}
.pbanner{background:#eaf2fb}.pbanner img{width:100%;height:auto}