:root{--green:#61d400;--ink:#071105;--muted:#5f6f5b;--cream:#f7faef;--paper:#fff;--line:#ddebd2;--shadow:0 24px 70px rgba(37,79,28,.12);--max:1440px;--tx2:#2C2E28;--tx3:#5C5E58;--tx4:#8C8E88;--b1:rgba(12,14,11,.08);--b2:rgba(12,14,11,.14);--s1:0 1px 3px rgba(12,14,11,.05),0 4px 14px rgba(12,14,11,.045);--s2:0 6px 28px rgba(12,14,11,.09),0 2px 6px rgba(12,14,11,.06);--s3:0 16px 56px rgba(12,14,11,.14),0 4px 18px rgba(12,14,11,.08);--gold-dim:rgba(97,212,0,.09);--gold-border:rgba(97,212,0,.22);--ease:cubic-bezier(.22,.9,.3,1)}
:root{--serif:'Cormorant Garamond',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.55}a{text-decoration:none;color:inherit}.ct{max-width:var(--max);margin:auto;padding:0 36px}
.nav{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-in{height:78px;display:flex;align-items:center;gap:28px}.brand{font-weight:900;font-size:36px;letter-spacing:-1.5px}.brand span{color:var(--green)}.nav-links{margin-left:auto;display:flex;gap:20px}.nav-links a{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#385034}.nav-cta{background:var(--green);padding:16px 24px;border-radius:999px;font-weight:900}
.hero{padding:84px 0 95px;background:radial-gradient(circle at 77% 12%,rgba(97,212,0,.26),transparent 32%),linear-gradient(135deg,#fbfff6,#edf8e8 55%,#e2f5d8)}.hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:54px;align-items:center}.crumb{font-size:14px;font-weight:800;color:#54704c;margin-bottom:20px}.crumb a{color:inherit;text-decoration:none}.crumb a:hover{color:var(--green)}.ey{font-size:13px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#4ac200;margin-bottom:12px}.hero h1{font-size:clamp(56px,7vw,102px);line-height:.92;letter-spacing:-4px;margin:0 0 22px}.hero h1 span{color:var(--green)}.hero h1 .hero-flag-icon{display:inline-block;font-size:.5em;line-height:1;vertical-align:middle;margin-right:16px;color:initial}.hero p{font-size:20px;color:#4d6048;max-width:800px;margin:0 0 24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:15px 22px;border-radius:999px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;line-height:1}.btn.primary{background:var(--green);color:#071105}.btn.dark{background:#071105;color:white}.btn.light{background:white;border:1px solid var(--line);color:var(--ink)}.hero-card{background:white;border:1px solid var(--line);border-radius:38px;padding:18px;box-shadow:var(--shadow)}.hero-visual{height:390px;border-radius:30px;background:url('https://images.unsplash.com/photo-1477587458883-47145ed94245?w=1400&q=80') center/cover}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.stat{background:#f4fbef;border:1px solid var(--line);border-radius:18px;padding:14px 10px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:88px}.stat b{font-size:19px;line-height:1.2;word-break:break-word}.stat span{display:block;font-size:11px;color:var(--muted);font-weight:800;margin-top:5px;line-height:1.3}
.search-band{background:linear-gradient(180deg,var(--cream) 0%,#fbfdf7 55%,#fff 100%);position:relative;z-index:5;padding:40px 0 48px}
.search-band .ct{position:relative}
.searchbox{background:#fff;border:1px solid var(--b1);border-radius:20px;box-shadow:var(--s3);padding:24px;display:grid;grid-template-columns:repeat(6,1fr);gap:18px;position:absolute;top:-95px;left:36px;right:36px;z-index:6}
.field{border:1px solid var(--b1);border-radius:13px;padding:13px 15px;transition:border-color .2s var(--ease),background .2s var(--ease)}
.field:hover{border-color:var(--b2)}
.field:focus-within{border-color:rgba(97,212,0,.45);box-shadow:0 0 0 3px rgba(97,212,0,.08)}
.field label{display:block;font-size:.5rem;text-transform:uppercase;letter-spacing:.14em;color:var(--tx4);font-weight:700}
.field input{border:0;outline:0;width:100%;background:transparent;font-size:.76rem;font-weight:500;margin-top:3px;color:var(--tx2)}
.field input::placeholder{color:var(--tx3);font-weight:500}
.field select{border:0;outline:0;width:100%;background:transparent;font-size:.76rem;margin-top:4px;color:var(--tx2);appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;font-family:inherit;font-weight:500;padding-right:18px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C5E58' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right center;background-size:12px}
.field select:hover{color:var(--tx2)}
.field select:focus{color:var(--ink)}
.field select option{color:var(--ink);background:#fff}
.searchbox > button{border:0;background:var(--green);color:#fff;border-radius:13px;font-weight:700;padding:0 16px;cursor:pointer;transition:background .2s var(--ease),transform .2s var(--ease)}
.searchbox > button:hover{background:#6be600;transform:translateY(-1px)}
.section{padding:82px 0}.head{margin-bottom:34px}.head.center{text-align:center}.head h2{font-size:clamp(36px,4.5vw,66px);line-height:1;letter-spacing:-2px;margin:8px 0 12px}.head h2 span{color:var(--green)}.head p{color:var(--muted);font-size:17px;max-width:940px}.head.center p{margin-left:auto;margin-right:auto}.about-grid{display:grid;grid-template-columns:1fr .9fr;gap:28px}.about-card,.info-card{background:white;border:1px solid var(--line);border-radius:30px;padding:32px;box-shadow:0 18px 50px rgba(37,79,28,.07)}.about-card p{font-size:18px;color:#475d42}.facts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fact{background:#071105;color:white;border-radius:24px;padding:22px}.fact b{display:block;color:var(--green);font-size:23px}.fact span{color:rgba(255,255,255,.72);font-size:13px}
.why-grid,.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.why-card,.cat-card{background:white;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 12px 34px rgba(37,79,28,.055)}.why-card div,.cat-card div{font-size:34px}.why-card h3,.cat-card b{display:block;font-size:20px;margin:8px 0}.why-card p,.cat-card span{color:var(--muted);font-size:14px}
.dark{background:#071105;color:white}.dark .head p{color:rgba(255,255,255,.62)}.dark .cat-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none}.dark .cat-card span{color:rgba(255,255,255,.62)}
.attraction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.attraction-card{background:white;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 12px 34px rgba(37,79,28,.055)}.attraction-card h3{font-size:22px;margin:12px 0 8px}.attraction-card p,.ops{color:var(--muted);font-size:13px}.card-top,.meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.card-top span,.card-top em,.meta span{font-style:normal;background:#eff9e9;border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:#49723e;font-size:11px;font-weight:900}.chips,.badges{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0}.chips b,.badges b{background:#f2faed;border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:11px;color:#47723a}
.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.product-card{background:white;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 18px 50px rgba(37,79,28,.06)}.product-card:hover,.attraction-card:hover,.cat-card:hover,.small-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--green)}.product-media{height:150px;background:url('taj.svg') center/cover;display:flex;align-items:flex-start;padding:14px}.product-media span{background:#071105;color:white;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.product-body{padding:20px}.product-body h3{font-size:24px;line-height:1.08;margin:14px 0 6px}.product-body p{color:var(--muted);font-size:14px}.dest{font-weight:900;color:#3e5f38!important}.rating{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;color:#5a7b50;font-weight:900;font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.split strong{display:block;font-size:13px}.split small{display:block;color:var(--muted);font-size:12px;margin:4px 0}.card-cta{margin-top:14px;background:#071105;color:white;border-radius:999px;padding:12px;text-align:center;font-weight:900}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.small-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.small-card{background:white;border:1px solid var(--line);border-radius:20px;padding:18px}.small-card b{display:block;font-size:18px}.small-card span{display:block;color:#3e5f38;font-weight:900;margin:5px 0}.small-card p{color:var(--muted);font-size:13px;margin:0}.itinerary-grid,.season-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.itinerary,.season{background:white;border:1px solid var(--line);border-radius:24px;padding:24px}.itinerary h3{font-size:24px;margin:0 0 6px}.itinerary span,.season span{color:#5a7b50;font-weight:900}.itinerary li{margin:6px 0;color:var(--muted)}.season b{font-size:24px}.season p{color:var(--muted)}
.mapbox{background:white;border:1px solid var(--line);border-radius:30px;padding:24px;display:grid;grid-template-columns:1fr .9fr;gap:22px}.map-art{min-height:360px;border-radius:22px;background:url('map.svg') center/cover}.map-list div{border-bottom:1px solid var(--line);padding:14px 0}.map-list b{display:block}.map-list span{color:var(--muted);font-size:13px}.faq details{background:white;border:1px solid var(--line);border-radius:18px;padding:18px;margin:10px 0}.faq summary{font-weight:900;cursor:pointer}.faq p{color:var(--muted)}.cta{background:linear-gradient(135deg,#071105,#265e0e);color:white;text-align:center;padding:86px 0}.cta h2{font-size:54px;line-height:1;margin:0 0 18px}.cta p{color:rgba(255,255,255,.72);font-size:18px}.footer{background:#040804;color:white;padding:46px 0}.footgrid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:26px}.footgrid h3{font-size:28px;margin:0;color:var(--green)}.footgrid p,.footgrid a{display:block;color:rgba(255,255,255,.55);font-size:13px;margin:7px 0}.hidden{display:none!important}
@media(max-width:1150px){.hero-grid,.about-grid,.grid-2,.mapbox{grid-template-columns:1fr}.searchbox{grid-template-columns:repeat(3,1fr);position:static;margin-top:-60px}.hero{padding-bottom:44px}.products-grid,.itinerary-grid,.season-grid{grid-template-columns:repeat(2,1fr)}.why-grid,.cat-grid,.attraction-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.footgrid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.ct{padding:0 20px}.hero h1{font-size:48px}.stats,.products-grid,.why-grid,.cat-grid,.attraction-grid,.grid-2,.small-grid,.itinerary-grid,.season-grid,.footgrid,.split{grid-template-columns:1fr}.searchbox{grid-template-columns:1fr;padding:14px;margin-top:0}.field input,.field select{font-size:16px}.activity-grid{grid-template-columns:1fr}.hero-visual{height:300px}.cta h2{font-size:38px}}

.hero-visual{background-image:url('https://images.unsplash.com/photo-1564507592333-c60657eea523?w=900&q=80');background-size:cover;background-position:center}
.attraction-card{overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.attraction-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--green)}
.product-card{transition:transform .25s,box-shadow .25s}
.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.why-card,.cat-card,.small-card{transition:transform .25s,box-shadow .25s}
details[open]{border-color:var(--green)}
.season-grid{grid-template-columns:repeat(2,1fr)}

/* State page overrides — matching ORVI theme exactly */
.hero-visual{background-image:url('https://images.unsplash.com/photo-1567157577867-05ccb1388e66?w=1400&q=80');background-size:cover;background-position:center 40%}
.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.food-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.highlight-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.htab{border:1px solid var(--line);background:white;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:900;cursor:pointer;transition:all .15s;color:#385034}
.htab.on{background:#071105;color:white;border-color:#071105}
.attraction-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--green)}
details[open]{border-color:var(--green)!important}
.hidden{display:none!important}
@media(max-width:900px){
  .package-grid,.food-grid,.facts-grid{grid-template-columns:1fr 1fr}
  .facts-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .package-grid,.food-grid,.facts-grid{grid-template-columns:1fr}
}

.hero-visual{background-image:url('https://images.unsplash.com/photo-1477587458883-47145ed94245?w=1400&q=80');background-size:cover;background-position:center 40%}
.food-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.hl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
@media(max-width:900px){.food-grid,.hl-grid,.facts-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.food-grid,.hl-grid,.facts-grid{grid-template-columns:1fr}}

/* ---- Activity/Tours card family (new — matches .package's exact pattern) ---- */
.activity{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:all .25s}
.activity-img{height:120px;background:linear-gradient(135deg,var(--ink),#1a3a0d);color:white;display:flex;align-items:flex-end;padding:14px;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.1rem}
.activity-body{padding:14px}
.activity h3{font-size:.9rem;line-height:1.3;margin:6px 0}
.activity p{font-size:.65rem;color:var(--muted)}
.act-meta{display:flex;justify-content:space-between;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.act-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:8px}
.act-foot strong{color:var(--ink);font-weight:800}
.act-foot a{background:var(--ink);color:white;border-radius:100px;padding:7px 12px;font-size:.6rem;font-weight:700}

/* ---- Eyebrow / section label (borrowed exactly from country original) ---- */
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.eyebrow .line{width:32px;height:1px;background:var(--green)}
.eyebrow span{font-size:.55rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}

/* ---- Policy line (borrowed exactly from country original, + missing 'b') ---- */
.policy{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}
.policy b{display:block;font-size:.6rem;color:var(--ink)}
.policy small{display:block;font-size:.55rem;color:var(--muted)}

.activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,300px));gap:14px}

/* ---------- CUSTOM DROPDOWN (progressive enhancement of .field select) — Country se sync ---------- */
.cs-wrap{position:relative}
.cs-trigger,
.cs-trigger:hover,
.cs-trigger:focus,
.cs-trigger:active{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
.cs-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:0;margin-top:4px;font-size:.76rem;font-weight:500;color:var(--tx2);cursor:pointer;font-family:inherit;text-align:left}
.cs-trigger .cs-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tx2)}
.cs-trigger .cs-arrow{width:12px;height:12px;flex-shrink:0;color:var(--tx4);transition:transform .2s var(--ease)}
.cs-wrap.open .cs-trigger .cs-arrow{transform:rotate(180deg);color:#385034}
.cs-panel{position:absolute;top:calc(100% + 10px);left:-13px;min-width:calc(100% + 26px);background:#fff;border:1px solid var(--b1);border-radius:14px;box-shadow:var(--s3);padding:8px;max-height:280px;overflow-y:auto;z-index:50;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s}
.cs-wrap.open .cs-panel{opacity:1;visibility:visible;transform:translateY(0)}
.cs-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;margin-bottom:3px;border-radius:9px;font-size:.78rem;color:var(--tx2);cursor:pointer;transition:background .15s var(--ease)}
.cs-option:last-child{margin-bottom:0}
.cs-option:hover{background:var(--cream)}
.cs-option.selected{background:var(--gold-dim);color:#385034;font-weight:600}
.cs-option .cs-check{width:14px;height:14px;flex-shrink:0;color:#385034;opacity:0;transform:scale(.6);transition:all .15s var(--ease)}
.cs-option.selected .cs-check{opacity:1;transform:scale(1)}
.cs-panel::-webkit-scrollbar{width:6px}
.cs-panel::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}
.cs-panel::-webkit-scrollbar-track{background:transparent}
@media(max-width:700px){
  .cs-panel{left:0;min-width:100%}
}

/* ---------- Mobile-friendly fixes: city cards, price tiers, facts grid, hero stats ---------- */
.city-card-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
@media(max-width:700px){
  .city-card-grid{grid-template-columns:1fr}
}

@media(max-width:700px){
  .price-tiers-grid{grid-template-columns:1fr!important}
}

@media(max-width:480px){
  .facts{grid-template-columns:1fr}
  .ct{padding:0 16px}
  .hero{padding-bottom:32px}
  .hero-visual{height:220px}
  section,.section{padding:40px 0}
  .stats{gap:8px}
}

/* Hero stats: nicer 2-column tier before full stack on small phones */
@media(max-width:700px) and (min-width:481px){
  .stats{grid-template-columns:repeat(2,1fr)}
}

/* City card hover — consistent with attraction-card/product-card convention site-wide */
.city-card{transition:transform .25s,box-shadow .25s,border-color .25s}
.city-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--green)}

/* Fact cards inside dark sections (Practical Info) were invisible — same bg as section.
   Give them a visible panel + border, distinct from the section background. */
.dark .fact{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:transform .2s,background .2s}
.dark .fact:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}
.dark .fact span{color:rgba(255,255,255,.75)}

/* Center the grid when fewer cards don't fill a full row */
.practical-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;justify-content:center}
@media(max-width:900px){.practical-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.practical-grid{grid-template-columns:1fr}}