:root{--sf:#F47B00;--sf2:#FF9D2F;--sf3:#A85200;--sfg:rgba(244,123,0,0.28);--sf-glow:rgba(244,123,0,0.35);--gd:#E8BD3A;--gd2:#F5D060;--gr:#1DAD10;--gr3:#49CF3E;--nv:#040C1E;--nv2:#061428;--nv3:#0B1F3A;--nv4:#1C3E6A;--wh:#fff;--r6:6px;--r12:12px;--r20:20px;--r28:28px;--rp:100px}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Nunito',sans-serif;background:var(--nv);color:var(--wh);-webkit-font-smoothing:antialiased}

.lem{width:38px;height:38px;background:linear-gradient(135deg,var(--sf),var(--sf3));border-radius:var(--r12);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 16px var(--sfg)}
.ln{font-family:'Cinzel',serif;font-size:15px;font-weight:700;background:linear-gradient(135deg,var(--sf2),var(--gd));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ls{font-size:9px;color:rgba(255,255,255,.3);letter-spacing:2px;text-transform:uppercase;display:block;margin-top:1px}
nav{display:flex;align-items:center;gap:4px}
nav a{color:rgba(255,255,255,.85);text-decoration:none;font-size:13px;font-weight:600;padding:7px 14px;border-radius:var(--r6);transition:all .2s}
nav a:hover{color:var(--wh);background:rgba(244,123,0,.1)}

.accent{background:linear-gradient(135deg,var(--sf2),var(--gd2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* HERO */
.hero{background:linear-gradient(150deg,var(--nv) 0%,var(--nv3) 60%,var(--nv) 100%);padding:80px 5%;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-100px;right:-100px;width:600px;height:600px;background:radial-gradient(ellipse,rgba(244,123,0,.08),transparent 70%);pointer-events:none}
.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--sf),var(--gd),var(--sf),transparent)}
.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}
.ptag{display:inline-flex;align-items:center;gap:8px;background:rgba(244,123,0,.1);border:1px solid rgba(244,123,0,.22);border-radius:var(--rp);padding:5px 16px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--sf2);margin-bottom:14px}
.hero-h{font-family:'Cinzel',serif;font-size:clamp(28px,4vw,52px);font-weight:700;color:var(--wh);margin-bottom:14px;line-height:1.15}
.hero-p{font-size:15px;color:rgba(255,255,255,.55);line-height:1.8;margin-bottom:28px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.btn-p{background:linear-gradient(135deg,var(--sf),var(--sf3));color:var(--wh);padding:13px 28px;border-radius:var(--r12);font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 20px var(--sfg);transition:all .2s}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 12px 32px var(--sfg)}
.btn-s{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:var(--wh);padding:13px 28px;border-radius:var(--r12);font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .2s}
.btn-s:hover{background:rgba(255,255,255,.1)}
.stats-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--r28);padding:32px;-webkit-backdrop-filter: blur(16px)}
.stats-grid{display:grid;
backdrop-filter: blur(16px)}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sitem{text-align:center}
.snum{font-family:'Cinzel',serif;font-size:32px;font-weight:700;background:linear-gradient(135deg,var(--sf2),var(--gd));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}
.slbl{font-size:10px;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:1px;margin-top:4px;display:block}

section{padding:72px 5%}
.sec-inner{max-width:1200px;margin:0 auto}
.sec-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(244,123,0,.1);border:1px solid rgba(244,123,0,.2);border-radius:var(--rp);padding:5px 16px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--sf2);margin-bottom:14px}
.sec-title{font-family:'Cinzel',serif;font-size:clamp(22px,3vw,40px);font-weight:700;color:var(--wh);margin-bottom:12px}
.sec-sub{font-size:14px;color:rgba(255,255,255,.45);line-height: 1.9;max-width:540px}

/* Story */
.story-sec{background:var(--nv2)}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:44px}
.story-visual{background:linear-gradient(135deg,rgba(244,123,0,.08),rgba(232,189,58,.05));border:1px solid rgba(244,123,0,.15);border-radius:var(--r28);padding:48px 36px;text-align:center;position:relative;overflow:hidden}
.story-visual::before{content:'🇮🇳';position:absolute;font-size:160px;opacity:.04;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.story-emoji{font-size:64px;display:block;margin-bottom:16px;position:relative}
.story-quote{font-family:'Playfair Display',serif;font-size:20px;color:var(--wh);line-height:1.5;position:relative}
.story-quote-sub{font-size:12px;color:var(--sf2);margin-top:10px;font-weight:600;letter-spacing:.5px}
.story-text p{font-size:14px;color:rgba(255,255,255,.78);line-height:1.85;margin-bottom:14px}
.story-text strong{color:var(--wh)}

/* Values */
.values-sec{background:var(--nv3)}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.vcard{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:var(--r20);padding:26px 22px;transition:all .3s}
.vcard:hover{border-color:rgba(244,123,0,.3);transform:translateY(-4px);box-shadow:0 16px 48px rgba(26,8,0,.5)}
.vcard-icon{font-size:36px;margin-bottom:14px}
.vcard-title{font-family:'Cinzel',serif;font-size:15px;color:var(--wh);margin-bottom:8px}
.vcard-text{font-size:13px;color:rgba(255,255,255,.72);line-height:1.7}

/* Timeline */
.timeline-sec{background:var(--nv2)}
.timeline{margin-top:44px;padding-left:28px;position:relative;max-width:640px}
.timeline::before{content:'';position:absolute;left:6px;top:0;bottom:0;width:1.5px;background:linear-gradient(to bottom,var(--sf),rgba(244,123,0,.1))}
.mile{position:relative;margin-bottom:32px}
.mile::before{content:'';position:absolute;left:-25px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--sf);border:2.5px solid var(--nv);box-shadow:0 0 0 3px rgba(244,123,0,.2)}
.mile-year{font-size:10px;font-weight:700;color:var(--sf2);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px}
.mile-title{font-family:'Cinzel',serif;font-size:16px;color:var(--wh);margin-bottom:4px}
.mile-text{font-size:13px;color:rgba(255,255,255,.45);line-height:1.7}

/* Trust */
.trust-sec{background:var(--nv)}
.trust-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px;margin-top:44px}
.tcard{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:var(--r20);padding:22px;text-align:center;transition:all .25s}
.tcard:hover{border-color:rgba(244,123,0,.25);transform:translateY(-3px)}
.tcard-icon{font-size:32px;margin-bottom:10px}
.tcard-title{font-size:13px;font-weight:700;color:var(--wh);margin-bottom:4px}
.tcard-sub{font-size:11px;color:rgba(255,255,255,.3);line-height:1.6}

/* CTA */
.cta-sec{background:var(--nv3);padding:80px 5%;text-align:center}
.cta-sec h2{font-family:'Cinzel',serif;font-size:clamp(24px,3.5vw,44px);color:var(--wh);margin-bottom:12px}
.cta-sec p{font-size:15px;color:rgba(255,255,255,.45);margin-bottom:32px}

footer a{color:var(--sf2);text-decoration:none}
@media(max-width:900px){.hero-inner,.story-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr 1fr}nav{display:none}}
@media(max-width:560px){.values-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}}

/* ═══════════════════ CHAKRA BEHIND GIRL LOADER ═══════════════════ */
#loader {
  position: fixed; inset: 0; z-index: 9999;
  background: linear-gradient(175deg, #F2F4FA 0%, #E8ECF7 45%, #DDE3F4 100%);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  transition: opacity 0.9s ease, visibility 0.9s ease;
  overflow: hidden;
}
#loader.out { opacity: 0; visibility: hidden; pointer-events: none; }

#loader::before {
  content: '';
  position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse 65% 55% at 50% 38%,
    rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.28) 55%, transparent 100%);
}

/* ── LAYER STACK ── */
.ld-scene {
  position: relative;
  width: min(320px, 86vw);
  height: min(400px, 108vw);
  animation: ldSceneReveal 0.9s 0.2s cubic-bezier(0.34,1.1,0.64,1) both,
             ldFloat 4.5s 1.2s ease-in-out infinite;
}
@keyframes ldSceneReveal {
  from { opacity: 0; transform: scale(0.82) translateY(18px); }
  to   { opacity: 1; transform: scale(1) translateY(0); }
}
@keyframes ldFloat {
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-7px); }
}

/* LAYER 1 — India map (bottom) */
.ld-map-img {
  position: absolute;
  inset: 0; width: 100%; height: 100%;
  object-fit: contain;
  object-position: center 30%;
  z-index: 1;
  opacity: 0.85;
}

/* LAYER 2 — Spinning Ashoka Chakra (behind girl, in front of map) */
.ld-chakra-svg {
  position: absolute;
  /* centre it over the chakra position in the map photo */
  left: 50%; top: 46%;
  transform: translate(-50%, -50%);
  width: 85%; height: auto;
  z-index: 2;
  animation: ldChakraSpin 8s linear infinite;
  transform-origin: center center;
  filter: drop-shadow(0 6px 24px rgba(4,12,60,0.35));
}
@keyframes ldChakraSpin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}

/* LAYER 3 — Girl photo (front, on top of chakra) */
.ld-girl-img {
  position: absolute;
  left: 50%; top: 46%;
  transform: translate(-50%, -50%);
  width: 58%; height: auto;
  z-index: 3;
  object-fit: contain;
}

/* bottom text */
.loader-bottom {
  position: relative; z-index: 6;
  text-align: center; margin-top: 14px;
  animation: ldTextReveal 0.7s 0.9s ease both;
}
@keyframes ldTextReveal {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
.loader-brand {
  font-family: 'Playfair Display','Cinzel', Georgia, serif;
  font-size: clamp(20px,5vw,26px); font-weight: 700;
  color: #040C1E; letter-spacing:-0.01em;
  margin-bottom: 5px; line-height: 1.25;
}
.loader-tagline {
  font-family: 'Nunito', sans-serif;
  font-size: 13px; font-weight: 500;
  color: rgba(26,8,0,0.52); line-height: 1.65; margin-bottom: 16px;
}
.ld-badge {
  width: 72px; height: 72px; border-radius: 50%;
  overflow: hidden; margin: 0 auto;
  box-shadow: 0 2px 14px rgba(26,8,0,0.14),
              0 0 0 2px rgba(201,162,39,0.45);
  animation: ldBadgePop 0.6s 1.2s cubic-bezier(0.34,1.4,0.64,1) both;
}
@keyframes ldBadgePop {
  from { opacity: 0; transform: scale(0.5); }
  to   { opacity: 1; transform: scale(1); }
}
.ld-badge img { width:100%; height:100%; object-fit:cover; }
.loader-bar {
  width: 180px; height: 2px;
  background: rgba(26,8,0,0.08);
  border-radius: 2px; margin: 14px auto 0; overflow: hidden;
}
.loader-bar-fill {
  height: 100%; width: 0; border-radius: 2px;
  background: linear-gradient(90deg, #F47B00, #C9A227, #138808);
  animation: ldFill 2.6s cubic-bezier(0.4,0,0.2,1) forwards;
}
@keyframes ldFill { to { width: 100%; } }

/* ═══════════════════════════════════════════════
   /* ═══════════════════ WARM PEACH THEME — Token Override
═══════════════════════════════════════════════ */
:root {
  --pc-900: #FFF0E8;   /* page base — warm peach */
  --pc-800: #FFE8DC;   /* alt sections */
  --pc-700: #FFD9C8;   /* deeper peach */
  --pc-600: #F5C4AC;   /* borders */
  --pc-400: #D4956A;   /* muted accent */
  --pc-200: #A86840;   /* sub-text */
  --pc-100: #7A4420;   /* dark-on-light */

  /* Flip text to dark */
  --wh:     #1A0800;
  --cream:  #FFF0E8;
  --muted:  rgba(60,25,5,0.55);
  --faint:  rgba(60,25,5,0.09);

  /* Softer shadows on light bg */
  --shadow-card: 0 4px 24px rgba(180,90,30,0.12), 0 1px 4px rgba(180,90,30,0.07);
  --shadow-hero:  0 20px 80px rgba(180,90,30,0.14);
  --glow-sf: 0 0 40px rgba(244,123,0,0.20);
  --glow-gd: 0 0 30px rgba(201,162,39,0.14);
}

/* ── PAGE BASE ── */
body { background: #FFF0E8 !important; color: #1A0800 !important; }

/* ── HEADER ── */

header::before {
  background: linear-gradient(90deg,#F47B00,#E8BD3A,#138808) !important;
}

.logo-name, 

/* ── HERO ── */
.hero { background: #FFF0E8 !important; }
.hero-grid {
  background-image: radial-gradient(circle, rgba(180,90,30,0.10) 1px, transparent 1px) !important;
}
.blob-1 { background: radial-gradient(ellipse,rgba(244,123,0,0.10) 0%,transparent 70%) !important; }
.blob-2 { background: radial-gradient(ellipse,rgba(201,162,39,0.07) 0%,transparent 70%) !important; }
.blob-3 { background: radial-gradient(ellipse,rgba(19,136,8,0.05) 0%,transparent 70%) !important; }
.hero-headline, .hero-eyebrow, .hero-sub { color: #1A0800 !important; }
.hero-sub { color: rgba(60,25,5,0.60) !important; }
.hero-eyebrow {
  background: rgba(244,123,0,0.12) !important;
  border-color: rgba(244,123,0,0.28) !important;
  color: #D46800 !important;
}
.hstat-num { background: linear-gradient(135deg,#F47B00,#E8BD3A); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.hstat-label { color: rgba(60,25,5,0.45) !important; }
.trust-badge {
  background: rgba(60,25,5,0.06) !important;
  border-color: rgba(60,25,5,0.12) !important;
  color: rgba(60,25,5,0.65) !important;
}

/* ── BOOKING WIDGET ── */
.booking-widget {
  background: rgba(255,255,255,0.85) !important;
  border-color: rgba(244,123,0,0.22) !important;
  box-shadow: 0 8px 48px rgba(180,90,30,0.16) !important;
}
.widget-top-bar {
  background: linear-gradient(135deg,rgba(244,123,0,0.12),rgba(201,162,39,0.06)) !important;
  border-bottom-color: rgba(244,123,0,0.18) !important;
}
.widget-title { color: #1A0800 !important; }
.trip-tab { color: rgba(60,25,5,0.45) !important; }
.trip-tab.active { background: linear-gradient(135deg,#F47B00,#A85200) !important; color:#fff !important; }
.trip-tabs { background: rgba(60,25,5,0.06) !important; border-color: rgba(60,25,5,0.10) !important; }
.field-label { color: rgba(60,25,5,0.45) !important; }
.field-input {
  background: rgba(255,255,255,0.90) !important;
  border-color: rgba(60,25,5,0.14) !important;
  color: #1A0800 !important;
}
.field-input::placeholder { color: rgba(60,25,5,0.32) !important; }
.field-input:focus {
  border-color: rgba(244,123,0,0.55) !important;
  box-shadow: 0 0 0 3px rgba(244,123,0,0.12) !important;
  background: #fff !important;
}
.field-input option { background: #FFF0E8; color: #1A0800; }
.widget-
.wf-item { color: rgba(60,25,5,0.40) !important; }

/* autocomplete */
.autocomplete-list, .pac-container {
  background: #FFF0E8 !important;
  border-color: rgba(244,123,0,0.35) !important;
  box-shadow: 0 16px 48px rgba(180,90,30,0.18) !important;
}
.autocomplete-item:hover { background: rgba(244,123,0,0.09) !important; }
.autocomplete-item .ac-sub { color: rgba(60,25,5,0.42) !important; }

/* ── TRUST BAR ── */
.trust-bar { background: #FFE8DC !important; border-color: rgba(60,25,5,0.06) !important; }
.tb-item { color: rgba(60,25,5,0.62) !important; border-right-color: rgba(60,25,5,0.08) !important; }

/* ── SECTION LABELS / TITLES ── */
.sec-tag { background: rgba(244,123,0,0.10) !important; border-color: rgba(244,123,0,0.22) !important; }
.sec-title { color: #1A0800 !important; }
.sec-sub { color: rgba(60,25,5,0.55) !important; }

/* ── FLEET ── */
.fleet-section { background: #FFE8DC !important; }
.fleet-card {
  background: rgba(255,255,255,0.88) !important;
  border-color: rgba(60,25,5,0.10) !important;
  box-shadow: 0 2px 14px rgba(180,90,30,0.08) !important;
}
.fleet-card:hover { border-color: rgba(244,123,0,0.40) !important; box-shadow: 0 16px 40px rgba(180,90,30,0.16) !important; }
.fleet-name { color: #1A0800 !important; }
.fleet-models { color: rgba(60,25,5,0.38) !important; }
.fleet-spec { background: rgba(60,25,5,0.06) !important; border-color: rgba(60,25,5,0.09) !important; color: rgba(60,25,5,0.58) !important; }
.fleet-price-box { background: rgba(60,25,5,0.04) !important; border-color: rgba(60,25,5,0.08) !important; }
.fp-unit, .fp-type { color: rgba(60,25,5,0.35) !important; }
.fleet-book { background: rgba(244,123,0,0.10) !important; border-color: rgba(244,123,0,0.28) !important; color: #D46800 !important; }

/* ── CALC ── */
.calc-section { background: #FFF0E8 !important; }
.calc-glass { background: rgba(255,255,255,0.88) !important; border-color: rgba(60,25,5,0.10) !important; }
.cr-row { border-bottom-color: rgba(60,25,5,0.06) !important; }
.cr-row .lbl { color: rgba(60,25,5,0.52) !important; }
.cr-row .val { color: #1A0800 !important; }
.crs-balance { background: rgba(60,25,5,0.05) !important; border-color: rgba(60,25,5,0.09) !important; }

/* ── ROUTES ── */
.routes-section { background: #FFE8DC !important; }
.route-card { background: rgba(255,255,255,0.85) !important; border-color: rgba(60,25,5,0.09) !important; }
.route-card:hover { background: rgba(244,123,0,0.06) !important; border-color: rgba(244,123,0,0.28) !important; }
.route-name { color: #1A0800 !important; }
.route-meta, .route-dist { color: rgba(60,25,5,0.40) !important; }

/* ── WHY ── */
.why-section { background: #FFF0E8 !important; }
.why-card { background: rgba(255,255,255,0.65) !important; border-color: rgba(60,25,5,0.09) !important; }
.why-card:hover { border-color: rgba(244,123,0,0.22) !important; box-shadow: 0 12px 40px rgba(180,90,30,0.12) !important; }
.why-icon-wrap { background: rgba(244,123,0,0.10) !important; border-color: rgba(244,123,0,0.20) !important; }
.why-title { color: #1A0800 !important; }
.why-text { color: rgba(60,25,5,0.58) !important; }

/* ── TESTIMONIALS ── */
.testi-section { background: #FFE8DC !important; }
.testi-card { background: rgba(255,255,255,0.65) !important; border-color: rgba(60,25,5,0.09) !important; }
.testi-card:hover { border-color: rgba(201,162,39,0.28) !important; box-shadow: 0 12px 36px rgba(180,90,30,0.13) !important; }
.testi-text { color: rgba(60,25,5,0.62) !important; }
.testi-name { color: #1A0800 !important; }
.testi-route { color: rgba(60,25,5,0.40) !important; }
.testi-quote-mark { color: rgba(244,123,0,0.12) !important; }

/* ── CTA ── */
.cta-section { background: #FFF0E8 !important; }
.cta-title { color: #1A0800 !important; }
.cta-sub { color: rgba(60,25,5,0.58) !important; }
.btn-secondary {
  background: rgba(60,25,5,0.07) !important;
  border-color: rgba(60,25,5,0.16) !important;
  color: #1A0800 !important;
}
.btn-secondary:hover { background: rgba(60,25,5,0.13) !important; }

/* ── FOOTER ── */

/* ── INNER PAGE HERO ── */
.page-hero { background: linear-gradient(160deg,#FFE8DC,#FFD9C8) !important; border-bottom-color: rgba(244,123,0,0.15) !important; }
.ph { color: #1A0800 !important; }
.ps { color: rgba(60,25,5,0.52) !important; }
.ptag { background: rgba(244,123,0,0.10) !important; border-color: rgba(244,123,0,0.22) !important; }

/* ── CARDS — inner pages ── */
.icard { background: rgba(255,255,255,0.65) !important; border-color: rgba(60,25,5,0.09) !important; }
.icard:hover { border-color: rgba(244,123,0,0.28) !important; }
.icard-label { color: rgba(60,25,5,0.40) !important; }
.icard-value { color: #1A0800 !important; }
.icard-sub { color: rgba(60,25,5,0.32) !important; }
.hours-card { background: rgba(255,255,255,0.75) !important; border-color: rgba(60,25,5,0.10) !important; }
.hours-title { color: #1A0800 !important; }
.hours-day { color: rgba(60,25,5,0.52) !important; }
.hours-row { border-bottom-color: rgba(60,25,5,0.06) !important; }

/* ── CONTACT FORM ── */
.content { background: #FFF0E8 !important; }
.form-card { background: rgba(255,255,255,0.78) !important; border-color: rgba(60,25,5,0.10) !important; box-shadow: 0 4px 24px rgba(180,90,30,0.10) !important; }
.form-title { color: #1A0800 !important; }
.form-sub { color: rgba(60,25,5,0.45) !important; }
.field label { color: rgba(60,25,5,0.45) !important; }
.finput { background: rgba(255,255,255,0.88) !important; border-color: rgba(60,25,5,0.12) !important; color: #1A0800 !important; }
.finput::placeholder { color: rgba(60,25,5,0.30) !important; }
.finput:focus { border-color: rgba(244,123,0,0.50) !important; background: #fff !important; }
.finput option { background: #FFF0E8; color: #1A0800; }
.qc-strip { background: linear-gradient(135deg,rgba(244,123,0,0.09),rgba(232,189,58,0.05)) !important; border-color: rgba(244,123,0,0.20) !important; }
.qc-text h2 { color: #1A0800 !important; }
.qc-text p { color: rgba(60,25,5,0.48) !important; }
.map-card { background: rgba(255,255,255,0.75) !important; border-color: rgba(60,25,5,0.08) !important; }
.map-hdr { border-bottom-color: rgba(60,25,5,0.07) !important; }
.map-hdr h3, .map-body p { color: #1A0800 !important; }

/* ── POLICIES ── */
.layout { background: #FFF0E8 !important; }
.policy-panel { background: rgba(255,255,255,0.85) !important; border-color: rgba(60,25,5,0.09) !important; }
.policy-sec { border-bottom-color: rgba(60,25,5,0.06) !important; }
.policy-title { color: #1A0800 !important; }
.policy-sub { color: rgba(60,25,5,0.52) !important; }
.hbox { background: rgba(244,123,0,0.08) !important; border-left-color: #F47B00 !important; }
.hbox p { color: rgba(60,25,5,0.82) !important; }
.snav-item { color: rgba(60,25,5,0.52) !important; }
.snav-item:hover { color: #1A0800 !important; background: rgba(60,25,5,0.05) !important; }
.snav-item.act { background: rgba(244,123,0,0.10) !important; border-left-color: #F47B00 !important; color: #D46800 !important; }
.snav h3 { color: rgba(60,25,5,0.32) !important; }
.snav-help { background: rgba(255,255,255,0.75) !important; border-color: rgba(60,25,5,0.12) !important; }
.snav-help h4 { color: #1A0800 !important; }
.snav-help small { color: rgba(60,25,5,0.35) !important; }

/* ── FAQ ── */
.faq-item { background: rgba(255,255,255,0.65) !important; border-color: rgba(60,25,5,0.09) !important; }
.faq-item:hover { border-color: rgba(244,123,0,0.25) !important; }
.faq-q { color: #1A0800 !important; }
.faq-a { color: rgba(60,25,5,0.58) !important; }

/* ── BLOG ── */
.blog-card { background: rgba(255,255,255,0.65) !important; border-color: rgba(60,25,5,0.09) !important; }
.blog-card:hover { border-color: rgba(244,123,0,0.28) !important; }
.blog-title { color: #1A0800 !important; }
.blog-excerpt { color: rgba(60,25,5,0.58) !important; }
.blog-meta { color: rgba(60,25,5,0.42) !important; }

/* ── DASHBOARDS ── */
.dash-card, .stat-card, .booking-row {
  background: rgba(255,255,255,0.88) !important;
  border-color: rgba(60,25,5,0.09) !important;
}
.dash-label, .stat-label { color: rgba(60,25,5,0.42) !important; }
.dash-value, .stat-value { color: #1A0800 !important; }

/* ── AUTOFILL ── */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,0.95) inset !important;
  -webkit-text-fill-color: #1A0800 !important;
  caret-color: #1A0800 !important;
}

/* ── PROSE (p, h3, li) — inner pages ── */
h3 { color: #1A0800 !important; }
p  { color: rgba(60,25,5,0.58) !important; }
ul li { color: rgba(60,25,5,0.58) !important; }

/* ══════════════════ ABOUT PAGE — Component Overrides ══════════════════ */
/* This page uses its own header/hero/section classes (.hero-h, .story-sec,
   .vcard, .tcard, .timeline, etc.) — separate from the shared site classes
   above. The base design leans on near-0% white overlays for card surfaces,
   which had low contrast on the old dark theme — give them real definition. */

/* ── HEADER (about page variant) ── */

.ln { background: linear-gradient(135deg,#F47B00,#E8BD3A) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; }
.ls { color: rgba(60,25,5,0.40) !important; }
nav a { color: rgba(26,8,0,0.70) !important; }
nav a:hover { color: #F47B00 !important; background: rgba(244,123,0,0.10) !important; }

/* ── HERO ── */
.hero { background: linear-gradient(150deg,#FFF0E8 0%,#FFE2D0 60%,#FFF0E8 100%) !important; }
.hero::before { background: radial-gradient(ellipse,rgba(244,123,0,0.10),transparent 70%) !important; }
.ptag { background: rgba(244,123,0,0.10) !important; border-color: rgba(244,123,0,0.24) !important; color: #D46800 !important; }
.hero-h { color: #1A0800 !important; }
.hero-p { color: rgba(60,25,5,0.62) !important; }
.btn-s { background: rgba(60,25,5,0.06) !important; border-color: rgba(60,25,5,0.16) !important; color: #1A0800 !important; }
.btn-s:hover { background: rgba(60,25,5,0.11) !important; }
.stats-card { background: rgba(255,255,255,0.80) !important; border-color: rgba(60,25,5,0.10) !important; box-shadow: 0 8px 36px rgba(180,90,30,0.12) !important; }
.slbl { color: rgba(60,25,5,0.45) !important; }

/* ── SECTION LABELS / TITLES (about page variant) ── */
.sec-tag { background: rgba(244,123,0,0.10) !important; border-color: rgba(244,123,0,0.22) !important; color: #D46800 !important; }
.sec-title { color: #1A0800 !important; }
.sec-sub { color: rgba(60,25,5,0.55) !important; }

/* ── STORY SECTION ── */
.story-sec { background: #FFF0E8 !important; }
.story-visual { background: linear-gradient(135deg,rgba(244,123,0,0.08),rgba(232,189,58,0.06)) !important; border-color: rgba(244,123,0,0.18) !important; }
.story-quote { color: #1A0800 !important; }
.story-text p { color: rgba(60,25,5,0.65) !important; }
.story-text strong { color: #1A0800 !important; }

/* ── VALUES SECTION ── */
.values-sec { background: #FFE8DC !important; }
.vcard { background: rgba(255,255,255,0.78) !important; border-color: rgba(60,25,5,0.09) !important; }
.vcard:hover { border-color: rgba(244,123,0,0.32) !important; box-shadow: 0 16px 44px rgba(180,90,30,0.14) !important; }
.vcard-title { color: #1A0800 !important; }
.vcard-text { color: rgba(60,25,5,0.62) !important; }

/* ── TIMELINE SECTION ── */
.timeline-sec { background: #FFF0E8 !important; }
.timeline::before { background: linear-gradient(to bottom,#F47B00,rgba(244,123,0,0.12)) !important; }
.mile::before { background: #F47B00 !important; border-color: #FFF0E8 !important; box-shadow: 0 0 0 3px rgba(244,123,0,0.20) !important; }
.mile-title { color: #1A0800 !important; }
.mile-text { color: rgba(60,25,5,0.52) !important; }

/* ── TRUST SECTION ── */
.trust-sec { background: #FFE8DC !important; }
.tcard { background: rgba(255,255,255,0.78) !important; border-color: rgba(60,25,5,0.09) !important; }
.tcard:hover { border-color: rgba(244,123,0,0.28) !important; box-shadow: 0 12px 36px rgba(180,90,30,0.12) !important; }
.tcard-title { color: #1A0800 !important; }
.tcard-sub { color: rgba(60,25,5,0.40) !important; }

/* ── CTA SECTION ── */
.cta-sec { background: linear-gradient(150deg,#FFE2D0 0%,#FFD9C8 100%) !important; }
.cta-sec h2 { color: #1A0800 !important; }
.cta-sec p { color: rgba(60,25,5,0.58) !important; }

/* ── BUTTON TEXT FIX: .btn-p used var(--wh), which flips to dark brown in
   this theme, giving low-contrast dark-on-orange text. Force white. ── */
.btn-p { color: #fff !important; }

/* ══════════════════ VIBRANT PEACH FOOTER ══════════════════ */
/* ─── FOOTER COMPLETE REDESIGN ─── */

  100% { background-position: 200% 50%; }
}

/* ── Footer Top Grid ── */

/* ── Brand Column ── */

.footer-brand p {
  font-size: 13.5px; color: rgba(255, 210, 160, 0.90);
  line-height: 1.90; margin-bottom: 22px;
}

/* ── Contact Rows ── */

.footer-contact-row:hover { color: #FFD4A0; }
.footer-contact-row .ic {
  color: #F47B00; font-size: 15px; margin-top: 1px; flex-shrink: 0;
  filter: drop-shadow(0 0 4px rgba(244,123,0,0.4));
}
.footer-contact-row a { color: inherit; text-decoration: none; }
.footer-contact-row a:hover { color: #FF9D2F; text-decoration: underline; }

/* ── Social Buttons ── */

.footer-social-btn svg { width: 20px; height: 20px; }
.footer-social-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.35);
}

/* ── Nav Columns ── */

/* ── Trust Badges ── */
.footer-trust {
  max-width: 1200px; margin: 0 auto;
  padding: 0 5% 32px;
  display: flex; gap: 10px; flex-wrap: wrap;
  position: relative; z-index: 1;
  justify-content: center;
  border-top: 1px solid rgba(244,123,0,0.12);
  padding-top: 28px;
}
.footer-trust-badge {
  display: flex; align-items: center; gap: 7px;
  background: rgba(244,123,0,0.11);
  border: 1px solid rgba(244,123,0,0.28);
  border-radius: 100px; padding: 7px 16px;
  font-size: 12px; font-weight: 700;
  color: rgba(255, 210, 160, 0.90);
  transition: all 0.2s;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}
.footer-trust-badge:hover {
  background: rgba(244,123,0,0.20);
  border-color: rgba(244,123,0,0.50);
  color: #FFD4A0;
}

/* ── Footer Bottom ── */

.mini-flag span { flex: 1; }
.mini-flag span:nth-child(1) { background: #F47B00 !important; }
.mini-flag span:nth-child(2) { background: rgba(255,255,255,0.90) !important; }
.mini-flag span:nth-child(3) { background: #138808 !important; }

.fb-links a {
  font-size: 12px; color: rgba(255, 210, 160, 0.55) !important;
  text-decoration: none; transition: color 0.2s;
}
.fb-links a:hover { color: #FF9D2F !important; }
/* ── FOOTER: counter body color inheritance ── */

.footer-contact-row a:hover { color: #FF9D2F !important; }

.fb-links a:hover { color: #FF9D2F !important; }
.footer-contact-row .ic { color: #F47B00 !important; }
/* ─── Typography Readability Improvements ─── */
body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
p, li, .body-text, .desc, .description { font-size: 15px; line-height: 1.85; }

/* ═══════════════════════ FLOATING CALL + WHATSAPP ═══════════════════════ */

.float-btn:hover { transform: scale(1.08); }
.float-btn svg { width: 28px; height: 28px; }

@keyframes floatPulseCall {
  0%,100% { box-shadow: 0 8px 28px var(--sf-glow), 0 0 0 0 rgba(244,123,0,0.45); }
  50%     { box-shadow: 0 8px 28px var(--sf-glow), 0 0 0 10px rgba(244,123,0,0); }
}
@keyframes floatPulseWA {
  0%,100% { box-shadow: 0 8px 28px rgba(29,168,81,0.45), 0 0 0 0 rgba(29,168,81,0.45); }
  50%     { box-shadow: 0 8px 28px rgba(29,168,81,0.45), 0 0 0 10px rgba(29,168,81,0); }
}

.float-btn:hover 
@media (max-width: 768px) {
  /* Anchored to the bottom-right corner instead of vertically centered
     (top:50%) so the buttons don't sit on top of page content on mobile —
     see same fix applied in main.css for the homepage. */
  
  
  .float-btn svg { width: 25px; height: 25px; }
  
}