/* Mobile + tablet: poori website chhoti, saaf aur kam bhaari — chhote fonts, kam jagah, halke rang, patle weights.
   Customer (body.cu) pages customer-compact.css se alag compact hain. Desktop (>1180px) par koi badlav nahi. */
html,body{max-width:100%;overflow-x:clip;overscroll-behavior-x:none}   /* side me khiskna band: left/right 0 space (clip = sticky safe) */

@media(max-width:1180px){
  body:not(.cu){zoom:.92}
  body:not(.cu) .mbn{box-shadow:0 -1px 0 var(--line)!important}
}
@media(max-width:1024px){
  .mbn{display:grid!important;position:fixed!important;left:0;right:0;bottom:0;z-index:70!important;transform:none!important}   /* bottom bar kabhi hide nahi */
}
@media(max-width:640px){
  body:not(.cu){zoom:.9;font-size:14px;line-height:1.5}
  body:not(.cu) .wrap{padding-left:14px;padding-right:14px}
  /* headings: patle, chhote */
  body:not(.cu) :is(h1,h2,h3,h4){font-weight:700;letter-spacing:-.005em}
  body:not(.cu) .sec{padding:28px 0}
  body:not(.cu) .sec-head{margin-bottom:16px;text-align:left}
  body:not(.cu) .sec-head h2{font-size:19px;line-height:1.25}
  body:not(.cu) .sec-head p{font-size:13px;margin:6px 0 0;max-width:none}
  body:not(.cu) .sec-eyebrow{background:none;padding:0;margin-bottom:4px;font-size:10.5px;font-weight:700;color:var(--mut);letter-spacing:.1em}
  body:not(.cu) .page-hero{padding:22px 0 20px}
  body:not(.cu) .page-hero::before{opacity:.35}
  body:not(.cu) .page-hero h1{font-size:21px;line-height:1.25}
  body:not(.cu) .page-hero p{font-size:13px;margin-top:8px}
  /* hero + booking card */
  body:not(.cu) .hero-in{padding-top:20px;padding-bottom:40px;gap:18px}
  body:not(.cu) .hc h1,body:not(.cu) .hero h1{font-size:25px;line-height:1.2}
  body:not(.cu) .hc p{font-size:13px;margin-top:8px}
  body:not(.cu) .hc-tag{font-size:10.5px;padding:4px 10px;margin-bottom:8px}
  body:not(.cu) .hb{padding:9px 16px;font-size:13px;font-weight:600}
  body:not(.cu) .hc-arrows button{width:32px;height:32px}
  body:not(.cu) .appt{padding:14px 13px 12px;border-radius:16px}
  body:not(.cu) .appt h3{font-size:16px}
  body:not(.cu) .appt label{font-size:11.5px}
  body:not(.cu) .appt input,body:not(.cu) .appt select,body:not(.cu) .appt textarea{font-size:13px;padding-top:9px;padding-bottom:9px}
  body:not(.cu) .ap-next,body:not(.cu) .ap-go{padding:11px 16px;font-size:13.5px;font-weight:600}
  body:not(.cu) .facts .wrap{margin:0 10px}
  body:not(.cu) .fact{padding:10px 8px}
  /* cards: halke, bina shadow */
  body:not(.cu) :is(.svc,.rv,.df,.pk,.stat,.pg-card,.form-card,.faq details){box-shadow:none}
  body:not(.cu) .svc-grid{gap:9px}
  body:not(.cu) .svc{padding:12px 11px 11px;border-radius:13px;gap:4px}
  body:not(.cu) .svc::after{display:none}
  body:not(.cu) .svc h3{font-size:13.5px;font-weight:700}
  body:not(.cu) .svc-ic{width:34px;height:34px;font-size:17px;border-radius:10px;background:var(--bg);color:var(--ink)}
  body:not(.cu) .svc .go{font-size:11.5px;font-weight:700}
  body:not(.cu) .svc-pr b{font-size:14px}
  body:not(.cu) .steps6{gap:16px 10px}.steps6 .stp .n{width:46px;height:46px;font-size:19px}
  body:not(.cu) .steps6 .stp h3{font-size:13px}.steps6 .stp p{font-size:11.5px}
  body:not(.cu) .df{padding:13px 10px}.df h3{font-size:13px}.df p{font-size:11.5px}
  body:not(.cu) .stats{padding-top:24px}.stat b{font-size:19px}
  body:not(.cu) .faq summary{font-size:13px;padding:11px 40px 11px 13px;font-weight:600}
  body:not(.cu) .faq p,body:not(.cu) .faq .a{font-size:12.5px}
  body:not(.cu) .rv{padding:14px}.rv p{font-size:12.5px}
  body:not(.cu) .msg-card{padding:18px 14px;gap:16px}.msg-body h2{font-size:18px}.msg-body p{font-size:13px}
  body:not(.cu) .appband .box{padding:18px 14px}.appband h2{font-size:18px}.appband p{font-size:12.5px}
  body:not(.cu) .btn{padding:9px 16px;font-size:13px;font-weight:600}
  body:not(.cu) .pk{padding:14px}.pk h3{font-size:15px}.pk p{font-size:12px}
  /* forms (contact / franchise) */
  body:not(.cu) .form-card{padding:15px 13px;border-radius:14px}
  body:not(.cu) .form-card h2,body:not(.cu) .form-card h3{font-size:16px}
  body:not(.cu) .form-card label{font-size:11.5px;margin-bottom:3px}
  body:not(.cu) .form-card :is(input,select,textarea){font-size:13px;padding:9px 11px}
  /* shop / products */
  body:not(.cu) .pcard img,body:not(.cu) .pc-img{aspect-ratio:4/3;height:auto}
  /* footer: chhota aur seedha */
  body:not(.cu) .foot{padding-top:26px}
  body:not(.cu) .foot-grid{gap:16px 14px;padding-bottom:18px}
  body:not(.cu) .foot h4{font-size:12.5px;margin-bottom:8px;padding-bottom:7px;letter-spacing:.04em;text-transform:uppercase}
  body:not(.cu) .foot h4::after{width:24px;height:2px}
  body:not(.cu) .foot-links a{padding:3px 0;font-size:12.5px}
  body:not(.cu) .foot-links a::before{width:4px;height:4px}
  body:not(.cu) .f-about p{font-size:12.5px;margin:8px 0 12px;line-height:1.55}
  body:not(.cu) .foot .logo img{height:40px}
  body:not(.cu) .f-social a{width:32px;height:32px;font-size:15px;box-shadow:none}
  body:not(.cu) .f-contact .row{margin-bottom:9px;font-size:12.5px;gap:9px}
  body:not(.cu) .f-contact .row .pi{width:28px;height:28px;font-size:13px;border-radius:9px}
  body:not(.cu) .f-contact b{font-size:10.5px}
  body:not(.cu) .copy{padding:10px 0;font-size:11px}
  /* header */
  body:not(.cu) .offer-bar{font-size:11.5px;padding:5px 10px}
  body:not(.cu) .topbar .wrap{min-height:32px}.tb-contact a{font-size:11.5px}.tb-social a{width:24px;height:24px;font-size:12px;box-shadow:none}
  body:not(.cu) .mainbar .wrap{padding-top:5px;padding-bottom:5px}
  body:not(.cu) .logo img{height:40px;max-width:150px}
  body:not(.cu) .acct-btn .cu-av{width:36px;height:36px;font-size:14px}
  body:not(.cu) .mbn{padding:2px 4px calc(2px + env(safe-area-inset-bottom))}
  body:not(.cu) .mbn a,body:not(.cu) .mbn button{padding:4px 0;font-size:10px;font-weight:600}
  body:not(.cu) .mbn i{font-size:18px}
  body{padding-bottom:54px}
}
@media(min-width:641px) and (max-width:1024px){
  body.cu{font-size:12.5px}
  body.cu .cu-wrap{max-width:680px}
  body:not(.cu) .sec{padding:44px 0}
  body:not(.cu) .sec-head h2{font-size:26px}
  body:not(.cu) .page-hero{padding:34px 0 30px}
  body:not(.cu) .page-hero h1{font-size:28px}
}
a.acct-btn{text-decoration:none}
/* Services / FAQ / About tab: sirf wahi section — header ke neeche seedha */
html.so .sec{padding-top:20px}
/* shop: grid ek hi column me ho to chips ki wajah se page chauda na ho */
@media(max-width:900px){
  .sh-lay{grid-template-columns:minmax(0,1fr)!important}
  .sh-cats{margin:0 -14px!important;padding:0 14px 4px!important;max-width:100vw}
}
@media(max-width:640px){
  body:not(.cu) .sh-hero{padding:18px 0 16px}
  body:not(.cu) .sh-hero h1{font-size:21px;line-height:1.25}
  body:not(.cu) .sh-hero p{font-size:12.5px}
  body:not(.cu) .sh-main{padding:12px 0 30px}
  body:not(.cu) .sh-cats button{font-size:12px;padding:6px 11px;font-weight:600}
  body:not(.cu) .sh-grid{gap:8px}
  body:not(.cu) .sh-bd h3{font-size:12.5px;font-weight:600}
  body:not(.cu) .sh-pr b{font-size:14px}
  body:not(.cu) .sh-grid :is(img,.sh-ph){aspect-ratio:1/1;height:auto;max-height:150px;object-fit:cover}
  body:not(.cu) .sh-promise{display:none}
}
@media(max-width:640px){
  body:not(.cu) .sh-img{aspect-ratio:4/3}
  body:not(.cu) .sh-card{border-radius:13px}
  body:not(.cu) .pd-img{aspect-ratio:4/3;border-radius:14px}
}
/* header: vehicle icon + profile */
.hd-veh{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);background:#fff;color:var(--ink);font-size:19px;text-decoration:none;flex:none}
.hd-veh em{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--brand);color:#fff;font:700 9.5px/16px 'Plus Jakarta Sans',sans-serif;font-style:normal;text-align:center}
.acct-slot{display:flex;align-items:center;gap:8px}

/* ===== Parts shop — mobile redesign: kam jagah, 2-column compact cards, ek-line tools ===== */
@media(max-width:700px){
  .sh-hero{padding:16px 0 14px}
  .sh-hero .wrap{gap:10px}
  .sh-hero h1{font-size:19px!important;line-height:1.25;margin:4px 0 0}
  .sh-hero p{font-size:12px!important;margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .sh-kick{font-size:10px!important;padding:3px 9px!important}
  .sh-find{height:40px!important;padding:0 12px!important;border-radius:11px!important}
  .sh-find input{font-size:13px!important}
  .sh-promise{display:none}
  .sh-main{padding-top:10px!important}
  .sh-cats{margin:0 -14px!important;padding:0 14px 2px!important;gap:6px!important}
  .sh-cats button{padding:5px 11px!important;font-size:12px!important;font-weight:600!important;border-width:1px!important;gap:5px!important}
  .sh-cats button em{font-size:10px!important;padding:0 5px!important}
  .sh-near{padding:7px 10px!important;margin-top:8px!important;border-radius:10px!important;gap:6px!important}
  .sh-nearhint,.sh-nearon{font-size:11.5px!important;margin:0!important;flex:1;min-width:0}
  .sh-locbtn{padding:6px 10px!important;font-size:11.5px!important;border-radius:8px!important;white-space:nowrap}
  .sh-tools{display:flex!important;align-items:center;gap:6px;flex-wrap:nowrap;margin:8px 0!important}
  .sh-count{font-size:12px!important;white-space:nowrap}
  .sh-tools select{height:32px!important;font-size:12px!important;padding:0 8px!important;border-radius:8px!important;min-width:0;flex:1;max-width:48%}
  .sh-tools select.sh-veh{flex:1}
  .sh-row h2{font-size:14px!important;margin:6px 0!important}
  .sh-rl{gap:8px!important;margin:0 -14px;padding:0 14px 4px}
  .sh-mini{flex:0 0 118px!important;width:118px!important;border-radius:10px!important;padding:6px!important}
  .sh-mi{height:76px!important;border-radius:8px!important}
  .sh-mn{font-size:11.5px!important;font-weight:600!important;line-height:1.3;height:30px;overflow:hidden}
  .sh-mp b{font-size:13px!important}.sh-mp s{font-size:10.5px!important}
  .sh-mini .sh-add{padding:6px!important;font-size:11px!important;border-radius:8px!important}
  .sh-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .sh-card{border-radius:11px!important;box-shadow:none!important;border:1px solid var(--line)}
  .sh-img{aspect-ratio:1/.82!important}
  .sh-off,.sh-fast{font-size:9.5px!important;padding:2px 6px!important;font-weight:700!important}
  .sh-bd{padding:8px!important;gap:3px!important}
  .sh-cat{font-size:9.5px!important}
  .sh-bd h3{font-size:12.5px!important;font-weight:600!important;line-height:1.3!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px}
  .sh-rt{font-size:10.5px!important}
  .sh-br{font-size:10.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sh-sell{font-size:10.5px!important;gap:4px!important;align-items:flex-start}
  .sh-sell span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  .sh-pr b{font-size:14.5px!important}.sh-pr s{font-size:10.5px!important}
  .sh-low,.sh-sold{font-size:10px!important}
  .sh-act{gap:5px!important;margin-top:4px}
  .sh-add{padding:7px 6px!important;font-size:11.5px!important;font-weight:600!important;border-radius:8px!important}
  .sh-step button{width:28px!important;height:28px!important}
  .sh-cartbtn{bottom:70px!important}
  .sh-sell-cta{padding:12px!important;gap:10px!important}.sh-sell-cta span{font-size:11.5px!important}
}
@media(max-width:340px){.sh-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}