@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Poppins:wght@700;800;900&display=swap');

:root {
  --green-dark: #1a3a08;
  --green-main: #2e5c0e;
  --green-mid: #3d7a12;
  --green-light: #4ade80;
  --green-pale: #f0fdf4;
  --green-border: #bbf7d0;
  --orange: #e07b2e;
  --orange-light: #fff7ed;
  --orange-border: #fed7aa;
  --amber: #f59e0b;
  --blue: #2563eb;
  --blue-light: #eff6ff;
  --purple: #7c3aed;
  --purple-light: #f5f3ff;
  --pink: #db2777;
  --pink-light: #fdf2f8;
  --whatsapp: #2aa71d;
  --text-primary: #0f1923;
  --text-secondary: #4b5563;
  --text-muted: #9ca3af;
  --border: #e5e7eb;
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.07);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.10);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.14);
  --shadow-xl: 0 16px 60px rgba(0,0,0,0.22);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-display: 'Poppins', 'Inter', sans-serif;
  --tr: all 0.22s cubic-bezier(0.4,0,0.2,1);
  --page-bg: #090e14;
  --cyan: #06B6D4;
  --white: #FFFFFF;
  --gray-50: #F0F4FF;
  /* Package section theme */
  --nav-h: 58px;
  --indigo: #4F46E5;
  --bg: #f4f6fb;
  --bg-card: #ffffff;
  --text-body: #374151;
      --gold: #F59E0B;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-body);
  background:var(--page-bg);
  color:var(--text-primary);
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
  padding-top:58px; /* fixed nav height */
}
img{display:block;max-width:100%}
button{font-family:inherit;cursor:pointer}

/* ============================================================
   FIXED STICKY NAVIGATION HEADER
   ============================================================ */
.site-nav{
  position:fixed;
  top:0;left:0;right:0;
  z-index:9000;
  height:58px;
  background:rgba(9,14,20,0.92);
  backdrop-filter:blur(20px) saturate(180%);
  -webkit-backdrop-filter:blur(20px) saturate(180%);
  border-bottom:1px solid rgba(255,255,255,0.08);
  box-shadow:0 2px 24px rgba(0,0,0,0.40);
  transition:background 0.3s, box-shadow 0.3s;
}
.site-nav.nav-scrolled{
  background:rgba(9,14,20,0.98);
  box-shadow:0 3px 30px rgba(0,0,0,0.55);
}
.site-nav-inner{
  max-width:1340px;
  margin:0 auto;
  height:100%;
  display:flex;
  align-items:center;
  gap:0;
  padding:0 14px;
  justify-content: space-between;
}

/* ── Compact logo (left) ── */
.nav-logo-compact{
  display:flex;align-items:center;gap:5px;
  flex-shrink:0;
  margin-right:10px;
}
.nav-logo-compact img{width: 80px;}
.nav-logo-icon{
  font-size:1rem;
  line-height:1;
}
.nav-brand{
  font-family:var(--font-display);
  font-size:0.78rem;
  font-weight:900;
  color:#fff;
  white-space:nowrap;
  letter-spacing:-0.2px;
}
.nav-brand-accent{
  background:linear-gradient(135deg,#4ade80,#22c55e);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

/* ── Desktop tabs (center) ── */
.nav-tabs-wrap{
  flex:1;
  overflow:hidden;
  position:relative;
}
.nav-tabs-wrap::after{
  content:'';
  position:absolute;right:0;top:0;bottom:0;width:32px;
  background:linear-gradient(to right,transparent,rgba(9,14,20,0.9));
  pointer-events:none;
}
.nav-tabs{
  display:flex;
  align-items:center;
  gap:2px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding:0 4px;
  height:58px;
}
.nav-tabs::-webkit-scrollbar{display:none}
.nav-tab{
  display:flex;
  align-items:center;
  gap:4px;
  padding:5px 13px;
  border-radius:8px;
  font-size:0.76rem;
  font-weight:600;
  color:rgba(255,255,255,0.58);
  white-space:nowrap;
  background:transparent;
  border:none;
  cursor:pointer;
  transition:color 0.2s, background 0.2s;
  scroll-snap-align:start;
  text-decoration:none;
  flex-shrink:0;
}
.nav-tab:hover{
  color:rgba(255,255,255,0.88);
  background:rgba(255,255,255,0.06);
}
.nav-tab.nav-active{
  color:#4ade80;
  background:rgba(74,222,128,0.10);
  font-weight:800;
}
.nav-tab .nt-dot{
  width:5px;height:5px;
  border-radius:50%;
  background:#4ade80;
  display:none;
  flex-shrink:0;
}
.nav-tab.nav-active .nt-dot{display:block}

/* ── Desktop book CTA ── */
.nav-cta-btn{
  flex-shrink:0;
  margin-left:10px;
  padding:7px 15px;
  border-radius:10px;
  background:linear-gradient(135deg,#2e5c0e,#3d7a12);
  color:#fff;
  font-size:0.73rem;
  font-weight:800;
  border:none;
  cursor:pointer;
  text-decoration:none;
  display:flex;align-items:center;gap:5px;
  transition:background 0.22s, box-shadow 0.18s;
  white-space:nowrap;
  box-shadow:0 2px 10px rgba(46,92,14,0.30);
}
.nav-cta-btn:hover{
  background:linear-gradient(135deg,#3d7a12,#4a9416);
  box-shadow:0 4px 16px rgba(46,92,14,0.45);
}

/* ── Hamburger menu button (mobile only) ── */
.nav-menu-btn{
  display:none;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:4px;
  width:38px;height:38px;
  border-radius:10px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.10);
  cursor:pointer;
  padding:0;
  flex-shrink:0;
  transition:background 0.18s, transform 0.15s;
  -webkit-tap-highlight-color:transparent;
}
.nav-menu-btn:active{
  background:rgba(255,255,255,0.14);
  transform:scale(0.93);
}
.nav-menu-bar{
  width:18px;height:2px;
  border-radius:2px;
  background:#fff;
  transition:transform 0.25s, opacity 0.2s;
  display:block;
}

/* Mobile: hide desktop tabs, show menu btn + page title */

/* ============================================================
   DRAWER OVERLAY
   ============================================================ */
.drawer-overlay{
  position:fixed;
  inset:0;
  z-index:9998;
  background:rgba(0,0,0,0.55);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  opacity:0;
  pointer-events:none;
  transition:opacity 0.32s ease;
}
.drawer-overlay.open{
  opacity:1;
  pointer-events:all;
}

/* ============================================================
   NAVIGATION DRAWER
   ============================================================ */
.nav-drawer{
  position:fixed;
  top:0;left:0;bottom:0;
  z-index:9999;
  width:min(320px, 88vw);
  background:#0d1520;
  display:flex;
  flex-direction:column;
  transform:translateX(-100%);
  transition:transform 0.34s cubic-bezier(0.4,0,0.2,1);
  will-change:transform;
  overflow:hidden;
  box-shadow:6px 0 40px rgba(0,0,0,0.55);
}
.nav-drawer.open{
  transform:translateX(0);
}

/* ── Drawer header ── */
.drawer-header{
  background:linear-gradient(135deg,#0f1e10 0%,#142a17 100%);
  padding:20px 18px 14px;
  border-bottom:1px solid rgba(255,255,255,0.07);
  flex-shrink:0;
}
.drawer-header-top{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
  margin-bottom:12px;
}
.drawer-logo{
  display:flex;align-items:center;gap:10px;
}
.drawer-logo-icon{
  font-size:1.8rem;
  line-height:1;
}
.drawer-brand{
  font-family:var(--font-display);
  font-size:1.1rem;font-weight:900;color:#fff;
  letter-spacing:-0.3px;line-height:1.1;
}
.drawer-brand-accent{
  background:linear-gradient(135deg,#4ade80,#22c55e);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.drawer-tagline{
  font-size:0.68rem;color:rgba(255,255,255,0.50);
  margin-top:2px;font-weight:500;
}
.drawer-close-btn{
  width:32px;height:32px;
  border-radius:8px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.10);
  color:rgba(255,255,255,0.65);
  font-size:0.85rem;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  transition:background 0.18s, color 0.18s, transform 0.15s;
  -webkit-tap-highlight-color:transparent;
}
.drawer-close-btn:active{transform:scale(0.88);}
.drawer-trust-row{
  display:flex;align-items:center;gap:6px;
  font-size:0.68rem;color:rgba(255,255,255,0.50);
  font-weight:500;
}
.dtr-sep{color:rgba(255,255,255,0.25)}

/* ── Quick actions ── */
.drawer-quick-actions{
  display:grid;grid-template-columns:1fr 1fr;
  gap:10px;
  padding:14px 16px;
  flex-shrink:0;
  border-bottom:1px solid rgba(255,255,255,0.05);
}
.dqa-btn{
  display:flex;align-items:center;justify-content:center;gap:7px;
  padding:12px 10px;
  border-radius:13px;
  font-size:0.82rem;font-weight:800;
  text-decoration:none;
  border:none;cursor:pointer;
  transition:transform 0.15s, box-shadow 0.18s;
  -webkit-tap-highlight-color:transparent;
}
.dqa-btn:active{transform:scale(0.95);}
.dqa-call{
  background:linear-gradient(135deg,#1e3a6e,#2563eb);
  color:#fff;
  box-shadow:0 3px 14px rgba(37,99,235,0.30);
}
.dqa-wa{
  background:#25d366;
  color:#fff;
  box-shadow:0 3px 14px rgba(37,211,102,0.30);
}
.dqa-ico{font-size:1.05rem;}
.dqa-lbl{font-size:0.8rem;font-weight:800;}

/* ── Drawer body (scrollable) ── */
.drawer-body{
  flex:1;
  overflow-y:auto;
  overflow-x:hidden;
  padding:8px 0 8px;
  scrollbar-width:none;
}
.drawer-body::-webkit-scrollbar{display:none}

/* ── Drawer group ── */
.drawer-group{
  margin-bottom:4px;
}
.drawer-group-label{
  font-size:0.62rem;font-weight:800;
  color:rgba(255,255,255,0.28);
  text-transform:uppercase;
  letter-spacing:1px;
  padding:10px 18px 5px;
}
.drawer-item{
  width:100%;
  display:flex;align-items:center;gap:12px;
  padding:11px 18px;
  background:transparent;
  border:none;
  cursor:pointer;
  text-align:left;
  transition:background 0.16s, transform 0.12s;
  -webkit-tap-highlight-color:transparent;
  position:relative;
  text-decoration: none;
}
.drawer-item::after{
  content:'';
  position:absolute;left:18px;right:18px;bottom:0;
  height:1px;background:rgba(255,255,255,0.04);
}
.drawer-item:last-child::after{display:none}
.drawer-item:active{
  background:rgba(255,255,255,0.05);
  transform:scale(0.99);
}
.drawer-item.drawer-item-active{background:rgba(74,222,128,0.07);}
.drawer-item.drawer-item-active .di-title{color:#4ade80;}
.drawer-item.drawer-item-active .di-ico{background:rgba(74,222,128,0.13);}
.di-ico{
  font-size:1.2rem;
  width:36px;height:36px;
  border-radius:10px;
  background:rgba(255,255,255,0.06);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.di-text{flex:1;}
.di-title{
  font-size:0.84rem;font-weight:700;color:#fff;
  line-height:1.25;
}
.di-sub{
  font-size:0.65rem;color:rgba(255,255,255,0.38);
  margin-top:1px;
}
.di-arr{
  font-size:1.1rem;color:rgba(255,255,255,0.25);
  flex-shrink:0;
}

/* ── Highlight card ── */
.drawer-highlight-card{
  margin:10px 14px 6px;
  background:linear-gradient(135deg,rgba(46,92,14,0.30) 0%,rgba(61,122,18,0.20) 100%);
  border:1px solid rgba(74,222,128,0.18);
  border-radius:16px;
  padding:16px;
  position:relative;
  overflow:hidden;
}
.drawer-highlight-card::before{
  content:'';
  position:absolute;top:-20px;right:-20px;
  width:80px;height:80px;border-radius:50%;
  background:radial-gradient(circle,rgba(74,222,128,0.12),transparent 70%);
}
.dhc-fire{font-size:1.4rem;margin-bottom:4px;line-height:1;}
.dhc-badge{
  font-size:0.58rem;font-weight:900;
  color:#4ade80;letter-spacing:0.8px;
  text-transform:uppercase;margin-bottom:5px;
}
.dhc-title{
  font-family:var(--font-display);
  font-size:0.88rem;font-weight:900;color:#fff;
  margin-bottom:4px;line-height:1.25;
}
.dhc-sub{
  font-size:0.67rem;color:rgba(255,255,255,0.50);
  line-height:1.45;margin-bottom:12px;
}
.dhc-btn{
  width:100%;padding:10px;border-radius:10px;
  background:linear-gradient(135deg,#2e5c0e,#3d7a12);
  color:#fff;font-size:0.78rem;font-weight:800;
  border:none;cursor:pointer;
  transition:transform 0.14s, box-shadow 0.16s;
  box-shadow:0 3px 12px rgba(46,92,14,0.40);
  -webkit-tap-highlight-color:transparent;
}
.dhc-btn:active{transform:scale(0.97);}

/* ── Trust strip ── */
.drawer-trust-strip{
  display:flex;
  gap:0;
  margin:10px 14px 6px;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:14px;
  overflow:hidden;
}
.dts-item{
  flex:1;
  display:flex;flex-direction:column;align-items:center;
  padding:10px 6px;
  gap:4px;
  border-right:1px solid rgba(255,255,255,0.05);
}
.dts-item:last-child{border-right:none}
.dts-ico{font-size:1.1rem;}
.dts-title{font-size:0.62rem;font-weight:800;color:#fff;text-align:center;line-height:1.2;}
.dts-sub{font-size:0.56rem;color:rgba(255,255,255,0.35);text-align:center;}

/* ── Drawer bottom sticky CTA ── */
.drawer-bottom-cta{
  flex-shrink:0;
  background:linear-gradient(135deg,#0a1628 0%,#1a2e50 100%);
  border-top:1px solid rgba(255,255,255,0.08);
  padding:14px 16px;
  padding-bottom:max(14px, env(safe-area-inset-bottom));
}
.dbc-inner{
  display:block;text-decoration:none;
  background:linear-gradient(135deg,#1e3a6e,#2563eb);
  border-radius:14px;
  padding:14px 16px;
  text-align:center;
  box-shadow:0 4px 20px rgba(37,99,235,0.35);
  transition:transform 0.14s, box-shadow 0.16s;
  -webkit-tap-highlight-color:transparent;
}
.dbc-inner:active{transform:scale(0.97);}
.dbc-main{
  font-size:0.88rem;font-weight:900;color:#fff;
  margin-bottom:3px;
}
.dbc-sub{
  font-size:0.63rem;color:rgba(255,255,255,0.60);
  font-weight:500;
}

/* ============================================================
   PAGE WRAPPER — scrollable, centred
   ============================================================ */
.page-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:0 16px 40px;
  position:relative;z-index:1;
}

/* ============================================================
   PAGE HEADING
   ============================================================ */
.page-heading{
  padding:32px 0 22px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.ph-left{}
.ph-eyebrow{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(74,222,128,0.12);
  border:1px solid rgba(74,222,128,0.28);
  color:#4ade80;font-size:0.7rem;font-weight:800;
  padding:4px 13px;border-radius:30px;
  letter-spacing:0.5px;text-transform:uppercase;
  margin-bottom:10px;
}
.ph-title{
  font-family:var(--font-display);
  font-size:clamp(1.6rem,4vw,2.6rem);
  font-weight:900;color:#fff;
  line-height:1.1;letter-spacing:-0.5px;
}
.ph-title .accent{
  background:linear-gradient(135deg,#4ade80,#22c55e);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.ph-sub{
  margin-top:8px;font-size:0.88rem;
  color:rgba(255,255,255,0.55);line-height:1.6;
  max-width:520px;
}
.ph-badges{
  display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;
}
.ph-badge{
  display:inline-flex;align-items:center;gap:5px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.13);
  color:rgba(255,255,255,0.8);
  font-size:0.69rem;font-weight:700;
  padding:5px 12px;border-radius:30px;
}
.ph-badge-dot{
  width:6px;height:6px;border-radius:50%;
  background:#4ade80;flex-shrink:0;
}
.ph-cta{
  display:flex;gap:8px;flex-wrap:wrap;align-self:flex-start;
  margin-top:8px;
}
.ph-cta-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:11px 20px;border-radius:var(--radius-sm);
  font-size:0.8rem;font-weight:800;border:none;cursor:pointer;
  transition:var(--tr);white-space:nowrap;
}
.ph-cta-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.ph-cta-g{background:linear-gradient(135deg,var(--green-main),var(--green-mid));color:#fff}
.ph-cta-wa{background:linear-gradient(135deg,var(--whatsapp),#1da851);color:#fff}
.ph-cta-o{
  background:rgba(255,255,255,0.09);
  border:1px solid rgba(255,255,255,0.18)!important;
  color:#fff;
}

/* ============================================================
   SECTION LABEL (city name above card)
   ============================================================ */
.city-label{
  display:flex;align-items:center;gap:10px;
  margin-bottom:12px;
}
.city-label-flag{font-size:1.5rem}
.city-label-name{
  font-family:var(--font-display);
  font-size:1.1rem;font-weight:900;color:#fff;
}
.city-label-name .city-sub{
  font-size:0.7rem;font-weight:600;
  color:rgba(255,255,255,0.45);
  font-family:var(--font-body);
  margin-left:8px;
}
.city-label-line{
  flex:1;height:1px;
  background:linear-gradient(to right,rgba(255,255,255,0.12),transparent);
}

/* ============================================================
   MAIN CARD
   ============================================================ */
.main-card{
  background:#fff;
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow-xl);
  overflow:hidden;
  display:grid;
  grid-template-columns:38% 62%;
  border:1px solid rgba(255,255,255,0.08);
  margin-bottom:40px;
}

/* ============================================================
   LEFT PANEL
   ============================================================ */
.left-panel{
  position:relative;
  overflow:hidden;
  min-height:560px;
}
.left-panel img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform 0.7s ease;
}
.left-panel:hover img{transform:scale(1.05)}
.left-overlay{
  position:absolute;inset:0;
  background:linear-gradient(
    to top,
    rgba(5,20,5,0.92) 0%,
    rgba(0,0,0,0.3) 50%,
    rgba(0,0,0,0.05) 100%
  );
}
.left-badge-top{
  position:absolute;top:14px;left:14px;
  background:rgba(255,255,255,0.96);
  backdrop-filter:blur(10px);
  border-radius:30px;padding:5px 12px;
  display:inline-flex;align-items:center;gap:5px;
  font-size:0.68rem;font-weight:800;color:#1a1a1a;
  box-shadow:var(--shadow-md);
}
.left-badge-top .stars{color:var(--amber);letter-spacing:1px}

.left-info{
  position:absolute;bottom:0;left:0;right:0;
  padding:20px 18px 18px;
}
.left-title{
  font-family:var(--font-display);
  font-size:1.65rem;font-weight:900;color:#fff;
  line-height:1.15;
  text-shadow:0 2px 16px rgba(0,0,0,0.5);
  margin-bottom:13px;
}
.left-title span{
  background:linear-gradient(135deg,#4ade80,#22c55e);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.left-stats{
  display:grid;grid-template-columns:1fr 1fr;gap:7px;
  margin-bottom:12px;
}
.lst{
  background:rgba(255,255,255,0.1);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,0.18);
  border-radius:10px;padding:8px 10px;
  display:flex;flex-direction:column;
}
.lst .lv{font-weight:900;font-size:1.1rem;color:#fff;line-height:1}
.lst .ll{font-size:0.6rem;color:rgba(255,255,255,0.65);margin-top:2px;font-weight:500}

.left-trust{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}
.left-trust-badge{
  display:inline-flex;align-items:center;gap:4px;
  background:rgba(255,255,255,0.1);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,0.18);
  color:rgba(255,255,255,0.88);font-size:0.6rem;font-weight:700;
  padding:3px 8px;border-radius:20px;
}
.left-cta-row{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
}
.left-cta-btn{
  padding:10px;border-radius:var(--radius-sm);
  font-size:0.74rem;font-weight:800;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:5px;
  transition:var(--tr);
}
.left-cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 18px rgba(0,0,0,0.3)}
.lcta-call{background:linear-gradient(135deg,var(--orange),#f59e0b);color:#fff}
.lcta-wa{background:linear-gradient(135deg,var(--whatsapp),#1da851);color:#fff}

/* ============================================================
   RIGHT PANEL
   ============================================================ */
.right-panel{
  display:flex;flex-direction:column;
  overflow:hidden;
  background:#f8fafc;
  max-height:700px;
}

/* URGENCY BAR */
.urgency-bar{
  display:flex;align-items:center;gap:7px;
  background:linear-gradient(90deg,#7c3aed,#6d28d9,#4f46e5);
  padding:6px 14px;font-size:0.66rem;font-weight:700;color:#fff;
  flex-shrink:0;letter-spacing:0.2px;
}
.urgency-count{
  background:rgba(255,255,255,0.25);border-radius:6px;
  padding:1px 7px;font-weight:900;font-size:0.72rem;
}

/* TABS */
.panel-tabs{
  display:flex;
  border-bottom:2px solid var(--border);
  overflow-x:auto;scrollbar-width:none;
  flex-shrink:0;background:#fff;
}
.panel-tabs::-webkit-scrollbar{display:none}
.ptab{
  flex-shrink:0;
  padding:11px 13px;
  font-size:0.69rem;font-weight:700;
  color:var(--text-muted);
  border:none;background:none;
  border-bottom:3.5px solid transparent;
  margin-bottom:-2px;
  transition:var(--tr);
  display:flex;align-items:center;gap:4px;
  white-space:nowrap;
}
.ptab:hover{color:var(--green-main)}
.ptab.active{
  color:var(--green-main);
  border-bottom-color:var(--green-main);
  background:linear-gradient(to bottom, #f0fdf4, #3a74126e);
}

/* PANEL CONTENT */
.panel-content{
  flex:1;min-height:0;
  overflow-y:auto;padding:0;
  scroll-padding-top:50px;
}
.panel-content::-webkit-scrollbar{width:4px}
.panel-content::-webkit-scrollbar-track{background:#f9fafb}
.panel-content::-webkit-scrollbar-thumb{background:var(--green-border);border-radius:4px}

/* TAB PANE */
.tab-pane{display:block;padding:15px 16px 12px;}
.tab-pane:last-child{border-bottom:none}

/* TOUR HEADER */
.tour-head{margin-bottom:11px}
.tour-head h2{
  font-weight:900;font-size:1.1rem;
  color:var(--text-primary);margin-bottom:6px;
  font-family:var(--font-display);
}
.tour-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}

/* CHIPS */
.chip{
  display:inline-flex;align-items:center;gap:4px;
  padding:3px 10px;border-radius:20px;
  font-size:0.68rem;font-weight:600;white-space:nowrap;
}
.chip-g{background:var(--green-pale);border:1px solid var(--green-border);color:var(--green-main)}
.chip-o{background:var(--orange-light);border:1px solid var(--orange-border);color:#9a3412}
.chip-b{background:var(--blue-light);border:1px solid #bfdbfe;color:var(--blue)}
.chip-gr{background:#f3f4f6;border:1px solid var(--border);color:#374151}
.chip-p{background:var(--purple-light);border:1px solid #ddd6fe;color:var(--purple)}
.chip-pk{background:var(--pink-light);border:1px solid #fbcfe8;color:var(--pink)}

/* SECTION LABEL */
.sec-lbl{
  font-size:0.67rem;font-weight:700;
  text-transform:uppercase;letter-spacing:0.8px;
  color:var(--green-main);margin-bottom:6px;margin-top:12px;
}

/* PLACE TAGS */
.place-tags-wrap{
  background:#f8fafc;
  margin:0 -16px;
  padding:6px 16px 8px;
}
.place-tags{
  display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;
  padding-bottom:2px;flex-wrap:nowrap;margin-bottom:10px;
}
.place-tags::-webkit-scrollbar{display:none}
.ptag{
  background:#f9fafb;border:1px solid var(--border);
  color:var(--text-secondary);font-size:0.7rem;
  border-radius:8px;padding:4px 10px;cursor:pointer;
  transition:var(--tr);flex-shrink:0;font-weight:600;
}
.ptag:hover,.ptag.active{
  background:#7faf5e;
  color:#fff;border-color:transparent;
  box-shadow:0 3px 10px rgba(46,92,14,0.3);
}

/* ACCORDION */
.acc{
  border:1.5px solid var(--border);
  border-radius:var(--radius-md);
  overflow:hidden;margin-bottom:7px;
  transition:var(--tr);background:#fff;
}
.acc:hover{border-color:#86efac}
.acc.open{border-color:var(--green-light);box-shadow:0 4px 18px rgba(46,92,14,0.1)}
.acc-btn{
  width:100%;background:none;border:none;
  display:flex;align-items:center;justify-content:space-between;
  padding:11px 13px;cursor:pointer;gap:8px;text-align:left;
  transition:background 0.18s;
}
.acc.open .acc-btn{background:linear-gradient(135deg,var(--green-pale),#f7fef9)}
.acc-btn:hover{background:#f9fafb}
.acc-bl{display:flex;align-items:center;gap:9px;flex:1}
.acc-ico{font-size:1rem;flex-shrink:0}
.acc-title{font-size:0.82rem;font-weight:800;color:var(--text-primary)}
.acc-sub{font-size:0.66rem;color:#515151;margin-top:1px}
.acc-arr{font-size:0.65rem;color:var(--text-muted);transition:transform 0.28s;flex-shrink:0}
.acc.open .acc-arr{transform:rotate(180deg);color:var(--green-main)}
.acc-body{display:none;padding:0 13px 13px;animation:fadeUp 0.2s ease}
.acc.open .acc-body{display:block}
.acc-open-badge{
  display:none;background:var(--green-main);color:#fff;
  font-size:0.55rem;font-weight:700;padding:1px 6px;border-radius:8px;margin-left:4px;
}
.acc.open .acc-open-badge{display:inline-block}
@keyframes fadeUp{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}

/* PLACE IMAGE STRIP */
.place-img-strip{
  display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:7px;
}
.place-img-strip::-webkit-scrollbar{display:none}
.place-img-strip img{
  flex-shrink:0;width:100px;height:70px;
  border-radius:8px;object-fit:cover;
  cursor:pointer;transition:var(--tr);border:2px solid transparent;
}
.place-img-strip img:hover{border-color:var(--green-light);transform:scale(1.04)}
.place-info-body{font-size:0.72rem;color:var(--text-secondary);line-height:1.55}
.place-info-body strong{color:var(--text-primary);cursor:pointer}
.place-info-body strong:hover{color:var(--green-main)}
.pib-row{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}

/* PLACE CTA STRIP */
.place-cta-strip{
  display:flex;align-items:center;gap:6px;
  padding:7px 13px;border-top:1px solid var(--border);background:#fafbfc;
}
.place-cta-strip .pcs-lbl{font-size:0.65rem;color:var(--text-muted);font-weight:600;flex:1}

/* ENGAGE CTA */
.engage-cta{
  display:inline-flex;align-items:center;gap:4px;
  background:rgb(32 152 241);
  color:#fff;font-size:0.63rem;font-weight:800;
  padding:4px 10px;border-radius:20px;border:none;cursor:pointer;
  transition:var(--tr);white-space:nowrap;
}
.engage-cta:hover{opacity:0.88;transform:translateY(-1px)}
.engage-cta-wa{background:#2aa71d;}
.engage-cta-o{background:linear-gradient(135deg,var(--orange),var(--amber))}

/* PULSE DOT */
@keyframes pulse-green{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.4)}}
.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4ade80;animation:pulse-green 1.8s infinite;flex-shrink:0}

/* AVAIL BADGE */
.avail-badge{
  display:inline-flex;align-items:center;gap:5px;
  background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.35);
  color:#166534;font-size:0.62rem;font-weight:700;
  padding:3px 8px;border-radius:20px;
}

/* ============================================================
   FLEET — VERTICAL CARDS
   ============================================================ */
.fleet-list{display:flex;flex-direction:column;gap:10px}
.fcard-v{
  background:#fff;border-radius:var(--radius-md);
  border:1.5px solid var(--border);overflow:hidden;
  transition:var(--tr);cursor:pointer;
}
.fcard-v:hover{border-color:#86efac;box-shadow:var(--shadow-md);transform:translateY(-1px)}
.fcard-v.open{border-color:var(--green-main);box-shadow:0 6px 24px rgba(46,92,14,0.13)}
.fcard-v-head{display:flex;align-items:center;padding:11px 13px;gap:0}
.fcard-v-badge{
  background:linear-gradient(135deg,var(--green-main),var(--green-mid));
  color:#fff;font-size:0.57rem;font-weight:800;text-transform:uppercase;
  letter-spacing:0.8px;padding:3px 9px;border-radius:20px;flex-shrink:0;
}
.fcard-v-name{font-weight:800;font-size:0.92rem;color:var(--text-primary);flex:1;margin:0 9px}
.fcard-v-seats{font-size:0.67rem;color:var(--text-muted);margin-right:9px;display:flex;align-items:center;gap:3px;flex-shrink:0}
.fcard-v-price{font-weight:900;font-size:0.98rem;color:var(--orange);flex-shrink:0}
.fcard-v-price.req{font-size:0.74rem;color:var(--blue)}
.fcard-v-img-section{position:relative;background:#f8f9fa;border-top:1px solid var(--border)}
.fcard-v-img-tabs{display:flex;position:absolute;top:7px;left:7px;z-index:2;gap:4px}
.fcard-v-img-tab{
  padding:3px 11px;font-size:0.63rem;font-weight:800;
  border-radius:20px;border:1.5px solid rgba(255,255,255,0.65);
  background:rgba(0,0,0,0.36);color:rgba(255,255,255,0.9);
  backdrop-filter:blur(6px);cursor:pointer;transition:var(--tr);
}
.fcard-v-img-tab.active{background:rgba(255,255,255,0.96);color:var(--green-main);border-color:rgba(255,255,255,0.9)}
.fcard-v-img-tab:not(.active):hover{background:rgba(255,255,255,0.15)}
.fcard-v-img-panel{display:none}
.fcard-v-img-panel.active{display:block}
.fcard-v-img-panel img{width:100%;height:330px;object-fit:contain;display:block}
.fcard-v-expand{display:block;border-top:1px solid var(--border)}
.fcard-v-feats{display:flex;flex-wrap:wrap;gap:5px;padding:9px 13px 7px}
.ffeat-v{
  background:linear-gradient(135deg,var(--green-pale),#e8fef2);
  border:1px solid var(--green-border);color:var(--green-main);
  font-size:0.63rem;font-weight:700;padding:3px 9px;border-radius:20px;
  display:flex;align-items:center;gap:3px;
}
.fcard-v-pricing{background:linear-gradient(135deg,#f9fafb,#f0fdf4);border-top:1px solid var(--border);padding:9px 13px}
.fprice-title-v{font-size:0.71rem;font-weight:800;color:var(--text-primary);margin-bottom:6px;display:flex;align-items:center;gap:5px}
.fprice-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:7px}
.fprice-cell{background:#fff;border:1px solid var(--border);border-radius:8px;padding:7px 9px;display:flex;flex-direction:column}
.fprice-cell .fc-lbl{font-size:0.6rem;color:var(--text-muted);font-weight:600}
.fprice-cell .fc-val{font-weight:800;font-size:0.82rem;color:var(--orange)}
.fprice-cell .fc-val.na{color:var(--blue);font-size:0.7rem}
.fprice-inc-v{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:5px}
.fpi-col h4{font-size:0.64rem;font-weight:800;margin-bottom:3px}
.fpi-g{color:#166534}.fpi-r{color:#9a3412}
.fpi-item{font-size:0.62rem;color:var(--text-secondary);display:flex;align-items:center;gap:3px;margin-bottom:2px}
.fcard-v-cta{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px 13px 12px}
.fcard-v-cta-btn{
  padding:9px;border-radius:var(--radius-sm);
  font-size:0.74rem;font-weight:800;border:none;
  display:flex;align-items:center;justify-content:center;gap:5px;
  cursor:pointer;transition:var(--tr);
}
.fcard-v-cta-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.fcta-g{background:rgb(32 152 241);color:#fff}
.fcta-wa{background:var(--whatsapp);color:#fff}

/* ============================================================
   ROUTES
   ============================================================ */
.route-list{display:flex;flex-direction:column;gap:10px}
.rcard{border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:var(--tr);box-shadow:var(--shadow-sm)}
.rcard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.rcard.open{box-shadow:0 6px 24px rgba(46,92,14,0.14)}
.rcard-hero{position:relative;height:200px;overflow:hidden}
.rcard-hero img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}
.rcard:hover .rcard-hero img{transform:scale(1.04)}
.rcard-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.18) 100%)}
.rcard-hero-info{position:absolute;inset:0;padding:10px 13px;display:flex;flex-direction:column;justify-content:space-between}
.rcard-hero-top{display:flex;align-items:flex-start;justify-content:space-between}
.rcard-accent-badge{background:var(--orange);color:#fff;font-size:0.59rem;font-weight:800;letter-spacing:0.5px;padding:3px 9px;border-radius:20px;text-transform:uppercase}
.rcard-accent-badge.bestseller{background:linear-gradient(135deg,#f59e0b,#ef4444)}
.rcard-duration{background:rgba(255,255,255,0.18);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,0.3);color:#fff;font-size:0.63rem;font-weight:700;padding:3px 8px;border-radius:20px}
.rcard-hero-name{color:#fff;font-family:var(--font-display);font-weight:900;font-size:0.95rem;text-shadow:0 2px 8px rgba(0,0,0,0.4);line-height:1.2}
.rcard-hero-meta{color:rgba(255,255,255,0.78);font-size:0.64rem;margin-top:1px}
.rcard-bottom{background:#fff;border:1.5px solid var(--border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md)}
.rcard-persona{padding:8px 13px 7px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:5px}
.rcard-persona-label{font-size:0.61rem;font-weight:800;color:#6a6b6d;text-transform:uppercase;letter-spacing:0.8px}
.persona-pills{display:flex;flex-wrap:wrap;gap:4px}
.persona-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:0.65rem;font-weight:700;border:1.5px solid}
.pp-family{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.pp-couple{background:var(--pink-light);border-color:#fbcfe8;color:var(--pink)}
.pp-solo{background:var(--blue-light);border-color:#bfdbfe;color:var(--blue)}
.pp-group{background:var(--purple-light);border-color:#ddd6fe;color:var(--purple)}
.pp-culture{background:var(--green-pale);border-color:var(--green-border);color:var(--green-main)}
.pp-spiritual{background:#fef9c3;border-color:#fde047;color:#713f12}
.pp-foodie{background:#fff1f2;border-color:#fecdd3;color:#be123c}
.rcard-chips-row{display:flex;flex-wrap:wrap;gap:5px;padding:7px 13px;border-bottom:1px solid var(--border)}
.rcard-expand-btn{display:flex;align-items:center;justify-content:space-between;padding:8px 13px;background:#fafbfc;font-size:0.71rem;font-weight:700;color:var(--green-main);border:none;width:100%;cursor:pointer;transition:background 0.15s}
.rcard-expand-btn:hover{background:var(--green-pale)}
.rcard-arr{font-size:0.65rem;transition:transform 0.28s;color:var(--text-muted)}
.rcard.open .rcard-arr{transform:rotate(180deg);color:var(--green-main)}
.rcard-body{display:none;padding:9px 13px 13px;background:#fafbfc;animation:fadeUp 0.22s ease}
.rcard.open .rcard-body{display:block}
.rcard-places{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}
.rplace{background:linear-gradient(135deg,var(--green-pale),#e8fef2);border:1px solid var(--green-border);color:var(--green-main);font-size:0.65rem;font-weight:700;padding:3px 9px;border-radius:9px}
.rsteps{display:flex;flex-direction:column;gap:0;position:relative}
.rsteps::before{content:'';position:absolute;left:10px;top:10px;bottom:10px;width:2px;background:linear-gradient(to bottom,var(--green-main),var(--green-light))}
.rstep{display:flex;align-items:flex-start;gap:9px;padding:4px 0;position:relative}
.rdot{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--green-main),var(--green-mid));color:#fff;font-size:0.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;box-shadow:0 2px 8px rgba(46,92,14,0.25)}
.rinfo .rplace-name{font-weight:700;font-size:0.75rem;color:var(--text-primary)}
.rinfo .rtime{font-size:0.65rem;color:var(--text-muted)}

/* ============================================================
   DRIVER CARDS
   ============================================================ */
.driver-list{display:flex;flex-direction:column;gap:8px}
.dcard{background:#fff;border-radius:var(--radius-md);border:1.5px solid var(--border);display:flex;align-items:center;gap:11px;padding:11px 13px;cursor:pointer;transition:var(--tr);overflow:hidden}
.dcard:hover{box-shadow:var(--shadow-md);border-color:#86efac}
.dcard.open{border-color:var(--green-main);flex-direction:column;align-items:flex-start;padding-bottom:0}
.dcard-top{display:flex;align-items:center;gap:11px;width:100%}
.dcard-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2.5px solid var(--green-border);box-shadow:0 2px 10px rgba(46,92,14,0.15)}
.dcard-info{flex:1}
.dcard-name{font-weight:800;font-size:0.86rem;color:var(--text-primary)}
.dcard-exp{font-size:0.65rem;color:var(--text-muted);margin-top:1px}
.dcard-stars{color:var(--amber);font-size:0.7rem;margin-top:2px}
.dcard-langs{font-size:0.63rem;color:var(--text-secondary);margin-top:2px}
.dcard-arr{font-size:0.65rem;color:var(--text-muted);transition:transform 0.28s;flex-shrink:0}
.dcard.open .dcard-arr{transform:rotate(180deg);color:var(--green-main)}
.dcard-expand{display:none;width:100%;border-top:1px solid var(--border);padding:9px 0;animation:fadeUp 0.2s ease}
.dcard.open .dcard-expand{display:block}
.dcard-badges{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}
.dbadge{background:linear-gradient(135deg,var(--green-pale),#e8fef2);border:1px solid var(--green-border);color:var(--green-main);font-size:0.59rem;font-weight:700;padding:3px 8px;border-radius:10px}
.dcard-facts{display:flex;flex-direction:column;gap:4px}
.dfact{display:flex;align-items:flex-start;gap:6px}
.dfact-icon{font-size:0.8rem;flex-shrink:0;margin-top:1px}
.dfact-text{font-size:0.67rem;color:var(--text-secondary);line-height:1.45}
.dcard-book-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 0 2px}
.dcard-book-btn{padding:8px;border-radius:8px;font-size:0.69rem;font-weight:800;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:var(--tr)}
.dcard-book-btn:hover{opacity:0.88;transform:translateY(-1px)}
.dbtn-g{background:var(--green-main);color:#fff}
.dbtn-wa{background:var(--whatsapp);color:#fff}

/* ============================================================
   SAFETY / BEFORE-AFTER
   ============================================================ */
.safety-ba-section{background:linear-gradient(135deg,var(--green-pale),#fff);border:1.5px solid var(--green-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:13px}
.safety-ba-header{padding:9px 13px 7px;border-bottom:1px solid var(--green-border)}
.safety-ba-title{font-weight:800;font-size:0.86rem;color:var(--green-main);display:flex;align-items:center;gap:6px;margin-bottom:2px}
.safety-ba-sub{font-size:0.67rem;color:var(--text-secondary);line-height:1.45}
.ba-slider-wrap{position:relative;overflow:hidden;height:250px;user-select:none;cursor:ew-resize}
.ba-img-before,.ba-img-after{position:absolute;top:0;left:0;width:100%;height:100%}
.ba-img-before img,.ba-img-after img{width:100%;height:100%;object-fit:cover}
.ba-img-after{clip-path:inset(0 50% 0 0)}
.ba-handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;transform:translateX(-50%);cursor:ew-resize;z-index:3;pointer-events:none}
.ba-handle::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,0.3)}
.ba-handle-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:0.75rem;z-index:4;pointer-events:none;color:var(--green-main);font-weight:900}
.ba-labels{position:absolute;bottom:6px;left:0;right:0;display:flex;justify-content:space-between;padding:0 8px;z-index:2;pointer-events:none}
.ba-lbl{background:rgba(0,0,0,0.65);color:#fff;font-size:0.6rem;font-weight:700;padding:3px 8px;border-radius:6px;backdrop-filter:blur(4px)}
.ba-lbl.after-lbl{background:rgba(34,197,94,0.85)}
.safety-steps{display:flex;flex-direction:column;gap:0;position:relative;margin-top:6px}
.safety-steps::before{content:'';position:absolute;left:14px;top:10px;bottom:10px;width:2px;background:linear-gradient(to bottom,var(--green-main),var(--green-light))}
.sstep{display:flex;align-items:flex-start;gap:9px;padding:5px 0;position:relative}
.snum{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--green-main),var(--green-mid));color:#fff;font-size:0.7rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;box-shadow:0 2px 8px rgba(46,92,14,0.25)}
.scontent .stitle{font-weight:700;font-size:0.78rem;color:var(--text-primary)}
.scontent .sdesc{font-size:0.67rem;color:var(--text-secondary);line-height:1.45;margin-top:1px}

/* ============================================================
   REVIEWS
   ============================================================ */
.review-list{display:flex;flex-direction:column;gap:9px}
.rview-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:11px 13px;transition:var(--tr)}
.rview-card:hover{border-color:var(--green-border);box-shadow:var(--shadow-sm)}
.rv-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px}
.rv-name{font-weight:800;font-size:0.8rem;color:var(--text-primary)}
.rv-city{font-size:0.65rem;color:var(--text-muted);margin-top:1px}
.rv-stars{color:var(--amber);font-size:0.76rem}
.rv-text{font-size:0.72rem;color:var(--text-secondary);line-height:1.58;margin-bottom:7px}
.rv-imgs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.rv-imgs::-webkit-scrollbar{display:none}
.rv-img{width:48px;height:38px;border-radius:6px;object-fit:cover;flex-shrink:0}
.rv-engage{display:flex;align-items:center;gap:7px;margin-top:7px;padding-top:6px;border-top:1px solid var(--border)}
.rv-helpful{display:inline-flex;align-items:center;gap:4px;background:#f9fafb;border:1px solid var(--border);color:var(--text-muted);font-size:0.63rem;font-weight:700;padding:3px 9px;border-radius:20px;cursor:pointer;transition:var(--tr)}
.rv-helpful:hover,.rv-helpful.voted{background:var(--green-pale);border-color:var(--green-border);color:var(--green-main)}
.rv-badge{font-size:0.61rem;font-weight:700;padding:3px 7px;border-radius:20px;background:var(--blue-light);border:1px solid #bfdbfe;color:var(--blue)}

/* ============================================================
   BOOKING
   ============================================================ */
.booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.bstep{background:#f9fafb;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:11px;transition:var(--tr)}
.bstep:hover{border-color:var(--green-border);background:var(--green-pale)}
.bnum{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--amber));color:#fff;font-weight:800;font-size:0.74rem;display:flex;align-items:center;justify-content:center;margin-bottom:6px;box-shadow:0 2px 8px rgba(224,123,46,0.3)}
.btitle{font-weight:800;font-size:0.76rem;color:var(--text-primary);margin-bottom:2px}
.bdesc{font-size:0.66rem;color:var(--text-secondary);line-height:1.45}
.book-quick-form{background:linear-gradient(135deg,var(--green-pale),#fff);border:1.5px solid var(--green-border);border-radius:var(--radius-md);padding:13px;margin-bottom:13px}
.bqf-title{font-weight:900;font-size:0.88rem;color:var(--green-main);margin-bottom:9px;font-family:var(--font-display);display:flex;align-items:center;gap:6px}
.bqf-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:7px;min-width:0}
.bqf-field{display:flex;flex-direction:column;gap:3px}
.bqf-label{font-size:0.6rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px}
.bqf-select,.bqf-input{border:1.5px solid var(--border);border-radius:8px;padding:6px 9px;font-size:0.72rem;font-weight:600;font-family:var(--font-body);color:var(--text-primary);background:#fff;transition:border-color 0.15s;outline:none;width:100%;min-width:0;box-sizing:border-box}
.bqf-input[type="date"],.bqf-input[type="time"]{cursor:pointer}
.bqf-select:focus,.bqf-input:focus{border-color:var(--green-main)}
.phone-wrap{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:8px;background:#fff;transition:border-color 0.15s;padding-left:9px}
.phone-wrap:focus-within{border-color:var(--green-main)}
.phone-wrap .bqf-input{border:none!important;outline:none!important;background:transparent;padding:6px 9px 6px 5px;width:100%;box-shadow:none}
.bqf-btn-row{display:flex;gap:8px;flex-wrap:wrap}
.bqf-callback{flex:1 1 48%;padding:10px;border-radius:var(--radius-sm);background:transparent;color:var(--green-main);font-weight:800;font-size:0.8rem;border:2px solid var(--green-main);cursor:pointer;font-family:var(--font-body);transition:background 0.15s,color 0.15s;white-space:nowrap;min-width:0}
.bqf-callback:hover{background:var(--green-main);color:#fff}
.bqf-submit{flex:1 1 48%;padding:10px;border-radius:var(--radius-sm);background:var(--whatsapp);color:#fff;font-weight:800;font-size:0.8rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:opacity 0.15s;box-shadow:0 4px 14px rgba(46,92,14,0.25);white-space:nowrap;min-width:0}
.bqf-submit:hover{opacity:0.9}
@media(max-width:400px){.bqf-btn-row{flex-direction:column}.bqf-callback,.bqf-submit{flex:1 1 100%}}

/* WHY US */
.why-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:13px}
.why-stat{background:linear-gradient(135deg,var(--green-main),var(--green-mid));border-radius:var(--radius-sm);padding:11px 7px;text-align:center;color:#fff}
.why-stat-num{font-family:var(--font-display);font-size:1.35rem;font-weight:900;line-height:1}
.why-stat-lbl{font-size:0.59rem;font-weight:700;opacity:0.85;margin-top:2px}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.witem{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:11px;transition:var(--tr)}
.witem:hover{border-color:var(--green-border);box-shadow:var(--shadow-sm);transform:translateY(-2px)}
.wico{font-size:1.3rem;margin-bottom:5px;display:flex;width:38px;height:38px;align-items:center;justify-content:center;background:var(--green-pale);border-radius:9px}
.wtitle{font-weight:800;font-size:0.76rem;color:var(--text-primary);margin-bottom:2px}
.wdesc{font-size:0.65rem;color:var(--text-secondary);line-height:1.4}

/* POLICY */
.policy-item{display:flex;align-items:flex-start;gap:9px;padding:9px 11px;border-radius:var(--radius-sm);margin-bottom:6px;border:1.5px solid var(--border);background:#fff;transition:var(--tr)}
.policy-item:hover{border-color:var(--green-border)}
.pdot{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:3px}
.pdot.g{background:#22c55e}.pdot.y{background:var(--amber)}.pdot.r{background:#ef4444}.pdot.b{background:var(--blue)}
.ptitle{font-weight:700;font-size:0.75rem;color:var(--text-primary);margin-bottom:2px}
.pdesc{font-size:0.66rem;color:var(--text-secondary);line-height:1.45}

/* NOTICE */
.notice{border-radius:var(--radius-sm);padding:9px 12px;font-size:0.69rem;line-height:1.55;margin-top:9px;display:flex;align-items:flex-start;gap:7px}
.notice-g{background:var(--green-pale);border:1px solid var(--green-border);color:#166534}
.notice-o{background:var(--orange-light);border:1px solid var(--orange-border);color:#9a3412}

/* CTA BAR */
.cta-bar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:9px 13px calc(11px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#fff;flex-shrink:0}
.cta-btn{padding:10px 5px;border-radius:var(--radius-sm);font-size:0.74rem;font-weight:800;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:var(--tr)}
.cta-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.cta-call{background:rgb(32 152 241);color:#fff}
.cta-offer{background:linear-gradient(135deg,var(--green-main),var(--green-mid));color:#fff}
.cta-wa{background:linear-gradient(135deg,var(--whatsapp),#1da851);color:#fff}

/* ============================================================
   IN-PAGE LAYER SYSTEM
   ============================================================ */
.layer-overlay{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity 0.3s ease}
.layer-overlay.open{opacity:1;pointer-events:all}
.in-layer{position:fixed;inset:0;z-index:9999;background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);overflow:hidden}
.in-layer.active{transform:translateX(50%)}
.layer-topbar{display:flex;align-items:center;gap:9px;padding:11px 15px;background:#fff;border-bottom:1px solid var(--border);flex-shrink:0;position:relative;z-index:2}


.layer-close{position:fixed;top:20%;left:calc(50% - 55px);z-index:10000;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.92);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#333;box-shadow:0 2px 12px rgba(0,0,0,0.18);opacity:0;pointer-events:none;transition:opacity 0.3s ease}
.layer-overlay.open+.layer-close{opacity:1;pointer-events:all}
.layer-close:hover{background:#fff;box-shadow:0 4px 16px rgba(0,0,0,0.22)}
.layer-title{font-weight:800;font-size:0.92rem;color:var(--text-primary);flex:1}
.layer-subtitle{font-size:0.66rem;color:var(--text-muted);margin-top:1px}
.layer-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}
.layer-body::-webkit-scrollbar{width:3px}
.layer-body::-webkit-scrollbar-thumb{background:var(--green-border);border-radius:3px}

/* BOTTOM SHEET */
.bottom-sheet-overlay{position:fixed;inset:0;z-index:8500;background:rgba(0,0,0,0);pointer-events:none;transition:background 0.3s}
.bottom-sheet-overlay.active{background:rgba(0,0,0,0.48);pointer-events:all}
.bottom-sheet{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:22px 22px 0 0;max-height:80vh;display:flex;flex-direction:column;transform:translateY(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1);overflow:hidden;box-shadow:0 -8px 40px rgba(0,0,0,0.2)}
.bottom-sheet-overlay.active .bottom-sheet{transform:translateY(0)}
.bs-handle-wrap{padding:10px 0 0;display:flex;justify-content:center;flex-shrink:0}
.bs-handle{width:38px;height:4px;border-radius:2px;background:var(--border)}
.bs-header{display:flex;align-items:flex-start;justify-content:space-between;padding:9px 17px 7px;flex-shrink:0}
.bs-title{font-weight:900;font-size:0.98rem;color:var(--text-primary);font-family:var(--font-display)}
.bs-subtitle{font-size:0.68rem;color:var(--text-muted);margin-top:2px}
.bs-close{width:29px;height:29px;border-radius:50%;background:#f3f4f6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.78rem;color:var(--text-secondary);flex-shrink:0;transition:background 0.15s}
.bs-close:hover{background:var(--border)}
.bs-body{flex:1;overflow-y:auto;padding:0 17px 0px;-webkit-overflow-scrolling:touch}
.bs-body::-webkit-scrollbar{width:3px}
.bs-body::-webkit-scrollbar-thumb{background:var(--green-border);border-radius:3px}

/* GLOBAL STICKY CTA BAR — only mobile */
.global-cta{position:fixed;bottom:0;left:0;right:0;z-index:7000;display:none;grid-template-columns:1fr 1fr 1fr;background:rgba(255,255,255,0.97);backdrop-filter:blur(12px);border-top:1.5px solid var(--border);box-shadow:0 -4px 24px rgba(0,0,0,0.12);padding:7px 11px calc(7px + env(safe-area-inset-bottom))}

.global-cta-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 4px;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);transition:background 0.15s}
.global-cta-btn:hover{background:#f3f4f6}
.global-cta-btn .gcta-ico{font-size:1.2rem}
.global-cta-btn .gcta-lbl{font-size:0.61rem;font-weight:800;color:var(--text-secondary)}
.global-cta-btn.gcta-call .gcta-lbl{color:var(--orange)}
.global-cta-btn.gcta-wa .gcta-lbl{color:#128c7e}
.global-cta-btn.gcta-fare .gcta-lbl{color:var(--green-main)}

/* EXIT POPUP */
.exit-popup-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0.52);display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.25s}
.exit-popup-overlay.active{opacity:1;pointer-events:all}
.exit-popup{position:relative;background:#fff;border-radius:22px 22px 0 0;padding:22px 20px 30px;width:100%;max-width:480px;transform:translateY(20px);transition:transform 0.25s;text-align:center;box-shadow:0 -8px 40px rgba(0,0,0,0.2)}
.exit-popup-overlay.active .exit-popup{transform:translateY(0)}
.exit-popup-close{position:absolute;top:14px;right:14px;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:1rem;line-height:1;padding:4px 6px;border-radius:50%;transition:background 0.15s}
.exit-popup-close:hover{background:rgba(0,0,0,0.08)}
.exit-popup-emoji{font-size:2.2rem;margin-bottom:7px}
.exit-popup-title{font-family:var(--font-display);font-size:1.15rem;font-weight:900;color:var(--text-primary);margin-bottom:6px}
.exit-popup-sub{font-size:0.76rem;color:var(--text-secondary);line-height:1.55;margin-bottom:14px}
.exit-popup-highlight{background:var(--orange-light);border:1px solid var(--orange-border);border-radius:10px;padding:9px 13px;margin-bottom:14px;font-size:0.76rem;color:#9a3412;font-weight:600;display:flex;align-items:center;gap:7px}
.exit-popup-btns{display:flex;flex-direction:column;gap:7px}
.exit-popup-stay{padding:12px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--green-main),var(--green-mid));color:#fff;font-weight:800;font-size:0.86rem;border:none;cursor:pointer;transition:opacity 0.15s;box-shadow:0 4px 18px rgba(46,92,14,0.3)}
.exit-popup-stay:hover{opacity:0.9}
.exit-popup-leave{padding:9px;border-radius:var(--radius-sm);background:none;color:var(--text-muted);font-size:0.76rem;border:none;cursor:pointer}

/* FARE CALCULATOR */
.fare-calc{padding:4px 0 10px}
.fare-row{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--border)}
.fare-row:last-of-type{border:none}
.fare-ico{font-size:1.25rem;width:30px;text-align:center;flex-shrink:0}
.fare-info{flex:1}
.fare-name{font-weight:700;font-size:0.8rem;color:var(--text-primary)}
.fare-desc{font-size:0.66rem;color:var(--text-muted);margin-top:1px}
.fare-price{font-weight:800;font-size:0.9rem;color:var(--orange);white-space:nowrap}
.fare-book-btn{width:100%;margin-top:13px;padding:13px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--green-main),var(--green-mid));color:#fff;font-weight:800;font-size:0.86rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:opacity 0.15s;box-shadow:0 4px 18px rgba(46,92,14,0.28)}
.fare-book-btn:hover{opacity:0.9}

/* DETAIL LAYER */
.detail-hero{position:relative;height:210px;overflow:hidden}
.detail-hero img{width:100%;height:100%;object-fit:cover}
.detail-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.65),transparent 50%)}
.detail-hero-info{position:absolute;bottom:13px;left:15px;right:15px}
.detail-hero-name{color:#fff;font-family:var(--font-display);font-size:1.35rem;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,0.4)}
.detail-hero-sub{color:rgba(255,255,255,0.8);font-size:0.73rem;margin-top:3px}
.detail-body{padding:14px 17px 10px}
.detail-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:11px}
.detail-section-title{font-weight:800;font-size:0.67rem;color:var(--text-muted);margin-bottom:7px;margin-top:13px;text-transform:uppercase;letter-spacing:0.5px}
.detail-desc{font-size:0.76rem;color:var(--text-secondary);line-height:1.6;margin-bottom:13px}
.detail-img-strip{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;margin-bottom:13px}
.detail-img-strip::-webkit-scrollbar{display:none}
.detail-img-strip img{flex-shrink:0;width:115px;height:80px;border-radius:var(--radius-sm);object-fit:cover}
.detail-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}
.detail-cta-btn{padding:11px;border-radius:var(--radius-sm);font-weight:800;font-size:0.8rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:opacity 0.15s}
.detail-cta-btn:hover{opacity:0.88}
.dcta-g{background:linear-gradient(135deg,var(--green-main),var(--green-mid));color:#fff}
.dcta-wa{background:linear-gradient(135deg,var(--whatsapp),#1da851);color:#fff}

/* ============================================================
   AGRA SECTION
   ============================================================ */
.agra-section{margin-bottom:60px}
.agra-card{
  background:#fff;
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow-xl);
  overflow:hidden;
  border:1px solid rgba(255,255,255,0.06);
  position:relative;
}
.agra-hero{
  position:relative;height:280px;overflow:hidden;
}
.agra-hero img{
  width:100%;height:100%;object-fit:cover;
  transition:transform 0.7s ease;
}
.agra-card:hover .agra-hero img{transform:scale(1.03)}
.agra-hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,0.88) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.05) 100%);
}
.agra-hero-content{
  position:absolute;bottom:0;left:0;right:0;
  padding:24px 28px;
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:20px;flex-wrap:wrap;
}
.agra-hero-left{}
.agra-coming-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:linear-gradient(135deg,rgba(245,158,11,0.9),rgba(239,68,68,0.9));
  color:#fff;font-size:0.7rem;font-weight:800;
  padding:4px 13px;border-radius:30px;
  margin-bottom:10px;letter-spacing:0.3px;
  backdrop-filter:blur(6px);
}
.agra-title{
  font-family:var(--font-display);
  font-size:clamp(1.5rem,3vw,2rem);
  font-weight:900;color:#fff;
  line-height:1.15;
  text-shadow:0 2px 16px rgba(0,0,0,0.5);
  margin-bottom:8px;
}
.agra-title .accent{
  background:linear-gradient(135deg,#fbbf24,#f59e0b);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.agra-meta{color:rgba(255,255,255,0.72);font-size:0.82rem;line-height:1.5;max-width:480px}
.agra-stats{
  display:flex;gap:8px;flex-wrap:wrap;
  margin-top:12px;
}
.agra-stat{
  background:rgba(255,255,255,0.12);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,0.2);
  border-radius:10px;padding:8px 12px;
  display:flex;flex-direction:column;min-width:70px;
}
.agra-stat .av{font-weight:900;font-size:1.05rem;color:#fff;line-height:1}
.agra-stat .al{font-size:0.59rem;color:rgba(255,255,255,0.65);margin-top:2px;font-weight:500}
.agra-hero-right{display:flex;flex-direction:column;gap:8px;flex-shrink:0}
.agra-cta-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:12px 22px;border-radius:var(--radius-sm);
  font-size:0.82rem;font-weight:800;border:none;cursor:pointer;
  transition:var(--tr);white-space:nowrap;min-width:170px;
}
.agra-cta-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.agra-btn-wa{background:linear-gradient(135deg,var(--whatsapp),#1da851);color:#fff}
.agra-btn-ghost{
  background:rgba(255,255,255,0.12);backdrop-filter:blur(8px);
  border:1.5px solid rgba(255,255,255,0.28)!important;
  color:#fff;
}

/* Agra highlights strip */
.agra-highlights{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:0;border-top:1px solid var(--border);
}
.agra-hl{
  padding:16px 14px;
  border-right:1px solid var(--border);
  display:flex;flex-direction:column;align-items:center;
  text-align:center;gap:6px;
  transition:background 0.15s;
  cursor:default;
}
.agra-hl:last-child{border-right:none}
.agra-hl:hover{background:var(--green-pale)}
.agra-hl-ico{font-size:1.5rem}
.agra-hl-name{font-weight:800;font-size:0.77rem;color:var(--text-primary)}
.agra-hl-sub{font-size:0.62rem;color:var(--text-muted);line-height:1.4}

/* Agra notify form */
.agra-notify{
  padding:20px 24px;
  background:linear-gradient(135deg,#fffbeb,#fff);
  border-top:1px solid var(--border);
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
}
.agra-notify-text{flex:1;min-width:200px}
.agra-notify-text h3{font-weight:900;font-size:0.95rem;color:var(--text-primary);margin-bottom:3px}
.agra-notify-text p{font-size:0.72rem;color:var(--text-muted);line-height:1.5}
.agra-notify-form{display:flex;gap:7px;flex-wrap:wrap}
.agra-notify-input{
  border:1.5px solid var(--border);border-radius:8px;
  padding:9px 13px;font-size:0.76rem;font-weight:600;
  font-family:var(--font-body);color:var(--text-primary);
  background:#fff;outline:none;transition:border-color 0.15s;
  min-width:200px;
}
.agra-notify-input:focus{border-color:var(--amber)}
.agra-notify-btn{
  padding:9px 18px;border-radius:8px;
  background:linear-gradient(135deg,var(--amber),var(--orange));
  color:#fff;font-weight:800;font-size:0.78rem;
  border:none;cursor:pointer;transition:var(--tr);white-space:nowrap;
}
.agra-notify-btn:hover{opacity:0.9;transform:translateY(-1px)}

/* ============================================================
   SITE HERO
   ============================================================ */
/* ─── HERO SECTION ──────────────────────────────────────── */
.site-hero{
  position:relative;
  min-height:520px;
  display:flex;flex-direction:column;align-items:stretch;
  overflow:hidden;
  border-radius:0 0 52px 52px;
  margin-bottom:0;
  /* Deep cinematic base */
  background:#060a10;
}

/* Outer wrapper for the Why Us strip — sits between hero and page-wrap */
.hero-why-outer{
  background:#060a10;
  margin-top:-1px;/* overlap hero rounded bottom by 1px to avoid hairline */
}

/* Photo layer */
.site-hero-bg{
  position:absolute;inset:0;
  background-image:url('https://images.pexels.com/photos/30877639/pexels-photo-30877639.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
  background-size:cover;background-position:center 35%;
  transform:scale(1.06);
  transition:transform 10s ease;
  opacity:0.32;
}
/* Multi-layer overlay: dark + directional colour */
.site-hero-bg::after{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(to bottom,
      rgba(6,10,16,0.1) 0%,
      rgba(6,10,16,0.55) 55%,
      rgba(6,10,16,0.99) 100%),
    linear-gradient(120deg,
      rgba(8,30,12,0.92) 0%,
      rgba(6,10,16,0.70) 60%,
      transparent 100%);
}

/* Hero section clip — keep dark bg behind hero content, visible for why-us */
/* The dark BG is set directly on .site-hero background property */

/* Animated glow blobs */
.hero-blob{
  position:absolute;border-radius:50%;pointer-events:none;
  animation:blobDrift 12s ease-in-out infinite alternate;
}
.hero-blob-1{
  width:560px;height:560px;
  background:radial-gradient(circle,rgba(34,197,94,0.22) 0%,transparent 68%);
  top:-140px;left:-100px;
  filter:blur(60px);
  animation-duration:14s;
}
.hero-blob-2{
  width:460px;height:460px;
  background:radial-gradient(circle,rgba(251,191,36,0.14) 0%,transparent 65%);
  top:40px;right:5%;
  filter:blur(80px);
  animation-duration:18s;animation-delay:-6s;
}
.hero-blob-3{
  width:380px;height:380px;
  background:radial-gradient(circle,rgba(249,115,22,0.16) 0%,transparent 65%);
  bottom:-60px;right:28%;
  filter:blur(70px);
  animation-duration:16s;animation-delay:-3s;
}
/* Extra deep green glow behind headline */
.hero-blob-4{
  width:700px;height:400px;
  background:radial-gradient(ellipse,rgba(16,185,129,0.10) 0%,transparent 65%);
  top:80px;left:-80px;
  filter:blur(90px);
  animation-duration:20s;animation-delay:-10s;
}
@keyframes blobDrift{
  0%{transform:translate(0,0) scale(1)}
  50%{transform:translate(30px,-20px) scale(1.06)}
  100%{transform:translate(-10px,15px) scale(0.97)}
}

/* Floating light particles */
.hero-particle{
  position:absolute;border-radius:50%;pointer-events:none;
  background:#4ade80;opacity:0;
  animation:particleFly 8s ease-in-out infinite;
}
.hp1{width:3px;height:3px;left:15%;top:30%;animation-delay:0s;animation-duration:9s}
.hp2{width:2px;height:2px;left:40%;top:60%;animation-delay:2s;animation-duration:11s;background:#fbbf24}
.hp3{width:4px;height:4px;left:70%;top:20%;animation-delay:4s;animation-duration:8s;background:#f97316}
.hp4{width:2px;height:2px;left:85%;top:70%;animation-delay:1s;animation-duration:13s}
.hp5{width:3px;height:3px;left:55%;top:45%;animation-delay:6s;animation-duration:10s;background:#a78bfa}
.hp6{width:2px;height:2px;left:25%;top:75%;animation-delay:3s;animation-duration:12s;background:#fbbf24}
@keyframes particleFly{
  0%{opacity:0;transform:translateY(0) scale(1)}
  20%{opacity:0.7}
  80%{opacity:0.4}
  100%{opacity:0;transform:translateY(-80px) scale(0.5)}
}

/* Grid layout */
.site-hero-inner{
  position:relative;z-index:2;
  width:100%;max-width:1200px;
  margin:0 auto;
  padding:76px 28px 56px;
  display:grid;
  grid-template-columns:1fr 380px;
  gap:52px;
  align-items:center;
  flex-shrink:0;
}

/* ── Eyebrow pill ── */
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,rgba(34,197,94,0.18),rgba(16,185,129,0.10));
  border:1px solid rgba(74,222,128,0.40);
  color:#4ade80;font-size:0.67rem;font-weight:800;
  padding:6px 16px;border-radius:30px;
  letter-spacing:0.9px;text-transform:uppercase;
  margin-bottom:20px;
  box-shadow:0 0 16px rgba(74,222,128,0.12);
}

/* ── Headline with glow ── */
.hero-title{
  font-family:var(--font-display);
  font-size:clamp(2.1rem,5.5vw,3.8rem);
  font-weight:900;color:#fff;
  line-height:1.06;letter-spacing:-1.5px;
  margin-bottom:10px;
  /* text-shadow gives depth */
  text-shadow:0 2px 40px rgba(0,0,0,0.7);
}
.hero-title .ht-plain{
  color:#fff;
  text-shadow:0 0 60px rgba(255,255,255,0.08);
}
.hero-title .ht-amber{
  background:linear-gradient(105deg,#ffe066 0%,#fbbf24 40%,#f97316 80%,#ef4444 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  filter:drop-shadow(0 0 22px rgba(251,191,36,0.45));
}

/* ── Sub-headline ── */
.hero-sub{
  font-size:0.98rem;
  color:rgba(255,255,255,0.62);
  line-height:1.7;margin-bottom:24px;max-width:500px;
  text-shadow:0 1px 8px rgba(0,0,0,0.5);
}

/* ── Trust pills ── */
.hero-trust-row{
  display:flex;flex-wrap:wrap;gap:7px;margin-bottom:30px;
}
.hero-trust-pill{
  display:inline-flex;align-items:center;gap:5px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.13);
  color:rgba(255,255,255,0.85);
  font-size:0.69rem;font-weight:700;
  padding:5px 13px;border-radius:30px;
  backdrop-filter:blur(6px);
  transition:background 0.2s,border-color 0.2s;
}
.hero-trust-pill:hover{
  background:rgba(74,222,128,0.12);
  border-color:rgba(74,222,128,0.35);
}

/* ── CTA buttons — premium heat zone ── */
.hero-btns{
  display:flex;gap:10px;flex-wrap:wrap;
  /* glow zone behind buttons */
  padding:18px 20px;
  background:rgba(0,0,0,0.25);
  border-radius:16px;
  border:1px solid rgba(255,255,255,0.06);
  backdrop-filter:blur(8px);
  margin-top:4px;
  width:fit-content;
}
.hero-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 26px;border-radius:12px;
  font-size:0.88rem;font-weight:800;border:none;cursor:pointer;
  transition:transform 0.18s,box-shadow 0.18s,filter 0.18s;
  white-space:nowrap;letter-spacing:0.3px;
  position:relative;overflow:hidden;
}
.hero-btn::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,0.12) 0%,transparent 60%);
  pointer-events:none;
}
.hero-btn:hover{
  transform:translateY(-3px) scale(1.03);
}
/* Call button — neon green */
.hbtn-green{
  background:linear-gradient(135deg,#22c55e 0%,#16a34a 60%,#15803d 100%);
  color:#fff;
  box-shadow:0 4px 24px rgba(34,197,94,0.45),0 0 0 0 rgba(34,197,94,0);
}
.hbtn-green:hover{
  box-shadow:0 8px 36px rgba(34,197,94,0.60),0 0 20px rgba(74,222,128,0.25);
  filter:brightness(1.08);
}
/* WhatsApp button */
.hbtn-wa{
  background:linear-gradient(135deg,#25d366 0%,#128c4e 100%);
  color:#fff;
  box-shadow:0 4px 24px rgba(37,211,102,0.40);
}
.heroscroll-btn a{display: inline-flex; text-decoration: none;}
.heroscroll-btn .hbtn-blue{background: rgb(32 152 241);color: #fff;}
.heroscroll-btn .hbtn-wagreen{background: #2aa71d;color: #fff;}
.heroscroll-btn .hbtn-purple{background: #906be6;color: #fff;}
.hbtn-wa:hover{
  box-shadow:0 8px 36px rgba(37,211,102,0.55),0 0 20px rgba(37,211,102,0.20);
  filter:brightness(1.08);
}
/* Ghost / View Packages */
.hbtn-ghost{
  background:rgba(255,255,255,0.07);
  border:1.5px solid rgba(255,255,255,0.20)!important;
  color:rgba(255,255,255,0.85);
  box-shadow:none;
}
.hbtn-ghost:hover{
  background:rgba(255,255,255,0.12);
  border-color:rgba(255,255,255,0.35)!important;
  box-shadow:0 4px 20px rgba(0,0,0,0.3);
}

/* ── Stat card — glassmorphism ── */
.hero-stat-card{
  position:relative;
  background:rgba(255,255,255,0.04);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:28px;
  padding:6px;
  display:grid;grid-template-columns:1fr 1fr;gap:1px;
  overflow:hidden;
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.05) inset,
    0 20px 60px rgba(0,0,0,0.5),
    0 0 40px rgba(34,197,94,0.06);
}
/* Top-edge shine */
.hero-stat-card::before{
  content:'';position:absolute;
  top:0;left:10%;right:10%;height:1px;
  background:linear-gradient(to right,transparent,rgba(255,255,255,0.25),transparent);
  pointer-events:none;z-index:1;
}
.hsc-item{
  padding:22px 16px;display:flex;flex-direction:column;align-items:center;
  text-align:center;gap:6px;position:relative;
  border-right:1px solid rgba(255,255,255,0.07);
  border-bottom:1px solid rgba(255,255,255,0.07);
  border-radius:22px;
  transition:background 0.2s;
}
.hsc-item:hover{background:rgba(255,255,255,0.04)}
.hsc-item:nth-child(2n){border-right:none}
.hsc-item:nth-last-child(-n+2){border-bottom:none}
.hsc-num{
  font-family:var(--font-display);
  font-size:2.1rem;font-weight:900;
  line-height:1;
  filter:drop-shadow(0 0 12px currentColor);
}
.hsc-num.c-green{color:#4ade80}
.hsc-num.c-amber{color:#fbbf24}
.hsc-num.c-blue{color:#60a5fa}
.hsc-num.c-pink{color:#f472b6}
.hsc-lbl{font-size:0.67rem;color:rgba(255,255,255,0.5);font-weight:600;margin-top:1px;letter-spacing:0.2px}
.hero-scroll-hint{display:none}
.hero-scroll-arrow{}
@keyframes bobScroll{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(5px)}}

/* ============================================================
   HERO — WHY BOOK STRIP (inside hero section)
   ============================================================ */
.hero-why-wrap{
  position:relative;z-index:2;
  width:100%;
  padding:0 0 56px;
  /* smooth gradient separator from hero top-section */
  border-top:1px solid rgba(255,255,255,0.07);
  /* subtle inner top glow line */
  box-shadow:inset 0 1px 0 rgba(74,222,128,0.10);
}
.hero-why-header{
  max-width:1200px;margin:0 auto;
  padding:26px 28px 16px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
}
.hero-why-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,rgba(74,222,128,0.14),rgba(16,185,129,0.08));
  border:1px solid rgba(74,222,128,0.32);
  color:#4ade80;
  font-size:0.66rem;font-weight:800;
  padding:6px 16px;border-radius:30px;
  letter-spacing:0.9px;text-transform:uppercase;
  box-shadow:0 0 14px rgba(74,222,128,0.10);
}
.hero-why-sub{
  font-size:0.72rem;color:rgba(255,255,255,0.38);font-weight:600;
  letter-spacing:0.3px;
}
/* Desktop: 6-col grid */
.hero-why-track{
  max-width:1200px;margin:0 auto;
  padding:0 28px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;
}
/* Each hero-why card — glassmorphism */
.hwc{
  background:rgba(255,255,255,0.05);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,0.09);
  border-radius:20px;
  padding:22px 12px 18px;
  display:flex;flex-direction:column;align-items:center;
  text-align:center;gap:10px;
  cursor:pointer;
  transition:transform 0.22s cubic-bezier(0.34,1.56,0.64,1),
              box-shadow 0.22s ease,
              border-color 0.22s ease,
              background 0.22s ease;
  position:relative;overflow:hidden;
  user-select:none;
}
/* Top shine */
.hwc::before{
  content:'';position:absolute;
  top:0;left:15%;right:15%;height:1px;
  background:linear-gradient(to right,transparent,rgba(255,255,255,0.20),transparent);
  pointer-events:none;
}
/* Bottom glow on hover */
.hwc::after{
  content:'';position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(160deg,rgba(255,255,255,0.07) 0%,transparent 60%);
  opacity:0;transition:opacity 0.22s;pointer-events:none;
}
.hwc:hover{
  transform:translateY(-8px) scale(1.02);
  border-color:rgba(255,255,255,0.22);
  background:rgba(255,255,255,0.09);
  box-shadow:
    0 16px 48px rgba(0,0,0,0.5),
    0 0 0 1px rgba(255,255,255,0.08) inset;
}
.hwc:hover::after{opacity:1}
.hwc:active{transform:translateY(-2px) scale(0.99)}

/* Icon */
.hwc-icon{
  width:52px;height:52px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.4rem;flex-shrink:0;
  transition:transform 0.28s cubic-bezier(0.34,1.56,0.64,1);
  /* subtle inner glow from colour */
  box-shadow:0 4px 14px rgba(0,0,0,0.2);
}
.hwc:hover .hwc-icon{transform:scale(1.18) rotate(-6deg)}
.hwc-name{
  font-size:0.7rem;font-weight:800;color:#fff;
  line-height:1.35;letter-spacing:0.1px;
}
.hwc-hint{
  font-size:0.58rem;color:rgba(255,255,255,0.38);
  font-weight:600;letter-spacing:0.4px;
}

/* Dots (hidden on desktop) */
.hero-why-dots{display:none}

/* Old standalone wus-card (kept for fallback) */
.wus-card{display:none}
.wus-icon-wrap{
  width:52px;height:52px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.4rem;flex-shrink:0;
}
/* Color variants for icon backgrounds — vibrant duotone */
.ic-green{background:linear-gradient(135deg,rgba(34,197,94,0.30),rgba(16,185,129,0.18));box-shadow:0 0 16px rgba(34,197,94,0.20) inset}
.ic-amber{background:linear-gradient(135deg,rgba(251,191,36,0.32),rgba(245,158,11,0.18));box-shadow:0 0 16px rgba(251,191,36,0.20) inset}
.ic-blue{background:linear-gradient(135deg,rgba(96,165,250,0.30),rgba(59,130,246,0.18));box-shadow:0 0 16px rgba(96,165,250,0.20) inset}
.ic-pink{background:linear-gradient(135deg,rgba(244,114,182,0.30),rgba(236,72,153,0.18));box-shadow:0 0 16px rgba(244,114,182,0.20) inset}
.ic-purple{background:linear-gradient(135deg,rgba(167,139,250,0.30),rgba(139,92,246,0.18));box-shadow:0 0 16px rgba(167,139,250,0.20) inset}
.ic-teal{background:linear-gradient(135deg,rgba(45,212,191,0.30),rgba(20,184,166,0.18));box-shadow:0 0 16px rgba(45,212,191,0.20) inset}
.ic-orange{background:linear-gradient(135deg,rgba(249,115,22,0.30),rgba(234,88,12,0.18));box-shadow:0 0 16px rgba(249,115,22,0.20) inset}
.ic-red{background:linear-gradient(135deg,rgba(248,113,113,0.30),rgba(239,68,68,0.18));box-shadow:0 0 16px rgba(248,113,113,0.20) inset}
.ic-indigo{background:linear-gradient(135deg,rgba(129,140,248,0.30),rgba(99,102,241,0.18));box-shadow:0 0 16px rgba(129,140,248,0.20) inset}
.ic-cyan{background:linear-gradient(135deg,rgba(34,211,238,0.30),rgba(6,182,212,0.18));box-shadow:0 0 16px rgba(34,211,238,0.20) inset}
.ic-lime{background:linear-gradient(135deg,rgba(163,230,53,0.30),rgba(132,204,22,0.18));box-shadow:0 0 16px rgba(163,230,53,0.20) inset}
.ic-rose{background:linear-gradient(135deg,rgba(251,113,133,0.30),rgba(244,63,94,0.18));box-shadow:0 0 16px rgba(251,113,133,0.20) inset}

/* ============================================================
   WHY US MODAL (bottom sheet)
   ============================================================ */
.wus-modal-overlay{
  position:fixed;inset:0;z-index:9000;
  background:rgba(0,0,0,0);
  pointer-events:none;
  transition:background 0.35s ease;
}
.wus-modal-overlay.open{
  background:rgba(0,0,0,0.65);
  pointer-events:all;
}
.wus-modal{
  position:fixed;left:0;right:0;bottom:0;z-index:9001;
  background:#fff;
  border-radius:28px 28px 0 0;
  max-height:72vh;
  display:flex;flex-direction:column;
  transform:translateY(100%);
  transition:transform 0.42s cubic-bezier(0.32,0.72,0,1);
  box-shadow:0 -16px 60px rgba(0,0,0,0.3);
}
.wus-modal.open{transform:translateY(0)}
.wus-modal-handle{
  display:flex;justify-content:center;padding:12px 0 4px;flex-shrink:0;
}
.wus-modal-handle-bar{
  width:40px;height:4px;border-radius:4px;
  background:#e5e7eb;
}
/* Close btn outside modal */
.wus-modal-close-wrap{
  position:fixed;
  left:50%;transform:translateX(-50%);
  z-index:9002;
  bottom:0;
  transition:bottom 0.42s cubic-bezier(0.32,0.72,0,1);
  pointer-events:none;
  opacity:0;
  transition:bottom 0.42s cubic-bezier(0.32,0.72,0,1),opacity 0.3s;
}
.wus-modal-close-wrap.open{
  pointer-events:all;
  opacity:1;
}
.wus-modal-close{
  width:44px;height:44px;border-radius:50%;
  background:#fff;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;color:#111;
  box-shadow:0 4px 20px rgba(0,0,0,0.28);
  transition:transform 0.18s,box-shadow 0.18s;
}
.wus-modal-close:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(0,0,0,0.35)}
.wus-modal-head{
  padding:14px 22px 12px;
  border-bottom:1px solid #f1f5f9;
  display:flex;align-items:center;gap:14px;
  flex-shrink:0;
}
.wus-modal-head-icon{
  width:56px;height:56px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.7rem;flex-shrink:0;
}
.wus-modal-title{
  font-family:var(--font-display);
  font-size:1.1rem;font-weight:900;color:var(--text-primary);
}
.wus-modal-subtitle{
  font-size:0.72rem;color:var(--text-muted);margin-top:2px;font-weight:600;
}
.wus-modal-body{
  flex:1;overflow-y:auto;padding:18px 22px 28px;
}
.wus-modal-desc{
  font-size:0.88rem;color:var(--text-secondary);
  line-height:1.7;margin-bottom:16px;
}
.wus-modal-points{display:flex;flex-direction:column;gap:10px}
.wus-modal-point{
  display:flex;align-items:flex-start;gap:10px;
  background:#f8fafc;border-radius:12px;padding:12px 14px;
  border:1px solid #f1f5f9;
}
.wmp-ico{font-size:1.2rem;flex-shrink:0;margin-top:1px}
.wmp-text{font-size:0.8rem;color:var(--text-secondary);line-height:1.55}
.wmp-text strong{color:var(--text-primary);font-weight:800}
.wus-modal-cta{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;
}
.wmc-btn{
  padding:12px 16px;border-radius:12px;
  font-size:0.8rem;font-weight:800;border:none;cursor:pointer;
  transition:var(--tr);display:flex;align-items:center;justify-content:center;gap:6px;
}
.wmc-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.wmc-green{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}
.wmc-wa{background:linear-gradient(135deg,#25d366,#1da851);color:#fff}

/* ============================================================
   RESPONSIVE
   ============================================================ */

/* ============================================================
   PACKAGES SECTION
   ============================================================ */
.pkg-section{
  max-width:1200px;margin:0 auto;
  padding:64px 16px 100px;
}

/* Header */
.pkg-header{
  text-align:center;margin-bottom:36px;
}
.pkg-eyebrow{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(74,222,128,0.11);
  border:1px solid rgba(74,222,128,0.28);
  color:#4ade80;font-size:0.67rem;font-weight:800;
  padding:5px 14px;border-radius:30px;
  letter-spacing:0.8px;text-transform:uppercase;
  margin-bottom:12px;
}
.pkg-title{
  font-family:var(--font-display);
  font-size:clamp(1.8rem,4vw,2.8rem);
  font-weight:900;color:#fff;
  line-height:1.1;letter-spacing:-0.5px;
  margin-bottom:8px;
}
.pkg-title-accent{
  background:linear-gradient(135deg,#fbbf24,#f97316);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.pkg-subtitle{
  color:rgba(255,255,255,0.5);font-size:0.9rem;
  margin-bottom:18px;line-height:1.6;
}

/* Trust bar */
.pkg-trust-bar{
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px;
  margin-bottom:16px;
}
.ptb-item{
  font-size:0.72rem;font-weight:700;
  color:rgba(255,255,255,0.75);
  background:rgba(74,222,128,0.10);
  border:1px solid rgba(74,222,128,0.22);
  padding:5px 13px;border-radius:30px;
}

/* Warning box */
.pkg-warning{
  display:flex;align-items:flex-start;gap:10px;
  background:rgba(245,158,11,0.12);
  border:1px solid rgba(245,158,11,0.30);
  border-radius:14px;
  padding:12px 16px;
  max-width:640px;margin:0 auto;
  font-size:0.78rem;color:rgba(255,255,255,0.75);
  line-height:1.55;text-align:left;
}
.pw-ico{font-size:1.2rem;flex-shrink:0}

/* Track wrapper */
.pkg-track-wrap{position:relative}
.pkg-track{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

/* ─── Package Card ─── */
.pkg-card{
  background:#fff;
  /* border-radius:22px; */
  overflow:hidden;
  box-shadow:var(--shadow-lg);
  border:2px solid transparent;
  transition:transform 0.22s,box-shadow 0.22s,border-color 0.22s;
  position:relative;
  display:flex;flex-direction:column;
}
.pkg-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 60px rgba(0,0,0,0.30);
  border-color:rgba(74,222,128,0.35);
}
/* Featured card glow */
.pkg-card-featured{
  border-color:rgba(34,197,94,0.5)!important;
  box-shadow:0 8px 40px rgba(34,197,94,0.20),var(--shadow-lg)!important;
}
.pkg-card-premium{
  border-color:rgba(251,191,36,0.4)!important;
  box-shadow:0 8px 40px rgba(251,191,36,0.15),var(--shadow-lg)!important;
}
.pkg-card-custom{
  border-color:rgba(167,139,250,0.4)!important;
  box-shadow:0 8px 40px rgba(167,139,250,0.15),var(--shadow-lg)!important;
}

/* Badges */
.pkg-popular-badge,.pkg-premium-badge,.pkg-custom-badge{
  position:absolute;top:12px;right:12px;z-index:5;
  font-size:0.62rem;font-weight:800;
  padding:4px 11px;border-radius:30px;
  letter-spacing:0.5px;white-space:nowrap;
}
.pkg-popular-badge{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 2px 10px rgba(34,197,94,0.4)}
.pkg-premium-badge{background:linear-gradient(135deg,#fbbf24,#f97316);color:#fff;box-shadow:0 2px 10px rgba(251,191,36,0.4)}
.pkg-custom-badge{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;box-shadow:0 2px 10px rgba(167,139,250,0.4)}

/* Card image */
.pkg-card-img{
  position:relative;height:170px;
  background-size:cover;background-position:center;
  flex-shrink:0;
  border-radius:20px 20px 0 0;
  overflow:hidden;
}
.pkg-card-img-custom{
  background:linear-gradient(135deg,#1e1b4b,#312e81,#4c1d95,#1e3a5f);
}
.pkg-card-img-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.25) 60%,transparent 100%);
}

/* Tag pill on image */
.pkg-tag{
  position:absolute;top:10px;left:10px;z-index:2;
  font-size:0.6rem;font-weight:800;
  padding:3px 10px;border-radius:20px;
  letter-spacing:0.5px;
}
.pkg-tag-blue{background:rgba(96,165,250,0.9);color:#fff}
.pkg-tag-green{background:rgba(34,197,94,0.9);color:#fff}
.pkg-tag-amber{background:rgba(251,191,36,0.9);color:#000}
.pkg-tag-purple{background:rgba(167,139,250,0.9);color:#fff}
.pkg-tag-orange{background:rgba(249,115,22,0.9);color:#fff}
.pkg-tag-night{background:rgba(30,27,75,0.92);color:#a5b4fc;border:1px solid rgba(165,180,252,0.3)}
.pkg-tag-teal{background:rgba(45,212,191,0.9);color:#fff}
.pkg-tag-custom{background:rgba(124,58,237,0.9);color:#fff}

/* Image content (icon + title + price) */
.pkg-card-img-content{
  position:absolute;bottom:0;left:0;right:0;z-index:2;
  padding:12px 14px 10px;
}
.pkg-card-icon{font-size:1.5rem;margin-bottom:3px}
.pkg-card-name{
  font-family:var(--font-display);
  font-size:0.88rem;font-weight:900;color:#fff;
  line-height:1.2;margin-bottom:3px;
  text-shadow:0 1px 6px rgba(0,0,0,0.5);
}
.pkg-card-price{
  font-size:0.72rem;color:rgba(255,255,255,0.75);font-weight:700;
}
.pkg-card-price strong{color:#4ade80;font-size:0.88rem}

/* Card body */
.pkg-card-body{
  padding:12px 14px 14px;
  flex:1;display:flex;flex-direction:column;gap:10px;
  position:relative;z-index:1;
}
.pkg-bestfor{
  font-size:0.68rem;color:var(--text-secondary);
  line-height:1.5;
}
.bf-label{font-weight:800;color:var(--text-primary);margin-right:3px}
.pkg-places-preview{
  display:flex;flex-wrap:wrap;gap:4px;
}
.ppp{
  font-size:0.6rem;font-weight:700;
  background:var(--green-pale);
  color:var(--green-main);
  border:1px solid var(--green-border);
  padding:2px 8px;border-radius:20px;
}
.pkg-card-actions{
  display:grid;grid-template-columns:1fr 1fr;gap:6px;
  margin-top:auto;
}
.pca-expand,.pca-price{
  padding:8px 6px;border-radius:9px;
  font-size:0.67rem;font-weight:800;
  border:none;cursor:pointer;transition:var(--tr);
}
.pca-expand{
  background:var(--green-pale);color:var(--green-main);
  border:1px solid var(--green-border);
}
.pca-expand:hover{background:var(--green-border);transform:translateY(-1px)}
.pca-price{
  background:linear-gradient(135deg,var(--green-main),var(--green-mid));
  color:#fff;
}
.pca-price:hover{opacity:0.9;transform:translateY(-1px)}

/* ─── Expand panels container (outside the grid) ─── */
.pkg-expand-panels{
  margin-top:16px;
}

/* ─── Individual expand panel ─── */
/* Legacy base (used for old standalone expand panels) */
.pkg-expand{
  background:#fff;
  border-radius:20px;
  border:2px solid var(--green-border);
  box-shadow:0 8px 40px rgba(0,0,0,0.12);
  margin-bottom:8px;
}
@keyframes expandIn{
  from{opacity:0;transform:translateY(-8px);}
  to{opacity:1;transform:translateY(0);}
}

/* Header row inside expand */
.pke-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px 10px;
  border-bottom:1px solid var(--border);
  font-size:0.88rem;
}
.pke-close{
  background:none;border:1px solid var(--border);
  border-radius:8px;padding:4px 10px;
  font-size:0.72rem;color:var(--text-secondary);
  cursor:pointer;transition:var(--tr);
}
.pke-close:hover{background:var(--surface-2);color:var(--text-primary);}

/* Active card highlight */
.pkg-card-active{
  border-color:var(--green-main)!important;
  box-shadow:0 0 0 3px rgba(74,222,128,0.25),var(--shadow-lg)!important;
}
.pke-inner{padding:14px 14px 18px;display:flex;flex-direction:column;gap:14px}
.pke-section-title{
  font-size:0.68rem;font-weight:800;
  color:var(--text-muted);
  text-transform:uppercase;letter-spacing:0.8px;
}

/* Places thumbnails */
.pke-places{
  display:flex;gap:8px;flex-wrap:wrap;
}
.pke-place{
  display:flex;flex-direction:column;align-items:center;gap:4px;
  width:64px;
}
.pke-place img{
  width:64px;height:48px;object-fit:cover;
  border-radius:8px;border:2px solid var(--border);
}
.pke-place span{
  font-size:0.54rem;font-weight:700;color:var(--text-secondary);
  text-align:center;line-height:1.2;
}

/* Timeline */
.pke-timeline{display:flex;flex-direction:column;gap:0}
.pket{
  display:flex;align-items:flex-start;gap:10px;
  padding-bottom:10px;
  position:relative;
}
.pket:not(.pket-last)::before{
  content:'';position:absolute;left:5px;top:14px;bottom:0;
  width:2px;background:var(--green-border);
}
.pket-dot{
  width:12px;height:12px;border-radius:50%;
  background:var(--green-main);
  flex-shrink:0;margin-top:2px;
  box-shadow:0 0 0 3px var(--green-pale);
}
.pket-dot-end{background:var(--orange);box-shadow:0 0 0 3px var(--orange-light)}
.pket-info{font-size:0.72rem;color:var(--text-secondary);line-height:1.5}
.pket-info strong{color:var(--text-primary);font-weight:800}

/* Vehicle options */
.pke-vehicles{display:flex;gap:8px;flex-wrap:wrap}
.pke-veh{
  flex:1;min-width:80px;
  background:var(--green-pale);
  border:1px solid var(--green-border);
  border-radius:10px;
  padding:8px 10px;
  display:flex;flex-direction:column;align-items:center;gap:4px;
}
.pve-ico{font-size:1.1rem}
.pve-name{font-size:0.64rem;font-weight:800;color:var(--text-primary)}
.pve-price{font-size:0.64rem;font-weight:700;color:var(--green-main)}

/* Real trip box */
.pke-realtrip{
  background:linear-gradient(135deg,#f0fdf4,#ecfdf5);
  border:1px solid var(--green-border);
  border-radius:12px;padding:10px 12px;
}
.prt-label{font-size:0.62rem;font-weight:800;color:var(--green-main);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.5px}
.prt-text{font-size:0.72rem;color:var(--text-secondary);line-height:1.55}

/* Smart suggestion */
.pke-suggest{
  font-size:0.72rem;color:var(--text-secondary);
  background:#fffbeb;border:1px solid #fde68a;
  border-radius:10px;padding:10px 12px;
  line-height:1.6;
}

/* People also choose */
.pke-also{
  font-size:0.68rem;color:var(--text-muted);
  border-top:1px dashed var(--border);padding-top:10px;
}
.pea-label{font-weight:800;color:var(--text-secondary)}

/* Custom package steps */
.pke-custom-steps{display:flex;flex-direction:column;gap:8px}
.pcs{
  display:flex;align-items:flex-start;gap:10px;
  font-size:0.72rem;color:var(--text-secondary);line-height:1.5;
}
.pcs-num{
  width:22px;height:22px;border-radius:50%;
  background:linear-gradient(135deg,var(--purple),#6d28d9);
  color:#fff;font-weight:900;font-size:0.68rem;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}

/* Expand CTAs */
.pke-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.pke-btn{
  padding:10px 8px;border-radius:10px;
  font-size:0.72rem;font-weight:800;border:none;cursor:pointer;
  transition:var(--tr);display:flex;align-items:center;justify-content:center;gap:5px;
  width:100%;
}
.pke-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.pke-btn-call{background:rgb(32 152 241);color:#fff}
.pke-btn-wa{background:var(--whatsapp);color:#fff}

/* Mobile swipe hint */
.pkg-scroll-hint{
  display:none;
  text-align:center;
  font-size:0.7rem;color:rgba(255,255,255,0.4);
  font-weight:600;padding:10px 0 0;
  gap:8px;align-items:center;justify-content:center;
}
.psh-arrow{font-size:1rem}

/* ============================================================
   SUCCESS STORIES SECTION
   ============================================================ */
.ss-section{
  position:relative;
  padding:80px 0 60px;
  background:var(--page-bg);
  overflow:hidden;
}
.ss-bg-layer{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 70% 50% at 15% 30%,rgba(46,92,14,0.18) 0%,transparent 65%),
    radial-gradient(ellipse 60% 40% at 85% 70%,rgba(124,58,237,0.10) 0%,transparent 65%),
    radial-gradient(ellipse 50% 60% at 50% 100%,rgba(245,158,11,0.08) 0%,transparent 60%);
  pointer-events:none;
}
.ss-wrap{
  position:relative;z-index:1;
}

/* ── Section header ── */
.ss-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:32px;
  flex-wrap:wrap;
  margin-bottom:40px;
}
.ss-header-left{ flex:1; min-width:260px; }
.ss-header-right{
  display:flex;flex-direction:column;align-items:flex-end;gap:16px;
  flex-shrink:0;
}
.ss-title{
  font-family:var(--font-display);
  font-size:clamp(1.7rem,3vw,2.6rem);
  font-weight:900;
  color:#fff;
  line-height:1.15;
  margin-bottom:12px;
}
.ss-title-accent{
  background:linear-gradient(90deg,var(--green-light),#86efac);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.ss-subtitle{
  font-size:0.92rem;color:rgba(255,255,255,0.6);
  line-height:1.65;max-width:520px;margin-bottom:18px;
}
.ss-trust-row{
  display:flex;gap:10px;flex-wrap:wrap;
}
.ss-trust-pill{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:30px;
  padding:5px 14px;
  font-size:0.72rem;font-weight:700;
  color:rgba(255,255,255,0.8);
  backdrop-filter:blur(4px);
}
.ss-trust-pill strong{ color:#fff; }
.ss-big-stat{
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.10);
  border-radius:20px;
  padding:20px 28px;
  text-align:center;
  backdrop-filter:blur(8px);
}
.ss-big-num{
  font-family:var(--font-display);
  font-size:2.8rem;font-weight:900;
  color:var(--green-light);
  line-height:1;
}
.ss-big-num span{ font-size:1.6rem;opacity:0.7; }
.ss-big-label{
  font-size:0.68rem;font-weight:700;
  color:rgba(255,255,255,0.5);
  text-transform:uppercase;letter-spacing:0.6px;
  margin-top:6px;line-height:1.4;
}
.ss-scroll-hint-top{
  font-size:0.68rem;color:rgba(255,255,255,0.35);
  font-weight:600;letter-spacing:0.5px;
  display:none;
}

/* ── Horizontal scroll track ── */
.ss-track-wrap{
  position:relative;
}
.ss-track{
  display:flex;
  gap:20px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding-bottom:16px;
  /* Fade right edge hint */
  -webkit-mask-image:linear-gradient(to right,#000 85%,transparent 100%);
  mask-image:linear-gradient(to right,#000 85%,transparent 100%);
}
.ss-track::-webkit-scrollbar{ display:none; }

/* ── Individual story card ── */
.ss-card{
  flex:0 0 380px;
  min-width:320px;
  max-width:400px;
  scroll-snap-align:start;
  background:#fff;
  border-radius:24px;
  border:2px solid var(--border);
  box-shadow:var(--shadow-lg);
  display:flex;
  flex-direction:column;
  gap:0;
  overflow:hidden;
  transition:border-color 0.22s, box-shadow 0.22s, transform 0.22s;
  position:relative;
}
.ss-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-xl);
}

/* Card colour accent top bar */
.ss-card::before{
  content:'';
  display:block;
  height:5px;
  width:100%;
  flex-shrink:0;
}
.ss-card-green::before{ background:linear-gradient(90deg,var(--green-main),var(--green-light)); border-color:var(--green-border); }
.ss-card-purple::before{ background:linear-gradient(90deg,#7c3aed,#a78bfa); }
.ss-card-amber::before{ background:linear-gradient(90deg,#d97706,#fbbf24); }
.ss-card-blue::before{ background:linear-gradient(90deg,#1d4ed8,#60a5fa); }
.ss-card-teal::before{ background:linear-gradient(90deg,#0d7c76,#2dd4bf); }
.ss-card-orange::before{ background:linear-gradient(90deg,#c2410c,#fb923c); }

.ss-card-green{ border-color:var(--green-border); }
.ss-card-purple{ border-color:#ddd6fe; }
.ss-card-amber{ border-color:#fde68a; }
.ss-card-blue{ border-color:#bfdbfe; }
.ss-card-teal{ border-color:#99f6e4; }
.ss-card-orange{ border-color:#fed7aa; }

/* ── Card top: avatar + person + tag ── */
.ss-card-top{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 18px 12px;
  flex-wrap:wrap;
}
.ss-avatar-wrap{
  position:relative;flex-shrink:0;
}
.ss-avatar{
  width:54px;height:54px;
  border-radius:50%;
  object-fit:cover;
  border:3px solid #fff;
  box-shadow:0 2px 10px rgba(0,0,0,0.15);
}
.ss-verified{
  position:absolute;bottom:-2px;right:-2px;
  width:18px;height:18px;border-radius:50%;
  background:#22c55e;color:#fff;
  font-size:0.55rem;font-weight:900;
  display:flex;align-items:center;justify-content:center;
  border:2px solid #fff;
}
.ss-person{ flex:1;min-width:0; }
.ss-name{
  font-size:0.92rem;font-weight:800;
  color:var(--text-primary);line-height:1.2;
}
.ss-from{
  font-size:0.65rem;font-weight:600;
  color:var(--text-muted);margin-top:2px;
}
.ss-stars{
  color:#f59e0b;font-size:0.72rem;margin-top:3px;
  letter-spacing:1px;
}
.ss-pkg-tag{
  font-size:0.6rem;font-weight:900;
  padding:3px 10px;border-radius:20px;
  text-transform:uppercase;letter-spacing:0.4px;
  white-space:nowrap;
  align-self:flex-start;
}
.ss-tag-green{ background:#dcfce7;color:#15803d; }
.ss-tag-purple{ background:#ede9fe;color:#6d28d9; }
.ss-tag-amber{ background:#fef9c3;color:#a16207; }
.ss-tag-blue{ background:#dbeafe;color:#1e40af; }
.ss-tag-teal{ background:#ccfbf1;color:#0f766e; }
.ss-tag-orange{ background:#ffedd5;color:#c2410c; }

/* ── Quote ── */
.ss-quote-wrap{
  padding:0 18px 14px;
  position:relative;
  flex:1;
}
.ss-quote-mark{
  font-family:Georgia,serif;
  font-size:3.5rem;
  line-height:0.6;
  color:var(--green-border);
  font-weight:900;
  margin-bottom:4px;
  display:block;
}
.ss-card-purple .ss-quote-mark{ color:#ddd6fe; }
.ss-card-amber .ss-quote-mark{ color:#fde68a; }
.ss-card-blue .ss-quote-mark{ color:#bfdbfe; }
.ss-card-teal .ss-quote-mark{ color:#99f6e4; }
.ss-card-orange .ss-quote-mark{ color:#fed7aa; }

.ss-quote{
  font-size:0.82rem;
  color:var(--text-secondary);
  line-height:1.7;
  font-style:italic;
}

/* ── Trip chip strip ── */
.ss-trip-strip{
  display:flex;
  align-items:center;
  gap:4px;
  padding:10px 18px;
  background:#f8fafc;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  overflow-x:auto;
  scrollbar-width:none;
  flex-wrap:nowrap;
}
.ss-trip-strip::-webkit-scrollbar{ display:none; }
.ss-trip-chip{
  display:inline-flex;align-items:center;gap:5px;
  background:#fff;border:1px solid var(--border);
  border-radius:20px;padding:3px 9px 3px 4px;
  font-size:0.62rem;font-weight:700;
  color:var(--text-primary);white-space:nowrap;
  flex-shrink:0;
}
.ss-trip-chip img{
  width:20px;height:20px;border-radius:50%;
  object-fit:cover;border:1px solid var(--border);
}
.ss-chip-arrow{
  font-size:0.65rem;color:var(--text-muted);
  flex-shrink:0;
}

/* ── Meta pills ── */
.ss-meta-row{
  display:flex;gap:6px;flex-wrap:wrap;
  padding:10px 18px;
}
.ss-meta-pill{
  font-size:0.61rem;font-weight:700;
  color:var(--text-secondary);
  background:#f1f5f9;
  border-radius:6px;padding:2px 8px;
  display:inline-flex;align-items:center;gap:3px;
}

/* ── Expand button ── */
.ss-expand-btn{
  margin:0 18px 16px;
  width:calc(100% - 36px);
  padding:11px 14px;
  border-radius:10px;
  border:2px solid var(--green-border);
  background:#fff;
  color:var(--green-main);
  font-size:0.75rem;font-weight:800;
  cursor:pointer;
  transition:var(--tr);
  text-align:center;
  letter-spacing:0.2px;
}
.ss-expand-btn:hover{
  background:var(--green-pale);
  border-color:var(--green-main);
  transform:translateY(-1px);
}
.ss-card-purple .ss-expand-btn{ border-color:#ddd6fe;color:#6d28d9; }
.ss-card-purple .ss-expand-btn:hover{ background:#f5f3ff;border-color:#7c3aed; }
.ss-card-amber .ss-expand-btn{ border-color:#fde68a;color:#a16207; }
.ss-card-amber .ss-expand-btn:hover{ background:#fefce8;border-color:#d97706; }
.ss-card-blue .ss-expand-btn{ border-color:#bfdbfe;color:#1e40af; }
.ss-card-blue .ss-expand-btn:hover{ background:#eff6ff;border-color:#2563eb; }
.ss-card-teal .ss-expand-btn{ border-color:#99f6e4;color:#0f766e; }
.ss-card-teal .ss-expand-btn:hover{ background:#f0fdfa;border-color:#0d9488; }
.ss-card-orange .ss-expand-btn{ border-color:#fed7aa;color:#c2410c; }
.ss-card-orange .ss-expand-btn:hover{ background:#fff7ed;border-color:#ea580c; }
.ss-expand-btn.ss-open{
  background:var(--green-pale);
  border-color:var(--green-main);
}

/* ── Expandable body (smooth slide) ── */
.ss-expand-body{
  max-height:0;
  overflow:hidden;
  transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1), opacity 0.35s ease;
  opacity:0;
  border-top:1px solid rgba(0,0,0,0.06);
}
.ss-expand-body.open{
  max-height:600px;
  opacity:1;
}
.ss-expand-inner{
  padding:16px 18px 18px;
  display:flex;flex-direction:column;gap:14px;
}
.ss-expand-section{ display:flex;flex-direction:column;gap:5px; }
.ss-exp-label{
  font-size:0.64rem;font-weight:900;
  color:var(--text-muted);
  text-transform:uppercase;letter-spacing:0.7px;
}
.ss-exp-text{
  font-size:0.76rem;
  color:var(--text-secondary);
  line-height:1.65;
}
.ss-exp-italic{ font-style:italic;color:var(--text-primary); }

/* ── Expand CTA row ── */
.ss-expand-cta{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
  margin-top:4px;
}
.ss-cta-wa, .ss-cta-call{
  display:flex;align-items:center;justify-content:center;gap:5px;
  padding:10px 8px;border-radius:10px;
  font-size:0.72rem;font-weight:800;
  text-decoration:none;
  transition:var(--tr);
}
.ss-cta-wa{
  background:linear-gradient(135deg,var(--whatsapp),#1da851);
  color:#fff;
}
.ss-cta-wa:hover{ transform:translateY(-1px);box-shadow:0 4px 14px rgba(37,211,102,0.40); }
.ss-cta-call{
  background:#fff;
  border:2px solid var(--border);
  color:var(--text-primary);
}
.ss-cta-call:hover{ background:#f8fafc;transform:translateY(-1px); }

/* ── Scroll dots ── */
.ss-scroll-dots{
  display:flex;align-items:center;justify-content:center;
  gap:8px;margin-top:20px;
}
.ss-dot{
  width:7px;height:7px;border-radius:50%;
  background:rgba(255,255,255,0.2);
  cursor:pointer;
  transition:all 0.25s ease;
  border:none;
}
.ss-dot.ss-dot-active{
  background:var(--green-light);
  width:22px;border-radius:4px;
}

/* ── Bottom CTA bar ── */
.ss-bottom-bar{
  margin-top:36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
  border-radius:20px;
  padding:22px 28px;
  backdrop-filter:blur(10px);
}
.ss-bottom-left{ flex:1;min-width:180px; }
.ss-bottom-stat{
  font-size:1rem;font-weight:800;color:#fff;
  margin-bottom:4px;
}
.ss-bottom-stat strong{ color:var(--green-light); }
.ss-bottom-sub{
  font-size:0.75rem;color:rgba(255,255,255,0.5);
}
.ss-bottom-ctas{
  display:flex;gap:10px;flex-wrap:wrap;
  flex-shrink:0;
}
.ss-bottom-wa, .ss-bottom-call{
  display:inline-flex;align-items:center;gap:7px;
  padding:12px 22px;border-radius:12px;
  font-size:0.8rem;font-weight:800;
  text-decoration:none;
  transition:var(--tr);white-space:nowrap;
}
.ss-bottom-wa{
  background:var(--whatsapp);
  color:#fff;
  box-shadow:0 4px 16px rgba(37,211,102,0.30);
}
.ss-bottom-wa:hover{ transform:translateY(-2px);box-shadow:0 6px 22px rgba(37,211,102,0.45); }
.ss-bottom-call{
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.18);
  color:#fff;
}
.ss-bottom-call:hover{ background:rgba(255,255,255,0.16);transform:translateY(-2px); }

/* ── Responsive ── */

/* ============================================================
   EXPERIENCES SECTION
   ============================================================ */
.exp-section{
  position:relative;
  padding:80px 0 64px;
  background:var(--page-bg);
  overflow:hidden;
}
.exp-bg-blobs{ position:absolute;inset:0;pointer-events:none;overflow:hidden; }
.exp-blob{
  position:absolute;border-radius:50%;
  filter:blur(80px);opacity:0.55;
}
.exp-blob-1{
  width:600px;height:600px;
  background:radial-gradient(circle,rgba(46,92,14,0.22) 0%,transparent 70%);
  top:-100px;right:-80px;
}
.exp-blob-2{
  width:500px;height:500px;
  background:radial-gradient(circle,rgba(124,58,237,0.12) 0%,transparent 70%);
  bottom:-60px;left:0;
}
.exp-wrap{ position:relative;z-index:1; }

/* Header */
.exp-header{
  text-align:center;
  max-width:680px;
  margin:0 auto 36px;
}
.exp-title{
  font-family:var(--font-display);
  font-size:clamp(1.7rem,3vw,2.5rem);
  font-weight:900;
  color:#fff;
  line-height:1.18;
  margin:10px 0 12px;
}
.exp-title-accent{
  background:linear-gradient(90deg,var(--green-light),#86efac);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.exp-subtitle{
  font-size:0.9rem;color:rgba(255,255,255,0.55);
  line-height:1.65;
}

/* ── Tab bar ── */
.exp-tab-wrap{
  margin-bottom:28px;
  position:relative;
}
.exp-tabs{
  display:flex;
  gap:8px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding-bottom:6px;
}
.exp-tabs::-webkit-scrollbar{ display:none; }
.exp-tab{
  flex-shrink:0;
  scroll-snap-align:start;
  padding:8px 16px;
  border-radius:30px;
  border:1.5px solid rgba(255,255,255,0.12);
  background:rgba(255,255,255,0.06);
  color:rgba(255,255,255,0.65);
  font-size:0.72rem;
  font-weight:700;
  cursor:pointer;
  transition:all 0.2s ease;
  white-space:nowrap;
  font-family:var(--font-body);
}
.exp-tab:hover{
  background:rgba(255,255,255,0.12);
  color:#fff;
  border-color:rgba(255,255,255,0.25);
}
.exp-tab.exp-tab-active{
  background:linear-gradient(135deg,var(--green-main),var(--green-mid));
  border-color:var(--green-mid);
  color:#fff;
  box-shadow:0 3px 14px rgba(46,92,14,0.40);
}

/* ── Cards grid — horizontal scroll on all screens ── */
.exp-grid{
  display:flex;
  gap:18px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding-bottom:12px;
  -webkit-mask-image:linear-gradient(to right,#000 88%,transparent 100%);
  mask-image:linear-gradient(to right,#000 88%,transparent 100%);
}
.exp-grid::-webkit-scrollbar{ display:none; }

/* Individual experience card */
.exp-card{
  flex:0 0 280px;
  min-width:250px;
  max-width:300px;
  scroll-snap-align:start;
  background:#fff;
  border-radius:20px;
  border:2px solid var(--border);
  box-shadow:var(--shadow-md);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  transition:transform 0.22s, box-shadow 0.22s, border-color 0.22s;
}
.exp-card:hover{
  transform:translateY(-5px);
  box-shadow:var(--shadow-xl);
  border-color:var(--green-border);
}
.exp-card.exp-hidden{ display:none; }

/* Card image panel */
.exp-card-img{
  width:100%;
  height:180px;
  background-size:cover;
  background-position:center;
  position:relative;
  flex-shrink:0;
}
.exp-cat-tag{
  position:absolute;
  top:10px;left:10px;
  padding:3px 10px;
  border-radius:20px;
  font-size:0.6rem;font-weight:900;
  letter-spacing:0.3px;
  text-transform:uppercase;
  backdrop-filter:blur(6px);
}
.exp-tag-amber{ background:rgba(217,119,6,0.88);color:#fff; }
.exp-tag-gold{ background:rgba(180,130,0,0.88);color:#fff; }
.exp-tag-orange{ background:rgba(194,65,12,0.85);color:#fff; }
.exp-tag-purple{ background:rgba(109,40,217,0.88);color:#fff; }
.exp-tag-night{ background:rgba(15,23,42,0.88);color:#e2e8f0; }
.exp-tag-blue{ background:rgba(29,78,216,0.88);color:#fff; }
.exp-tag-teal{ background:rgba(13,124,118,0.88);color:#fff; }
.exp-tag-red{ background:rgba(185,28,28,0.85);color:#fff; }
.exp-tag-green{ background:rgba(21,128,61,0.88);color:#fff; }

/* Gradient overlay + name */
.exp-card-overlay{
  position:absolute;
  bottom:0;left:0;right:0;
  padding:28px 12px 12px;
  background:linear-gradient(to top,rgba(0,0,0,0.82) 0%,transparent 100%);
}
.exp-card-name{
  font-size:0.95rem;font-weight:800;
  color:#fff;line-height:1.2;
}
.exp-card-sub{
  font-size:0.6rem;font-weight:600;
  color:rgba(255,255,255,0.65);
  margin-top:2px;
}

/* Card body */
.exp-card-body{
  flex:1;
  padding:14px 14px 16px;
  display:flex;flex-direction:column;gap:10px;
}
.exp-card-desc{
  font-size:0.74rem;
  color:var(--text-secondary);
  line-height:1.65;
  flex:1;
}
.exp-pills{
  display:flex;gap:5px;flex-wrap:wrap;
}
.exp-pills span{
  font-size:0.58rem;font-weight:700;
  color:var(--text-secondary);
  background:#f1f5f9;
  border-radius:6px;padding:2px 7px;
}
.exp-book-btn{
  display:flex;align-items:center;justify-content:center;gap:5px;
  width:100%;
  padding:10px 12px;
  border-radius:10px;
  background:var(--whatsapp);
  color:#fff;
  font-size:0.72rem;font-weight:800;
  border:none;cursor:pointer;
  text-decoration:none;
  transition:var(--tr);
}
.exp-book-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 14px rgba(37,211,102,0.40);
}

/* Scroll hint */
.exp-scroll-hint{
  display:none;
  text-align:center;
  font-size:0.68rem;
  color:rgba(255,255,255,0.35);
  font-weight:600;
  gap:8px;
  align-items:center;
  justify-content:center;
  margin-top:12px;
}

/* Bottom CTA */
.exp-bottom-cta{
  margin-top:36px;
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;flex-wrap:wrap;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
  border-radius:20px;
  padding:22px 28px;
  backdrop-filter:blur(10px);
}
.exp-bc-text{
  flex:1;min-width:220px;
  font-size:0.88rem;line-height:1.55;
  color:rgba(255,255,255,0.7);
}
.exp-bc-text strong{ color:#fff; }
.exp-bc-btns{
  display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0;
}
.exp-bc-wa, .exp-bc-call{
  display:inline-flex;align-items:center;gap:6px;
  padding:11px 20px;border-radius:12px;
  font-size:0.78rem;font-weight:800;
  text-decoration:none;transition:var(--tr);white-space:nowrap;
}
.exp-bc-wa{
  background:var(--whatsapp);
  color:#fff;box-shadow:0 4px 14px rgba(37,211,102,0.28);
}
.exp-bc-wa:hover{ transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,211,102,0.42); }
.exp-bc-call{
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.18);color:#fff;
}
.exp-bc-call:hover{ background:rgba(255,255,255,0.16);transform:translateY(-2px); }

/* Responsive */

/* Compare bar */
.pkg-compare-bar{
  margin-top:28px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
  border-radius:18px;
  padding:18px 22px;
  display:flex;align-items:center;gap:14px;
  flex-wrap:wrap;
  backdrop-filter:blur(8px);
}
.pcb-icon{font-size:1.5rem;flex-shrink:0}
.pkg-compare-bar div{flex:1;min-width:200px;font-size:0.82rem;color:rgba(255,255,255,0.75);line-height:1.5}
.pkg-compare-bar strong{color:#fff}
.pcb-btn{
  padding:11px 20px;border-radius:10px;
  background:#2aa71d;
  color:#fff;font-weight:800;font-size:0.8rem;
  border:none;cursor:pointer;transition:var(--tr);
  white-space:nowrap;flex-shrink:0;
}
.pcb-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(34,197,94,0.4)}

/* ─── Responsive ─── */

/* ── pkg-row-label (spanning grid header rows) ── */
.pkg-row-label{
  font-size:0.72rem;font-weight:800;
  color:rgba(255,255,255,0.45);
  text-transform:uppercase;letter-spacing:1px;
  padding:8px 4px 2px;
  display:flex;align-items:center;gap:8px;
}
.pkg-row-label::after{
  content:'';flex:1;height:1px;
  background:rgba(255,255,255,0.10);
}

/* ── Site hero — ensure child elements have proper z-index ── */
.site-hero-inner{z-index:3}

/* ── pkg-row-label hide on mobile scroll ── */

/* ── pkg-section positioned above page bg ── */
.pkg-section{position:relative;z-index:2}

/* ============================================================
   PACKAGE LIST — Vertical list layout (.pkg-list)
   ============================================================ */
.pkg-list{
  display:flex;
  flex-direction:column;
  gap:16px;
  margin-top:4px;
}

/* ── Each package row item ── */
.pkl-item{
  background:#fff;
  border-radius:20px;
  border:2px solid var(--border);
  box-shadow:var(--shadow-md);
  overflow:hidden;
  position:relative;
  transition:border-color 0.22s, box-shadow 0.22s;
}
.pkl-item:hover{
  border-color:var(--green-border);
  box-shadow:var(--shadow-lg);
}
.pkl-item.pkl-featured{
  border-color:#f59e0b;
  box-shadow:0 0 0 3px rgba(245,158,11,0.18), var(--shadow-md);
}
.pkl-item.pkl-premium{
  border-color:#7c3aed;
  box-shadow:0 0 0 3px rgba(124,58,237,0.18), var(--shadow-md);
}
.pkl-item.pkl-custom{
  border-color:#2563eb;
  box-shadow:0 0 0 3px rgba(37,99,235,0.16), var(--shadow-md);
  background:linear-gradient(135deg,#f0f7ff,#fff);
}

/* ── Row (3-col flex: thumb | body | cta) ── */
.pkl-row{
  display:flex;
  align-items:stretch;
  min-height:200px;
}

/* ── Left photo thumbnail ── */
.pkl-thumb{
  width:200px;
  flex-shrink:0;
  background-size:cover;
  background-position:center;
  position:relative;
  border-radius:0;
}
/* Badge overlaid on thumb */
.pkl-badge{
  position:absolute;
  top:12px;left:12px;
  padding:4px 10px;
  border-radius:20px;
  font-size:0.65rem;
  font-weight:800;
  letter-spacing:0.3px;
  white-space:nowrap;
  backdrop-filter:blur(6px);
}
.pkl-badge-blue{background:rgba(37,99,235,0.85);color:#fff}
.pkl-badge-green{background:rgba(22,163,74,0.88);color:#fff}
.pkl-badge-amber{background:rgba(217,119,6,0.88);color:#fff}
.pkl-badge-purple{background:rgba(124,58,237,0.88);color:#fff}
.pkl-badge-orange{background:rgba(220,38,38,0.80);color:#fff}
.pkl-badge-night{background:rgba(15,23,42,0.88);color:#e2e8f0}
.pkl-badge-teal{background:rgba(15,118,110,0.88);color:#fff}
.pkl-badge-custom{background:rgba(37,99,235,0.88);color:#fff}

/* Featured / Premium / Custom top banners */
.pkl-featured-badge{
  display:flex;align-items:center;justify-content:center;gap:6px;
  background:linear-gradient(90deg,#f59e0b,#d97706);
  color:#fff;font-size:0.65rem;font-weight:900;
  padding:5px 14px;
  text-transform:uppercase;letter-spacing:0.5px;
}
.pkl-prem-badge{
  display:flex;align-items:center;justify-content:center;gap:6px;
  background:linear-gradient(90deg,#7c3aed,#6d28d9);
  color:#fff;font-size:0.65rem;font-weight:900;
  padding:5px 14px;
  text-transform:uppercase;letter-spacing:0.5px;
}
.pkl-custom-badge-top{
  display:flex;align-items:center;justify-content:center;gap:6px;
  background:linear-gradient(90deg,#2563eb,#1d4ed8);
  color:#fff;font-size:0.65rem;font-weight:900;
  padding:5px 14px;
  letter-spacing:0.4px;
}

/* Custom package thumb special */
.pkl-thumb-custom{
  width:200px;flex-shrink:0;
  background:linear-gradient(135deg,#1e3a8a,#312e81,#4c1d95);
  position:relative;
  display:flex;align-items:center;justify-content:center;
}
.pkl-thumb-custom-inner{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  color:#fff;text-align:center;padding:16px;
}
.pkl-thumb-custom-inner .pci-icon{font-size:2.4rem}
.pkl-thumb-custom-inner .pci-title{font-size:0.75rem;font-weight:800;opacity:0.9}
.pkl-thumb-custom-inner .pci-sub{font-size:0.62rem;opacity:0.65}

/* ── Middle body ── */
.pkl-body{
  flex:1;
  padding:16px 18px 14px;
  display:flex;
  flex-direction:column;
  gap:10px;
  border-left:1px solid var(--border);
  border-right:1px solid var(--border);
}

.pkl-top{display:flex;flex-direction:column;gap:8px}

.pkl-name{
  font-size:1.05rem;font-weight:800;
  color:var(--text-primary);
  line-height:1.25;
}
.pkl-name-sub{
  font-size:0.72rem;font-weight:600;
  color:var(--text-secondary);
  margin-top:1px;
}

.pkl-meta{
  display:flex;gap:8px;flex-wrap:wrap;
}
.pkl-meta span{
  font-size:0.68rem;font-weight:600;
  color:var(--text-secondary);
  background:#f8fafc;
  border:1px solid var(--border);
  border-radius:20px;
  padding:2px 9px;
  display:inline-flex;align-items:center;gap:4px;
}

.pkl-bestfor{
  font-size:0.7rem;
  color:var(--green-main);
  font-weight:700;
  background:var(--green-pale);
  border:1px solid var(--green-border);
  border-radius:8px;
  padding:4px 10px;
  display:inline-flex;align-items:center;gap:5px;
  width:fit-content;
}

/* ── Place chips strip ── */
.pkl-places-row{
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
  row-gap:6px;
}
.pkl-place-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  background:#f8fafc;
  border:1px solid var(--border);
  border-radius:30px;
  padding:3px 9px 3px 4px;
  font-size:0.65rem;
  font-weight:700;
  color:var(--text-primary);
  white-space:nowrap;
}
.pkl-place-chip img{
  width:22px;height:22px;
  border-radius:50%;
  object-fit:cover;
  border:1.5px solid var(--border);
  flex-shrink:0;
}
.pkl-place-any{
  display:inline-flex;
  align-items:center;
  gap:5px;
  background:var(--green-pale);
  border:1px dashed var(--green-border);
  border-radius:30px;
  padding:3px 9px;
  font-size:0.64rem;
  font-weight:700;
  color:var(--green-main);
  white-space:nowrap;
}
.pkl-arrow{
  font-size:0.7rem;
  color:var(--text-muted);
  flex-shrink:0;
  line-height:1;
}

/* ── Feature highlight pills ── */
.pkl-highlights{
  display:flex;gap:6px;flex-wrap:wrap;
  margin-top:2px;
}
.pkl-highlights span{
  font-size:0.63rem;font-weight:700;
  color:var(--text-secondary);
  background:#f1f5f9;
  border-radius:6px;
  padding:2px 7px;
  display:inline-flex;align-items:center;gap:3px;
}

/* ── Right CTA column — button only, no price ── */
.pkl-cta-col{
  width:160px;
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  padding:10px 12px;
  border-left:1px solid var(--green-border);
  position:relative;
}

/* Hide price — removed from CTA col */
.pkl-price-wrap{ display:none; }
.pkl-price{ display:none; }
.pkl-per{ display:none; }

/* Button — not end-to-end, has breathing room on sides */
.pkl-btn-expand{
  width:100%;
  height:100%;
  min-height:70px;
  padding:14px 10px;
  border-radius:12px;
  border:none;
  background:var(--whatsapp);
  color:#fff;
  font-size:0.8rem;
  font-weight:800;
  cursor:pointer;
  transition:background 0.25s, box-shadow 0.18s;
  text-align:center;
  letter-spacing:0.2px;
  line-height:1.4;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  box-shadow:0 2px 10px rgba(46,92,14,0.22);
}
.pkl-btn-expand:hover{
  background:linear-gradient(160deg,#1a4a08 0%,var(--green-main) 100%);
  box-shadow:0 4px 18px rgba(46,92,14,0.38);
}
.pkl-btn-expand.open{
  background:linear-gradient(160deg,#163808 0%,#1e4d09 100%);
  border-radius:12px 12px 4px 4px;
}

/* ── Expand panel — seamless downward expansion, no separate box feel ── */
.pkl-item .pkg-expand{
  max-height:0;
  overflow:hidden;
  /* Same background as card — no visual separation */
  background:#fff;
  transition:
    max-height 0.55s cubic-bezier(0.4,0,0.2,1),
    opacity 0.38s ease;
  opacity:0;
  border-top:none;
  /* Remove old box/shadow styles */
  box-shadow:none;
  border-radius:0;
  margin-bottom:0;
}
.pkl-item .pkg-expand.open{
  max-height:1400px;
  opacity:1;
  /* Subtle inner divider — just a hairline, not a box border */
  border-top:1px solid rgba(0,0,0,0.06);
}

/* ── Active item highlight ── */
.pkl-item.pkl-active{
  border-color:var(--green-main);
  box-shadow:0 0 0 3px rgba(74,222,128,0.25), var(--shadow-lg);
}

/* ── Vehicle accordion (collapsed by default) ── */
.pke-veh-toggle{
  display:inline-flex;align-items:center;gap:6px;
  background:none;border:1px solid var(--border);
  border-radius:8px;padding:3px 10px;
  font-size:0.68rem;font-weight:700;color:var(--text-secondary);
  cursor:pointer;transition:var(--tr);margin-left:auto;
}
.pke-veh-toggle:hover{background:var(--green-pale);border-color:var(--green-border);color:var(--green-main)}
.pke-veh-toggle .pvt-icon{transition:transform 0.25s}
.pke-veh-toggle.open .pvt-icon{transform:rotate(180deg)}
.pke-vehicles-wrap{
  overflow:hidden;
  max-height:0;
  transition:max-height 0.38s cubic-bezier(0.4,0,0.2,1), opacity 0.28s ease;
  opacity:0;
}
.pke-vehicles-wrap.open{
  max-height:200px;
  opacity:1;
}
.pke-veh-header{
  display:flex;align-items:center;gap:8px;
}

/* ============================================================
   PACKAGE LIST — Responsive
   ============================================================ */
/* Tablet: shrink thumb a bit, keep 3-col row */

/* Mobile: horizontal SCROLL — cards side by side, swipe left/right */

/* ============================================================
   AGRA FULL SECTION
   ============================================================ */
.agra-full-section{
  background:linear-gradient(180deg,#0a0f18 0%,#0c1220 60%,#0a0f18 100%);
  padding:80px 0 60px;
  position:relative;
  overflow:hidden;
}
.agra-full-section::before{
  content:'';
  position:absolute;
  top:-120px;right:-200px;
  width:600px;height:600px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(245,158,11,0.07) 0%,transparent 70%);
  pointer-events:none;
}
.agra-full-section::after{
  content:'';
  position:absolute;
  bottom:-100px;left:-180px;
  width:500px;height:500px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(124,58,237,0.06) 0%,transparent 70%);
  pointer-events:none;
}
.agra-full-wrap{
  max-width:1340px;
  margin:0 auto;
  padding:0 24px;
  position:relative;
  z-index:2;
}

/* ── Header ── */
.agra-full-header{
  text-align:center;
  margin-bottom:48px;
}
.agra-full-eyebrow{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(245,158,11,0.10);
  border:1px solid rgba(245,158,11,0.25);
  border-radius:30px;
  padding:5px 14px;
  font-size:0.72rem;font-weight:700;
  color:#f59e0b;
  letter-spacing:0.4px;
  margin-bottom:14px;
}
.agra-full-title{
  font-family:var(--font-display);
  font-size:2.5rem;font-weight:900;
  color:#fff;
  line-height:1.18;
  margin-bottom:12px;
}
.agra-full-title-accent{
  background:linear-gradient(135deg,#f59e0b,#d97706);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.agra-full-subtitle{
  font-size:1rem;color:rgba(255,255,255,0.58);
  line-height:1.6;max-width:580px;margin:0 auto 20px;
}
.agra-full-stats{
  display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;
  margin-top:18px;
}
.afs-stat{
  display:flex;flex-direction:column;align-items:center;gap:3px;
}
.afs-val{
  font-family:var(--font-display);
  font-size:1.5rem;font-weight:900;color:#f59e0b;
}
.afs-lbl{
  font-size:0.68rem;color:rgba(255,255,255,0.50);font-weight:500;
}

/* ── Hero image banner ── */
.agra-hero-banner{
  position:relative;
  border-radius:22px;
  overflow:hidden;
  height:380px;
  margin-bottom:52px;
  box-shadow:0 20px 60px rgba(0,0,0,0.55);
}
.agra-hero-banner img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:center 60%;
}
.agra-hero-banner-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.20) 55%,transparent 100%);
}
.agra-hero-banner-content{
  position:absolute;bottom:28px;left:32px;right:32px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.agra-hero-banner-left h2{
  font-family:var(--font-display);
  font-size:1.9rem;font-weight:900;color:#fff;
  line-height:1.2;margin-bottom:7px;
}
.agra-hero-banner-left p{
  font-size:0.82rem;color:rgba(255,255,255,0.72);line-height:1.5;max-width:440px;
}
.agra-hero-banner-btns{
  display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap;
}
.agra-hb-btn{
  padding:10px 18px;border-radius:12px;
  font-size:0.78rem;font-weight:800;border:none;cursor:pointer;
  transition:var(--tr);white-space:nowrap;text-decoration:none;
  display:inline-flex;align-items:center;gap:6px;
}
.agra-hb-wa{
  background:#25d366;color:#fff;
  box-shadow:0 3px 14px rgba(37,211,102,0.30);
}
.agra-hb-wa:hover{background:#1ebe5c;transform:translateY(-1px)}
.agra-hb-call{
  background:rgba(255,255,255,0.12);color:#fff;
  border:1px solid rgba(255,255,255,0.22);
  backdrop-filter:blur(8px);
}
.agra-hb-call:hover{background:rgba(255,255,255,0.20)}

/* ── Packages section ── */
.agra-pkg-title-row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:20px;flex-wrap:wrap;
}
.agra-pkg-title-row h3{
  font-family:var(--font-display);
  font-size:1.4rem;font-weight:900;color:#fff;
  display:flex;align-items:center;gap:8px;
}
.agra-pkg-subtitle{
  font-size:0.78rem;color:rgba(255,255,255,0.50);margin-top:4px;
}

/* Package horizontal scroll list (Agra) */
.agra-pkg-list{
  display:flex;
  flex-direction:row;
  gap:18px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding-bottom:8px;
  margin-bottom:40px;
}
.agra-pkg-list::-webkit-scrollbar{display:none}
.agra-pkg-card{
  flex:0 0 320px;
  background:#fff;
  border-radius:20px;
  border:2px solid var(--border);
  box-shadow:var(--shadow-md);
  overflow:hidden;
  scroll-snap-align:start;
  transition:border-color 0.22s, box-shadow 0.22s, transform 0.22s;
  position:relative;
}
.agra-pkg-card:hover{
  border-color:#f59e0b;
  box-shadow:var(--shadow-lg);
  transform:translateY(-2px);
}
.agra-pkg-card-img{
  height:170px;
  background-size:cover;
  background-position:center;
  position:relative;
}
.agra-pkg-card-badge{
  position:absolute;top:10px;left:10px;
  padding:3px 9px;border-radius:20px;
  font-size:0.63rem;font-weight:800;
  backdrop-filter:blur(6px);
  white-space:nowrap;
}
.apb-amber{background:rgba(217,119,6,0.88);color:#fff}
.apb-blue{background:rgba(37,99,235,0.88);color:#fff}
.apb-purple{background:rgba(124,58,237,0.88);color:#fff}
.apb-green{background:rgba(22,163,74,0.88);color:#fff}
.apb-teal{background:rgba(15,118,110,0.88);color:#fff}
.agra-pkg-card-body{
  padding:16px 16px 14px;
}
.agra-pkg-card-name{
  font-size:0.95rem;font-weight:800;color:var(--text-primary);
  margin-bottom:3px;line-height:1.25;
}
.agra-pkg-card-sub{
  font-size:0.68rem;color:var(--text-secondary);margin-bottom:9px;
}
.agra-pkg-card-pills{
  display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px;
}
.agra-pkg-card-pills span{
  font-size:0.63rem;font-weight:600;color:var(--text-secondary);
  background:#f8fafc;border:1px solid var(--border);
  border-radius:20px;padding:2px 8px;
}
.agra-pkg-card-desc{
  font-size:0.73rem;color:var(--text-secondary);
  line-height:1.55;margin-bottom:12px;
}
.agra-pkg-card-price{
  font-size:1rem;font-weight:900;color:#f59e0b;margin-bottom:10px;
}
.agra-pkg-card-price span{
  font-size:0.65rem;font-weight:500;color:var(--text-muted);
}
.agra-pkg-book-btn{
  width:100%;padding:10px 12px;border-radius:11px;border:none;
  background:linear-gradient(135deg,#2e5c0e,#3d7a12);
  color:#fff;font-size:0.76rem;font-weight:800;
  cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;
  transition:var(--tr);text-decoration:none;
}
.agra-pkg-book-btn:hover{background:linear-gradient(135deg,#3d7a12,#4a9416);transform:translateY(-1px)}
.agra-pkg-book-btn.wa-btn{background:#25d366}
.agra-pkg-book-btn.wa-btn:hover{background:#1ebe5c}

/* ── Experiences grid (Agra) ── */
.agra-exp-title-row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:18px;flex-wrap:wrap;
}
.agra-exp-title-row h3{
  font-family:var(--font-display);
  font-size:1.4rem;font-weight:900;color:#fff;
  display:flex;align-items:center;gap:8px;
}
.agra-exp-tabs{
  display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;
  padding-bottom:4px;margin-bottom:16px;
}
.agra-exp-tabs::-webkit-scrollbar{display:none}
.agra-exp-tab{
  padding:5px 13px;border-radius:8px;font-size:0.73rem;font-weight:600;
  color:rgba(255,255,255,0.55);background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.08);
  cursor:pointer;white-space:nowrap;flex-shrink:0;transition:var(--tr);
}
.agra-exp-tab:hover{color:#fff;background:rgba(255,255,255,0.10)}
.agra-exp-tab.aet-active{
  color:#f59e0b;background:rgba(245,158,11,0.12);
  border-color:rgba(245,158,11,0.30);font-weight:800;
}
.agra-exp-grid{
  display:flex;
  flex-direction:row;
  gap:16px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding-bottom:8px;
  margin-bottom:16px;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 2%,#000 90%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 2%,#000 90%,transparent 100%);
}
.agra-exp-grid::-webkit-scrollbar{display:none}
.agra-exp-card{
  flex:0 0 260px;
  border-radius:18px;overflow:hidden;
  background:#0f1823;
  border:1px solid rgba(255,255,255,0.07);
  box-shadow:var(--shadow-md);
  scroll-snap-align:start;
  transition:transform 0.22s, border-color 0.22s;
}
.agra-exp-card:hover{transform:translateY(-3px);border-color:rgba(245,158,11,0.30)}
.agra-exp-card.aec-hidden{display:none}
.agra-exp-card-img{
  height:155px;
  background-size:cover;background-position:center;
  position:relative;
}
.agra-exp-cat-tag{
  position:absolute;top:9px;left:9px;
  padding:3px 9px;border-radius:20px;
  font-size:0.62rem;font-weight:800;
  backdrop-filter:blur(6px);
  white-space:nowrap;
}
.aect-amber{background:rgba(217,119,6,0.88);color:#fff}
.aect-purple{background:rgba(124,58,237,0.88);color:#fff}
.aect-blue{background:rgba(37,99,235,0.88);color:#fff}
.aect-green{background:rgba(22,163,74,0.88);color:#fff}
.aect-teal{background:rgba(15,118,110,0.88);color:#fff}
.aect-red{background:rgba(220,38,38,0.85);color:#fff}
.agra-exp-card-overlay{
  position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(to top,rgba(0,0,0,0.80) 0%,transparent 100%);
  padding:10px 12px 8px;
}
.agra-exp-card-name{
  font-size:0.85rem;font-weight:800;color:#fff;line-height:1.2;
}
.agra-exp-card-loc{
  font-size:0.62rem;color:rgba(255,255,255,0.65);margin-top:2px;
}
.agra-exp-card-body{
  padding:13px 14px 14px;
}
.agra-exp-card-desc{
  font-size:0.71rem;color:rgba(255,255,255,0.60);
  line-height:1.55;margin-bottom:9px;
}
.agra-exp-card-pills{
  display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px;
}
.agra-exp-card-pills span{
  font-size:0.62rem;font-weight:600;
  color:rgba(255,255,255,0.55);
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.09);
  border-radius:20px;padding:2px 7px;
}
.agra-exp-book-btn{
  display:flex;align-items:center;justify-content:center;gap:5px;
  width:100%;padding:8px 10px;border-radius:9px;border:none;
  background:#25d366;color:#fff;font-size:0.7rem;font-weight:800;
  cursor:pointer;text-decoration:none;transition:var(--tr);
}
.agra-exp-book-btn:hover{background:#1ebe5c;transform:translateY(-1px)}

/* ── Bottom CTA (Agra) ── */
.agra-bottom-cta{
  background:rgba(245,158,11,0.07);
  border:1px solid rgba(245,158,11,0.18);
  border-radius:20px;
  padding:24px 28px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  flex-wrap:wrap;
  margin-top:40px;
  backdrop-filter:blur(8px);
}
.agra-bc-left h3{
  font-family:var(--font-display);
  font-size:1.1rem;font-weight:900;color:#fff;margin-bottom:5px;
}
.agra-bc-left p{
  font-size:0.78rem;color:rgba(255,255,255,0.55);line-height:1.5;
}
.agra-bc-btns{
  display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0;
}
.agra-bc-btn{
  padding:11px 20px;border-radius:12px;border:none;cursor:pointer;
  font-size:0.78rem;font-weight:800;
  display:flex;align-items:center;gap:6px;text-decoration:none;
  transition:var(--tr);white-space:nowrap;
}
.agra-bc-btn-wa{background:#25d366;color:#fff;box-shadow:0 2px 12px rgba(37,211,102,0.28)}
.agra-bc-btn-wa:hover{background:#1ebe5c;transform:translateY(-1px)}
.agra-bc-btn-call{background:rgba(255,255,255,0.08);color:#fff;border:1px solid rgba(255,255,255,0.16)}
.agra-bc-btn-call:hover{background:rgba(255,255,255,0.14)}

/* ── Responsive ── */

/* ============================================================
   SITE FOOTER
   ============================================================ */
.site-footer{
  background:linear-gradient(180deg,#0c1520 0%,#060b11 100%);
  border-top:1px solid rgba(255,255,255,0.07);
  margin-top:0;
}

/* Pre-footer CTA strip */
.footer-cta-strip{
  background:linear-gradient(135deg,var(--green-dark) 0%,#1e4a0a 50%,#0f2d04 100%);
  border-bottom:1px solid rgba(74,222,128,0.15);
  padding:28px 20px;
}
.footer-cta-inner{
  max-width:1100px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
}
.footer-cta-pulse{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:0.68rem;
  font-weight:700;
  color:var(--green-light);
  text-transform:uppercase;
  letter-spacing:0.06em;
  margin-bottom:6px;
}
.footer-cta-headline{
  font-family:var(--font-display);
  font-size:1.45rem;
  font-weight:800;
  color:#fff;
  margin:0 0 5px;
}
.footer-cta-sub{
  font-size:0.78rem;
  color:rgba(255,255,255,0.65);
}
.footer-cta-btns{
  display:flex;
  gap:10px;
  flex-shrink:0;
  flex-wrap:wrap;
}
.footer-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:12px 22px;
  border-radius:10px;
  font-size:0.82rem;
  font-weight:700;
  text-decoration:none;
  transition:var(--tr);
  white-space:nowrap;
  border:none;
  cursor:pointer;
}
.footer-btn-call{
  background:rgba(255,255,255,0.12);
  color:#fff;
  border:1.5px solid rgba(255,255,255,0.25);
}
.footer-btn-call:hover{background:rgba(255,255,255,0.22)}
.footer-btn-wa{
  background:var(--whatsapp);
  color:#fff;
  /* box-shadow:0 4px 18px rgba(37,211,102,0.35); */
}
.footer-btn-wa:hover{background:#1db954;transform:translateY(-1px)}

/* Footer main body */
.footer-body{
  max-width:1100px;
  margin:0 auto;
  padding:44px 20px 32px;
}
.footer-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:36px;
}

/* Column common */
.footer-col-title{
  font-size:0.72rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.09em;
  color:var(--green-light);
  margin-bottom:14px;
}

/* Brand column */
.footer-logo{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
}
.footer-logo img{width:120px}
.footer-logo-ico{font-size:1.5rem}
.footer-brand{
  font-family:var(--font-display);
  font-size:1.25rem;
  font-weight:900;
  color:#fff;
}
.footer-brand-accent{color:var(--green-light)}
.footer-tagline{
  font-size:0.73rem;
  color:rgba(255,255,255,0.5);
  line-height:1.55;
  margin-bottom:14px;
}
.footer-trust-pills{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:18px;
}
.ftp{
  font-size:0.64rem;
  font-weight:600;
  color:rgba(255,255,255,0.7);
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:20px;
  padding:3px 9px;
}
.footer-contact-block{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.footer-contact-link{
  display:flex;
  align-items:flex-start;
  gap:10px;
  text-decoration:none;
  transition:var(--tr);
}
.footer-contact-link:hover .fcon-val{color:var(--green-light)}
.fcon-ico{
  font-size:1rem;
  width:28px;
  height:28px;
  background:rgba(46,92,14,0.4);
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.fcon-label{
  font-size:0.61rem;
  color:rgba(255,255,255,0.4);
  text-transform:uppercase;
  letter-spacing:0.05em;
}
.fcon-val{
  font-size:0.75rem;
  font-weight:600;
  color:rgba(255,255,255,0.85);
  transition:var(--tr);
}

/* Links */
.footer-links{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.footer-link{
  font-size:0.74rem;
  color:rgba(255,255,255,0.55);
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:6px;
  transition:color 0.18s;
}
.footer-link:hover{color:var(--green-light)}
.footer-link-badge{
  font-size:0.57rem;
  font-weight:700;
  background:linear-gradient(135deg,var(--green-mid),var(--green-main));
  color:#fff;
  border-radius:20px;
  padding:2px 7px;
  text-transform:uppercase;
  letter-spacing:0.04em;
}
.footer-link-badge-o{
  background:linear-gradient(135deg,var(--orange),#d97706);
}

/* Pickup chips */
.footer-pickup-chips{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:6px;
}
.fp-chip{
  font-size:0.62rem;
  font-weight:500;
  color:rgba(255,255,255,0.5);
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:20px;
  padding:3px 8px;
}

/* Bottom bar */
.footer-bottom{
  border-top:1px solid rgba(255,255,255,0.07);
  background:rgba(0,0,0,0.25);
}
.footer-bottom-inner{
  max-width:1100px;
  margin:0 auto;
  padding:10px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
}
.footer-bottom-left{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.footer-copy,.footer-made{
  font-size:0.77rem;
  color:rgba(255,255,255,0.35);
}
.footer-bottom-sep{
  color:rgba(255,255,255,0.2);
  font-size:0.7rem;
}
.footer-bottom-right{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.footer-policy-link{
  font-size:0.67rem;
  color:rgba(255,255,255,0.35);
  text-decoration:none;
  transition:color 0.18s;
}
.footer-policy-link:hover{color:var(--green-light)}

/* Responsive footer */

/* ═══════════════════════════════════
   SERVICES 2 — Horizontal card grid
═══════════════════════════════════ */
.svc2-section {
  padding: 64px 0 48px;
  background:#213370;
  overflow: hidden;
}
.svc2-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}
.svc2-head .section-label { color: var(--cyan);    font-size: 12px;margin-bottom: 10px; }
.svc2-head .section-title { color: var(--white); margin-bottom: 6px; }
.svc2-head .section-title span { color: var(--cyan); }
.svc2-subtitle { color: rgba(165,180,252,0.75); font-size: 0.85rem; margin-top: 4px; }
.svc2-head-stats {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-self: flex-end;
}
.svc2-head-stats span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(165,180,252,0.15);
  color: rgba(165,180,252,0.85);
  font-size: 0.72rem;
  font-weight: 700;
  padding: 5px 12px;
  border-radius: 40px;
  white-space: nowrap;
}
.svc2-head-stats span i { color: var(--cyan); }

/* Track */
.svc2-track-wrap { overflow: hidden; }
.svc2-track {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding: 4px 20px 16px;
}
.svc2-track::-webkit-scrollbar { display: none; }

/* Card */
.svc2-card {
  flex-shrink: 0;
  width: 300px;
  background: var(--surface);
  border-radius: var(--radius-xl);
  overflow: hidden;
  scroll-snap-align: start;
  border: 1.5px solid rgba(165,180,252,0.1);
  transition: border-color 0.25s, box-shadow 0.25s, transform 0.25s;
  display: flex;
  flex-direction: column;
}
.svc2-card:hover,
.svc2-card--active {
  border-color: var(--cyan);
  box-shadow: 0 8px 40px rgba(6,182,212,0.2);
  transform: translateY(-3px);
}

/* Image */
.svc2-card-img-wrap {
  position: relative;
  height: 160px;
  overflow: hidden;
  flex-shrink: 0;
}
.svc2-card-img-wrap img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform 0.4s;
}
.svc2-card:hover .svc2-card-img-wrap img { transform: scale(1.05); }
.svc2-card-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 30%, rgba(14,13,35,0.75) 100%);
}
.svc2-badge {
  position: absolute;
  top: 10px; left: 10px;
  background: rgba(30,27,75,0.88);
  color: var(--white);
  font-size: 0.65rem;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 20px;
  letter-spacing: 0.05em;
  border: 1px solid rgba(165,180,252,0.2);
}
.svc2-badge--cyan  { background: rgba(6,182,212,0.85); }
.svc2-badge--amber { background: rgba(245,158,11,0.88); }
.svc2-badge--green { background: rgba(16,185,129,0.88); }
.svc2-badge--purple { background: rgba(147,51,234,0.88); }

/* Body */
.svc2-card-body {
  padding: 16px 16px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.svc2-icon-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.svc2-icon-sm {
  width: 36px; height: 36px;
  border-radius: 10px;
  background: rgba(79,70,229,0.2);
  display: flex; align-items: center; justify-content: center;
  color: var(--cyan);
  font-size: 1rem;
  flex-shrink: 0;
}
.svc2-card-title {
  font-family: var(--font-head);
  font-size: 0.95rem;
  font-weight: 800;
  color: var(--white);
  line-height: 1.2;
}
.svc2-card-sub {
  font-size: 0.68rem;
  color: rgba(165,180,252,0.65);
  margin-top: 2px;
}

/* Pills */
.svc2-pills {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.svc2-pills span {
  background: rgba(79,70,229,0.18);
  border: 1px solid rgba(79,70,229,0.3);
  color: rgba(165,180,252,0.9);
  font-size: 0.62rem;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 20px;
  white-space: nowrap;
  display: inline-flex;
  margin: 3px 0px;
}

/* Expandable content */
.svc2-expand-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4,0,0.2,1), opacity 0.3s;
  opacity: 0;
}
.svc2-card.expanded .svc2-expand-content {
  max-height: 260px;
  opacity: 1;
}
.svc2-feat-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 10px;
}
.svc2-feat-list div {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  font-size: 0.72rem;
  color: rgba(224,231,255,0.85);
  line-height: 1.5;
}
.svc2-feat-list i {
  color: var(--green);
  font-size: 0.75rem;
  flex-shrink: 0;
  margin-top: 2px;
}
.svc2-info-row {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}
.svc2-info-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(6,182,212,0.12);
  border: 1px solid rgba(6,182,212,0.25);
  color: var(--cyan);
  font-size: 0.66rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 20px;
}

/* CTA row */
.svc2-cta-row {
  display: flex;
  gap: 8px;
  margin-top: auto;
}
.svc2-expand-btn {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: rgba(255,255,255,0.07);
  border: 1.5px solid rgba(165,180,252,0.2);
  color: rgba(165,180,252,0.85);
  font-family: var(--font-head);
  font-size: 0.72rem;
  font-weight: 700;
  padding: 8px 12px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;0.2s;
    text-decoration: none;
}
.svc2-expand-btn:hover { background: rgba(255,255,255,0.12); color: var(--white); }
/* .svc2-card.expanded .svc2-expand-btn i { transform: rotate(180deg); } */
.svc2-expand-btn i { transition: transform 0.3s; }
.read-pills-data { display: none; }

.svc2-book-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #2aa71d;
  color: var(--white);
  font-family: var(--font-head);
  font-size: 0.72rem;
  font-weight: 800;
  padding: 8px 14px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: background 0.2s, transform 0.15s;
  white-space: nowrap;
  text-decoration: none;
}
.svc2-book-btn:hover { background: #1EBE59; transform: translateY(-1px); }

/* Progress & hint */
.svc2-progress-wrap {
  background: rgba(255,255,255,0.1);
  border-radius: 4px;
  height: 3px;
  margin: 0 0 8px;
  overflow: hidden;
}
.svc2-progress-bar {
  height: 100%;
  background: var(--cyan);
  border-radius: 4px;
  width: 20%;
  transition: width 0.2s;
}
.svc2-swipe-hint {
  text-align: center;
  font-size: 0.7rem;
  color: rgba(165,180,252,0.5);
  font-weight: 600;
}
.svc2-swipe-hint i { color: var(--cyan); margin-right: 4px; }

/* Desktop: show more cards visible */

/* ── OLD SERVICES BOX (legacy, unused) ── */
.svc-box {
  display: none !important;
  background: var(--white);
  border: 2px solid var(--gray-100);
  border-radius: var(--radius-xl);
  box-shadow: 0 8px 48px rgba(79,70,229,0.10);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  /* Height shows ~1.4 service panels so partial next is always visible */
  height: 80vh;
  max-height: 740px;
  min-height: 500px;
  position: relative;
}

/* ── STICKY TAB BAR INSIDE BOX ── */
.svc-tabbar-wrap {
  position: sticky;
  top: 0;
  z-index: 10;
  background: var(--white);
  border-bottom: 1.5px solid var(--gray-100);
  flex-shrink: 0;
}

/* Scroll hint */
.svc-scroll-hint {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--indigo-light);
  padding: 5px 16px 6px;
  background: var(--gray-50);
  border-top: 1px solid var(--gray-100);
  letter-spacing: 0.02em;
}
.svc-scroll-hint i { font-size: 0.78rem; }

/* Tab scrollable row */
.svc-tabbar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  gap: 6px;
  padding: 12px 14px 10px;
  scroll-behavior: smooth;
}
.svc-tabbar::-webkit-scrollbar { display: none; }

/* Tab pill — icon on top, label below (matches reference) */
.svc-tab {
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  gap: 4px;
  flex-shrink: 0;
  background: var(--gray-50);
  border: 1.5px solid var(--gray-100);
  color: var(--gray-500);
  font-family: var(--font-body);
  font-size: 0.66rem;
  font-weight: 600;
  padding: 8px 12px 7px;
  border-radius: var(--radius);
  cursor: pointer;
  transition: background var(--transition), color var(--transition), border-color var(--transition), box-shadow 0.15s;
  min-width: 62px;
  text-align: center;
  line-height: 1.2;
}
.svc-tab:hover {
  background: var(--gray-100);
  color: var(--indigo-light);
  border-color: rgba(79,70,229,0.25);
}
.svc-tab.active {
  background: var(--indigo-deep);
  color: var(--white);
  border-color: var(--indigo-deep);
  box-shadow: 0 2px 10px rgba(30,27,75,0.22);
}
.svc-tab-icon { font-size: 1.3rem; line-height: 1; }
.svc-tab-label { font-size: 0.64rem; font-weight: 700; }

/* ── ONE INTERNAL SCROLLABLE AREA ── */
.services-panels {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  /* ONE scrollbar on the right, full height of the box */
  scrollbar-width: thin;
  scrollbar-color: var(--indigo-light) var(--gray-100);
}
.services-panels::-webkit-scrollbar { width: 5px; }
.services-panels::-webkit-scrollbar-track { background: var(--gray-50); }
.services-panels::-webkit-scrollbar-thumb {
  background: var(--indigo-light);
  border-radius: 4px;
}

/* Each service panel */
.svc-panel {
  padding: 36px 32px;
  border-bottom: 1.5px solid var(--gray-100);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: center;
  background: var(--white);
}
.svc-panel:nth-child(odd)  { background: var(--white); }
.svc-panel:nth-child(even) { background: var(--gray-50); }
.svc-panel:last-child { border-bottom: none; }

.sp-content {}
.sp-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--gray-100);
  color: var(--indigo-light);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 40px;
  margin-bottom: 16px;
}
.sp-icon-big {
  font-size: 2.8rem;
  margin-bottom: 16px;
  line-height: 1;
}
.sp-title {
  font-family: var(--font-head);
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: -0.02em;
  color: var(--indigo-deep);
  margin-bottom: 14px;
  line-height: 1.15;
}
.sp-title span { color: var(--indigo-light); }
.sp-desc {
  font-size: 0.9rem;
  color: var(--gray-500);
  line-height: 1.8;
  margin-bottom: 22px;
  max-width: 400px;
}
.sp-features {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 26px;
}
.sp-feat {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.84rem;
  color: var(--gray-700);
  font-weight: 500;
}
.sp-feat-dot {
  width: 18px; height: 18px;
  border-radius: 50%;
  background: var(--gray-100);
  display: flex; align-items: center; justify-content: center;
  font-size: 0.65rem;
  color: var(--indigo-light);
  flex-shrink: 0;
}
.sp-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--indigo-light);
  color: var(--white);
  font-family: var(--font-head);
  font-weight: 700;
  font-size: 0.82rem;
  padding: 11px 22px;
  border-radius: 40px;
  border: none;
  transition: background 0.2s, transform 0.15s;
  cursor: pointer;
}
.sp-cta:hover {
  background: var(--indigo);
  transform: translateY(-1px);
}

.sp-image-wrap {
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.sp-image {
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
  transition: transform 0.5s;
}
.svc-panel:hover .sp-image { transform: scale(1.04); }
.sp-img-badge {
  position: absolute;
  bottom: 16px; left: 16px;
  background: var(--indigo-deep);
  color: var(--white);
  font-family: var(--font-head);
  font-size: 0.72rem;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 40px;
  letter-spacing: 0.06em;
  border: 1px solid rgba(165,180,252,0.2);
}

/* Mobile services accordion (fallback) */
.services-mobile {
  display: none;
}

/* TAXI PACKAGES SECTION */
.pkg-section {
  background: var(--bg);
  padding: 46px 0 40px;
}
.pkg-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}
.pkg-header { margin-bottom: 40px; }
.pkg-header .section-sub { max-width: 600px; margin: 0 auto; }

/* ONE PARENT BOX */
.pkg-module-box {
  background: var(--bg-card);
  border: 2px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  overflow: clip; /* clip instead of hidden so sticky child (tabs bar) still works */
  position: relative;
}

/* FILTER TABS BAR */
.pkg-tabs-bar {
  background: var(--bg-card);
  border-bottom: 2px solid var(--border);
  overflow: hidden;
  /* -webkit-mask-image: linear-gradient(to right, transparent 0px, #000 12px, #000 calc(100% - 12px), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0px, #000 12px, #000 calc(100% - 12px), transparent 100%); */
  position: sticky;
  top: var(--nav-h, 0px);
  z-index: 900;
}
.pkg-tabs-track {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  scroll-behavior: smooth;
  overscroll-behavior-x: contain;
  padding: 12px 16px;
  scrollbar-width: none;
      background: #fff;
}
.pkg-tabs-track::-webkit-scrollbar { display: none; }
.pkg-tab {
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 18px;
  border: 0;
  color: var(--text-body);
  background: var(--bg);
  transition: all 0.2s;
  white-space: nowrap;
  cursor: pointer;
}
.pkg-tab:hover { color: var(--indigo); }
.pkg-tab.active {
  border: 0;
  border-bottom: 3px solid var(--indigo);
  color: var(--indigo);
}

/* CARDS WRAP */
.pkg-cards-wrap {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
}

/* INDIVIDUAL PACKAGE CARD */
.pkg-card {
  display: flex;
  flex-direction: column;
  border-bottom: 2px solid var(--border);
  transition: box-shadow 0.2s;
}
.pkg-card:last-child { border-bottom: none; }

/* CARD IMAGE */
.pkg-card-img-wrap {
  position: relative;
  height: 240px;
  overflow: hidden;
  flex-shrink: 0;
}
.pkg-card-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}
.pkg-card:hover .pkg-card-img-wrap img { transform: scale(1.04); }
.pkg-badge {
  position: absolute;
  top: 14px; left: 14px;
  background: var(--gold);
  color: var(--dark);
  font-size: 11px; font-weight: 800;
  padding: 5px 14px;
  border-radius: 50px;
  letter-spacing: 0.3px;
  box-shadow: 0 2px 8px rgba(245,158,11,0.4);
}
.pkg-badge-saffron { background: #FF6B35; color: #fff; box-shadow: 0 2px 8px rgba(255,107,53,0.4); }
.pkg-badge-pink { background: #EC4899; color: #fff; box-shadow: 0 2px 8px rgba(236,72,153,0.4); }
.pkg-badge-green { background: #10B981; color: #fff; box-shadow: 0 2px 8px rgba(16,185,129,0.4); }
.pkg-meta-overlay {
  position: absolute;
  bottom: 12px; right: 14px;
  display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end;
}
.pkg-time-chip, .pkg-dist-chip {
  font-size: 11px; font-weight: 700;
  background: rgba(15,23,42,0.82);
  color: #fff;
  padding: 4px 10px;
  border-radius: 50px;
  backdrop-filter: blur(6px);
}

/* CARD BODY */
.pkg-card-body {
  padding: 24px 28px 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pkg-title {
  font-family: var(--font-display);
  font-size: 22px; font-weight: 800;
  line-height: 1.3;
}
.pkg-desc {
  font-size: 14px;
  color: var(--text-body);
  line-height: 1.75;
}

/* FEATURE CHIPS (gold/yellow) */
.pkg-features {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pkg-feat {
  font-size: 12px; font-weight: 700;
  background: rgba(245,158,11,0.12);
  color: #92400E;
  border: 1px solid rgba(245,158,11,0.35);
  border-radius: 50px;
  padding: 5px 12px;
}

/* INCLUSIONS ICONS ROW */
.pkg-icons-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.pkg-icon-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 52px;
}
.pkg-icon-item span { font-size: 22px; }
.pkg-icon-item small {
  font-size: 10px; font-weight: 600;
  color: var(--text-muted);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* DESTINATION CHIPS */
.pkg-destinations {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pkg-dest-chip {
  font-size: 12px; font-weight: 600;
  color: var(--indigo);
  background: rgba(79,70,229,0.08);
  border: 1px solid rgba(79,70,229,0.2);
  border-radius: 50px;
  padding: 5px 14px;
}

/* CAR OPTIONS DROPDOWN */
.pkg-car-dropdown { }
.pkg-car-dropdown.open .pkg-car-toggle{border-bottom: 0; border-radius: 0; }
.pkg-car-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 14px; font-weight: 700;
  color: var(--indigo);
  background: rgba(79,70,229,0.06);
  border: 1.5px solid rgba(79,70,229,0.2);
  border-radius: var(--radius);
  padding: 12px 18px;
  transition: all 0.2s;
}
/* .pkg-car-toggle:hover { background: rgba(79,70,229,0.12); border-color: var(--indigo); } */
.drop-arrow {
  font-size: 11px;
  display: inline-block;
  transition: transform 0.3s ease;
}
.pkg-car-dropdown.open .drop-arrow { transform: rotate(180deg); }
.pkg-car-list {
  display: none;
  flex-direction: column;
  gap: 0;
  border: 1.5px solid var(--border);
  border-top: none;
  border-radius: 0 0 var(--radius) var(--radius);
  overflow: hidden;
}
.pkg-car-dropdown.open .pkg-car-list { display: flex; }
.pkg-car-item {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  gap: 4px 12px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--border);
  background: var(--bg-card);
  transition: background 0.15s;
  cursor: default;
}
.pkg-car-item:last-child { border-bottom: none; }
.pkg-car-item:hover { background: var(--bg); }
.pkg-car-item.featured-car { background: rgba(79,70,229,0.04); }
.pkg-car-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.car-emoji { font-size: 24px; }
.car-img{}
.car-img img{width: 60px;    margin: 0px auto;}
.pkg-car-left strong { font-size: 14px; font-weight: 700; color: var(--text); display: block; line-height: 1.2; }
.pkg-car-left small { font-size: 12px; color: var(--text-muted); }
.pkg-car-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
.car-price {
  font-family: var(--font-display);
  font-size: 15px; font-weight: 900;
  color: var(--indigo);
}
.car-tag {
  font-size: 10px; font-weight: 700;
  background: rgba(79,70,229,0.1);
  color: var(--indigo);
  border-radius: 50px;
  padding: 2px 10px;
  white-space: nowrap;
}
.car-tag.gold-tag {
  background: rgba(245,158,11,0.15);
  color: #92400E;
}
.pkg-car-details {
  grid-column: 1 / -1;
  font-size: 12px;
  color: var(--text-muted);
  line-height: 1.5;
  padding-top: 2px;
}
.pkg-car-details span{
      border: 1px solid #ddd;
    padding: 3px 8px;
    font-size: 11px;
    border-radius: 5px;
    margin-right: 3px;
}

/* CTA BAR */
.pkg-cta-bar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding-top: 4px;
}
.pkg-btn {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 13px; font-weight: 700;
  padding: 11px 20px;
  border-radius: 50px;
  transition: all 0.2s;
  white-space: nowrap;
      text-decoration: none;
}
.pkg-btn.pkg-outline{background: transparent; border: 1px solid #1d1a4b;  color: #1d1a4b; box-shadow: none;}
.pkg-btn-call {
  background: rgb(32 152 241);
  color: #fff;
}
/* .pkg-btn-call:hover { background: var(--indigo-dark); transform: translateY(-2px); } */
.pkg-btn-wa {
  background: #2aa71d;
  color: #fff;
}
.pkg-btn-wa:hover { background: #1ebe5a; transform: translateY(-2px); }
.pkg-btn-book {
  background: linear-gradient(135deg, var(--gold), var(--gold-dark));
  color: var(--dark);
}
.pkg-btn-book:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(245,158,11,0.4); }

.pkg-cta-bar a img,.pkg-cta-bar button img{width: 20px;}
/* TRUST BAR */
.pkg-trust-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
 
}
.pkg-trust-item {
  flex: 1 1 200px;
  text-align: center;
  font-size: 12.5px;
  font-weight: 700;
  color: #ddd;
  padding: 30px 12px;
  border-right: 1px solid var(--border);
}
.pkg-trust-item:last-child { border-right: none; }
.pkg-btn-book {
    background: #906be6;
    color: #fff;
        border: 0;
}

/* RESPONSIVE */

.container{max-width: 1340px; margin: 0 auto; padding: 0 24px;}

.section-soft  { background: var(--gray-50); }

.mobile-show{display:none;}




.fleet_list{background:#090e1417;  padding: 60px 0px;}
.fleet_list h2{text-align: center;font-size: 40px; font-weight: 700; margin-bottom: 30px;background: linear-gradient(90deg, var(--green-light), #86efac); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.fleetbox{border: 6px solid rgb(16 37 32);background: rgba(0,0,0,0.25);position: relative;border-radius: 5px;position: relative;}
.fleetbox:before{
  content: "";
  display: block;
  background: radial-gradient(circle, rgba(34, 197, 94, 0.22) 0%, transparent 68%);
  position: absolute;
  bottom: 0;
  left: 0;
  filter: blur(60px);
  animation-duration: 14s;
  width: 100%;
  height: 100vh;
  z-index: -1;
  }
.fleetbox:after{
  content: "";
  display: block;
  background: radial-gradient(circle, rgba(251, 191, 36, 0.14) 0%, transparent 65%);
  position: absolute;
  bottom: 0;
  right: 0;
  filter: blur(80px);
  animation-duration: 18s;
  animation-delay: -6s;
  width: 100%;
  height: 100vh;
  z-index: -1;
  }
.fleetbox .best-deals-badges{background: linear-gradient(#4c7249 , #406440);width: 120px; color: #fff; text-align: center;  font-weight: 600;  padding: 5px;  position: absolute; top: 5px; left: 0; z-index: 9; border-radius: 0px 5px 5px 0px;font-size: 14px;}
.title-fleet{margin-top: 5px;display: flex; justify-content: space-between; align-items: center; padding: 0px 10px;}
.title-fleet h3{margin-bottom: 0; font-size: 17px; font-weight: 700;    color:#ffffff96;}
.title-fleet .routekm{background:#7ae5a036;padding: 2px 10px; font-size: 14px; color: #c5c5c5; font-weight: 700; letter-spacing: 1px;    border-radius: 10px;}
.driverlist{padding: 10px 10px;}
.driverlist ul{display: flex; flex-wrap: wrap; align-items: center; column-gap: 10px;padding-left: 0;    margin-bottom: 0;}
.driverlist ul li{font-size: 10px;padding: 5px 0px;display: flex;column-gap: 7px;align-items: center;font-weight: 600;position: relative;flex: 0 0 30%;color: #dfdfdfa6;}
.driverlist ul li:after{content: ""; display: block; background: url(../images/line-icon.png) repeat-y; width: 3px; height: 21px; position: absolute; left: -10px; transform: rotate(180deg); background-size: 1px 20px;}
.driverlist ul li:nth-child(1)::after,
.driverlist ul li:nth-child(4)::after,
.driverlist ul li:nth-child(7)::after { display: none;}
.driverlist ul li img{width: 17px;    filter: invert(1);}

.fleet-experience{margin: 0px 10px;/* background: #83e9a82e; */border-radius: 4px;padding: 0px 5px;white-space: nowrap;overflow-x: scroll;width: calc(100% - 24px);padding-bottom: 10px;}
.fleet-experience ul{padding-bottom: 0px;padding-left: 0;    margin-bottom: 0;}
.fleet-experience ul li{display: inline-block;padding: 2px 4px;font-size: 11px;font-weight: 500;border-radius: 4px;text-transform: capitalize;position: relative;color: #8b8b8b;}
.fleet-experience ul li:before{content:""; display:block;background: url(../images/line-icon.png) repeat-y; width: 3px;height: 21px; position: absolute; left: -2px; background-size: 1px 20px;}
.fleet-experience ul li:first-child:before{display:none;}
.fleet-experience.v2{margin-top: 20px;    background: #fbe8df9c;}
.fleet-experience.v2 ul{padding-bottom: 0;}
.fleet-experience.v2 ul li{color: #964B00;}
.fleet-experience ul li span{color: #ffffffc9;}

.fleet-cta{display: flex; align-items: center;  column-gap: 10px; padding: 15px 10px;}
.fleet-cta .fleet-callbtn{background: rgba(255, 255, 255, 0.1);color: #ffffffb0;padding: 5px 20px;border-radius: 5px;font-weight: 500;width: 50%;text-align: center;text-decoration: none; display: flex;align-items: center;column-gap: 5px;    justify-content: center;font-size: 13px;}
.fleet-cta .fleet-callbtn img,.fleet-cta .fleet-enquirebtn img{width: 15px;}
.fleet-cta .fleet-enquirebtn{background: rgb(33 133 23 / 63%); color: #ffffffb0; padding: 5px 20px; border-radius: 5px; font-weight: 500;width: 50%;text-align: center;    text-decoration: none;display: flex;align-items: center;justify-content: center;column-gap: 5px;font-size: 13px;}
.fleet-message{ padding: 10px; font-size: 14px;}
.fleet-message p{    margin-bottom: 0;font-size: 10px;color: #fff;font-weight: 400;text-align: center;}
.fleet-message p b{font-weight: 400;}
#tempo01,#sedan01,#suv01{margin-top: 20px;}

.slider-group{position: relative;}
/* .slider-group .slider-nav{top: -65px;} */
.slider-group .slider-for img{width: 100%;}
.slider-group .slider-for .slick-prev,.slider-group .slider-for .slick-next{background: #fff;border: 0; width: 30px; height: 30px; line-height: 30px; border-radius: 50px;    position: absolute;top: 50%; margin-top: -15px; left: 10px; z-index: 9;}
.slider-group .slider-for .slick-next{left: inherit; right: 10px;}
.slider-group .slider-for .slick-prev i,.slider-group .slider-for .slick-next i{color: #878787;font-size: 12px;}
.slider-group .slider-nav .slick-slide.thumb-active img{border-color: #6aca8d;opacity: 1;}
.slider-group .slider-nav img{border: 0;width: 100%; height: 60px; padding: 0;margin: 0px auto; border: 3px solid transparent; object-fit: cover; cursor: pointer;opacity: 0.6;}


.package-ctabox {margin-bottom: 1rem; padding: 7px 10px 4px; text-align: center;}
.package-ctabox ul {display: inline-block; width: 100%; white-space: nowrap; overflow-x: scroll; scrollbar-width: none;margin-bottom: 0;}
.package-ctabox ul li {display: inline-block;}
.package-ctabox ul li.active a {color: #ffffffc7; border: 0; border-bottom: 2px solid #2aa71d; border-radius: 0;}
.package-ctabox ul li a { border-radius: 5px; height: 25px; line-height: 23px; background: transparent; margin-right: 8px; font-size: 14px; color: #ebebeb; padding: 0 16px; font-weight: 600; transition: all .3s ease-in-out; cursor: pointer; display: block; position: relative; text-decoration: none;}
.package-ctabox.v2 {position: sticky; top: 58px; z-index: 500; background:rgb(9 14 20); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 12px rgba(0,0,0,0.10); margin-bottom: 0;}



/* Services Page */
.pkg-section {
    background: var(--bg);
    padding: 40px 0 40px;
}
.pkg-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 24px;
}
.pkg-module-box {
    background: var(--bg-card);
    border: 2px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    overflow: clip;
    position: relative;
}
.pkg-tabs-bar {
    background: var(--bg-card);
    border-bottom: 2px solid var(--border);
    overflow: hidden;
    position: sticky;
    top: var(--nav-h, 0px);
    z-index: 900;
}
.pkg-tabs-track {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  scroll-behavior: smooth;
  overscroll-behavior-x: contain;
  padding: 12px 16px;
  scrollbar-width: none;
      background: #fff;
}
.pkg-tabs-track::-webkit-scrollbar { display: none; }
.pkg-tab {
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 18px;
  border: 0;
  color: var(--text-body);
  background: var(--bg);
  transition: all 0.2s;
  white-space: nowrap;
  cursor: pointer;
}
.pkg-tab:hover { color: var(--indigo); }
.pkg-tab.active {
  border: 0;
  border-bottom: 3px solid #2aa71d;
  color: #2aa71d;
}

/* CARDS WRAP */
.pkg-cards-wrap {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
}

/* INDIVIDUAL PACKAGE CARD */
.pkg-card {
  display: flex;
  flex-direction: column;
  border-bottom: 2px solid var(--border);
  transition: box-shadow 0.2s;
}
.pkg-card:last-child { border-bottom: none; }


/* CARD IMAGE */
.pkg-card-img-wrap {
  position: relative;
  height: 240px;
  overflow: hidden;
  flex-shrink: 0;
}
.pkg-card-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}
.pkg-card:hover .pkg-card-img-wrap img { transform: scale(1.04); }
.pkg-badge {
  position: absolute;
  top: 14px; left: 14px;
  background: var(--gold);
  color: var(--dark);
  font-size: 11px; font-weight: 800;
  padding: 5px 14px;
  border-radius: 50px;
  letter-spacing: 0.3px;
  box-shadow: 0 2px 8px rgba(245,158,11,0.4);
}
.pkg-badge-saffron { background: #FF6B35; color: #fff; box-shadow: 0 2px 8px rgba(255,107,53,0.4); }
.pkg-badge-pink { background: #EC4899; color: #fff; box-shadow: 0 2px 8px rgba(236,72,153,0.4); }
.pkg-badge-green { background: #10B981; color: #fff; box-shadow: 0 2px 8px rgba(16,185,129,0.4); }
.pkg-meta-overlay {
  position: absolute;
  bottom: 12px; right: 14px;
  display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end;
}
.pkg-time-chip, .pkg-dist-chip {
  font-size: 11px; font-weight: 700;
  background: rgba(15,23,42,0.82);
  color: #fff;
  padding: 4px 10px;
  border-radius: 50px;
  backdrop-filter: blur(6px);
}

/* CARD BODY */
.pkg-card-body {
  padding: 24px 28px 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pkg-title {
  font-family: var(--font-display);
  font-size: 22px; font-weight: 800;
  color: var(--text);
  line-height: 1.3;
}
.pkg-desc {
  font-size: 14px;
  color: var(--text-body);
  line-height: 1.75;
}

/* FEATURE CHIPS (gold/yellow) */
.pkg-features {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pkg-feat {
  font-size: 12px; font-weight: 700;
  background: rgba(245,158,11,0.12);
  color: #92400E;
  border: 1px solid rgba(245,158,11,0.35);
  border-radius: 50px;
  padding: 5px 12px;
}

/* INCLUSIONS ICONS ROW */
.pkg-icons-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.pkg-icon-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 52px;
}
.pkg-icon-item span { font-size: 22px; }
.pkg-icon-item small {
  font-size: 10px; font-weight: 600;
  color: var(--text-muted);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* DESTINATION CHIPS */
.pkg-destinations {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pkg-dest-chip {
  font-size: 12px; font-weight: 600;
  color: var(--indigo);
  background: rgba(79,70,229,0.08);
  border: 1px solid rgba(79,70,229,0.2);
  border-radius: 50px;
  padding: 5px 14px;
}

/* CAR OPTIONS DROPDOWN */
.pkg-car-dropdown { }
.pkg-car-dropdown.open .pkg-car-toggle{border-bottom: 0; border-radius: 0; }
.pkg-car-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 14px; font-weight: 700;
  color: var(--indigo);
  background: rgba(79,70,229,0.06);
  border: 1.5px solid rgba(79,70,229,0.2);
  border-radius: var(--radius);
  padding: 12px 18px;
  transition: all 0.2s;    border-radius: 15px;
}
/* .pkg-car-toggle:hover { background: rgba(79,70,229,0.12); border-color: var(--indigo); } */
.drop-arrow {
  font-size: 11px;
  display: inline-block;
  transition: transform 0.3s ease;
}
.pkg-car-dropdown.open .drop-arrow { transform: rotate(180deg); }
.pkg-car-list {
  display: none;
  flex-direction: column;
  gap: 0;
  border: 1.5px solid var(--border);
  border-top: none;
  border-radius: 0 0 var(--radius) var(--radius);
  overflow: hidden;
}
.pkg-car-dropdown.open .pkg-car-list { display: flex; }
.pkg-car-item {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  gap: 4px 12px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--border);
  background: var(--bg-card);
  transition: background 0.15s;
  cursor: default;
}
.pkg-car-item:last-child { border-bottom: none; }
.pkg-car-item:hover { background: var(--bg); }
.pkg-car-item.featured-car { background: rgba(79,70,229,0.04); }
.pkg-car-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.car-emoji { font-size: 24px; }
.car-img{}
.car-img img{width: 60px;    margin: 0px auto;}
.pkg-car-left strong { font-size: 14px; font-weight: 700; color: var(--text); display: block; line-height: 1.2; }
.pkg-car-left small { font-size: 12px; color: var(--text-muted); }
.pkg-car-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
.car-price {
  font-family: var(--font-display);
  font-size: 15px; font-weight: 900;
  color: var(--indigo);
}
.car-tag {
  font-size: 10px; font-weight: 700;
  background: rgba(79,70,229,0.1);
  color: var(--indigo);
  border-radius: 50px;
  padding: 2px 10px;
  white-space: nowrap;
}
.car-tag.gold-tag {
  background: rgba(245,158,11,0.15);
  color: #92400E;
}
.pkg-car-details {
  grid-column: 1 / -1;
  font-size: 12px;
  color: var(--text-muted);
  line-height: 1.5;
  padding-top: 2px;
}
.pkg-car-details span{
      border: 1px solid #ddd;
    padding: 3px 8px;
    font-size: 11px;
    border-radius: 5px;
    margin-right: 3px;
}

.pkg-section.v2 .pkg-card:hover{transform: translateY(0px);}

/* ═══════════════════════════════════
   BOOKING MODAL
═══════════════════════════════════ */
.pac-container { z-index: 10001 !important; }
.flatpickr-calendar { z-index: 10002 !important; }
.bm-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: rgba(9,14,20,0.82);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.28s ease;
}
.bm-overlay.active {
  opacity: 1;
  pointer-events: all;
}
.bm-card {
  position: relative;
  background: #fff;
  border-radius: var(--radius-xl);
  padding: 0;
  width: 100%;
  max-width: 620px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 32px 80px rgba(0,0,0,0.5);
  transform: translateY(28px) scale(0.97);
  transition: transform 0.28s cubic-bezier(0.4,0,0.2,1);
  overflow: hidden;
}
.bm-overlay.active .bm-card {
  transform: translateY(0) scale(1);
}

/* Header ribbon */
.bm-header-ribbon {
  background: linear-gradient(135deg, var(--green-main) 0%, var(--green-mid) 100%);
  padding: 22px 64px 20px 28px;
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
  position: relative;
}
.bm-header-ribbon::after {
  content: '';
  position: absolute;
  bottom: -1px; left: 0; right: 0;
  height: 22px;
  background: #fff;
  border-radius: 22px 22px 0 0;
}
.bm-header-icon {
  font-size: 36px;
  line-height: 1;
  flex-shrink: 0;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,0.18));
  position: relative;
  z-index: 1;
}
.bm-header-text { position: relative; z-index: 1; }
.bm-title {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 3px;
  line-height: 1.2;
  text-shadow: 0 1px 4px rgba(0,0,0,0.15);
}
.bm-sub {
  font-size: 13px;
  color: rgba(255,255,255,0.88);
}

/* Close button — sits over the ribbon */
.bm-close {
  position: absolute;
  top: 14px; right: 14px;
  z-index: 10;
  width: 32px; height: 32px;
  border-radius: 50%;
  border: 1.5px solid rgba(255,255,255,0.45);
  background: rgba(255,255,255,0.22);
  color: #fff;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}
.bm-close:hover {
  background: rgba(255,255,255,0.38);
  border-color: rgba(255,255,255,0.7);
}

.bm-body {
  overflow-y: auto;
  padding: 26px 28px 28px;
  flex: 1 1 auto;
}
.bm-form .bf-group { margin-bottom: 0; }
.bm-form .bf-group textarea { min-height: 72px; margin-bottom: 0; }

/* Calendar icon inside date inputs */
.date-input-wrap { position: relative; }
.date-input-wrap .date-picker-input { padding-right: 38px; width: 100%; box-sizing: border-box; }
.date-input-wrap .cal-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--text-muted, #6b7280);
  font-size: 16px;
  display: flex;
  align-items: center;
}

/* Optional label hint & notes toggle */
.bf-opt { color: var(--text-muted, #9ca3af); font-weight: 400; text-transform: none; letter-spacing: 0; font-size: 11px; }
.notes-toggle {
  color: var(--green-main);
  text-decoration: none;
  cursor: pointer;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  font-size: 11px;
  margin-left: 4px;
  border-bottom: 1px dashed var(--green-border);
  transition: color 0.15s, border-color 0.15s;
}
.notes-toggle:hover { color: var(--green-dark); border-color: var(--green-mid); }

/* BOOKING */
.booking-section {
  background: linear-gradient(135deg, #090e14 0%, #12103a 60%, #1E1B4B 100%);
  padding: 96px 0; position: relative; overflow: hidden;
}
.booking-section::before {
  content: ''; position: absolute;
  top: -100px; left: -100px;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(46,92,14,0.18), transparent 70%);
  pointer-events: none;
}
.booking-inner {
  max-width: 1160px; margin: 0 auto; padding: 0 32px;
  display: grid; grid-template-columns: 1fr 1.3fr;
  gap: 64px; align-items: center;
}

/* LEFT side */
.booking-left { color: #fff; }
.bk-eyebrow {
  font-size: 11px; font-weight: 700; letter-spacing: 2px;
  text-transform: uppercase; color: var(--orange);
  margin-bottom: 14px;
}
.bk-heading {
  font-family: var(--font-display);
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 900; line-height: 1.18;
  color: #fff; margin-bottom: 18px;
}
.bk-heading-accent { color: var(--orange); }
.bk-desc {
  font-size: 15px; line-height: 1.65;
  color: rgba(255,255,255,0.72);
  margin-bottom: 32px; max-width: 360px;
}

/* RIGHT side */
.booking-right { display: flex; align-items: stretch; }
.booking-form .bk-form-sub {
  font-size: 13px; color: var(--text-secondary); margin-bottom: 20px; margin-top: 4px;
}
.booking-contact-cards { display: flex; flex-direction: column; gap: 14px; margin-top: 8px; }
.bcc-card {
  display: flex; align-items: center; gap: 16px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 14px; padding: 16px 20px;
  transition: all 0.2s;
  text-decoration: none;
}
.bcc-card:hover { background: rgba(79,70,229,0.15); border-color: rgba(79,70,229,0.4); transform: translateX(4px); }
.bcc-wa:hover { background: rgba(37,211,102,0.12); border-color: rgba(37,211,102,0.35); }
.bcc-icon { font-size: 28px; }
.bcc-icon img{width: 30px;}
.bcc-title { font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.6); text-transform: uppercase; letter-spacing: 1px; }
.bcc-val { font-size: 16px; font-weight: 700; color: #fff; margin-top: 2px; }
.booking-form {
  background: #fff; border-radius: var(--radius-lg);
  padding: 36px 32px;
  box-shadow: 0 24px 60px rgba(0,0,0,0.3);
}
.booking-form h3 {
  font-family: var(--font-display);
  font-size: 22px; font-weight: 800; color: var(--text-primary); margin-bottom: 5px;
}
.bf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
.bf-group { display: flex; flex-direction: column; gap: 6px; }
.bf-group label {
  font-size: 12px; font-weight: 600; color: var(--text-secondary, #4b5563);
  text-transform: capitalize; letter-spacing: 0.3px;
}
.bf-group input,
.bf-group select,
.bf-group textarea {
  padding: 11px 14px;
  border: 1.5px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: 13px; color: var(--text-primary);
  background: #fafafa; outline: none;
  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
}
.bf-group select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 38px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}
.bf-group input:focus,
.bf-group select:focus,
.bf-group textarea:focus {
  border-color: var(--green-main);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(46,92,14,0.12);
}
.bf-group textarea { resize: vertical; min-height: 80px; margin-bottom: 14px; }
.bf-group:has(.location-input) { position: relative; }
.bf-group .location-input { padding-right: 36px; }
.clear-btn {
  position: absolute; right: 10px; bottom: 11px;
  width: 20px; height: 20px;
  display: none; align-items: center; justify-content: center;
  font-size: 16px; line-height: 1; color: var(--text-muted);
  cursor: pointer; border-radius: 50%;
  transition: background 0.15s, color 0.15s;
}
.clear-btn:hover { background: var(--border); color: var(--text-primary); }
.clear-btn.visible { display: flex; }
.bf-group-full { margin-bottom: 14px; }
.bm-form .date-input-wrap .cal-icon,
#inlineBookingForm .date-input-wrap .cal-icon { pointer-events: auto; cursor: pointer; color: var(--green-main); }
.bf-submit {
  width: 100%;
  display: block;
  text-align: center;
  background: linear-gradient(135deg, var(--green-main), var(--green-mid));
  color: #fff;
  font-size: 15px; font-weight: 700;
  padding: 15px 20px;
  border-radius: var(--radius-sm);
  transition: all 0.25s;
  cursor: pointer;
  border: none;
  margin-top: 20px;
  box-shadow: 0 4px 18px rgba(46,92,14,0.28);
  letter-spacing: 0.2px;
}
.bf-submit:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(46,92,14,0.4); }
.booking-form .p-content, .p-con {
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 12px;
  text-align: center;
  font-weight: 500;
  color: var(--text-muted);
}
.booking-form p {
  font-size: 12px;
  margin-bottom: 15px;
}

/* Phone prefix wrapper */
.bf-phone-wrap {
  display: flex;
  align-items: stretch;
  border: 1.5px solid var(--border);
  border-radius: var(--radius-sm);
  overflow: hidden;
  background: #fafafa;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.bf-phone-wrap:focus-within {
  border-color: var(--orange);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(224,123,46,0.12);
}
.bf-phone-prefix {
  padding: 7px 12px;
  font-size: 14px; font-weight: 700;
  color: var(--text-secondary, #4b5563);
  background: var(--orange-light);
  border-right: 1.5px solid var(--orange-border);
  white-space: nowrap;
  user-select: none;
}
.bf-phone-wrap input {
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  flex: 1;
  min-width: 0;
}
.bf-phone-wrap input:focus { border: none !important; outline: none; }

/* Booking section responsive */
@media (max-width: 900px) {
  .booking-section { padding: 64px 0; }
  .booking-inner {
    grid-template-columns: 1fr;
    gap: 36px;
    padding: 0 20px;
  }
  .booking-left { text-align: center; }
  .bk-desc { max-width: 100%; }
  .booking-contact-cards { flex-direction: row; }
  .bcc-card { flex: 1; }
  .booking-right { display: block; }
}
@media (max-width: 600px) {
  .booking-section { padding: 48px 0; }
  .booking-inner { padding: 0 16px; }
  .booking-form { padding: 24px 18px; }
  .booking-form .bf-row { grid-template-columns: 1fr; gap: 12px; }
  .booking-contact-cards { flex-direction: column; }
  .bcc-card { padding: 14px 16px; }
  .bcc-icon { font-size: 22px; }
  .bcc-val { font-size: 14px; }
}

@media (max-width: 600px) {
  .bm-card { border-radius: var(--radius-lg); overflow: hidden; }
  .bm-header-ribbon { padding: 18px 52px 16px 20px; gap: 10px; }
  .bm-header-icon { font-size: 28px; }
  .bm-title { font-size: 17px; }
  .bm-body { padding: 20px 18px 24px; }
  .bm-form .bf-row { grid-template-columns: 1fr; gap: 12px; }
}

/* ============================================================
   TESTIMONIALS SECTION
   ============================================================ */
.testimonials-section {
  background: linear-gradient(180deg, #0b1420 0%, #090e14 100%);
  padding: 72px 0 60px;
  position: relative;
  overflow: hidden;
}
.testimonials-section::before {
  content: '';
  position: absolute;
  top: -120px; left: 50%;
  transform: translateX(-50%);
  width: 700px; height: 700px;
  background: radial-gradient(circle, rgba(46,92,14,0.13) 0%, transparent 70%);
  pointer-events: none;
}
.testi-wrap {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Header */
.testi-header {
  text-align: center;
  margin-bottom: 44px;
}
.testi-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(74,222,128,0.10);
  border: 1px solid rgba(74,222,128,0.22);
  border-radius: 50px;
  padding: 5px 14px;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--green-light);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.testi-badge-dot {
  width: 7px; height: 7px;
  background: var(--green-light);
  border-radius: 50%;
  animation: testiPulse 1.8s infinite;
}
@keyframes testiPulse {
  0%,100% { opacity: 1; transform: scale(1); }
  50%      { opacity: 0.5; transform: scale(1.4); }
}
.testi-heading {
  font-family: var(--font-display);
  font-size: clamp(1.6rem, 3.2vw, 2.4rem);
  font-weight: 800;
  color: #fff;
  margin-bottom: 8px;
}
.testi-sub {
  font-size: 0.95rem;
  color: var(--text-muted);
  margin-bottom: 16px;
}
.testi-rating-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 50px;
  padding: 7px 18px;
}
.testi-stars { color: var(--amber); font-size: 1.05rem; letter-spacing: 1px; }
.testi-rating-val { font-size: 1.05rem; font-weight: 800; color: #fff; }
.testi-rating-count { font-size: 0.8rem; color: var(--text-muted); }

/* Slider wrapper */
.testi-slider-wrap { position: relative; }

/* Cards */
.testi-card {
  margin: 0 10px;
  background: linear-gradient(145deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.02) 100%);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--radius-lg);
  padding: 26px 24px 20px;
  display: flex !important;
  flex-direction: column;
  gap: 14px;
  transition: border-color 0.22s, transform 0.22s, box-shadow 0.22s;
  position: relative;
  overflow: hidden;
}
.testi-card::before {
  content: '\201C';
  position: absolute;
  top: -4px; right: 18px;
  font-size: 5rem;
  line-height: 1;
  color: rgba(74,222,128,0.08);
  font-family: Georgia, serif;
  pointer-events: none;
}
.testi-card:hover {
  border-color: rgba(74,222,128,0.25);
  transform: translateY(-3px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.35);
}
.tc-featured {
  border-color: rgba(74,222,128,0.18);
}
.tc-featured::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, rgba(46,92,14,0.10) 0%, transparent 60%);
  pointer-events: none;
}

/* Top row: avatar + meta + stars */
.tc-top {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tc-avatar {
  width: 44px; height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--green-main), var(--green-mid));
  color: #fff;
  font-weight: 700;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 2px solid rgba(74,222,128,0.25);
}
.tc-av-g { background: linear-gradient(135deg, #059669, #10b981); }
.tc-av-o { background: linear-gradient(135deg, #d97706, #f59e0b); }
.tc-av-p { background: linear-gradient(135deg, #7c3aed, #a78bfa); }
.tc-meta { flex: 1; min-width: 0; }
.tc-name {
  font-size: 0.9rem;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tc-date {
  font-size: 0.72rem;
  color: var(--text-muted);
  margin-top: 2px;
}
.tc-stars {
  font-size: 0.85rem;
  color: var(--amber);
  flex-shrink: 0;
  letter-spacing: 1px;
}
.tc-star-empty { color: rgba(245,158,11,0.3); }

/* Review text */
.tc-text {
  font-size: 0.875rem;
  line-height: 1.65;
  color: #c9d1dc;
  flex: 1;
}

/* Footer badge */
.tc-footer { margin-top: 4px; }
.tc-google-badge {
  font-size: 0.7rem;
  color: var(--text-muted);
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 50px;
  padding: 3px 10px;
}

/* Slick core overrides */
.testi-slider .slick-track { display: flex !important; align-items: stretch; }
.testi-slider .slick-slide { height: auto !important; }
.testi-slider .slick-slide > div { height: 100%; display: flex; flex-direction: column; }

/* Custom arrows */
.testi-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 42px; height: 42px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: var(--tr);
  padding: 0;
  line-height: 1;
}
.testi-prev { left: -11px; }
.testi-next { right: -11px; }
.testi-arrow:hover {
  background: rgba(74,222,128,0.18);
  border-color: rgba(74,222,128,0.45);
  color: var(--green-light);
}
.testi-arrow.slick-disabled {
  opacity: 0.25;
  pointer-events: none;
}

/* Dots */
.testi-slider-wrap .slick-dots {
  list-style: none;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 28px 0 0;
  padding: 0;
  position: static;
}
.testi-slider-wrap .slick-dots li {
  width: auto; height: auto;
  margin: 0;
}
.testi-slider-wrap .slick-dots li button {
  width: 8px; height: 8px;
  padding: 0;
  background: rgba(255,255,255,0.2);
  border: none;
  border-radius: 50%;
  font-size: 0;
  cursor: pointer;
  transition: var(--tr);
  display: block;
}
.testi-slider-wrap .slick-dots li button::before { display: none; }
.testi-slider-wrap .slick-dots li.slick-active button {
  background: var(--green-light);
  width: 22px;
  border-radius: 4px;
}

/* CTA row */
.testi-cta-row {
  text-align: center;
  margin-top: 56px;
}
.testi-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, var(--green-main), var(--green-mid));
  color: #fff;
  font-weight: 700;
  font-size: 0.95rem;
  padding: 14px 32px;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 4px 24px rgba(46,92,14,0.45);
  transition: var(--tr);
}
.testi-cta-btn:hover {
  background: linear-gradient(135deg, var(--green-mid), var(--green-light));
  color: var(--green-dark);
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(74,222,128,0.35);
}

/* Responsive */
@media (max-width: 1100px) {
  .testi-wrap { padding: 0 60px; }
  .testi-prev { left: 4px; }
  .testi-next { right: 4px; }
}
@media (max-width: 600px) {
  .testimonials-section { padding: 52px 0 44px; }
  .testi-wrap { padding: 0 16px; }
  .testi-card { padding: 20px 18px 16px; margin: 0 6px; }
  .testi-heading { font-size: 1.45rem; }
  .tc-text { font-size: 0.83rem; }
}
.pkg-section.v2,#packagesSection{background: transparent;padding: 50px 0px;}
.pkg-section.v2 .pkg-tabs-track{padding: 6px 16px;}
#packagesSection .pkg-title{color: #fff;}
#pkgCardsWrap .pkg-title{color: #121212;}

/* ─── Floating FABs ──────────────────────────────────────────── */
.floating-cta {
  
  display: none;
  
}

.fab-btn {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  box-shadow: 0 6px 24px rgba(0,0,0,0.18);
  transition: transform var(--transition), box-shadow var(--transition);
  text-decoration: none;
  position: fixed;
  bottom: 40px;
  z-index: 999;
}

.fab-btn:hover {
  transform: scale(1.12) translateY(-2px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.22);
}

.fab-call { background: linear-gradient(135deg, #6c5ce7, #a29bfe); color: #fff;    left: 10px; }
.fab-whatsapp { background: linear-gradient(135deg, #25D366, #128C7E); color: #fff;     right: 10px;}

.fab-label {
  position: absolute;
  right: 62px;
  background: var(--text-primary);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 10px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}

.fab-btn:hover .fab-label { opacity: 1; }

@keyframes pulse-ring {
  0%   { transform: scale(1); opacity: 0.55; }
  100% { transform: scale(1.65); opacity: 0; }
}

.fab-whatsapp::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #25D366;
  animation: pulse-ring 1.8s ease-out infinite;
  z-index: -1;
}