/* Brand palette (from your logo) */
:root{
--navy:#0C2340; /* header/nav */
--orange:#E64B2C; /* primary CTA */
--yellow:#F6B21A; /* accents */
--green:#2F8B57; /* nature tag */
--bg:#0e0f13; /* page bg */
--card:#151821; /* cards */
--muted:#a8b3c7; /* muted text */
--white:#ffffff;
--radius:18px;
--shadow:0 10px 30px rgba(0,0,0,.35);
}

/* Brand palette (from your logo) */
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}


/* Header */
    .header{position:sticky;top:0;z-index:40;background:linear-gradient(180deg, rgba(3, 32, 65, 0.98) 0%, rgba(0, 0, 0, 0.479) 60%, rgba(197, 197, 196, 0) 100%);backdrop-filter:saturate(120%) blur(5px);}
    .nav{max-width:1200px;margin:auto;display:flex;align-items:center;gap:22px;padding:14px 20px}
    .brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.3px}
    .brand img{width:44px;height:44px;object-fit:contain}
    .brand .name{font-size:20px}
    .spacer{flex:1}
    .menu a{padding:10px 14px;border-radius:999px;color:var(--muted);font-weight:600}
    .menu a.active,.menu a:hover{color:var(--white);background:rgba(255,255,255,.06)}
    .cta{background:var(--orange);color:#101114;padding:10px 16px;border-radius:999px;font-weight:800;border:0;cursor:pointer}
    .cta:hover{background:var(--yellow)}


/* Hero */
.page-hero{position:relative;isolation:isolate}
.hero-bg{position:absolute;inset:0;background:
radial-gradient(900px 300px at 10% 10%,rgba(246,178,26,.15),transparent 60%),
radial-gradient(900px 300px at 90% 0%,rgba(230,75,44,.12),transparent 55%),
url('../images/header\ day\ tour.png') center/cover no-repeat;
filter:contrast(1.02) saturate(1.02) brightness(.72);z-index:-2}
.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(14,15,19,.0) 0%, rgba(14,15,19,.45) 45%, rgba(14,15,19,.85) 100%);z-index:-1}
.container{max-width:1200px;margin:auto;padding:0 20px}
.kicker{padding-top:90px;display:inline-flex;gap:8px;color:var(--yellow);font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.title{font-family:"Playfair Display",serif;font-size:clamp(34px,5vw,56px);line-height:1.05;margin:8px 0 8px}
.subtitle{max-width:720px;color:var(--muted)}
.title strong{color:var(--yellow);font-weight:800}


/* Pills */
.filters{display:flex;gap:10px;margin:26px auto}
.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:var(--muted);font-weight:600}
.pill:hover,.pill.active{color:var(--white);background:rgba(255,255,255,.10)}


/* Grid */
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.card{grid-column:span 4;background:var(--card);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow);transition:transform .25s ease, box-shadow .25s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(0,0,0,.5)}
.thumb{position:relative;display:block}
.thumb img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}
.badge{position:absolute;left:12px;top:12px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent}
.badge-green{background:rgba(47,139,87,.18);color:#a9e7c6;border-color:rgba(47,139,87,.35)}
.badge-orange{background:rgba(230,75,44,.18);color:#ffd2c8;border-color:rgba(230,75,44,.35)}
.badge-yellow{background:rgba(246,178,26,.18);color:#ffe8b0;border-color:rgba(246,178,26,.35)}
.body{padding:16px}
.card h3{margin:8px 0 8px;font-size:22px}
.card p{color:var(--muted);margin:0 0 10px}
.meta{color:var(--muted);font-size:14px}
.actions{display:flex;gap:10px;margin-top:14px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:transparent;color:var(--white);cursor:pointer;font-weight:600}
.btn:hover{border-color:rgba(255,255,255,.28)}
.btn.primary{background:var(--orange);color:#101114;border:0;font-weight:800}
.btn.primary:hover{background:var(--yellow)}


/* Footer */
.footer{background:linear-gradient(180deg,#0c1a33,#0C2340);padding:34px 0;margin-top:50px}
.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:22px;color:var(--muted)}
.footer h4{color:var(--white);margin:0 0 10px}
.footer a{color:var(--muted)}
.footer a:hover{color:var(--yellow)}


/* Responsive */
@media (max-width:1024px){
.card{grid-column:span 6}
}
@media (max-width:680px){
.menu{display:none}
.kicker{padding-top:72px}
.card{grid-column:1/-1}
.footer-inner{grid-template-columns:1fr}
}
/* Itinerary list styles */
.itinerary-list {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.itinerary-list li {
  background: #f9f9f9;
  margin-bottom: 10px;
  padding: 15px;
  border-left: 5px solid #004d40;
  border-radius: 6px;
  font-size: 16px;
  line-height: 1.5;
}