/* ============ CRITICAL LAYOUT ============ */
html,body{overflow-x:hidden;max-width:100vw}
header#hdr{position:fixed;top:0;left:0;right:0;z-index:60}
#drawer{position:fixed;top:0;bottom:0;right:0;left:auto;width:min(320px,84vw);height:auto;transform:translateX(105%);z-index:70;overflow-y:auto}
#drawer.open{transform:none}
.scrim{position:fixed;inset:0;z-index:65}
@media(max-width:768px){nav.main{display:none}.hcall{display:none}}
/* ============ HEADER slim + glass ============ */
header#hdr{padding:7px 0;background:rgba(255,255,255,.8);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid rgba(7,24,70,.07);transition:box-shadow .3s,background .3s}
html[data-theme="dark"] header#hdr{background:rgba(10,16,43,.8);border-bottom-color:rgba(255,255,255,.07)}
header#hdr.sc{padding:5px 0;box-shadow:0 8px 30px rgba(7,27,70,.12);background:rgba(255,255,255,.93)}
html[data-theme="dark"] header#hdr.sc{background:rgba(10,16,43,.93)}
.hrow{gap:10px}
.logo{gap:9px}
.logo .lm{width:38px;height:38px;border-radius:50%;overflow:hidden}
.logo .lm img{width:38px;height:38px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 2px var(--glass-bd),0 6px 18px rgba(7,24,70,.25)}
html[data-theme="light"] .logo .lm img.rlight{display:none}
html[data-theme="dark"] .logo .lm img.rdark{display:none}
.logo .lt{white-space:nowrap;line-height:1.1}
.logo .lt b{display:block;font-size:14px;letter-spacing:.3px}
.logo .lt b i{font-style:normal;color:var(--gold)}
.logo .lt small{display:block;font-size:7.5px;letter-spacing:2.4px;margin-top:2px}
nav.main>a,nav.main .dd>button{padding:8px 10px;font-size:13px;border-radius:10px;position:relative}
nav.main>a::after,nav.main .dd>button::after{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:2.5px;border-radius:3px;background:linear-gradient(90deg,#E9B44C,#F5C96A);transform:scaleX(0);transform-origin:left;transition:transform .3s}
nav.main>a:hover::after,nav.main .dd>button:hover::after,nav.main>a.on::after{transform:scaleX(1)}
.hact{gap:8px;margin-left:auto;align-items:center}
.icobtn{width:38px;height:38px;border-radius:11px}
.hcall{padding:9px 13px;font-size:12.5px;border-radius:11px}
.hact .btn-g{padding:10px 16px;font-size:13px;border-radius:12px;white-space:nowrap}
@media(max-width:768px){.logo .lm,.logo .lm img{width:34px;height:34px}.logo .lt b{font-size:12.5px}.logo .lt small{font-size:7px}.hact .btn-g{padding:9px 14px;font-size:12px}.icobtn{width:36px;height:36px}}
#drawer .grip{display:none}
#drawer .dhead{margin-bottom:14px}
#drawer a.dlink{padding:12px 4px;font-size:15px}
#drawer summary{padding:12px 4px;font-size:15px}
#drawer details a{padding:9px 12px;font-size:13.5px}
.dcta{margin-top:18px}
.flogo{background:#fff;border-radius:16px;padding:10px 18px;display:inline-block;margin-bottom:16px;box-shadow:0 12px 34px rgba(0,0,0,.35)}
.flogo img{height:42px;width:auto;display:block}
/* ============ HOME HERO — gap 0 + text TOP + form neeche ============ */
.hero{padding-top:0!important;margin-top:0!important}
@media(min-width:769px){
 .sContent h1,.sContent h2{font-size:clamp(46px,6vw,68px)!important}
 .sContent{justify-content:flex-start!important;padding:110px 6% 200px!important}
}
@media(max-width:768px){
 .sContent h1,.sContent h2{font-size:clamp(32px,9vw,44px)!important}
 .sContent{justify-content:flex-start!important;padding:84px 20px 170px!important}
 .carLayer{bottom:64px!important;width:94%!important}
}
/* Accent words — per-slide mockup colors */
.sContent .acc.script,.sContent .acc.serif{color:var(--acc)!important;background:none!important;-webkit-text-fill-color:initial!important}
.carIn img{filter:drop-shadow(0 24px 30px rgba(0,0,0,.55))}
/* ============ BOOKING — form ab image cover NAHI karega ============ */
.bookZone{margin-top:18px!important;position:relative;z-index:15}
html .bForm2,html .bz2 .panel{background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(248,250,255,.97));border:1px solid var(--glass-bd);box-shadow:0 24px 60px rgba(7,27,70,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:22px}
html[data-theme="dark"] .bForm2,html[data-theme="dark"] .bz2 .panel{background:linear-gradient(135deg,rgba(17,24,58,.97),rgba(14,20,48,.97))!important;border-color:rgba(255,255,255,.1)!important}
html .tabs button.on,html .bz2 .tabs button.on{background:linear-gradient(135deg,#E9B44C,#F5C96A)!important;color:#3a2a00!important;box-shadow:0 6px 16px rgba(233,180,76,.4)!important}
html .stat2 b,html .bz2 .tb b{background:linear-gradient(135deg,#E9B44C,#C9932A);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
html .badge{background:rgba(7,11,34,.45)!important;border:1px solid rgba(233,180,76,.5)!important}
/* ============ FLEET + SERVICES ============ */
html .flN .km{color:var(--gold)}
html .flN .catB,html .flN .popB{background:linear-gradient(135deg,#E9B44C,#F5C96A);color:#3a2a00;border-radius:99px;font-weight:800}
html .flN .vis img{transition:transform .5s;filter:drop-shadow(0 16px 20px rgba(0,0,0,.25))}
html .flN:hover .vis img{transform:scale(1.06)}
html .srv:hover{border-color:#D6DFF8;transform:translateY(-4px);box-shadow:var(--sh2)}
html .why .icw{background:linear-gradient(135deg,#3438F5,#7047F8);color:#fff;box-shadow:0 10px 22px rgba(112,71,248,.35)}
/* ============ ROUTE CARDS ============ */
html .rc img{transition:transform .5s}
html .rc:hover img{transform:scale(1.06)}
/* ============ CTA + FOOTER ============ */
html .cdBand{background:linear-gradient(135deg,#071846,#0C2C66 55%,#10296b)!important;border-radius:26px!important;position:relative;overflow:hidden}
html .cdBand::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(233,180,76,.25),transparent 70%);top:-130px;right:-90px}
footer a:hover{color:var(--gold)!important}
footer h5{color:#fff;letter-spacing:.6px}
/* ============ MOBILE polish ============ */
@media(max-width:768px){
 .icobtn,#themeBtn{width:40px;height:40px}
 .hact .btn-g,.btn{padding:12px 18px;min-height:44px;display:inline-flex;align-items:center}
 .mbar{box-shadow:0 -8px 24px rgba(7,27,70,.12)}
 html .flGridN{grid-template-columns:1fr!important}
 html .flN .vis{height:auto;aspect-ratio:16/9}
 html .flN .vis img{object-fit:contain;max-height:150px}
 .fGrid{grid-template-columns:1fr 1fr!important}
 #swapBtn{display:none}
}
/* ============ DARK ============ */
html[data-theme="dark"] header#hdr{background:rgba(10,16,43,.85)}
html[data-theme="dark"] .flN,html[data-theme="dark"] .srv,html[data-theme="dark"] .why,html[data-theme="dark"] .rc{background:var(--card);border-color:rgba(255,255,255,.08)}
/* ============ INNER PAGES — compact image hero ============ */
.sec{padding:64px 0}
.pageHero{background:linear-gradient(155deg,rgba(7,24,70,.78) 0%,rgba(12,44,102,.72) 55%,rgba(52,56,245,.38) 100%),url('/assets/img/uploads/gh-route-dehradun-to-mussoorie-taxi.webp') center 32%/cover no-repeat;padding:104px 0 40px;color:#fff;position:relative;overflow:hidden}
.pageHero::before{content:"";position:absolute;top:-120px;right:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(233,180,76,.2),transparent 70%)}
.pageHero::after{content:"";position:absolute;bottom:-140px;left:-60px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(112,71,248,.25),transparent 70%)}
.pageHero .wrap{position:relative;z-index:2}
.pageHero h1{font:800 clamp(24px,3.6vw,40px)/1.2 var(--f);font-style:italic;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.pageHero h1 em{color:var(--gold);font-style:italic}
.pageHero .lead{color:#E2E7FA;font:500 13.5px/1.65 var(--f);max-width:640px;margin-top:10px;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.crumb{font:600 11.5px var(--f);color:#C6CDEB;margin-bottom:10px;display:flex;gap:8px;flex-wrap:wrap}
.crumb a{color:#C6CDEB}.crumb a:hover{color:#fff}
.phStats{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.phStats span{display:inline-flex;gap:7px;align-items:center;padding:7px 13px;border-radius:99px;background:rgba(7,11,34,.45);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);font:600 11.5px var(--f);color:#fff;transition:.25s}
.phStats span:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}
.phStats .ic{width:14px;height:14px;color:var(--gold)}
.phCta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.routeHero,.moHero,.pageImg,.aboutHero,.ctHero,.fareHero{margin-top:-24px!important;margin-bottom:26px!important}
@media(max-width:768px){.pageHero{padding:92px 0 32px}.routeHero,.moHero,.pageImg,.aboutHero,.ctHero,.fareHero{margin-top:-18px!important;margin-left:14px!important;margin-right:14px!important;margin-bottom:22px!important}.routeHero img,.pageImg img,.aboutHero img,.ctHero img{height:190px!important}}
/* ============ INNER COMPONENTS ============ */
.qa{border-left:4px solid var(--gold);padding:18px 22px;margin:22px 0}
.qa .t{display:flex;gap:8px;align-items:center;font:800 11px var(--f);letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:8px}
html[data-theme="dark"] .qa .t{color:#8f93ff}
.qa p{color:var(--muted);font:500 13.5px/1.7 var(--f)}
.qa b{color:var(--text)}
.prose{max-width:900px}
.prose h2{font:800 clamp(18px,2.4vw,23px) var(--f);margin:26px 0 10px}
.prose p{color:var(--muted);font:400 14px/1.8 var(--f);margin-bottom:12px}
.prose p b{color:var(--text)}
.hl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.hl span{display:flex;gap:10px;align-items:center;padding:13px 16px;border-radius:14px;font:600 12.5px var(--f);color:var(--muted)}
.hl .ic{width:16px;height:16px;color:var(--gold);flex:none}
.faqList{margin:22px 0 0;display:flex;flex-direction:column;gap:10px;max-width:900px}
.faqList details{padding:16px 20px}
.faqList summary{font:700 14px var(--f);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}
.faqList summary .ic{color:var(--blue);transition:.3s;flex:none}
html[data-theme="dark"] .faqList summary .ic{color:#8f93ff}
.faqList details[open] summary .ic{transform:rotate(45deg)}
.faqList p{color:var(--muted);font:400 13px/1.7 var(--f);margin-top:8px}
.oGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.oCard{padding:16px;display:block;transition:transform .2s,box-shadow .3s}
.oCard:hover{transform:translateY(-5px);box-shadow:var(--sh2)}
.oCard b{font:700 13px var(--f);display:block;margin-bottom:5px}
.oCard span{font:700 12.5px var(--f);color:var(--blue)}
html[data-theme="dark"] .oCard span{color:#8f93ff}
.rFilters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:22px}
.rFilters .chip{padding:9px 16px;border-radius:99px;border:1px solid var(--line);background:var(--card);font:600 12.5px var(--f);color:var(--muted);cursor:pointer;transition:.25s}
.rFilters .chip:hover{border-color:var(--gold);color:var(--gold)}
.rFilters .chip.on{background:linear-gradient(135deg,#E9B44C,#F5C96A);color:#3a2a00;border-color:transparent;box-shadow:0 8px 20px rgba(233,180,76,.35)}
.rSearch{margin-left:auto;position:relative}
.rSearch input{padding:10px 14px 10px 40px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--text);font:500 13px var(--f);outline:none;width:210px}
.rSearch .ic{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--muted)}
.rTable{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
.rTable th{background:var(--navy);color:#fff;font:700 11.5px var(--f);letter-spacing:1px;text-transform:uppercase;padding:12px 14px;text-align:left}
.rTable td{padding:12px 14px;border-top:1px solid var(--line);font:500 13px var(--f);color:var(--muted)}
.rTable td b{color:var(--text)}
.rTable tr:hover td{background:var(--card2)}
.rTable .fare{font:700 13.5px var(--f);color:var(--gold)}
.rTable .book{padding:7px 13px;border-radius:10px;background:var(--grad);color:#fff;font:600 11.5px var(--f);display:inline-flex;gap:6px;align-items:center}
.rTable .book .ic{width:12px;height:12px}
.postMeta{display:flex;gap:12px;align-items:center;font:600 12px var(--f);margin-top:12px;flex-wrap:wrap}
.postMeta .ic{width:13px;height:13px;color:var(--gold)}
.postBody{max-width:860px;margin:0 auto}
.postBody h2{font:800 21px var(--f);margin:26px 0 10px}
.postBody p{color:var(--muted);font:400 14.5px/1.8 var(--f);margin-bottom:12px}
.postBody ul{margin:0 0 14px 20px;color:var(--muted);font:400 14px/1.9 var(--f)}
.ctGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.ctCard{padding:22px;display:flex;gap:14px;align-items:flex-start;transition:transform .2s,box-shadow .3s}
.ctCard:hover{transform:translateY(-5px);box-shadow:var(--sh2)}
.ctCard .icn{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,rgba(52,56,245,.1),rgba(112,71,248,.14));display:grid;place-items:center;color:var(--blue);flex:none}
.ctCard b{font:700 14.5px var(--f);display:block;margin-bottom:5px}
.ctCard p{color:var(--muted);font:500 13px/1.7 var(--f)}
.ctCard a{color:var(--blue);font:700 13.5px var(--f)}
.mapBox{border-radius:22px;overflow:hidden;box-shadow:var(--sh);margin-top:22px}
.mapBox iframe{width:100%;height:340px;border:0;display:block}
.statBand{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}
@media(max-width:1024px){.oGrid{grid-template-columns:1fr 1fr}.ctGrid{grid-template-columns:1fr}.statBand{grid-template-columns:1fr 1fr}.hl{grid-template-columns:1fr}}
@media(max-width:560px){.oGrid,.hl,.statBand{grid-template-columns:1fr}}