*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  :root {
    --navy: #0B2545;
    --teal: #1A7F6E;
    --teal-light: #2AB09A;
    --gold: #D4A843;
    --sand: #F5EFE0;
    --white: #FFFFFF;
    --text-dark: #1C1C1C;
    --text-mid: #4A4A4A;
    --text-light: #7A7A7A;
    --border: rgba(0,0,0,0.08);
    --shadow-sm: 0 2px 12px rgba(11,37,69,0.08);
    --shadow-md: 0 6px 30px rgba(11,37,69,0.14);
    --shadow-lg: 0 16px 56px rgba(11,37,69,0.18);
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
  }
  html { scroll-behavior: smooth; }
  body { font-family: 'Inter', sans-serif; color: var(--text-dark); background: #fff; line-height: 1.6; }
  .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

  /* NAV */
  nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
    background: rgba(11,37,69,0.96); backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255,255,255,0.08);
  }
  .logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.site-logo-img { height: 40px; width: auto; display: block; }
.footer-logo-img { height: 36px; width: auto; display: block; }
  .nav-inner { display: flex; align-items: center; justify-content: space-between; height: 68px; }
  /* .logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }
  .logo-icon { width: 36px; height: 36px; background: var(--teal); border-radius: 8px; display: flex; align-items: center; justify-content: center; }
  .logo-text { font-family: 'Playfair Display', serif; color: white; font-size: 20px; font-weight: 600; letter-spacing: -0.3px; }
  .logo-text span { color: var(--gold); } */
  .nav-links { display: flex; align-items: center; gap: 6px; }
  .nav-links a { color: rgba(255,255,255,0.8); text-decoration: none; padding: 8px 14px; border-radius: var(--radius-sm); font-size: 14px; font-weight: 400; transition: all 0.2s; }
  .nav-links a:hover { color: white; background: rgba(255,255,255,0.1); }
  .nav-cta { background: var(--gold) !important; color: var(--navy) !important; font-weight: 600 !important; padding: 9px 20px !important; }
  .nav-cta:hover { background: #e8bc50 !important; }

  /* HERO */
  .hero {
    min-height: 100vh; position: relative; overflow: hidden;
    display: flex; align-items: center;
  }
  .hero-bg {
    position: absolute; inset: 0; z-index: 0;
    background-image: url('https://images.unsplash.com/photo-1583212292454-1fe6229603b7?w=1600&q=80');
    background-size: cover; background-position: center;
  }
  .hero-overlay {
    position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(to right, rgba(11,37,69,0.92) 0%, rgba(11,37,69,0.55) 55%, rgba(11,37,69,0.2) 100%);
  }
  .hero-content { position: relative; z-index: 2; max-width: 680px; padding-top: 68px; }
  .hero-badge {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(212,168,67,0.18); border: 1px solid rgba(212,168,67,0.4);
    color: var(--gold); font-size: 12px; font-weight: 600; letter-spacing: 1.2px;
    text-transform: uppercase; padding: 6px 14px; border-radius: 100px; margin-bottom: 24px;
  }
  .hero h1 { font-family: 'Playfair Display', serif; font-size: clamp(36px, 5vw, 64px); color: white; font-weight: 700; line-height: 1.1; margin-bottom: 20px; }
  .hero h1 em { color: var(--teal-light); font-style: normal; }
  .hero-sub { font-size: 17px; color: rgba(255,255,255,0.75); max-width: 520px; line-height: 1.7; margin-bottom: 36px; }
  .hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 48px; }
  .btn-primary { background: var(--gold); color: var(--navy);     padding: 9px 12px; border-radius: var(--radius-sm); font-weight: 600; font-size: 15px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: all 0.2s; border: none; cursor: pointer; }
  .btn-primary:hover { background: #e8bc50; transform: translateY(-1px); }
  .btn-outline { border: 1.5px solid rgba(255,255,255,0.5); color: white; padding: 14px 28px; border-radius: var(--radius-sm); font-weight: 500; font-size: 15px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: all 0.2s; }
  .btn-outline:hover { border-color: white; background: rgba(255,255,255,0.08); }
  .hero-stats { display: flex; gap: 40px; }
  .hero-stat-num { font-family: 'Playfair Display', serif; font-size: 28px; color: white; font-weight: 700; }
  .hero-stat-label { font-size: 12px; color: rgba(255,255,255,0.55); text-transform: uppercase; letter-spacing: 0.8px; margin-top: 2px; }

  /* SEARCH BAR */
  .search-wrap { background: #F0F4F8; }
  .search-bar-wrap {
    background: white; border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg); padding: 20px 24px;
  }
  .search-bar-inner { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 16px; align-items: end; }
  .search-field label { display: block; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: var(--text-light); margin-bottom: 6px; }
  .search-field select, .search-field input {
    width: 100%; padding: 10px 12px; border: 1px solid var(--border); border-radius: var(--radius-sm);
    font-size: 14px; font-family: 'Inter', sans-serif; color: var(--text-dark);
    background: #FAFAFA; outline: none; transition: border-color 0.2s;
  }
  .search-field select:focus, .search-field input:focus { border-color: var(--teal); background: white; }
  .btn-search { background: var(--teal); color: white; padding: 10px 24px; border-radius: var(--radius-sm); border: none; font-weight: 600; font-size: 14px; cursor: pointer; display: flex; align-items: center; gap: 8px; white-space: nowrap; height: 42px; transition: background 0.2s; font-family: 'Inter', sans-serif; }
  .btn-search:hover { background: var(--teal-light); }

  /* SECTIONS */
  section { padding: 80px 0; }
  .section-label { font-size: 12px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: var(--teal); margin-bottom: 10px; }
  .section-title { font-family: 'Playfair Display', serif; font-size: clamp(26px, 3.5vw, 40px); color: var(--navy); font-weight: 700; line-height: 1.15; margin-bottom: 16px; }
  .section-sub { font-size: 16px; color: var(--text-mid); max-width: 560px; line-height: 1.7; }
  .section-head-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 48px; }
  .view-all { color: var(--teal); font-size: 14px; font-weight: 500; text-decoration: none; white-space: nowrap; }
  .view-all:hover { color: var(--navy); }

  /* DESTINATIONS */
  .destinations { background: var(--sand); }
  .dest-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
  .dest-card { border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--border); background: white; box-shadow: var(--shadow-sm); transition: box-shadow 0.25s, transform 0.25s; }
  .dest-card:hover { box-shadow: var(--shadow-md); transform: translateY(-4px); }
  .dest-img { position: relative; height: 220px; overflow: hidden; }
  .dest-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
  .dest-card:hover .dest-img img { transform: scale(1.06); }
  .dest-badge { position: absolute; top: 12px; left: 12px; background: var(--gold); color: var(--navy); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; padding: 4px 10px; border-radius: 100px; }
  .dest-body { padding: 22px; }
  .dest-name { font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 600; color: var(--navy); margin-bottom: 8px; }
  .dest-desc { font-size: 14px; color: var(--text-mid); line-height: 1.7; margin-bottom: 18px; }
  .dest-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 18px; }
  .dest-tag { background: rgba(26,127,110,0.08); color: var(--teal); font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: 100px; }
  .dest-footer { display: flex; align-items: center; justify-content: space-between; padding-top: 14px; border-top: 1px solid var(--border); }
  .dest-meta { font-size: 12px; color: var(--text-light); }
  .btn-view { background: var(--teal); color: white; padding: 8px 18px; border-radius: 6px; font-size: 13px; font-weight: 600; text-decoration: none; transition: background 0.2s; }
  .btn-view:hover { background: var(--navy); }
  .dest-gridhome { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .dest-cardhome { position: relative; border-radius: var(--radius-md); overflow: hidden; aspect-ratio: 4/3; cursor: pointer; }
  .dest-cardhome img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
  .dest-cardhome:hover img { transform: scale(1.06); }
  .dest-card-overlayhome { position: absolute; inset: 0; background: linear-gradient(to top, rgba(11,37,69,0.82) 0%, rgba(11,37,69,0.05) 60%); display: flex; flex-direction: column; justify-content: flex-end; padding: 20px; }
  .dest-card-namehome { font-family: 'Playfair Display', serif; color: white; font-size: 20px; font-weight: 600; }
  .dest-card-taglinehome { color: rgba(255,255,255,0.75); font-size: 13px; margin-top: 3px; }
  .dest-card-taghome { position: absolute; top: 14px; left: 14px; background: var(--gold); color: var(--navy); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; padding: 4px 10px; border-radius: 100px; }
  .dest-card-lghome { grid-column: span 2; grid-row: span 2;}

  /* PACKAGES */
  /* .pkg-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .pkg-card { border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--border); background: white; box-shadow: var(--shadow-sm); transition: box-shadow 0.25s, transform 0.25s; }
  .pkg-card:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); }
  .pkg-img { position: relative; height: 200px; overflow: hidden; }
  .pkg-img img { width: 100%; height: 100%; object-fit: cover; }
  .pkg-badge { position: absolute; top: 12px; left: 12px; background: var(--navy); color: white; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 100px; }
  .pkg-badge.hot { background: #E8483A; }
  .pkg-badge.popular { background: var(--teal); }
  .pkg-body { padding: 20px; }
  .pkg-title { font-family: 'Playfair Display', serif; font-size: 17px; font-weight: 600; color: var(--navy); margin-bottom: 10px; line-height: 1.3; }
  .pkg-meta { display: flex; gap: 14px; margin-bottom: 12px; }
  .pkg-meta-item { display: flex; align-items: center; gap: 5px; font-size: 12px; color: var(--text-mid); }
  .pkg-meta-item svg { width: 14px; height: 14px; stroke: var(--teal); fill: none; flex-shrink: 0; stroke-width: 2; }
  .pkg-destinations { font-size: 13px; color: var(--text-mid); margin-bottom: 16px; }
  .pkg-footer { display: flex; align-items: center; justify-content: space-between; padding-top: 14px; border-top: 1px solid var(--border); }
  .pkg-price-label { font-size: 11px; color: var(--text-light); text-transform: uppercase; letter-spacing: 0.5px; }
  .pkg-price { font-family: 'Playfair Display', serif; font-size: 21px; color: var(--navy); font-weight: 700; }
  .pkg-price span { font-size: 12px; color: var(--text-mid); font-family: 'Inter', sans-serif; font-weight: 400; }
  .btn-enquire { background: var(--teal); color: white; padding: 8px 18px; border-radius: var(--radius-sm); font-size: 13px; font-weight: 600; text-decoration: none; transition: background 0.2s; }
  .btn-enquire:hover { background: var(--navy); }
  .cat-pill { padding: 10px 20px; border: 1.5px solid var(--border); border-radius: 100px; text-decoration: none; color: var(--text-mid); font-size: 14px; transition: all 0.2s; }
  .cat-pill:hover { border-color: var(--teal); color: var(--teal); }
  .pkg-card-body{padding: 20px;} */
.pkg-body { padding: 20px; }
.cat-pill { padding: 10px 20px; border: 1.5px solid var(--border); border-radius: 100px; text-decoration: none; color: var(--text-mid); font-size: 14px; transition: all 0.2s; }
  .cat-pill:hover { border-color: var(--teal); color: var(--teal); }
  .pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .pkg-card{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:white;box-shadow:var(--shadow-sm);transition:box-shadow 0.25s,transform 0.25s;}
  .pkg-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);}
  .pkg-img{position:relative;height:210px;overflow:hidden;}
  .pkg-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
  .pkg-card:hover .pkg-img img{transform:scale(1.06);}
  .pkg-badge{position:absolute;top:12px;left:12px;background:var(--navy);color:white;font-size:11px;font-weight:600;padding:4px 10px;border-radius:100px;}
  .pkg-badge.hot{background:#E8483A;}
  .pkg-badge.popular{background:var(--teal);}
  .pkg-badge.luxury{background:#8B6914;}
  .pkg-card-body{padding:20px;}
  .pkg-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;color:var(--teal);margin-bottom:6px;}
  .pkg-title{font-family:'Playfair Display',serif;font-size:17px;font-weight:600;color:var(--navy);margin-bottom:10px;line-height:1.3;}
  .pkg-meta{display:flex;gap:14px;margin-bottom:12px;flex-wrap:wrap;}
  .pkg-meta-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-mid);}
  .pkg-meta-item svg{width:13px;height:13px;stroke:var(--teal);fill:none;stroke-width:2;}
  .pkg-dest{font-size:13px;color:var(--text-mid);margin-bottom:10px;}
  .pkg-includes{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px;}
  .pkg-include-tag{background:#F0F8F6;color:var(--teal);font-size:11px;padding:3px 9px;border-radius:100px;font-weight:500;}
  .pkg-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border);}
  .pkg-price-label{font-size:11px;color:var(--text-light);text-transform:uppercase;letter-spacing:0.5px;}
  .pkg-price{font-family:'Playfair Display',serif;font-size:20px;color:var(--navy);font-weight:700;}
  .pkg-price span{font-size:12px;color:var(--text-mid);font-family:'Inter',sans-serif;font-weight:400;}
  .btn-enquire{background:var(--teal);color:white;padding:8px 18px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;transition:background 0.2s;}
  .btn-enquire:hover{background:var(--navy);}

  /* ACTIVITIES */
  .activities { background: var(--navy); }
  .activities .section-label { color: var(--teal-light); }
  .activities .section-title { color: white; }
   .act-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px;}
  .act-card{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:white;box-shadow:var(--shadow-sm);transition:all 0.25s;}
  .act-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);}
  .act-img{position:relative;height:220px;overflow:hidden;}
  .act-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
  .act-card:hover .act-img img{transform:scale(1.07);}
  .act-level{position:absolute;top:12px;left:12px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:0.5px;}
  .level-easy{background:rgba(26,127,110,0.9);color:white;}
  .level-moderate{background:rgba(212,168,67,0.9);color:#2a1a00;}
  .level-thrill{background:rgba(220,80,60,0.9);color:white;}
  .act-price-badge{position:absolute;bottom:12px;right:12px;background:rgba(11,37,69,0.85);color:white;font-size:12px;font-weight:700;padding:5px 12px;border-radius:100px;backdrop-filter:blur(4px);}
  .act-body{padding:20px;}
  .act-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;color:var(--teal);margin-bottom:6px;}
  .act-name{font-family:'Playfair Display',serif;font-size:19px;font-weight:600;color:var(--navy);margin-bottom:8px;}
  .act-desc{font-size:13px;color:var(--text-mid);line-height:1.65;margin-bottom:14px;}
  .act-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;}
  .act-meta-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-mid);background:#F5F7FA;padding:4px 10px;border-radius:100px;}
  .act-meta-item svg{width:13px;height:13px;stroke:var(--teal);fill:none;stroke-width:2;}
  .act-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border);}
  .act-footer-price{font-family:'Playfair Display',serif;font-size:18px;color:var(--navy);font-weight:700;}
  .act-footer-price span{font-size:12px;color:var(--text-light);font-family:'Inter',sans-serif;font-weight:400;}
  .btn-book{background:var(--teal);color:white;padding:8px 18px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;transition:background 0.2s;}
  .btn-book:hover{background:var(--navy);}
  /*home*/
  .act-gridhome { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
  .act-cardhome { border-radius: var(--radius-md); overflow: hidden; position: relative; aspect-ratio: 3/4; cursor: pointer; }
  .act-cardhome img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
  .act-cardhome:hover img { transform: scale(1.08); }
  .act-card-overlayhome { position: absolute; inset: 0; background: linear-gradient(to top, rgba(11,37,69,0.9) 0%, transparent 55%); display: flex; flex-direction: column; justify-content: flex-end; padding: 18px; }
  .act-namehome { color: white; font-weight: 600; font-size: 16px; font-family: 'Playfair Display', serif; }
  .act-detailhome { color: rgba(255,255,255,0.65); font-size: 12px; margin-top: 3px; }

  /* WHY US */
  .why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
  .why-card { text-align: center; padding: 32px 24px; border-radius: var(--radius-md); border: 1px solid var(--border); transition: all 0.25s; }
  .why-card:hover { border-color: var(--teal); box-shadow: var(--shadow-md); }
  .why-icon { width: 60px; height: 60px; background: rgba(26,127,110,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px; }
  .why-icon svg { width: 28px; height: 28px; stroke: var(--teal); fill: none; stroke-width: 1.8; }
  .why-title { font-weight: 600; font-size: 16px; color: var(--navy); margin-bottom: 8px; }
  .why-desc { font-size: 13px; color: var(--text-mid); line-height: 1.6; }

  /* TESTIMONIALS */
  .testimonials { background: var(--sand); }
  .testi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .testi-card { background: white; border-radius: var(--radius-md); padding: 28px; box-shadow: var(--shadow-sm); }
  .testi-quote { font-size: 40px; color: var(--teal); line-height: 1; font-family: 'Playfair Display', serif; margin-bottom: 14px; }
  .testi-text { font-size: 14px; color: var(--text-mid); line-height: 1.75; margin-bottom: 20px; }
  .testi-footer { display: flex; align-items: center; gap: 12px; }
  .testi-avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; border: 2px solid var(--teal-light); }
  .testi-name { font-weight: 600; font-size: 14px; color: var(--navy); }
  .testi-loc { font-size: 12px; color: var(--text-light); }
  .testi-stars { color: var(--gold); font-size: 13px; }

  /* BLOGS */
  .blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .blog-card { border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--border); background: white; }
  .blog-img { height: 180px; overflow: hidden; }
  .blog-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
  .blog-card:hover .blog-img img { transform: scale(1.05); }
  .blog-body { padding: 20px; }
  .blog-cat { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--teal); margin-bottom: 8px; }
  .blog-title { font-family: 'Playfair Display', serif; font-size: 16px; color: var(--navy); font-weight: 600; line-height: 1.4; margin-bottom: 10px; }
  .blog-title a { text-decoration: none; color: inherit; }
  .blog-title a:hover { color: var(--teal); }
  .blog-meta { font-size: 12px; color: var(--text-light); display: flex; gap: 10px; }

  /* ENQUIRY */
  .enquiry { background: var(--navy); }
  .enquiry .section-label { color: var(--teal-light); }
  .enquiry .section-title { color: white; }
  .enquiry .section-sub { color: rgba(255,255,255,0.65); }
  .enquiry-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
  .enq-form { background: white; border-radius: var(--radius-lg); padding: 36px; }
  .enq-form h3 { font-family: 'Playfair Display', serif; font-size: 22px; color: var(--navy); margin-bottom: 24px; }
  .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
  .form-group { display: flex; flex-direction: column; gap: 5px; margin-bottom: 14px; }
  .form-group label { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.6px; color: var(--text-light); }
  .form-group input, .form-group select, .form-group textarea {
    padding: 10px 14px; border: 1px solid var(--border); border-radius: var(--radius-sm);
    font-size: 14px; font-family: 'Inter', sans-serif; color: var(--text-dark);
    background: #FAFAFA; outline: none; transition: border-color 0.2s;
  }
  .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--teal); background: white; }
  .form-group textarea { resize: vertical; min-height: 80px; }
  .btn-submit { width: 100%; background: var(--teal); color: white; padding: 14px; border-radius: var(--radius-sm); border: none; font-weight: 600; font-size: 15px; cursor: pointer; font-family: 'Inter', sans-serif; transition: background 0.2s; margin-top: 4px; }
  .btn-submit:hover { background: var(--navy); }
  .enq-trust { display: flex; gap: 20px; margin-top: 28px; flex-wrap: wrap; }
  .trust-item { display: flex; align-items: center; gap: 8px; color: rgba(255,255,255,0.7); font-size: 13px; }
  .trust-item svg { width: 16px; height: 16px; stroke: var(--teal-light); fill: none; stroke-width: 2.5; flex-shrink: 0; }

  /* FOOTER */
  footer { background: #040E1F; color: rgba(255,255,255,0.7); padding: 60px 0 0; }
  .footer-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 2fr; gap: 48px; margin-bottom: 40px; }
  .footer-brand p { font-size: 14px; line-height: 1.7; margin: 14px 0 20px; }
  .footer-social { display: flex; gap: 10px; }
  .social-btn { width: 36px; height: 36px; border: 1px solid rgba(255,255,255,0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.2s; }
  .social-btn:hover { background: var(--teal); border-color: var(--teal); }
  .social-btn svg { width: 16px; height: 16px; stroke: white; fill: none; stroke-width: 2; }
  .footer-col h4 { color: white; font-size: 13px; font-weight: 600; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 0.8px; }
  .footer-col ul { list-style: none; }
  .footer-col ul li { margin-bottom: 8px; }
  .footer-col ul li a { color: rgba(255,255,255,0.6); text-decoration: none; font-size: 14px; transition: color 0.2s; }
  .footer-col ul li a:hover { color: var(--teal-light); }
  .footer-contact-item { display: flex; gap: 10px; margin-bottom: 12px; font-size: 14px; }
  .footer-contact-item svg { width: 16px; height: 16px; stroke: var(--teal-light); fill: none; stroke-width: 1.8; flex-shrink: 0; margin-top: 2px; }
  .footer-bottom { border-top: 1px solid rgba(255,255,255,0.08); padding: 20px 0; display: flex; justify-content: space-between; align-items: center; font-size: 13px; }

  /* WHATSAPP */
  .whatsapp-float { position: fixed; bottom: 28px; right: 28px; z-index: 999; width: 54px; height: 54px; background: #25D366; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: transform 0.2s; box-shadow: 0 4px 20px rgba(37,211,102,0.4); }
  .whatsapp-float:hover { transform: scale(1.1); }
  .whatsapp-float svg { width: 28px; height: 28px; fill: white; }

  /* RESPONSIVE */
  @media (max-width: 1024px) {
     .dest-gridhome { grid-template-columns: repeat(2, 1fr); }
    .dest-card-lghome { grid-column: span 1; grid-row: span 1;}
    .dest-grid { grid-template-columns: repeat(2, 1fr); }
    .dest-card-lg { grid-column: span 1; grid-row: span 1;}
     .pkg-gridhome { grid-template-columns: repeat(2, 1fr); }
    .act-gridhome { grid-template-columns: repeat(2, 1fr); }
    .pkg-grid { grid-template-columns: repeat(2, 1fr); }
    .act-grid { grid-template-columns: repeat(2, 1fr); }
    .why-grid { grid-template-columns: repeat(2, 1fr); }
    .testi-grid { grid-template-columns: repeat(2, 1fr); }
    .blog-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .enquiry-inner { grid-template-columns: 1fr; }
  }
  @media (max-width: 768px) {
    .nav-links { display: none; }
    .search-bar-inner { grid-template-columns: 1fr 1fr; }
    .pkg-grid { grid-template-columns: 1fr; }
    .act-grid { grid-template-columns: 1fr 1fr; }
     .pkg-gridhome { grid-template-columns: 1fr; }
    .act-gridhome { grid-template-columns: 1fr 1fr; }
    .why-grid { grid-template-columns: 1fr 1fr; }
    .testi-grid { grid-template-columns: 1fr; }
    .blog-grid { grid-template-columns: 1fr; }
    .form-row { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-bottom { flex-direction: column; gap: 10px; text-align: center; }
    section { padding: 60px 0; }
    .dest-gridhome { grid-template-columns: repeat(1, 1fr); }
    .btn-primary {font-size: 12px;}
    .cta-banner {    flex-direction: column;}
  }

/* --- about page styles --- */

  .page-hero{padding:120px 0 60px;background:linear-gradient(135deg,#0B2545 0%,#0E3D5C 60%,#0B5E6B 100%);position:relative;overflow:hidden;}
  .page-hero::after{content:'';position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1544551763-46a013bb70d5?w=1200&q=60');background-size:cover;background-position:center;opacity:0.12;}
  .breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:16px;font-size:13px;color:rgba(255,255,255,0.55);}
  .breadcrumb a{color:rgba(255,255,255,0.55);text-decoration:none;}
  .page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(30px,4vw,50px);color:white;font-weight:700;margin-bottom:14px;}
  .page-hero p{font-size:16px;color:rgba(255,255,255,0.7);max-width:580px;line-height:1.7;margin-bottom:32px;}
  .hero-stats{display:flex;gap:40px;flex-wrap:wrap;}
  .hero-stat-num{font-family:'Playfair Display',serif;font-size:30px;color:white;font-weight:700;}
  .hero-stat-label{font-size:12.5px;color:rgba(255,255,255,0.6);margin-top:2px;}

  section{padding:72px 0;}

  /* STORY */
  .story-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
  .story-imgs{position:relative;}
  .story-img-main{width:100%;height:420px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);}
  .story-img-float{position:absolute;bottom:-30px;left:-30px;width:180px;height:140px;object-fit:cover;border-radius:var(--radius-md);border:6px solid white;box-shadow:var(--shadow-md);}
  .story-copy p{font-size:15px;color:var(--text-mid);margin-bottom:16px;line-height:1.75;}
  .story-copy p:last-child{margin-bottom:0;}

  /* VALUES */
  .values-section{background:var(--sand);}
  .values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
  .value-card{text-align:center;padding:32px 24px;border-radius:var(--radius-md);background:white;transition:all 0.25s;}
  .value-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);}
  .value-icon{width:60px;height:60px;background:rgba(26,127,110,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;}
  .value-icon svg{width:28px;height:28px;stroke:var(--teal);fill:none;stroke-width:1.8;}
  .value-title{font-weight:600;font-size:16px;color:var(--navy);margin-bottom:8px;}
  .value-desc{font-size:13px;color:var(--text-mid);line-height:1.6;}

  /* TIMELINE */
  .timeline{max-width:760px;margin:0 auto;position:relative;}
  .timeline::before{content:'';position:absolute;left:84px;top:8px;bottom:8px;width:2px;background:var(--border);}
  .tl-item{display:grid;grid-template-columns:70px 1fr;gap:28px;padding-bottom:36px;position:relative;}
  .tl-item:last-child{padding-bottom:0;}
  .tl-year{font-family:'Playfair Display',serif;font-weight:700;color:var(--navy);font-size:18px;text-align:right;padding-top:2px;}
  .tl-dot{position:absolute;left:78px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--teal);border:3px solid white;box-shadow:0 0 0 2px var(--teal);}
  .tl-content{background:white;border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 22px;}
  .tl-content h4{font-size:15px;font-weight:600;color:var(--navy);margin-bottom:5px;}
  .tl-content p{font-size:13.5px;color:var(--text-mid);line-height:1.6;}

  /* TEAM */
  .team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;}
  .team-card{background:white;border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;display:flex;gap:22px;align-items:flex-start;transition:all 0.25s;}
  .team-card:hover{box-shadow:var(--shadow-md);border-color:var(--teal);}
  .team-photo{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--sand);flex-shrink:0;}
  .team-name{font-family:'Playfair Display',serif;font-size:18px;font-weight:600;color:var(--navy);margin-bottom:2px;}
  .team-role{font-size:12.5px;color:var(--teal);font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px;}
  .team-bio{font-size:13.5px;color:var(--text-mid);line-height:1.65;}
  .team-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
  .team-tag{font-size:11px;background:var(--sand);color:var(--navy);padding:4px 10px;border-radius:100px;font-weight:600;}

  /* WHY CHOOSE US (reused pattern) */

  /* TESTIMONIALS (reused pattern) */

  /* CTA BAND */
  .cta-band{background:linear-gradient(135deg,#0B2545 0%,#0B5E6B 100%);border-radius:var(--radius-lg);padding:46px 50px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;}
  .cta-band h3{font-family:'Playfair Display',serif;color:white;font-size:24px;font-weight:600;margin-bottom:8px;}
  .cta-band p{color:rgba(255,255,255,0.7);font-size:14px;max-width:420px;}
  .cta-buttons{display:flex;gap:12px;flex-wrap:wrap;}
  .cta-btn{display:flex;align-items:center;gap:8px;padding:13px 24px;border-radius:100px;text-decoration:none;font-size:14px;font-weight:600;transition:all 0.2s;white-space:nowrap;}
  .cta-btn svg{width:16px;height:16px;}
  .cta-wa{background:#25D366;color:white;}
  .cta-wa:hover{background:#1da851;}
  .cta-primary{background:var(--gold);color:var(--navy);}
  .cta-primary:hover{background:white;}

  /* FOOTER */
  .whatsapp-float{position:fixed;bottom:28px;right:28px;z-index:999;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform 0.2s;box-shadow:0 4px 20px rgba(37,211,102,0.4);}
  .whatsapp-float:hover{transform:scale(1.1);}
  .whatsapp-float svg{width:28px;height:28px;fill:white;}


/* --- packages page styles --- */

  .page-hero{padding:120px 0 60px;background:linear-gradient(135deg,#0B2545 0%,#0E3D5C 60%,#0B5E6B 100%);position:relative;overflow:hidden;}
  .page-hero::after{content:'';position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1544117519-31a4b719223d?w=1200&q=60');background-size:cover;background-position:center;opacity:0.12;}
  .breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:16px;font-size:13px;color:rgba(255,255,255,0.55);}
  .breadcrumb a{color:rgba(255,255,255,0.55);text-decoration:none;}
  .page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(30px,4vw,50px);color:white;font-weight:700;margin-bottom:14px;}
  .page-hero p{font-size:16px;color:rgba(255,255,255,0.7);max-width:580px;line-height:1.7;}

  section{padding:72px 0;}

  /* FILTERS */
  .filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px;}
  .filter-btn{padding:9px 20px;border:1.5px solid var(--border);border-radius:100px;font-size:13px;font-weight:500;color:var(--text-mid);background:white;cursor:pointer;transition:all 0.2s;font-family:'Inter',sans-serif;}
  .filter-btn:hover,.filter-btn.active{border-color:var(--teal);color:var(--teal);background:rgba(26,127,110,0.05);}
  .filter-btn.active{font-weight:600;}

  /* PACKAGES GRID */
  .pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .pkg-card{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:white;box-shadow:var(--shadow-sm);transition:box-shadow 0.25s,transform 0.25s;}
  .pkg-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);}
  .pkg-img{position:relative;height:210px;overflow:hidden;}
  .pkg-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
  .pkg-card:hover .pkg-img img{transform:scale(1.06);}
  .pkg-badge{position:absolute;top:12px;left:12px;background:var(--navy);color:white;font-size:11px;font-weight:600;padding:4px 10px;border-radius:100px;}
  .pkg-badge.hot{background:#E8483A;}
  .pkg-badge.popular{background:var(--teal);}
  .pkg-badge.luxury{background:#8B6914;}
  .pkg-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;color:var(--teal);margin-bottom:6px;}
  .pkg-title{font-family:'Playfair Display',serif;font-size:17px;font-weight:600;color:var(--navy);margin-bottom:10px;line-height:1.3;}
  .pkg-meta{display:flex;gap:14px;margin-bottom:12px;flex-wrap:wrap;}
  .pkg-meta-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-mid);}
  .pkg-meta-item svg{width:13px;height:13px;stroke:var(--teal);fill:none;stroke-width:2;}
  .pkg-dest{font-size:13px;color:var(--text-mid);margin-bottom:10px;}
  .pkg-includes{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px;}
  .pkg-include-tag{background:#F0F8F6;color:var(--teal);font-size:11px;padding:3px 9px;border-radius:100px;font-weight:500;}
  .pkg-price-label{font-size:11px;color:var(--text-light);text-transform:uppercase;letter-spacing:0.5px;}
  .pkg-price{font-family:'Playfair Display',serif;font-size:20px;color:var(--navy);font-weight:700;}
  .pkg-price span{font-size:12px;color:var(--text-mid);font-family:'Inter',sans-serif;font-weight:400;}
  .btn-enquire{background:var(--teal);color:white;padding:8px 18px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;transition:background 0.2s;}
  .btn-enquire:hover{background:var(--navy);}

  /* ITINERARY SAMPLE */
  .itinerary-section{background:var(--sand);}
  .itinerary-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
  .itinerary-title{font-family:'Playfair Display',serif;font-size:28px;color:var(--navy);font-weight:700;margin-bottom:8px;}
  .itinerary-sub{font-size:14px;color:var(--text-mid);margin-bottom:28px;line-height:1.7;}
  .day-list{list-style:none;}
  .day-item{display:flex;gap:16px;margin-bottom:20px;}
  .day-num{width:36px;height:36px;background:var(--teal);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;}
  .day-content h4{font-weight:600;font-size:15px;color:var(--navy);margin-bottom:4px;}
  .day-content p{font-size:13px;color:var(--text-mid);line-height:1.6;}
  .itinerary-img{border-radius:var(--radius-lg);overflow:hidden;height:420px;}
  .itinerary-img img{width:100%;height:100%;object-fit:cover;}

  /* INCLUSIONS */
  .incl-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
  .incl-col h4{font-size:16px;font-weight:600;color:var(--navy);margin-bottom:14px;display:flex;align-items:center;gap:8px;}
  .incl-list{list-style:none;}
  .incl-list li{font-size:14px;color:var(--text-mid);padding:7px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;}
  .incl-list li::before{content:'';width:16px;height:16px;border-radius:50%;flex-shrink:0;background-size:10px;background-position:center;background-repeat:no-repeat;}
  .incl-yes li::before{background:rgba(26,127,110,0.12);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' stroke='%231A7F6E' fill='none' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:10px;background-position:center;background-repeat:no-repeat;}
  .incl-no li::before{background:rgba(220,80,60,0.1);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' stroke='%23E8483A' fill='none' stroke-width='3'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");background-size:10px;background-position:center;background-repeat:no-repeat;}

  /* FOOTER */
  .whatsapp-float{position:fixed;bottom:28px;right:28px;z-index:999;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform 0.2s;box-shadow:0 4px 20px rgba(37,211,102,0.4);}
  .whatsapp-float:hover{transform:scale(1.1);}
  .whatsapp-float svg{width:28px;height:28px;fill:white;}

/* --- activities page styles --- */

  /* NAV */

  /* PAGE HERO */
  .page-hero{padding:120px 0 70px;position:relative;overflow:hidden;background:#0B2545;}
  .hero-bg-img{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1559827260-dc66d52bef19?w=1400&q=80');background-size:cover;background-position:center;opacity:0.3;}
  .hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(11,37,69,0.9) 0%,rgba(11,37,69,0.5) 70%);}
  .breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:16px;font-size:13px;color:rgba(255,255,255,0.55);}
  .breadcrumb a{color:rgba(255,255,255,0.55);text-decoration:none;}
  .breadcrumb a:hover{color:white;}
  .page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(32px,4.5vw,56px);color:white;font-weight:700;margin-bottom:16px;line-height:1.1;}
  .page-hero h1 em{color:var(--teal-light);font-style:normal;}
  .page-hero p{font-size:16px;color:rgba(255,255,255,0.75);max-width:580px;line-height:1.7;margin-bottom:28px;}
  .hero-pills{display:flex;flex-wrap:wrap;gap:10px;}
  .hero-pill{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);color:white;padding:6px 14px;border-radius:100px;font-size:13px;font-weight:500;}

  /* SECTIONS */
  section{padding:72px 0;}

  /* ACTIVITY CARDS */
  .act-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px;}
  .act-card{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:white;box-shadow:var(--shadow-sm);transition:all 0.25s;}
  .act-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);}
  .act-img{position:relative;height:220px;overflow:hidden;}
  .act-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
  .act-card:hover .act-img img{transform:scale(1.07);}
  .act-level{position:absolute;top:12px;left:12px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:0.5px;}
  .level-easy{background:rgba(26,127,110,0.9);color:white;}
  .level-moderate{background:rgba(212,168,67,0.9);color:#2a1a00;}
  .level-thrill{background:rgba(220,80,60,0.9);color:white;}
  .act-price-badge{position:absolute;bottom:12px;right:12px;background:rgba(11,37,69,0.85);color:white;font-size:12px;font-weight:700;padding:5px 12px;border-radius:100px;backdrop-filter:blur(4px);}
  .act-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;color:var(--teal);margin-bottom:6px;}
  .act-name{font-family:'Playfair Display',serif;font-size:19px;font-weight:600;color:var(--navy);margin-bottom:8px;}
  .act-desc{font-size:13px;color:var(--text-mid);line-height:1.65;margin-bottom:14px;}
  .act-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;}
  .act-meta-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-mid);background:#F5F7FA;padding:4px 10px;border-radius:100px;}
  .act-meta-item svg{width:13px;height:13px;stroke:var(--teal);fill:none;stroke-width:2;}
  .btn-book{background:var(--teal);color:white;padding:8px 18px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;transition:background 0.2s;}
  .btn-book:hover{background:var(--navy);}

  /* SAFETY SECTION */
  .safety-section{background:var(--navy);}
  .safety-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px;}
  .safety-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);padding:28px 24px;text-align:center;transition:all 0.25s;}
  .safety-card:hover{background:rgba(255,255,255,0.1);border-color:var(--teal-light);}
  .safety-icon{width:56px;height:56px;background:rgba(42,176,154,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
  .safety-icon svg{width:26px;height:26px;stroke:var(--teal-light);fill:none;stroke-width:1.8;}
  .safety-title{color:white;font-weight:600;font-size:15px;margin-bottom:8px;}
  .safety-desc{color:rgba(255,255,255,0.6);font-size:13px;line-height:1.6;}

  /* DIVE SITES */
  .sites-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
  .dive-list{list-style:none;margin-top:24px;}
  .dive-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--border);align-items:flex-start;}
  .dive-item:last-child{border-bottom:none;}
  .dive-num{width:32px;height:32px;background:var(--teal);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;margin-top:2px;}
  .dive-info h4{font-weight:600;font-size:15px;color:var(--navy);margin-bottom:3px;}
  .dive-info p{font-size:13px;color:var(--text-mid);line-height:1.5;}
  .dive-depth{font-size:11px;font-weight:600;color:var(--teal);background:rgba(26,127,110,0.08);padding:2px 8px;border-radius:100px;margin-top:5px;display:inline-block;}
  .sites-img{border-radius:var(--radius-lg);overflow:hidden;height:460px;}
  .sites-img img{width:100%;height:100%;object-fit:cover;}

  /* CTA BANNER */
  .cta-banner{background:linear-gradient(135deg,var(--teal) 0%,#0B5E6B 100%);border-radius:var(--radius-lg);padding:52px 56px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;overflow:hidden;}
  .cta-banner::after{content:'';position:absolute;right:-40px;top:-40px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,0.07);}
  .cta-banner h3{font-family:'Playfair Display',serif;font-size:28px;color:white;font-weight:700;margin-bottom:10px;}
  .cta-banner p{color:rgba(255,255,255,0.75);font-size:15px;max-width:460px;line-height:1.7;}
  .cta-btn{background:var(--gold);color:var(--navy);padding:14px 28px;border-radius:8px;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap;transition:all 0.2s;flex-shrink:0;}
  .cta-btn:hover{background:#e8bc50;transform:translateY(-2px);}

  /* FOOTER */
  .whatsapp-float{position:fixed;bottom:28px;right:28px;z-index:999;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform 0.2s;box-shadow:0 4px 20px rgba(37,211,102,0.4);}
  .whatsapp-float:hover{transform:scale(1.1);}
  .whatsapp-float svg{width:28px;height:28px;fill:white;}


/* --- blog page styles --- */
    --navy: #0B2545; --teal: #1A7F6E; --teal-light: #2AB09A; --gold: #D4A843;
    --sand: #F5EFE0; --text-dark: #1C1C1C; --text-mid: #4A4A4A; --text-light: #7A7A7A;
    --border: rgba(0,0,0,0.08); --shadow-sm: 0 2px 12px rgba(11,37,69,0.08);
    --shadow-md: 0 6px 30px rgba(11,37,69,0.14); --radius-md: 12px; --radius-lg: 20px;
  }
  html { scroll-behavior: smooth; }
  body { font-family: 'Inter', sans-serif; color: var(--text-dark); background: #fff; line-height: 1.6; }
  .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

  /* NAV */
  nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: rgba(11,37,69,0.97); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,0.08); }
  .logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }

  /* PAGE HERO */
  .page-hero { padding: 120px 0 60px; background: linear-gradient(135deg, #0B2545 0%, #0E3D5C 60%, #0B5E6B 100%); position: relative; overflow: hidden; }
  .page-hero::after { content: ''; position: absolute; inset: 0; background-image: url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=1200&q=60'); background-size: cover; background-position: center; opacity: 0.12; }
  .page-hero .container { position: relative; z-index: 1; }
  .breadcrumb { display: flex; gap: 8px; align-items: center; margin-bottom: 16px; font-size: 13px; color: rgba(255,255,255,0.55); }
  .breadcrumb a { color: rgba(255,255,255,0.55); text-decoration: none; }
  .breadcrumb a:hover { color: rgba(255,255,255,0.85); }
  .page-hero h1 { font-family: 'Playfair Display', serif; font-size: clamp(30px,4vw,52px); color: white; font-weight: 700; margin-bottom: 14px; }
  .page-hero p { font-size: 16px; color: rgba(255,255,255,0.7); max-width: 540px; line-height: 1.7; }

  section { padding: 72px 0; }

  /* FEATURED POST */
  .featured-post { display: grid; grid-template-columns: 1.2fr 1fr; gap: 0; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); border: 1px solid var(--border); margin-bottom: 60px; }
  .featured-img { position: relative; min-height: 380px; }
  .featured-img img { width: 100%; height: 100%; object-fit: cover; }
  .featured-img-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(11,37,69,0.3), transparent); }
  .featured-badge { position: absolute; top: 20px; left: 20px; background: var(--gold); color: var(--navy); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; padding: 5px 12px; border-radius: 100px; }
  .featured-body { padding: 40px; display: flex; flex-direction: column; justify-content: center; background: white; }
  .feat-cat { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--teal); margin-bottom: 12px; }
  .feat-title { font-family: 'Playfair Display', serif; font-size: clamp(20px,2.5vw,30px); color: var(--navy); font-weight: 700; line-height: 1.25; margin-bottom: 14px; }
  .feat-title a { text-decoration: none; color: inherit; }
  .feat-title a:hover { color: var(--teal); }
  .feat-excerpt { font-size: 15px; color: var(--text-mid); line-height: 1.75; margin-bottom: 24px; }
  .feat-meta { display: flex; align-items: center; gap: 16px; font-size: 13px; color: var(--text-light); margin-bottom: 24px; }
  .feat-meta-item { display: flex; align-items: center; gap: 5px; }
  .feat-meta-item svg { width: 14px; height: 14px; stroke: var(--teal-light); fill: none; stroke-width: 2; }
  .btn-read { display: inline-flex; align-items: center; gap: 8px; background: var(--teal); color: white; padding: 12px 24px; border-radius: 6px; font-weight: 600; font-size: 14px; text-decoration: none; transition: all 0.2s; }
  .btn-read:hover { background: var(--navy); transform: translateY(-1px); }

  /* CATEGORY FILTER */
  .cat-bar { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 40px; }
  .cat-btn { padding: 9px 20px; border: 1.5px solid var(--border); border-radius: 100px; text-decoration: none; color: var(--text-mid); font-size: 14px; font-weight: 500; cursor: pointer; background: white; transition: all 0.2s; }
  .cat-btn:hover, .cat-btn.active { border-color: var(--teal); color: var(--teal); background: rgba(26,127,110,0.06); }
  .cat-btn.active { font-weight: 600; }

  /* BLOG GRID */
  .blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
  .blog-card { border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--border); background: white; box-shadow: var(--shadow-sm); transition: box-shadow 0.25s, transform 0.25s; }
  .blog-card:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); }
  .blog-img { height: 210px; overflow: hidden; position: relative; }
  .blog-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.45s; }
  .blog-card:hover .blog-img img { transform: scale(1.06); }
  .blog-img-cat { position: absolute; bottom: 12px; left: 12px; background: rgba(11,37,69,0.85); color: white; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; padding: 4px 10px; border-radius: 100px; }
  .blog-body { padding: 22px; }
  .blog-title { font-family: 'Playfair Display', serif; font-size: 17px; color: var(--navy); font-weight: 600; line-height: 1.35; margin-bottom: 10px; }
  .blog-title a { text-decoration: none; color: inherit; }
  .blog-title a:hover { color: var(--teal); }
  .blog-excerpt { font-size: 13px; color: var(--text-mid); line-height: 1.65; margin-bottom: 16px; }
  .blog-meta { font-size: 12px; color: var(--text-light); display: flex; gap: 10px; }
  .blog-read-more { font-size: 13px; font-weight: 600; color: var(--teal); text-decoration: none; }
  .blog-read-more:hover { color: var(--navy); }

  /* SIDEBAR */
  .blog-layout { display: grid; grid-template-columns: 1fr 300px; gap: 48px; align-items: start; }
  .sidebar-card { background: var(--sand); border-radius: var(--radius-md); padding: 28px; margin-bottom: 24px; }
  .sidebar-title { font-family: 'Playfair Display', serif; font-size: 18px; color: var(--navy); font-weight: 600; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 2px solid var(--teal); display: inline-block; }
  .pop-post { display: flex; gap: 14px; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(0,0,0,0.06); }
  .pop-post:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
  .pop-post-img { width: 70px; height: 70px; border-radius: 8px; object-fit: cover; flex-shrink: 0; }
  .pop-post-title { font-size: 13px; font-weight: 600; color: var(--navy); line-height: 1.4; text-decoration: none; }
  .pop-post-title:hover { color: var(--teal); }
  .pop-post-date { font-size: 11px; color: var(--text-light); margin-top: 4px; }
  .tag-cloud { display: flex; flex-wrap: wrap; gap: 8px; }
  .tag { padding: 6px 14px; background: white; border: 1px solid var(--border); border-radius: 100px; font-size: 12px; color: var(--text-mid); text-decoration: none; transition: all 0.2s; }
  .tag:hover { border-color: var(--teal); color: var(--teal); }
  .newsletter-input { width: 100%; padding: 11px 14px; border: 1px solid rgba(0,0,0,0.1); border-radius: 8px; font-size: 14px; font-family: 'Inter', sans-serif; color: var(--text-dark); background: white; outline: none; margin-bottom: 10px; transition: border-color 0.2s; }
  .newsletter-input:focus { border-color: var(--teal); }
  .btn-subscribe { width: 100%; background: var(--teal); color: white; padding: 12px; border-radius: 8px; border: none; font-weight: 600; font-size: 14px; cursor: pointer; font-family: 'Inter', sans-serif; transition: background 0.2s; }
  .btn-subscribe:hover { background: var(--navy); }

  /* PAGINATION */
  .pagination { display: flex; gap: 8px; justify-content: center; margin-top: 48px; }
  .page-btn { width: 40px; height: 40px; border-radius: 8px; border: 1.5px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; color: var(--text-mid); text-decoration: none; transition: all 0.2s; }
  .page-btn:hover, .page-btn.active { border-color: var(--teal); color: var(--teal); background: rgba(26,127,110,0.06); }
  .page-btn.active { font-weight: 700; }

  /* FOOTER */
  .whatsapp-float { position: fixed; bottom: 24px; right: 24px; width: 54px; height: 54px; background: #25D366; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 999; box-shadow: 0 4px 20px rgba(37,211,102,0.4); transition: transform 0.2s; }
  .whatsapp-float:hover { transform: scale(1.08); }
  .whatsapp-float svg { width: 28px; height: 28px; fill: white; }

  @media (max-width: 900px) {
    .featured-post { grid-template-columns: 1fr; }
    .featured-img { min-height: 240px; }
    .blog-layout { grid-template-columns: 1fr; }
    .blog-grid { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 600px) {
    .blog-grid { grid-template-columns: 1fr; }
  }

/* --- faq page styles --- */

  .page-hero{padding:120px 0 50px;background:linear-gradient(135deg,#0B2545 0%,#0E3D5C 60%,#0B5E6B 100%);position:relative;overflow:hidden;}
  .page-hero::after{content:'';position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1586500036706-41963de24d8b?w=1200&q=60');background-size:cover;background-position:center;opacity:0.12;}
  .breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:16px;font-size:13px;color:rgba(255,255,255,0.55);}
  .breadcrumb a{color:rgba(255,255,255,0.55);text-decoration:none;}
  .page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(30px,4vw,50px);color:white;font-weight:700;margin-bottom:14px;}
  .page-hero p{font-size:16px;color:rgba(255,255,255,0.7);max-width:560px;line-height:1.7;margin-bottom:28px;}

  /* SEARCH */
  .faq-search{position:relative;max-width:480px;}
  .faq-search input{width:100%;padding:15px 20px 15px 48px;border-radius:100px;border:none;font-size:14px;font-family:'Inter',sans-serif;background:rgba(255,255,255,0.97);color:var(--text-dark);outline:none;box-shadow:var(--shadow-md);}
  .faq-search input::placeholder{color:var(--text-light);}
  .faq-search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:var(--text-light);fill:none;stroke-width:2;}
  .faq-search input:focus{box-shadow:0 0 0 3px rgba(212,168,67,0.4);}

  section{padding:64px 0;}

  /* CATEGORY FILTER BAR */
  .filter-bar{background:var(--sand);border-bottom:1px solid rgba(11,37,69,0.1);padding:18px 0;position:sticky;top:68px;z-index:100;}
  .filter-inner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
  .filter-label{font-size:13px;font-weight:600;color:var(--navy);margin-right:4px;white-space:nowrap;}
  .filter-btn{display:flex;align-items:center;gap:7px;padding:8px 17px;border-radius:100px;border:1.5px solid rgba(11,37,69,0.18);background:white;color:var(--text-mid);font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s;font-family:'Inter',sans-serif;}
  .filter-btn .count{font-size:11px;opacity:0.6;}
  .filter-btn:hover{border-color:var(--teal);color:var(--teal);}
  .filter-btn.active{background:var(--navy);color:white;border-color:var(--navy);}
  .filter-btn.active .count{opacity:0.7;}

  /* LAYOUT */
  .faq-layout{display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:start;}
  .faq-toc{position:sticky;top:160px;}
  .faq-toc-title{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-light);margin-bottom:14px;}
  .faq-toc a{display:block;padding:9px 14px;border-radius:8px;color:var(--text-mid);text-decoration:none;font-size:14px;margin-bottom:2px;border-left:2px solid transparent;transition:all 0.2s;}
  .faq-toc a:hover{background:var(--sand);color:var(--navy);}
  .faq-toc a.active{color:var(--navy);font-weight:600;background:var(--sand);border-left-color:var(--teal);}

  /* FAQ GROUPS */
  .faq-group{margin-bottom:44px;}
  .faq-group-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:2px solid var(--sand);}
  .faq-group-icon{width:38px;height:38px;border-radius:10px;background:rgba(26,127,110,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .faq-group-icon svg{width:19px;height:19px;stroke:var(--teal);fill:none;stroke-width:1.8;}
  .faq-group-header h2{font-family:'Playfair Display',serif;font-size:20px;color:var(--navy);font-weight:600;}
  .faq-group-header span{font-size:13px;color:var(--text-light);}

  .faq-list{}
  .faq-item{border-bottom:1px solid var(--border);padding:18px 0;}
  .faq-item:last-child{border-bottom:none;}
  .faq-q{font-weight:600;font-size:15px;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;}
  .faq-q:hover{color:var(--teal);}
  .faq-toggle{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;color:var(--text-mid);transition:all 0.2s;}
  .faq-a{font-size:14px;color:var(--text-mid);line-height:1.75;margin-top:10px;display:none;max-width:720px;}
  .faq-item.open .faq-a{display:block;}
  .faq-item.open .faq-toggle{border-color:var(--teal);color:var(--teal);transform:rotate(180deg);}
  .no-results{display:none;text-align:center;padding:60px 20px;color:var(--text-light);}
  .no-results.show{display:block;}
  .no-results svg{width:44px;height:44px;stroke:var(--text-light);fill:none;stroke-width:1.5;margin-bottom:14px;}
  .no-results p{font-size:15px;margin-bottom:4px;}
  .no-results span{font-size:13px;}

  /* STILL HAVE QUESTIONS CTA */
  .ask-cta{background:linear-gradient(135deg,#0B2545 0%,#0B5E6B 100%);border-radius:var(--radius-lg);padding:46px 50px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;}
  .ask-cta h3{font-family:'Playfair Display',serif;color:white;font-size:24px;font-weight:600;margin-bottom:8px;}
  .ask-cta p{color:rgba(255,255,255,0.7);font-size:14px;max-width:420px;}
  .ask-cta-buttons{display:flex;gap:12px;flex-wrap:wrap;}
  .cta-btn{display:flex;align-items:center;gap:8px;padding:13px 24px;border-radius:100px;text-decoration:none;font-size:14px;font-weight:600;transition:all 0.2s;white-space:nowrap;}
  .cta-btn svg{width:16px;height:16px;}
  .cta-wa{background:#25D366;color:white;}
  .cta-wa:hover{background:#1da851;}
  .cta-primary{background:var(--gold);color:var(--navy);}
  .cta-primary:hover{background:white;}

  /* FOOTER */
  .whatsapp-float{position:fixed;bottom:28px;right:28px;z-index:999;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform 0.2s;box-shadow:0 4px 20px rgba(37,211,102,0.4);}
  .whatsapp-float:hover{transform:scale(1.1);}
  .whatsapp-float svg{width:28px;height:28px;fill:white;}


/* --- contact page styles --- */

  .page-hero{padding:120px 0 60px;background:linear-gradient(135deg,#0B2545 0%,#0E3D5C 60%,#0B5E6B 100%);position:relative;overflow:hidden;}
  .page-hero::after{content:'';position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1559827260-dc66d52bef19?w=1200&q=60');background-size:cover;background-position:center;opacity:0.1;}
  .breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:16px;font-size:13px;color:rgba(255,255,255,0.55);}
  .breadcrumb a{color:rgba(255,255,255,0.55);text-decoration:none;}
  .page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(30px,4vw,50px);color:white;font-weight:700;margin-bottom:14px;}
  .page-hero p{font-size:16px;color:rgba(255,255,255,0.7);max-width:540px;line-height:1.7;}

  section{padding:72px 0;}

  /* CONTACT GRID */
  .contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:start;}

  /* OFFICE CARDS */
  .office-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:28px;margin-bottom:20px;background:white;box-shadow:var(--shadow-sm);}
  .office-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
  .office-icon{width:44px;height:44px;border-radius:50%;background:rgba(26,127,110,0.1);display:flex;align-items:center;justify-content:center;}
  .office-icon svg{width:22px;height:22px;stroke:var(--teal);fill:none;stroke-width:1.8;}
  .office-city{font-family:'Playfair Display',serif;font-size:18px;font-weight:600;color:var(--navy);}
  .office-type{font-size:12px;color:var(--text-light);text-transform:uppercase;letter-spacing:0.6px;}
  .contact-detail{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;font-size:14px;color:var(--text-mid);}
  .contact-detail svg{width:16px;height:16px;stroke:var(--teal);fill:none;stroke-width:1.8;flex-shrink:0;margin-top:2px;}
  .contact-detail a{color:var(--teal);text-decoration:none;}
  .contact-detail a:hover{text-decoration:underline;}

  /* QUICK CONTACT PILLS */
  .quick-contact{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;}
  .qc-btn{display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--radius-md);text-decoration:none;font-size:13px;font-weight:600;transition:all 0.2s;}
  .qc-wa{background:#25D366;color:white;}
  .qc-wa:hover{background:#1da851;}
  .qc-call{background:var(--teal);color:white;}
  .qc-call:hover{background:var(--navy);}

  /* ENQUIRY FORM */
  .enq-form{background:var(--sand);border-radius:var(--radius-lg);padding:40px;}
  .enq-form h3{font-family:'Playfair Display',serif;font-size:24px;color:var(--navy);margin-bottom:6px;}
  .enq-form .subtitle{font-size:14px;color:var(--text-mid);margin-bottom:28px;}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;}
  .form-group label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.6px;color:var(--text-light);}
  .form-group input,.form-group select,.form-group textarea{padding:11px 14px;border:1px solid rgba(0,0,0,0.1);border-radius:8px;font-size:14px;font-family:'Inter',sans-serif;color:var(--text-dark);background:white;outline:none;transition:border-color 0.2s;}
  .form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--teal);}
  .form-group textarea{resize:vertical;min-height:90px;}
  .btn-submit{width:100%;background:var(--teal);color:white;padding:14px;border-radius:8px;border:none;font-weight:600;font-size:15px;cursor:pointer;font-family:'Inter',sans-serif;transition:background 0.2s;margin-top:4px;}
  .btn-submit:hover{background:var(--navy);}
  .form-note{font-size:12px;color:var(--text-light);text-align:center;margin-top:10px;}

  /* MAP SECTION */
  .map-section{background:#F8FAFC;}
  .map-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
  .map-frame{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);}
  .map-frame iframe{width:100%;height:280px;border:none;display:block;}
  .map-label{padding:14px 18px;background:white;border-top:1px solid var(--border);}
  .map-label strong{font-size:14px;color:var(--navy);}
  .map-label p{font-size:12px;color:var(--text-mid);margin-top:2px;}

  /* FAQ */
  .faq-list{max-width:760px;}
  .faq-item{border-bottom:1px solid var(--border);padding:18px 0;}
  .faq-q{font-weight:600;font-size:15px;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;}
  .faq-q:hover{color:var(--teal);}
  .faq-toggle{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;color:var(--text-mid);transition:all 0.2s;}
  .faq-a{font-size:14px;color:var(--text-mid);line-height:1.75;margin-top:10px;display:none;}
  .faq-item.open .faq-a{display:block;}
  .faq-item.open .faq-toggle{border-color:var(--teal);color:var(--teal);}

  /* FOOTER */
  .whatsapp-float{position:fixed;bottom:28px;right:28px;z-index:999;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform 0.2s;box-shadow:0 4px 20px rgba(37,211,102,0.4);}
  .whatsapp-float:hover{transform:scale(1.1);}
  .whatsapp-float svg{width:28px;height:28px;fill:white;}

/* --- destinations page styles --- */
    --navy: #0B2545; --teal: #1A7F6E; --teal-light: #2AB09A; --gold: #D4A843;
    --sand: #F5EFE0; --text-dark: #1C1C1C; --text-mid: #4A4A4A; --text-light: #7A7A7A;
    --border: rgba(0,0,0,0.08); --shadow-sm: 0 2px 12px rgba(11,37,69,0.08);
    --shadow-md: 0 6px 30px rgba(11,37,69,0.14); --radius-md: 12px; --radius-lg: 20px;
  }
  html { scroll-behavior: smooth; }
  body { font-family: 'Inter', sans-serif; color: var(--text-dark); background: #fff; line-height: 1.6; }
  .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
  nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: rgba(11,37,69,0.97); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,0.08); }
  .logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }

  /* PAGE HERO */
  .page-hero { padding: 120px 0 60px; background: linear-gradient(135deg, #0B2545 0%, #0E3D5C 60%, #0B5E6B 100%); position: relative; overflow: hidden; }
  .page-hero::after { content: ''; position: absolute; inset: 0; background-image: url('https://images.unsplash.com/photo-1583212292454-1fe6229603b7?w=1200&q=60'); background-size: cover; background-position: center; opacity: 0.12; }
  .page-hero .container { position: relative; z-index: 1; }
  .breadcrumb { display: flex; gap: 8px; align-items: center; margin-bottom: 16px; font-size: 13px; color: rgba(255,255,255,0.55); }
  .breadcrumb a { color: rgba(255,255,255,0.55); text-decoration: none; } .breadcrumb a:hover { color: white; }
  .breadcrumb span { color: rgba(255,255,255,0.3); }
  .page-hero h1 { font-family: 'Playfair Display', serif; font-size: clamp(32px, 4vw, 52px); color: white; font-weight: 700; margin-bottom: 14px; }
  .page-hero p { font-size: 16px; color: rgba(255,255,255,0.7); max-width: 580px; line-height: 1.7; }

  /* SECTION */
  section { padding: 72px 0; }

  /* DESTINATION CARDS */
  .dest-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
  .dest-card { border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--border); background: white; box-shadow: var(--shadow-sm); transition: box-shadow 0.25s, transform 0.25s; }
  .dest-card:hover { box-shadow: var(--shadow-md); transform: translateY(-4px); }
  .dest-img { position: relative; height: 220px; overflow: hidden; }
  .dest-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
  .dest-card:hover .dest-img img { transform: scale(1.06); }
  .dest-badge { position: absolute; top: 12px; left: 12px; background: var(--gold); color: var(--navy); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; padding: 4px 10px; border-radius: 100px; }
  .dest-body { padding: 22px; }
  .dest-name { font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 600; color: var(--navy); margin-bottom: 8px; }
  .dest-desc { font-size: 14px; color: var(--text-mid); line-height: 1.7; margin-bottom: 18px; }
  .dest-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 18px; }
  .dest-tag { background: rgba(26,127,110,0.08); color: var(--teal); font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: 100px; }
  .dest-meta { font-size: 12px; color: var(--text-light); }
  .btn-view { background: var(--teal); color: white; padding: 8px 18px; border-radius: 6px; font-size: 13px; font-weight: 600; text-decoration: none; transition: background 0.2s; }
  .btn-view:hover { background: var(--navy); }

  /* BEST TIME BANNER */
  .info-banner { background: var(--sand); border-radius: var(--radius-lg); padding: 40px 48px; display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 60px; }
  .info-banner-text h3 { font-family: 'Playfair Display', serif; font-size: 24px; color: var(--navy); margin-bottom: 8px; }
  .info-banner-text p { font-size: 14px; color: var(--text-mid); max-width: 500px; line-height: 1.7; }
  .info-banner-months { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
  .month-pill { padding: 6px 14px; border-radius: 100px; font-size: 12px; font-weight: 600; }
  .month-good { background: rgba(26,127,110,0.12); color: var(--teal); }
  .month-avg { background: rgba(212,168,67,0.15); color: #8B6914; }
  .month-bad { background: rgba(220,80,60,0.1); color: #993322; }
  .info-banner-cta { flex-shrink: 0; }

  /* HOW TO REACH */
  .reach-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .reach-card { border: 1px solid var(--border); border-radius: var(--radius-md); padding: 28px; }
  .reach-icon { width: 52px; height: 52px; background: rgba(11,37,69,0.06); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
  .reach-icon svg { width: 26px; height: 26px; stroke: var(--navy); fill: none; stroke-width: 1.8; }
  .reach-title { font-weight: 600; font-size: 17px; color: var(--navy); margin-bottom: 10px; }
  .reach-desc { font-size: 14px; color: var(--text-mid); line-height: 1.7; }
  .reach-routes { margin-top: 12px; list-style: none; }
  .reach-routes li { font-size: 13px; color: var(--text-mid); padding: 5px 0; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 6px; }
  .reach-routes li:last-child { border-bottom: none; }
  .reach-routes li::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--teal); flex-shrink: 0; }

  /* FOOTER */
  .whatsapp-float { position: fixed; bottom: 28px; right: 28px; z-index: 999; width: 54px; height: 54px; background: #25D366; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: transform 0.2s; box-shadow: 0 4px 20px rgba(37,211,102,0.4); }
  .whatsapp-float:hover { transform: scale(1.1); }
  .whatsapp-float svg { width: 28px; height: 28px; fill: white; }

/* --- how-to-reach page styles --- */

  /* NAV */

  /* PAGE HERO */
  .page-hero{padding:120px 0 70px;position:relative;overflow:hidden;background:#0B2545;}
  .hero-bg-img{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1559827260-dc66d52bef19?w=1400&q=80');background-size:cover;background-position:center;opacity:0.3;}
  .hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(11,37,69,0.92) 0%,rgba(11,37,69,0.55) 70%);}
  .breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:16px;font-size:13px;color:rgba(255,255,255,0.55);}
  .breadcrumb a{color:rgba(255,255,255,0.55);text-decoration:none;}
  .breadcrumb a:hover{color:white;}
  .page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(32px,4.5vw,56px);color:white;font-weight:700;margin-bottom:16px;line-height:1.1;}
  .page-hero h1 em{color:var(--teal-light);font-style:normal;}
  .page-hero p{font-size:16px;color:rgba(255,255,255,0.75);max-width:600px;line-height:1.7;margin-bottom:28px;}
  .hero-pills{display:flex;flex-wrap:wrap;gap:10px;}
  .hero-pill{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);color:white;padding:7px 14px;border-radius:100px;font-size:13px;font-weight:500;}
  .hero-pill svg{width:14px;height:14px;stroke:var(--gold);fill:none;stroke-width:2;}

  /* SECTIONS */
  section{padding:72px 0;}

  /* AIRPORT INFO STRIP */
  .airport-strip{background:var(--sand);border-radius:var(--radius-md);padding:22px 28px;display:flex;align-items:center;gap:20px;margin-bottom:48px;}
  .airport-icon{width:50px;height:50px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm);}
  .airport-icon svg{width:24px;height:24px;stroke:var(--teal);fill:none;stroke-width:1.8;}
  .airport-strip h4{font-family:'Playfair Display',serif;font-size:17px;color:var(--navy);font-weight:600;margin-bottom:3px;}
  .airport-strip p{font-size:13.5px;color:var(--text-mid);}
  .airport-strip strong{color:var(--navy);}

  /* ROUTE CARDS (BY AIR) */
  .route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .route-card{border:1px solid var(--border);border-radius:var(--radius-md);background:white;box-shadow:var(--shadow-sm);padding:26px;transition:all 0.25s;}
  .route-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--teal-light);}
  .route-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
  .route-cities{font-family:'Playfair Display',serif;font-size:18px;font-weight:600;color:var(--navy);}
  .route-plane{width:38px;height:38px;background:rgba(26,127,110,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .route-plane svg{width:18px;height:18px;stroke:var(--teal);fill:none;stroke-width:1.8;}
  .route-meta{display:flex;flex-direction:column;gap:9px;margin-bottom:16px;}
  .route-meta-item{display:flex;justify-content:space-between;font-size:13px;color:var(--text-mid);}
  .route-meta-item span:last-child{color:var(--navy);font-weight:600;}
  .route-fare{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border);}
  .route-fare-label{font-size:11px;color:var(--text-light);text-transform:uppercase;letter-spacing:0.6px;}
  .route-fare-amt{font-family:'Playfair Display',serif;font-size:17px;color:var(--teal);font-weight:700;}
  .route-airlines{font-size:12px;color:var(--text-light);margin-top:10px;}

  /* SHIP SECTION */
  .ship-section{background:var(--sand);}
  .ship-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
  .ship-list{list-style:none;margin-top:24px;}
  .ship-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid rgba(0,0,0,0.07);align-items:flex-start;}
  .ship-item:last-child{border-bottom:none;}
  .ship-icon{width:36px;height:36px;background:var(--teal);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;}
  .ship-icon svg{width:16px;height:16px;stroke:white;fill:none;stroke-width:2;}
  .ship-info h4{font-weight:600;font-size:15px;color:var(--navy);margin-bottom:3px;}
  .ship-info p{font-size:13px;color:var(--text-mid);line-height:1.55;}
  .ship-duration{font-size:11px;font-weight:600;color:var(--teal);background:rgba(26,127,110,0.1);padding:2px 8px;border-radius:100px;margin-top:6px;display:inline-block;}
  .ship-note{background:white;border-radius:var(--radius-md);padding:18px 20px;margin-top:24px;font-size:13px;color:var(--text-mid);border-left:3px solid var(--gold);}
  .ship-note strong{color:var(--navy);}
  .ship-img{border-radius:var(--radius-lg);overflow:hidden;height:440px;}
  .ship-img img{width:100%;height:100%;object-fit:cover;}

  /* LOCAL TRANSPORT (NAVY) */
  .transport-section{background:var(--navy);}
  .transport-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px;}
  .transport-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);padding:28px 24px;transition:all 0.25s;}
  .transport-card:hover{background:rgba(255,255,255,0.1);border-color:var(--teal-light);}
  .transport-icon{width:52px;height:52px;background:rgba(42,176,154,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
  .transport-icon svg{width:24px;height:24px;stroke:var(--teal-light);fill:none;stroke-width:1.8;}
  .transport-title{color:white;font-weight:600;font-size:15px;margin-bottom:8px;}
  .transport-desc{color:rgba(255,255,255,0.6);font-size:13px;line-height:1.65;}

  /* FAQ */
  .faq-list{max-width:780px;}
  .faq-item{border-bottom:1px solid var(--border);padding:18px 0;}
  .faq-q{font-weight:600;font-size:15px;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;}
  .faq-q:hover{color:var(--teal);}
  .faq-toggle{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;color:var(--text-mid);transition:all 0.2s;}
  .faq-a{font-size:14px;color:var(--text-mid);line-height:1.75;margin-top:10px;display:none;}
  .faq-item.open .faq-a{display:block;}
  .faq-item.open .faq-toggle{border-color:var(--teal);color:var(--teal);}

  /* CTA BANNER */
  .cta-banner{background:linear-gradient(135deg,var(--teal) 0%,#0B5E6B 100%);border-radius:var(--radius-lg);padding:52px 56px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;overflow:hidden;}
  .cta-banner::after{content:'';position:absolute;right:-40px;top:-40px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,0.07);}
  .cta-banner h3{font-family:'Playfair Display',serif;font-size:28px;color:white;font-weight:700;margin-bottom:10px;}
  .cta-banner p{color:rgba(255,255,255,0.75);font-size:15px;max-width:460px;line-height:1.7;}
  .cta-btn{background:var(--gold);color:var(--navy);padding:15px 30px;border-radius:8px;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;position:relative;z-index:1;transition:all 0.2s;}
  .cta-btn:hover{background:#e8bc50;transform:translateY(-1px);}

  /* FOOTER */
  .whatsapp-float{position:fixed;bottom:28px;right:28px;z-index:999;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform 0.2s;box-shadow:0 4px 20px rgba(37,211,102,0.4);}
  .whatsapp-float:hover{transform:scale(1.1);}
  .whatsapp-float svg{width:28px;height:28px;fill:white;}


/* --- package-detail page styles --- */

  /* NAV */

  /* HERO */
  .pkg-hero{padding-top:68px;position:relative;min-height:500px;display:flex;align-items:flex-end;overflow:hidden;}
  .pkg-hero-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1559128010-7c1ad6e1b6a5?w=1600&q=80');background-size:cover;background-position:center;}
  .pkg-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(11,37,69,0.92) 0%,rgba(11,37,69,0.4) 60%,rgba(11,37,69,0.1) 100%);}
  .pkg-hero-content{position:relative;z-index:2;padding:0 0 44px;width:100%;}
  .breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:16px;font-size:13px;color:rgba(255,255,255,0.5);}
  .breadcrumb a{color:rgba(255,255,255,0.5);text-decoration:none;}
  .breadcrumb a:hover{color:rgba(255,255,255,0.8);}
  .breadcrumb span{color:rgba(255,255,255,0.3);}
  .pkg-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;}
  .badge-pill{padding:4px 12px;border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;}
  .badge-hot{background:#E8483A;color:white;}
  .badge-cat{background:var(--teal);color:white;}
  .pkg-hero h1{font-family:'Playfair Display',serif;font-size:clamp(26px,3.5vw,46px);color:white;font-weight:700;line-height:1.15;margin-bottom:16px;max-width:760px;}
  .pkg-hero-meta{display:flex;gap:24px;flex-wrap:wrap;}
  .pkg-hero-meta-item{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,0.75);font-size:14px;}
  .pkg-hero-meta-item svg{width:16px;height:16px;stroke:var(--gold);fill:none;stroke-width:2;flex-shrink:0;}

  /* LAYOUT */
  .pkg-layout{display:grid;grid-template-columns:1fr 340px;gap:40px;padding:56px 0;}
  .pkg-main{}
  .pkg-sidebar{position:sticky;top:88px;align-self:start;}

  /* BOOKING CARD */
  .booking-card{background:white;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;}
  .booking-card-header{background:var(--navy);padding:24px;}
  .booking-card-price-label{font-size:12px;color:rgba(255,255,255,0.55);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:4px;}
  .booking-card-price{font-family:'Playfair Display',serif;font-size:36px;color:white;font-weight:700;line-height:1;}
  .booking-card-price sub{font-size:14px;font-family:'Inter',sans-serif;font-weight:400;color:rgba(255,255,255,0.6);}
  .booking-card-price-old{font-size:14px;color:rgba(255,255,255,0.4);text-decoration:line-through;margin-top:4px;}
  .booking-includes{margin-bottom:20px;}
  .booking-includes h4{font-size:13px;font-weight:600;color:var(--text-dark);margin-bottom:12px;text-transform:uppercase;letter-spacing:0.6px;}
  .booking-include-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-mid);margin-bottom:8px;}
  .booking-include-item svg{width:16px;height:16px;fill:none;stroke:var(--teal);stroke-width:2;flex-shrink:0;}
  .btn-enquire-main{display:block;width:100%;background:var(--gold);color:var(--navy);padding:14px;border-radius:var(--radius-sm);font-weight:700;font-size:15px;text-align:center;text-decoration:none;cursor:pointer;border:none;font-family:'Inter',sans-serif;transition:background 0.2s;margin-bottom:10px;}
  .btn-enquire-main:hover{background:#e8bc50;}
  .btn-whatsapp{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#25D366;color:white;padding:12px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;text-decoration:none;transition:background 0.2s;border:none;cursor:pointer;font-family:'Inter',sans-serif;}
  .btn-whatsapp:hover{background:#1ebe5a;}
  .booking-trust{display:flex;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border);}
  .trust-item{flex:1;text-align:center;}
  .trust-item svg{width:22px;height:22px;stroke:var(--teal);fill:none;stroke-width:1.5;margin-bottom:4px;}
  .trust-label{font-size:11px;color:var(--text-light);line-height:1.3;}

  /* SECTION STYLES */
  .content-section{margin-bottom:48px;}
  .content-section h2{font-family:'Playfair Display',serif;font-size:24px;color:var(--navy);font-weight:700;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--sand);}
  .content-section h3{font-size:16px;font-weight:600;color:var(--navy);margin-bottom:8px;}
  .content-section p{font-size:15px;color:var(--text-mid);line-height:1.8;margin-bottom:14px;}

  /* HIGHLIGHTS PILLS */
  .highlights-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;}
  .highlight-pill{display:flex;align-items:center;gap:7px;background:#F0F8F6;border:1px solid rgba(26,127,110,0.2);color:var(--teal);padding:8px 16px;border-radius:100px;font-size:13px;font-weight:500;}
  .highlight-pill svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;}

  /* GALLERY */
  .gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:200px 200px;gap:10px;border-radius:var(--radius-md);overflow:hidden;}
  .gallery-item{overflow:hidden;cursor:pointer;position:relative;}
  .gallery-item:first-child{grid-row:span 2;}
  .gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s;}
  .gallery-item:hover img{transform:scale(1.06);}
  .gallery-more{position:absolute;inset:0;background:rgba(11,37,69,0.6);display:flex;align-items:center;justify-content:center;color:white;font-size:18px;font-weight:700;}

  /* ITINERARY */
  .itinerary-list{list-style:none;}
  .itinerary-day{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:14px;overflow:hidden;}
  .itinerary-day-header{display:flex;align-items:center;gap:16px;padding:18px 20px;cursor:pointer;background:white;transition:background 0.2s;}
  .itinerary-day-header:hover{background:#FAFAFA;}
  .day-pill{width:44px;height:44px;background:var(--teal);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;flex-shrink:0;font-family:'Inter',sans-serif;line-height:1.1;text-align:center;}
  .day-info{flex:1;}
  .day-info h4{font-weight:600;font-size:15px;color:var(--navy);margin-bottom:2px;}
  .day-info p{font-size:13px;color:var(--text-light);}
  .day-chevron{width:18px;height:18px;stroke:var(--text-light);fill:none;stroke-width:2;transition:transform 0.25s;}
  .itinerary-day.open .day-chevron{transform:rotate(180deg);}
  .itinerary-day-body p{font-size:14px;color:var(--text-mid);line-height:1.8;margin-top:14px;}
  .day-activities{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
  .day-act-tag{background:var(--sand);color:var(--navy);font-size:12px;padding:4px 12px;border-radius:100px;font-weight:500;}

  /* INCLUSIONS/EXCLUSIONS */
  .inc-exc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
  .inc-exc-box{padding:22px;border-radius:var(--radius-md);border:1px solid var(--border);}
  .inc-exc-box.inclusions{background:#F0FBF8;border-color:rgba(26,127,110,0.2);}
  .inc-exc-box.exclusions{background:#FDF5F5;border-color:rgba(232,72,58,0.15);}
  .inc-exc-box h3{font-size:15px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
  .inc-exc-box.inclusions h3{color:var(--teal);}
  .inc-exc-box.exclusions h3{color:#C0392B;}
  .inc-exc-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-mid);margin-bottom:9px;line-height:1.5;}
  .inc-exc-item svg{width:15px;height:15px;flex-shrink:0;margin-top:1px;}
  .inclusions .inc-exc-item svg{stroke:var(--teal);fill:none;stroke-width:2.5;}
  .exclusions .inc-exc-item svg{stroke:#C0392B;fill:none;stroke-width:2.5;}

  /* REVIEWS */
  .reviews-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  .review-card{background:var(--sand);border-radius:var(--radius-md);padding:22px;}
  .review-stars{display:flex;gap:3px;margin-bottom:10px;}
  .star{width:14px;height:14px;fill:var(--gold);}
  .review-text{font-size:14px;color:var(--text-mid);line-height:1.7;margin-bottom:14px;font-style:italic;}
  .reviewer{display:flex;align-items:center;gap:10px;}
  .reviewer-avatar{width:36px;height:36px;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:14px;}
  .reviewer-name{font-weight:600;font-size:13px;color:var(--navy);}
  .reviewer-loc{font-size:12px;color:var(--text-light);}

  /* FAQ */
  .faq-item{border-bottom:1px solid var(--border);padding:18px 0;}
  .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:500;font-size:15px;color:var(--navy);gap:12px;}
  .faq-question svg{width:18px;height:18px;stroke:var(--teal);fill:none;stroke-width:2;flex-shrink:0;transition:transform 0.25s;}
  .faq-item.open .faq-question svg{transform:rotate(45deg);}
  .faq-answer{display:none;font-size:14px;color:var(--text-mid);line-height:1.8;margin-top:12px;}
  .faq-item.open .faq-answer{display:block;}

  /* RELATED PACKAGES */
  .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .rel-card{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:white;box-shadow:var(--shadow-sm);transition:box-shadow 0.25s,transform 0.25s;}
  .rel-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);}
  .rel-card-img{height:170px;overflow:hidden;}
  .rel-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
  .rel-card:hover .rel-card-img img{transform:scale(1.06);}
  .rel-card-title{font-family:'Playfair Display',serif;font-size:15px;font-weight:600;color:var(--navy);margin-bottom:8px;line-height:1.3;}
  .rel-card-meta{display:flex;justify-content:space-between;align-items:center;}
  .rel-card-price{font-family:'Playfair Display',serif;font-size:17px;color:var(--teal);font-weight:700;}
  .rel-card-days{font-size:12px;color:var(--text-light);}

  /* ENQUIRY MODAL */
  .modal-backdrop{display:none;position:fixed;inset:0;background:rgba(11,37,69,0.7);z-index:2000;align-items:center;justify-content:center;padding:20px;}
  .modal-backdrop.open{display:flex;}
  .modal{background:white;border-radius:var(--radius-lg);padding:36px;max-width:520px;width:100%;position:relative;max-height:90vh;overflow-y:auto;}
  .modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#F0F4F8;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-mid);}
  .modal h3{font-family:'Playfair Display',serif;font-size:22px;color:var(--navy);margin-bottom:6px;}
  .modal p{font-size:13px;color:var(--text-light);margin-bottom:24px;}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .form-group{margin-bottom:16px;}
  .form-group label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.6px;color:var(--text-light);margin-bottom:6px;}
  .form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:'Inter',sans-serif;color:var(--text-dark);outline:none;transition:border-color 0.2s;background:#FAFAFA;}
  .form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--teal);background:white;}
  .form-group textarea{resize:vertical;min-height:90px;}
  .btn-submit{width:100%;background:var(--gold);color:var(--navy);padding:13px;border-radius:var(--radius-sm);font-weight:700;font-size:15px;border:none;cursor:pointer;font-family:'Inter',sans-serif;transition:background 0.2s;}
  .btn-submit:hover{background:#e8bc50;}

  /* FOOTER */

  /* WHATSAPP */
  .whatsapp-float{position:fixed;bottom:28px;right:28px;z-index:999;width:52px;height:52px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,0.25);transition:transform 0.2s;}
  .whatsapp-float:hover{transform:scale(1.08);}
  .whatsapp-float svg{width:28px;height:28px;fill:white;}

  @media(max-width:900px){
    .pkg-layout{grid-template-columns:1fr;}
    .pkg-sidebar{position:static;}
    .inc-exc-grid{grid-template-columns:1fr;}
    .reviews-grid{grid-template-columns:1fr;}
    .related-grid{grid-template-columns:1fr 1fr;}
    .gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:160px 160px 160px;}
    .gallery-item:first-child{grid-row:span 1;}
  }
  @media(max-width:600px){
    .gallery-grid{grid-template-columns:1fr 1fr;}
    .related-grid{grid-template-columns:1fr;}
    .form-row{grid-template-columns:1fr;}
  }

/* --- sightseeing page styles --- */
  html { scroll-behavior: smooth; }
  body { font-family: 'Inter', sans-serif; color: var(--text-dark); background: #fff; line-height: 1.6; }
  .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

  /* NAV */
  nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: rgba(11,37,69,0.97); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,0.08); }
  .logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }

  /* PAGE HERO */
  .page-hero { padding: 120px 0 70px; position: relative; overflow: hidden; background: #0B2545; }
  .hero-bg-img { position: absolute; inset: 0; background-image: url('https://images.unsplash.com/photo-1620143437082-32cc7e7a8d95?w=1400&q=80'); background-size: cover; background-position: center; opacity: 0.32; }
  .hero-overlay { position: absolute; inset: 0; background: linear-gradient(to right, rgba(11,37,69,0.92) 0%, rgba(11,37,69,0.5) 70%); }
  .page-hero .container { position: relative; z-index: 1; }
  .breadcrumb { display: flex; gap: 8px; align-items: center; margin-bottom: 16px; font-size: 13px; color: rgba(255,255,255,0.55); }
  .breadcrumb a { color: rgba(255,255,255,0.55); text-decoration: none; }
  .breadcrumb a:hover { color: white; }
  .breadcrumb-sep { opacity: 0.4; }
  .page-hero h1 { font-family: 'Playfair Display', serif; font-size: clamp(32px, 4.5vw, 56px); color: white; font-weight: 700; margin-bottom: 16px; line-height: 1.1; }
  .page-hero h1 em { color: var(--teal-light); font-style: normal; }
  .page-hero p { font-size: 16px; color: rgba(255,255,255,0.75); max-width: 580px; line-height: 1.7; margin-bottom: 28px; }
  .hero-pills { display: flex; flex-wrap: wrap; gap: 10px; }
  .hero-pill { background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2); color: white; padding: 6px 14px; border-radius: 100px; font-size: 13px; font-weight: 500; }

  /* FILTER BAR */
  .filter-bar { background: var(--sand); border-bottom: 1px solid rgba(11,37,69,0.1); padding: 18px 0; position: sticky; top: 68px; z-index: 100; }
  .filter-inner { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
  .filter-label { font-size: 13px; font-weight: 600; color: var(--navy); margin-right: 4px; white-space: nowrap; }
  .filter-btn { padding: 7px 16px; border-radius: 100px; border: 1.5px solid rgba(11,37,69,0.18); background: white; color: var(--text-mid); font-size: 13px; font-weight: 500; cursor: pointer; transition: all 0.2s; font-family: 'Inter', sans-serif; }
  .filter-btn:hover, .filter-btn.active { background: var(--navy); color: white; border-color: var(--navy); }

  /* SECTION */
  section { padding: 72px 0; }

  /* ATTRACTION CARDS */
  .attr-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 40px; }
  .attr-card { border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--border); background: white; box-shadow: var(--shadow-sm); transition: all 0.25s; }
  .attr-card:hover { box-shadow: var(--shadow-md); transform: translateY(-4px); }
  .attr-img { position: relative; height: 230px; overflow: hidden; }
  .attr-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
  .attr-card:hover .attr-img img { transform: scale(1.07); }
  .attr-badge { position: absolute; top: 12px; left: 12px; font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 100px; text-transform: uppercase; letter-spacing: 0.5px; }
  .badge-heritage { background: rgba(140,70,30,0.9); color: white; }
  .badge-beach { background: rgba(11,37,69,0.85); color: white; }
  .badge-nature { background: rgba(26,127,110,0.9); color: white; }
  .badge-island { background: rgba(42,80,160,0.85); color: white; }
  .attr-dest-tag { position: absolute; bottom: 12px; left: 12px; background: rgba(11,37,69,0.8); color: rgba(255,255,255,0.9); font-size: 11px; padding: 4px 10px; border-radius: 100px; backdrop-filter: blur(4px); display: flex; align-items: center; gap: 5px; }
  .attr-dest-tag svg { width: 10px; height: 10px; fill: var(--gold); }
  .attr-free-badge { position: absolute; top: 12px; right: 12px; background: var(--gold); color: var(--navy); font-size: 10px; font-weight: 700; padding: 4px 8px; border-radius: 100px; }
  .attr-body { padding: 20px; }
  .attr-type { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: var(--teal); margin-bottom: 6px; }
  .attr-name { font-family: 'Playfair Display', serif; font-size: 19px; font-weight: 600; color: var(--navy); margin-bottom: 8px; }
  .attr-desc { font-size: 13px; color: var(--text-mid); line-height: 1.65; margin-bottom: 14px; }
  .attr-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
  .attr-meta-item { display: flex; align-items: center; gap: 5px; font-size: 12px; color: var(--text-mid); background: #F5F7FA; padding: 4px 10px; border-radius: 100px; }
  .attr-meta-item svg { width: 13px; height: 13px; stroke: var(--teal); fill: none; stroke-width: 2; }
  .attr-entry { font-size: 13px; color: var(--text-mid); }
  .attr-entry strong { color: var(--navy); font-weight: 600; }
  .btn-view { background: var(--navy); color: white; padding: 8px 18px; border-radius: 6px; font-size: 13px; font-weight: 600; text-decoration: none; transition: background 0.2s; }
  .btn-view:hover { background: var(--teal); }

  /* HIGHLIGHT STRIP */
  .highlight-strip { background: var(--navy); padding: 56px 0; }
  .stats-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 40px; }
  .stat-box { text-align: center; padding: 28px 16px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: var(--radius-md); transition: all 0.25s; }
  .stat-box:hover { background: rgba(255,255,255,0.09); border-color: var(--teal-light); }
  .stat-num { font-family: 'Playfair Display', serif; font-size: 40px; font-weight: 700; color: var(--gold); line-height: 1; margin-bottom: 6px; }
  .stat-label { font-size: 13px; color: rgba(255,255,255,0.6); }

  /* TIPS SECTION */
  .tips-section { background: var(--sand); }
  .tips-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 36px; }
  .tip-card { background: white; border-radius: var(--radius-md); padding: 24px 26px; display: flex; gap: 18px; align-items: flex-start; box-shadow: var(--shadow-sm); border: 1px solid var(--border); transition: box-shadow 0.2s; }
  .tip-card:hover { box-shadow: var(--shadow-md); }
  .tip-icon { width: 44px; height: 44px; border-radius: 10px; background: rgba(26,127,110,0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
  .tip-icon svg { width: 22px; height: 22px; stroke: var(--teal); fill: none; stroke-width: 2; }
  .tip-title { font-weight: 600; color: var(--navy); font-size: 15px; margin-bottom: 4px; }
  .tip-text { font-size: 13px; color: var(--text-mid); line-height: 1.6; }

  /* FEATURED SPOTLIGHT */
  .spotlight-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 52px; align-items: center; margin-top: 40px; }
  .spotlight-img { border-radius: var(--radius-lg); overflow: hidden; height: 460px; }
  .spotlight-img img { width: 100%; height: 100%; object-fit: cover; }
  .spotlight-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: var(--teal); margin-bottom: 12px; }
  .spotlight-title { font-family: 'Playfair Display', serif; font-size: clamp(26px, 3vw, 38px); color: var(--navy); font-weight: 700; line-height: 1.15; margin-bottom: 16px; }
  .spotlight-desc { font-size: 15px; color: var(--text-mid); line-height: 1.75; margin-bottom: 24px; }
  .spotlight-details { list-style: none; margin-bottom: 28px; display: flex; flex-direction: column; gap: 10px; }
  .spotlight-details li { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--text-mid); }
  .spotlight-details li svg { width: 16px; height: 16px; stroke: var(--teal); fill: none; stroke-width: 2; flex-shrink: 0; }
  .spotlight-details li strong { color: var(--navy); }

  /* CTA BANNER */
  .cta-section { padding: 72px 0; }
  .cta-banner { background: linear-gradient(135deg, var(--teal) 0%, #0B5E6B 100%); border-radius: var(--radius-lg); padding: 52px 56px; display: flex; align-items: center; justify-content: space-between; gap: 32px; position: relative; overflow: hidden; }
  .cta-banner::after { content: ''; position: absolute; right: -40px; top: -40px; width: 200px; height: 200px; border-radius: 50%; background: rgba(255,255,255,0.07); }
  .cta-banner::before { content: ''; position: absolute; right: 60px; bottom: -60px; width: 280px; height: 280px; border-radius: 50%; background: rgba(255,255,255,0.04); }
  .cta-banner h3 { font-family: 'Playfair Display', serif; font-size: 28px; color: white; font-weight: 700; margin-bottom: 10px; }
  .cta-banner p { color: rgba(255,255,255,0.75); font-size: 15px; max-width: 460px; line-height: 1.7; }
  .cta-btn { background: var(--gold); color: var(--navy); padding: 14px 28px; border-radius: 8px; font-weight: 700; font-size: 15px; text-decoration: none; white-space: nowrap; transition: all 0.2s; flex-shrink: 0; position: relative; z-index: 1; }
  .cta-btn:hover { background: #e8bc50; transform: translateY(-2px); }

  /* FOOTER */

/* --- sightseeing-detail page styles --- */
    --navy: #0B2545; --teal: #1A7F6E; --teal-light: #2AB09A; --gold: #D4A843;
    --sand: #F5EFE0; --text-dark: #1C1C1C; --text-mid: #4A4A4A; --text-light: #7A7A7A;
    --border: rgba(0,0,0,0.08); --shadow-sm: 0 2px 12px rgba(11,37,69,0.08);
    --shadow-md: 0 6px 30px rgba(11,37,69,0.14); --radius-md: 12px; --radius-lg: 20px;
  }
  html { scroll-behavior: smooth; }
  body { font-family: 'Inter', sans-serif; color: var(--text-dark); background: #fff; line-height: 1.6; }
  .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
  nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: rgba(11,37,69,0.97); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,0.08); }
  .logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }

  .detail-hero { padding: 120px 0 0; }
  .breadcrumb { display: flex; gap: 8px; align-items: center; margin-bottom: 16px; font-size: 13px; color: var(--text-light); }
  .breadcrumb a { color: var(--text-light); text-decoration: none; } .breadcrumb a:hover { color: var(--teal); }
  .breadcrumb span { color: var(--text-light); opacity: 0.5; }
  .hero-banner { position: relative; height: 420px; border-radius: var(--radius-lg); overflow: hidden; margin-top: 14px; }
  .hero-banner img { width: 100%; height: 100%; object-fit: cover; }
  .hero-banner-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(11,37,69,0.85), rgba(11,37,69,0.05)); display: flex; flex-direction: column; justify-content: flex-end; padding: 36px 40px; }
  .hero-tag { background: var(--gold); color: var(--navy); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; padding: 5px 12px; border-radius: 100px; display: inline-block; margin-bottom: 14px; width: fit-content; }
  .hero-banner-overlay h1 { font-family: 'Playfair Display', serif; font-size: clamp(28px,4vw,46px); color: white; font-weight: 700; margin-bottom: 8px; }
  .hero-banner-overlay p { color: rgba(255,255,255,0.85); font-size: 15px; max-width: 600px; }
  .quick-facts { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: var(--border); border: 1px solid var(--border); border-radius: var(--radius-md); margin-top: -28px; position: relative; z-index: 2; overflow: hidden; }
  .qf-item { background: white; padding: 18px 20px; }
  .qf-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.6px; color: var(--text-light); margin-bottom: 4px; }
  .qf-value { font-size: 15px; font-weight: 600; color: var(--navy); }

  section { padding: 60px 0; }
  .detail-layout { display: grid; grid-template-columns: 2fr 1fr; gap: 48px; align-items: start; }
  .body-block { margin-bottom: 42px; }
  .body-block p { font-size: 15px; color: var(--text-mid); margin-bottom: 14px; }
  .body-block p:last-child { margin-bottom: 0; }
  .body-block ul { padding-left: 20px; color: var(--text-mid); font-size: 15px; }
  .body-block ul li { margin-bottom: 8px; }

  .highlight-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }
  .highlight-card { display: flex; gap: 12px; align-items: flex-start; border: 1px solid var(--border); border-radius: var(--radius-md); padding: 16px; }
  .highlight-icon { width: 38px; height: 38px; border-radius: 50%; background: rgba(26,127,110,0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
  .highlight-icon svg { width: 19px; height: 19px; stroke: var(--teal); fill: none; stroke-width: 1.8; }
  .highlight-card h4 { font-size: 15px; color: var(--navy); margin-bottom: 4px; }
  .highlight-card p { font-size: 13px; color: var(--text-mid); }

  .gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 140px; gap: 12px; }
  .gallery-grid img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; transition: transform 0.3s; }
  .gallery-grid a:hover img { transform: scale(1.04); }
  .gallery-grid > a:nth-child(1) { grid-row: span 2; grid-column: span 2; }

  .map-box { border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--border); height: 240px; }
  .map-box iframe { width: 100%; height: 100%; border: 0; }

  .nearby-card { display: flex; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--border); text-decoration: none; }
  .nearby-card:last-child { border-bottom: none; }
  .nearby-card img { width: 56px; height: 56px; object-fit: cover; border-radius: 8px; flex-shrink: 0; }
  .nearby-name { font-size: 13.5px; font-weight: 600; color: var(--navy); margin-bottom: 2px; }
  .nearby-meta { font-size: 12px; color: var(--text-light); }

  .side-card { border: 1px solid var(--border); border-radius: var(--radius-md); padding: 24px; margin-bottom: 24px; background: white; box-shadow: var(--shadow-sm); }
  .side-card h4 { font-family: 'Playfair Display', serif; font-size: 17px; color: var(--navy); margin-bottom: 14px; }
  .weather-row { display: flex; justify-content: space-between; font-size: 13px; padding: 8px 0; border-bottom: 1px solid var(--border); }
  .weather-row:last-child { border-bottom: none; }
  .weather-row span:first-child { color: var(--text-mid); }
  .weather-row span:last-child { font-weight: 600; color: var(--navy); }
  .side-cta-card { background: linear-gradient(135deg, var(--navy), #0E3D5C); border-radius: var(--radius-md); padding: 26px; color: white; text-align: center; }
  .side-cta-card h4 { color: white; font-family: 'Playfair Display', serif; font-size: 18px; margin-bottom: 8px; }
  .side-cta-card p { font-size: 13px; color: rgba(255,255,255,0.75); margin-bottom: 18px; }

  .whatsapp-float { position: fixed; bottom: 28px; right: 28px; z-index: 999; width: 54px; height: 54px; background: #25D366; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: transform 0.2s; box-shadow: 0 4px 20px rgba(37,211,102,0.4); }
  .whatsapp-float:hover { transform: scale(1.1); }
  .whatsapp-float svg { width: 28px; height: 28px; fill: white; }

  @media (max-width: 1024px) {
    .detail-layout { grid-template-columns: 1fr; }
    .quick-facts { grid-template-columns: repeat(2,1fr); }
    .highlight-grid { grid-template-columns: 1fr; }
  }
  @media (max-width: 768px) {
    .hero-banner { height: 280px; }
    .gallery-grid { grid-template-columns: repeat(2,1fr); }
    .gallery-grid > a:nth-child(1) { grid-column: span 2; grid-row: span 1; }
  }

/* --- activity-detail page styles --- */

  /* NAV */

  /* HERO */
  .activity-hero{padding-top:68px;position:relative;min-height:520px;display:flex;align-items:flex-end;overflow:hidden;}
  .activity-hero-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1544551763-46a013bb70d5?w=1600&q=80');background-size:cover;background-position:center;}
  .activity-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(11,37,69,0.95) 0%,rgba(11,37,69,0.4) 60%,rgba(11,37,69,0.1) 100%);}
  .activity-hero-content{position:relative;z-index:2;padding:48px 0;}
  .breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:16px;font-size:13px;color:rgba(255,255,255,0.55);}
  .breadcrumb a{color:rgba(255,255,255,0.55);text-decoration:none;}
  .breadcrumb a:hover{color:white;}
  .breadcrumb span{color:rgba(255,255,255,0.35);}
  .activity-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(42,176,154,0.2);border:1px solid rgba(42,176,154,0.4);color:var(--teal-light);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:5px 14px;border-radius:100px;margin-bottom:16px;}
  .activity-hero h1{font-family:'Playfair Display',serif;font-size:clamp(32px,5vw,58px);color:white;font-weight:700;line-height:1.1;margin-bottom:16px;}
  .activity-hero h1 em{color:var(--teal-light);font-style:normal;}
  .activity-hero-meta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:28px;}
  .meta-pill{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);color:white;padding:7px 16px;border-radius:100px;font-size:13px;font-weight:500;}
  .meta-pill svg{width:14px;height:14px;stroke:var(--teal-light);fill:none;stroke-width:2;}
  .hero-price-row{display:flex;align-items:center;gap:24px;}
  .hero-price{font-family:'Playfair Display',serif;font-size:36px;color:white;font-weight:700;}
  .hero-price sup{font-size:18px;vertical-align:top;margin-top:8px;}
  .hero-price-label{font-size:13px;color:rgba(255,255,255,0.55);}
  .btn-book-now{background:var(--gold);color:var(--navy);padding:14px 32px;border-radius:var(--radius-sm);font-weight:700;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all 0.2s;border:none;cursor:pointer;}
  .btn-book-now:hover{background:#e8bc50;transform:translateY(-1px);}

  /* LAYOUT */
  .activity-layout{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:start;}
  .activity-main{}
  .activity-sidebar{position:sticky;top:88px;}

  /* SECTIONS */
  .content-section{margin-bottom:48px;}
  .content-section h2{font-family:'Playfair Display',serif;font-size:24px;color:var(--navy);font-weight:700;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--sand);}
  .content-section p{font-size:15px;color:var(--text-mid);line-height:1.8;margin-bottom:14px;}

  /* HIGHLIGHTS */
  .highlights-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;}
  .highlight-item{display:flex;align-items:flex-start;gap:12px;background:#F5F9F8;border:1px solid rgba(26,127,110,0.12);border-radius:var(--radius-sm);padding:14px 16px;}
  .highlight-icon{width:32px;height:32px;background:rgba(26,127,110,0.1);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .highlight-icon svg{width:16px;height:16px;stroke:var(--teal);fill:none;stroke-width:2;}
  .highlight-text{font-size:13px;color:var(--text-dark);font-weight:500;line-height:1.5;}

  /* SAFETY */
  .safety-list{list-style:none;margin-top:4px;}
  .safety-item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--border);}
  .safety-item:last-child{border-bottom:none;}
  .safety-num{width:26px;height:26px;background:var(--navy);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;margin-top:1px;}
  .safety-item p{font-size:14px;color:var(--text-mid);line-height:1.6;}

  /* WHAT'S INCLUDED */
  .inc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;}
  .inc-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-dark);}
  .inc-dot{width:8px;height:8px;background:var(--teal);border-radius:50%;flex-shrink:0;}
  .exc-item .inc-dot{background:#dc4a3c;}
  .exc-item{color:var(--text-light);}

  /* GALLERY */
  .gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px;}
  .gallery-grid a{display:block;aspect-ratio:4/3;border-radius:var(--radius-sm);overflow:hidden;}
  .gallery-grid a img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s;}
  .gallery-grid a:hover img{transform:scale(1.05);}
  .gallery-grid a:first-child{grid-column:span 2;aspect-ratio:16/9;}

  /* FAQ */
  .faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px;overflow:hidden;}
  .faq-q{padding:16px 20px;font-weight:600;font-size:14px;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
  .faq-a{padding:0 20px 16px;font-size:14px;color:var(--text-mid);line-height:1.7;}

  /* SIDEBAR CARD */
  .sidebar-card{background:white;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:24px;}
  .sidebar-card-head{background:var(--navy);padding:20px 24px;}
  .sidebar-card-head h3{font-family:'Playfair Display',serif;color:white;font-size:18px;font-weight:600;margin-bottom:4px;}
  .sidebar-card-head p{color:rgba(255,255,255,0.65);font-size:13px;}
  .form-field{margin-bottom:14px;}
  .form-field label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.7px;color:var(--text-light);margin-bottom:5px;}
  .form-field input,.form-field select,.form-field textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:'Inter',sans-serif;color:var(--text-dark);background:#FAFAFA;outline:none;transition:border-color 0.2s;}
  .form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--teal);background:white;}
  .form-field textarea{resize:vertical;min-height:90px;}
  .btn-submit{width:100%;background:var(--gold);color:var(--navy);padding:13px;border-radius:var(--radius-sm);font-weight:700;font-size:15px;border:none;cursor:pointer;transition:background 0.2s;font-family:'Inter',sans-serif;}
  .btn-submit:hover{background:#e8bc50;}
  .whatsapp-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#25D366;color:white;padding:12px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;text-decoration:none;margin-top:10px;transition:background 0.2s;}
  .whatsapp-btn:hover{background:#1ebe5e;}
  .quick-info{background:#F5F9F8;border-radius:var(--radius-sm);padding:16px;margin-bottom:16px;}
  .quick-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(26,127,110,0.1);font-size:13px;}
  .quick-info-row:last-child{border-bottom:none;padding-bottom:0;}
  .quick-info-label{color:var(--text-light);}
  .quick-info-val{font-weight:600;color:var(--navy);}

  /* RELATED */
  .related-section{background:var(--sand);padding:72px 0;}
  .act-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;}
  .act-card{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:white;box-shadow:var(--shadow-sm);transition:all 0.25s;}
  .act-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);}
  .act-img{position:relative;height:200px;overflow:hidden;}
  .act-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
  .act-card:hover .act-img img{transform:scale(1.07);}
  .act-badge{position:absolute;top:12px;left:12px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px;text-transform:uppercase;}
  .badge-easy{background:rgba(26,127,110,0.9);color:white;}
  .badge-thrill{background:rgba(220,80,60,0.9);color:white;}
  .badge-moderate{background:rgba(212,168,67,0.9);color:#2a1a00;}
  .act-price-tag{position:absolute;bottom:12px;right:12px;background:rgba(11,37,69,0.85);color:white;font-size:12px;font-weight:700;padding:5px 12px;border-radius:100px;}
  .act-name{font-family:'Playfair Display',serif;font-size:17px;font-weight:600;color:var(--navy);margin-bottom:6px;}
  .act-desc{font-size:13px;color:var(--text-mid);line-height:1.6;margin-bottom:12px;}
  .act-dur{font-size:12px;color:var(--text-light);}
  .btn-view{background:var(--teal);color:white;padding:7px 16px;border-radius:5px;font-size:12px;font-weight:600;text-decoration:none;transition:background 0.2s;}
  .btn-view:hover{background:var(--navy);}

  /* FOOTER */
  .whatsapp-float{position:fixed;bottom:28px;right:28px;z-index:999;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform 0.2s;box-shadow:0 4px 20px rgba(37,211,102,0.4);}
  .whatsapp-float:hover{transform:scale(1.1);}

  @media(max-width:900px){
    .activity-layout{grid-template-columns:1fr;}
    .activity-sidebar{position:static;}
    .highlights-grid,.inc-grid{grid-template-columns:1fr;}
    .act-grid{grid-template-columns:1fr 1fr;}
  }
  @media(max-width:600px){
    .activity-hero-meta{gap:10px;}
    .gallery-grid{grid-template-columns:1fr 1fr;}
    .gallery-grid a:first-child{grid-column:span 2;}
  }

/* --- blog-detail page styles --- */
    --navy: #0B2545; --teal: #1A7F6E; --teal-light: #2AB09A; --gold: #D4A843;
    --sand: #F5EFE0; --text-dark: #1C1C1C; --text-mid: #4A4A4A; --text-light: #7A7A7A;
    --border: rgba(0,0,0,0.08); --shadow-sm: 0 2px 12px rgba(11,37,69,0.08);
    --shadow-md: 0 6px 30px rgba(11,37,69,0.14); --radius-md: 12px; --radius-lg: 20px;
  }
  html { scroll-behavior: smooth; }
  body { font-family: 'Inter', sans-serif; color: var(--text-dark); background: #fff; line-height: 1.6; }
  .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

  /* NAV */
  nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: rgba(11,37,69,0.97); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,0.08); }
  .logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }

  /* HERO */
  .blog-hero { padding-top: 68px; position: relative; overflow: hidden; }
  .blog-hero-img { width: 100%; height: 480px; object-fit: cover; display: block; }
  .blog-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(11,37,69,0.75) 0%, rgba(11,37,69,0.1) 55%); display: flex; align-items: flex-end; }
  .blog-hero-content { padding: 40px 0; }
  .breadcrumb { display: flex; gap: 8px; align-items: center; margin-bottom: 16px; font-size: 13px; color: rgba(255,255,255,0.6); }
  .breadcrumb a { color: rgba(255,255,255,0.6); text-decoration: none; }
  .breadcrumb a:hover { color: rgba(255,255,255,0.9); }
  .blog-cat-badge { display: inline-block; background: var(--teal); color: white; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; padding: 4px 12px; border-radius: 100px; margin-bottom: 16px; }
  .blog-hero-title { font-family: 'Playfair Display', serif; font-size: clamp(26px, 4vw, 48px); color: white; font-weight: 700; line-height: 1.15; max-width: 720px; margin-bottom: 20px; }
  .blog-hero-meta { display: flex; gap: 20px; flex-wrap: wrap; }
  .blog-hero-meta-item { display: flex; align-items: center; gap: 6px; color: rgba(255,255,255,0.7); font-size: 13px; }
  .blog-hero-meta-item svg { width: 14px; height: 14px; stroke: rgba(255,255,255,0.7); fill: none; stroke-width: 2; }

  /* ARTICLE LAYOUT */
  .article-wrap { padding: 64px 0; }
  .article-layout { display: grid; grid-template-columns: 1fr 320px; gap: 56px; align-items: start; }
  .article-body { min-width: 0; }

  /* ARTICLE CONTENT */
  .article-intro { font-size: 18px; color: var(--text-mid); line-height: 1.75; margin-bottom: 36px; font-weight: 400; border-left: 3px solid var(--teal); padding-left: 20px; }
  .article-body h2 { font-family: 'Playfair Display', serif; font-size: 26px; color: var(--navy); font-weight: 700; margin: 40px 0 16px; line-height: 1.2; }
  .article-body h3 { font-family: 'Playfair Display', serif; font-size: 20px; color: var(--navy); font-weight: 600; margin: 28px 0 12px; }
  .article-body p { font-size: 16px; color: var(--text-mid); line-height: 1.8; margin-bottom: 20px; }
  .article-body ul, .article-body ol { padding-left: 22px; margin-bottom: 20px; }
  .article-body li { font-size: 16px; color: var(--text-mid); line-height: 1.75; margin-bottom: 8px; }
  .article-body strong { color: var(--text-dark); font-weight: 600; }

  .season-card { border: 1px solid var(--border); border-radius: var(--radius-md); overflow: hidden; margin: 32px 0; box-shadow: var(--shadow-sm); }
  .season-card-head { padding: 18px 24px; display: flex; align-items: center; gap: 14px; }
  .season-icon { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
  .season-card-head h3 { font-family: 'Playfair Display', serif; font-size: 19px; font-weight: 600; margin: 0; }
  .season-card-head .months { font-size: 13px; color: var(--text-light); margin-top: 2px; }
  .season-card-body { padding: 20px 24px; border-top: 1px solid var(--border); background: #FAFAFA; }
  .season-card-body p { font-size: 15px; margin-bottom: 12px; }
  .season-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
  .season-tag { padding: 4px 12px; border-radius: 100px; font-size: 12px; font-weight: 500; }
  .tag-good { background: rgba(26,127,110,0.1); color: var(--teal); }
  .tag-bad { background: rgba(232,72,58,0.1); color: #C0392B; }

  .season-peak .season-card-head { background: linear-gradient(135deg, rgba(26,127,110,0.08) 0%, rgba(26,127,110,0.04) 100%); }
  .season-peak .season-card-head h3 { color: var(--teal); }
  .season-shoulder .season-card-head { background: linear-gradient(135deg, rgba(212,168,67,0.1) 0%, rgba(212,168,67,0.04) 100%); }
  .season-shoulder .season-card-head h3 { color: #B8860B; }
  .season-off .season-card-head { background: linear-gradient(135deg, rgba(11,37,69,0.06) 0%, rgba(11,37,69,0.02) 100%); }
  .season-off .season-card-head h3 { color: var(--navy); }

  .tip-box { background: var(--sand); border-radius: var(--radius-md); padding: 24px 28px; margin: 32px 0; border-left: 4px solid var(--gold); }
  .tip-box-title { font-weight: 700; color: var(--navy); font-size: 15px; margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
  .tip-box p { font-size: 14px; color: var(--text-mid); margin-bottom: 0; line-height: 1.7; }

  .inline-img { width: 100%; border-radius: var(--radius-md); margin: 28px 0; display: block; }
  .img-caption { font-size: 12px; color: var(--text-light); text-align: center; margin-top: -20px; margin-bottom: 28px; }

  .month-table { width: 100%; border-collapse: collapse; margin: 28px 0; border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-sm); }
  .month-table th { background: var(--navy); color: white; padding: 12px 16px; font-size: 13px; text-align: left; font-weight: 600; }
  .month-table td { padding: 12px 16px; font-size: 14px; border-bottom: 1px solid var(--border); color: var(--text-mid); }
  .month-table tr:nth-child(even) td { background: #F8FAFC; }
  .rating-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 4px; }
  .dot-green { background: #2E7D32; }
  .dot-yellow { background: #F59E0B; }
  .dot-red { background: #DC2626; }

  /* SHARE */
  .share-bar { display: flex; align-items: center; gap: 12px; padding: 24px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); margin: 40px 0; flex-wrap: wrap; }
  .share-label { font-size: 14px; font-weight: 600; color: var(--navy); }
  .share-btn { display: inline-flex; align-items: center; gap: 7px; padding: 8px 16px; border-radius: 6px; font-size: 13px; font-weight: 500; text-decoration: none; transition: opacity 0.2s; }
  .share-fb { background: #1877F2; color: white; }
  .share-wa { background: #25D366; color: white; }
  .share-tw { background: #1DA1F2; color: white; }
  .share-btn:hover { opacity: 0.85; }
  .share-btn svg { width: 14px; height: 14px; fill: white; }

  /* AUTHOR */
  .author-box { background: var(--sand); border-radius: var(--radius-md); padding: 28px; margin: 40px 0; display: flex; gap: 20px; align-items: flex-start; }
  .author-avatar { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; border: 3px solid var(--teal-light); flex-shrink: 0; }
  .author-name { font-weight: 700; font-size: 16px; color: var(--navy); margin-bottom: 4px; }
  .author-role { font-size: 13px; color: var(--teal); margin-bottom: 10px; font-weight: 500; }
  .author-bio { font-size: 14px; color: var(--text-mid); line-height: 1.65; }

  /* RELATED */
  .related-posts { padding: 60px 0; background: var(--sand); }
  .related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 36px; }
  .blog-card { border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--border); background: white; box-shadow: var(--shadow-sm); transition: box-shadow 0.25s, transform 0.25s; }
  .blog-card:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); }
  .blog-img { height: 180px; overflow: hidden; position: relative; }
  .blog-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.45s; }
  .blog-card:hover .blog-img img { transform: scale(1.06); }
  .blog-img-cat { position: absolute; bottom: 10px; left: 10px; background: rgba(11,37,69,0.85); color: white; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; padding: 4px 10px; border-radius: 100px; }
  .blog-body { padding: 20px; }
  .blog-title { font-family: 'Playfair Display', serif; font-size: 16px; color: var(--navy); font-weight: 600; line-height: 1.35; margin-bottom: 10px; }
  .blog-title a { text-decoration: none; color: inherit; }
  .blog-title a:hover { color: var(--teal); }
  .blog-excerpt { font-size: 13px; color: var(--text-mid); line-height: 1.6; margin-bottom: 14px; }
  .blog-read-more { font-size: 13px; font-weight: 600; color: var(--teal); text-decoration: none; }
  .blog-read-more:hover { color: var(--navy); }

  /* SIDEBAR */
  .sidebar { position: sticky; top: 88px; }
  .sidebar-widget { background: white; border: 1px solid var(--border); border-radius: var(--radius-md); padding: 24px; margin-bottom: 24px; box-shadow: var(--shadow-sm); }
  .sidebar-widget h4 { font-family: 'Playfair Display', serif; font-size: 17px; color: var(--navy); font-weight: 600; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--border); }
  .toc-list { list-style: none; }
  .toc-list li { margin-bottom: 8px; }
  .toc-list a { font-size: 13px; color: var(--text-mid); text-decoration: none; padding: 5px 0; display: block; transition: color 0.2s; line-height: 1.4; }
  .toc-list a:hover { color: var(--teal); }
  .toc-list a.active { color: var(--teal); font-weight: 600; }

  .enq-widget { background: linear-gradient(135deg, var(--navy) 0%, #0E3D5C 100%); border-radius: var(--radius-md); padding: 28px; text-align: center; }
  .enq-widget h4 { font-family: 'Playfair Display', serif; color: white; font-size: 19px; font-weight: 600; margin-bottom: 10px; }
  .enq-widget p { color: rgba(255,255,255,0.65); font-size: 13px; line-height: 1.6; margin-bottom: 20px; }
  .btn-enq { display: block; background: var(--gold); color: var(--navy); font-weight: 700; font-size: 14px; padding: 13px 20px; border-radius: 8px; text-decoration: none; transition: background 0.2s; margin-bottom: 10px; }
  .btn-enq:hover { background: #e8bc50; }
  .btn-whatsapp { display: flex; align-items: center; justify-content: center; gap: 8px; background: #25D366; color: white; font-weight: 600; font-size: 14px; padding: 12px 20px; border-radius: 8px; text-decoration: none; transition: background 0.2s; }
  .btn-whatsapp:hover { background: #1db954; }
  .btn-whatsapp svg { width: 16px; height: 16px; fill: white; }

  .sidebar-recent li { margin-bottom: 14px; display: flex; gap: 12px; align-items: flex-start; }
  .sidebar-recent-img { width: 60px; height: 48px; border-radius: 6px; object-fit: cover; flex-shrink: 0; }
  .sidebar-recent-text a { font-size: 13px; color: var(--navy); font-weight: 500; text-decoration: none; line-height: 1.4; display: block; margin-bottom: 3px; }
  .sidebar-recent-text a:hover { color: var(--teal); }
  .sidebar-recent-text span { font-size: 11px; color: var(--text-light); }
  .sidebar-tags { display: flex; flex-wrap: wrap; gap: 8px; }
  .sidebar-tag { padding: 5px 12px; border: 1px solid var(--border); border-radius: 100px; font-size: 12px; color: var(--text-mid); text-decoration: none; transition: all 0.2s; }
  .sidebar-tag:hover { border-color: var(--teal); color: var(--teal); }

  /* SECTION HEADERS */

  /* FOOTER */

  /* RESPONSIVE */
  @media (max-width: 1024px) {
    .article-layout { grid-template-columns: 1fr; }
    .sidebar { position: static; }
    .related-grid { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 640px) {
    .blog-hero-img { height: 300px; }
    .blog-hero-title { font-size: 24px; }
    .related-grid { grid-template-columns: 1fr; }
    .author-box { flex-direction: column; }
  }
/* ============================================================
   MOBILE HAMBURGER & MENU
   (Appended to andaman.css)
   ============================================================ */

/* Hamburger button */
.hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px;
  border-radius: 6px;
  transition: background 0.2s;
}
.hamburger:hover { background: rgba(255,255,255,0.1); }
.hamburger span {
  display: block;
  width: 22px;
  height: 2px;
  background: white;
  border-radius: 2px;
  transition: all 0.3s;
}

/* Mobile menu panel */
.mobile-menu {
  display: none;
  flex-direction: column;
  background: rgba(11,37,69,0.99);
  border-top: 1px solid rgba(255,255,255,0.08);
  padding: 16px 24px 24px;
  gap: 4px;
}
.mobile-menu.open { display: flex; }
.mobile-menu a,
.mobile-nav-list li a {
  color: rgba(255,255,255,0.85);
  text-decoration: none;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 15px;
  display: block;
  transition: background 0.2s;
}
.mobile-menu a:hover,
.mobile-nav-list li a:hover { background: rgba(255,255,255,0.08); color: white; }
.mobile-nav-list { list-style: none; margin: 0; padding: 0; }
.mobile-cta {
  background: var(--gold) !important;
  color: var(--navy) !important;
  font-weight: 600 !important;
  margin-top: 8px;
  text-align: center;
}

/* Active nav link */
.nav-links a.active { color: white; background: rgba(255,255,255,0.12); }

@media (max-width: 900px) {
  .nav-links { display: none; }
  .hamburger { display: flex; }
}

/* ============================================================
   COMPREHENSIVE RESPONSIVE PATCH
   Full mobile-first fixes for all pages
   Breakpoints: 1024px (tablet), 768px (mobile), 480px (small mobile)
   ============================================================ */

/* ── GLOBAL ── */
img, video, iframe { max-width: 100%; }
.container { padding: 0 20px; }

/* ── SEARCH BAR ── */
@media (max-width: 480px) {
  .search-bar-inner { grid-template-columns: 1fr; }
  .search-bar-wrap { padding: 16px; }
}

/* ── HERO ── */
@media (max-width: 480px) {
  .hero-stats { gap: 20px; flex-wrap: wrap; }
  .hero-stat-num { font-size: 22px; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn-primary,
  .hero-actions .btn-outline { width: 100%; justify-content: center; }
}

/* ── ABOUT PAGE ── */
@media (max-width: 900px) {
  .story-grid { grid-template-columns: 1fr; gap: 40px; }
  .story-imgs { min-height: 320px; }
  .story-img-float { display: none; }
  .values-grid { grid-template-columns: repeat(2, 1fr); }
  .team-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .values-grid { grid-template-columns: 1fr; }
  .team-card { flex-direction: column; }
  .timeline::before { left: 0; }
  .tl-item { grid-template-columns: 1fr; padding-left: 20px; }
  .tl-year { text-align: left; font-size: 15px; }
  .tl-dot { left: -6px; }
  .cta-band { flex-direction: column; text-align: center; gap: 20px; }
}

/* ── PACKAGES LIST PAGE ── */
@media (max-width: 900px) {
  .pkg-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .pkg-grid { grid-template-columns: 1fr; }
}

/* ── PACKAGE DETAIL PAGE ── */
@media (max-width: 900px) {
  .itinerary-grid { grid-template-columns: 1fr; }
  .incl-grid { grid-template-columns: 1fr; }
  .act-grid { grid-template-columns: repeat(2, 1fr); }
  .safety-grid { grid-template-columns: repeat(2, 1fr); }
  .sites-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .act-grid { grid-template-columns: 1fr; }
  .safety-grid { grid-template-columns: 1fr; }
  .pkg-meta { flex-wrap: wrap; gap: 8px; }
}

/* ── ACTIVITIES PAGE ── */
@media (max-width: 900px) {
  .act-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .act-grid { grid-template-columns: 1fr; }
}

/* ── SIGHTSEEING PAGE ── */
@media (max-width: 900px) {
  .sight-grid,
  .sightseeing-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .sight-grid,
  .sightseeing-grid { grid-template-columns: 1fr; }
}

/* ── FAQ PAGE ── */
@media (max-width: 900px) {
  .faq-layout { grid-template-columns: 1fr; }
  .faq-toc { display: none; }
  .ask-cta { flex-direction: column; text-align: center; padding: 32px 24px; }
  .ask-cta-buttons { justify-content: center; }
}
@media (max-width: 600px) {
  .filter-inner { gap: 6px; }
  .filter-btn { padding: 6px 12px; font-size: 12px; }
}
@media (max-width: 480px) {
  .ask-cta-buttons { flex-direction: column; }
  .cta-btn { justify-content: center; }
}

/* ── CONTACT PAGE ── */
@media (max-width: 900px) {
  .contact-grid { grid-template-columns: 1fr; }
  .map-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .form-row { grid-template-columns: 1fr; }
  .enq-form { padding: 24px 20px; }
  .quick-contact { gap: 8px; }
  .qc-btn { padding: 8px 12px; font-size: 12px; }
}

/* ── DESTINATIONS PAGE ── */
@media (max-width: 900px) {
  .dest-grid { grid-template-columns: repeat(2, 1fr); }
  .info-banner { flex-direction: column; align-items: flex-start; gap: 20px; padding: 28px 24px; }
}
@media (max-width: 600px) {
  .dest-grid { grid-template-columns: 1fr; }
  .info-banner-cta { width: 100%; }
  .info-banner-cta a { display: block; text-align: center; }
}

/* ── HOW TO REACH PAGE ── */
@media (max-width: 900px) {
  .route-grid { grid-template-columns: repeat(2, 1fr); }
  .ship-grid { grid-template-columns: 1fr; }
  .ship-img { height: 280px; order: -1; }
  .transport-grid { grid-template-columns: repeat(2, 1fr); }
  .airport-strip { flex-direction: column; text-align: center; gap: 12px; }
  .airport-icon { margin: 0 auto; }
}
@media (max-width: 600px) {
  .route-grid { grid-template-columns: 1fr; }
  .transport-grid { grid-template-columns: 1fr; }
  .hero-pills { gap: 8px; }
  .hero-pill { font-size: 12px; padding: 6px 12px; }
}

/* ── BLOG LIST PAGE ── */
@media (max-width: 600px) {
  .featured-post { grid-template-columns: 1fr; }
  .featured-img { min-height: 220px; }
}

/* ── BLOG DETAIL PAGE ── */
@media (max-width: 600px) {
  .author-box { flex-direction: column; align-items: flex-start; gap: 12px; }
  .blog-hero-img { height: 240px; }
}

/* ── SIGHTSEEING DETAIL PAGE ── */
@media (max-width: 768px) {
  .quick-facts { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .quick-facts { grid-template-columns: 1fr; }
  .hero-banner { height: 220px; }
}

/* ── ACTIVITY DETAIL PAGE ── */
@media (max-width: 480px) {
  .activity-hero-meta { gap: 8px; }
  .meta-pill { font-size: 12px; padding: 6px 12px; }
  .highlights-grid { grid-template-columns: 1fr; }
  .inc-grid { grid-template-columns: 1fr; }
}

/* ── FRONT PAGE SPECIFIC ── */
@media (max-width: 480px) {
  .dest-grid { grid-template-columns: 1fr; }
  .dest-card-lg { grid-column: span 1; }
  .why-grid { grid-template-columns: 1fr; }
  section { padding: 48px 0; }
}

/* ── SECTION HEAD ROW ── */
@media (max-width: 600px) {
  .section-head-row { flex-direction: column; align-items: flex-start; gap: 12px; }
}

/* ── FOOTER ── */
@media (max-width: 480px) {
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; gap: 8px; text-align: center; }
}

/* ── BREADCRUMB ── */
@media (max-width: 480px) {
  .breadcrumb { flex-wrap: wrap; gap: 4px; font-size: 12px; }
}

/* ── PAGE HERO SECTIONS ── */
@media (max-width: 480px) {
  .page-hero { padding: 100px 0 40px; }
  .hero-stats { gap: 16px; }
  .hero-stat-num { font-size: 24px; }
}

/* ── PACKAGE DETAIL GALLERY ── */
@media (max-width: 480px) {
  .gallery-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
  }
  .gallery-item:first-child {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
  }
}

/* ── NAVIGATION TOUCH TARGET IMPROVEMENT ── */
@media (max-width: 900px) {
  .hamburger { padding: 10px 8px; }
  .mobile-menu a { padding: 12px 16px; font-size: 16px; }
  .mobile-cta { padding: 14px 16px !important; font-size: 16px !important; }
}

/* ── WHATSAPP FLOAT REPOSITIONING ON SMALL SCREENS ── */
@media (max-width: 480px) {
  .whatsapp-float { bottom: 16px; right: 16px; width: 48px; height: 48px; }
  .whatsapp-float svg { width: 24px; height: 24px; }
}

/* ── TYPOGRAPHY SCALING ── */
@media (max-width: 480px) {
  .section-title { font-size: clamp(22px, 6vw, 32px); }
  .enquiry-inner { gap: 32px; }
  .enq-form { padding: 24px 16px; }
  .enq-form h3 { font-size: 20px; }
}


/* ============================================================
   DESTINATION DETAIL PAGE STYLES  (page-destination-detail.php)
   ============================================================ */

  /* HERO */
  .dest-detail-hero { padding: 100px 0 0; }
  .dd-hero-banner { position: relative; height: 420px; border-radius: var(--radius-lg); overflow: hidden; margin-top: 14px; }
  .dd-hero-banner img { width: 100%; height: 100%; object-fit: cover; }
  .dd-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(11,37,69,0.88), rgba(11,37,69,0.05)); display: flex; flex-direction: column; justify-content: flex-end; padding: 36px 40px; }
  .dd-hero-tag { background: var(--gold); color: var(--navy); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; padding: 5px 12px; border-radius: 100px; display: inline-block; margin-bottom: 14px; width: fit-content; }
  .dd-hero-overlay h1 { font-family: 'Playfair Display', serif; font-size: clamp(26px, 4vw, 46px); color: white; font-weight: 700; margin-bottom: 8px; }
  .dd-hero-overlay p { color: rgba(255,255,255,0.85); font-size: 15px; max-width: 600px; }

  /* QUICK FACTS */
  .dd-quick-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border); border-radius: var(--radius-md); margin-top: -28px; position: relative; z-index: 2; overflow: hidden; }
  .dd-qf-item { background: white; padding: 18px 20px; }
  .dd-qf-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.6px; color: var(--text-light); margin-bottom: 4px; }
  .dd-qf-value { font-size: 15px; font-weight: 600; color: var(--navy); }

  /* LAYOUT */
  .dd-main-section { padding: 56px 0 72px; }
  .dd-layout { display: grid; grid-template-columns: 2fr 1fr; gap: 48px; align-items: start; }
  .dd-body-block { margin-bottom: 44px; }
  .dd-body-block p { font-size: 15px; color: var(--text-mid); margin-bottom: 14px; line-height: 1.75; }
  .dd-body-block p:last-child { margin-bottom: 0; }

  /* THINGS TO DO */
  .dd-todo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
  .dd-todo-card { display: flex; gap: 12px; align-items: flex-start; border: 1px solid var(--border); border-radius: var(--radius-md); padding: 16px; }
  .dd-todo-icon { width: 38px; height: 38px; border-radius: 50%; background: rgba(26,127,110,0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
  .dd-todo-icon svg { width: 19px; height: 19px; stroke: var(--teal); }
  .dd-todo-card h4 { font-size: 15px; color: var(--navy); margin-bottom: 4px; }
  .dd-todo-card p { font-size: 13px; color: var(--text-mid); }

  /* ATTRACTIONS */
  .dd-attr-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
  .dd-attr-card { border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--border); text-decoration: none; color: inherit; display: block; transition: box-shadow 0.2s, transform 0.2s; }
  .dd-attr-card:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); }
  .dd-attr-card img { width: 100%; height: 130px; object-fit: cover; display: block; }
  .dd-attr-body { padding: 14px; }
  .dd-attr-body h4 { font-size: 14px; color: var(--navy); margin-bottom: 4px; }
  .dd-attr-body p { font-size: 12.5px; color: var(--text-light); }

  /* GALLERY */
  .dd-gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 140px; gap: 12px; }
  .dd-gallery-grid img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; transition: transform 0.3s; }
  .dd-gallery-grid a:hover img { transform: scale(1.04); }
  .dd-gallery-grid > a:nth-child(1) { grid-row: span 2; grid-column: span 2; }

  /* FAQ */
  .dd-faq-item { border-bottom: 1px solid var(--border); padding: 18px 0; }
  .dd-faq-item summary { cursor: pointer; font-weight: 600; color: var(--navy); font-size: 15px; list-style: none; display: flex; justify-content: space-between; align-items: center; }
  .dd-faq-item summary::-webkit-details-marker { display: none; }
  .dd-faq-item summary::after { content: '+'; font-size: 20px; color: var(--teal); font-weight: 400; }
  .dd-faq-item[open] summary::after { content: '–'; }
  .dd-faq-item p { font-size: 14px; color: var(--text-mid); margin-top: 10px; line-height: 1.75; }

  /* SIDEBAR */
  .dd-side-card { border: 1px solid var(--border); border-radius: var(--radius-md); padding: 24px; margin-bottom: 22px; background: white; box-shadow: var(--shadow-sm); }
  .dd-side-card h4 { font-family: 'Playfair Display', serif; font-size: 17px; color: var(--navy); margin-bottom: 14px; }
  .dd-weather-row { display: flex; justify-content: space-between; font-size: 13px; padding: 8px 0; border-bottom: 1px solid var(--border); }
  .dd-weather-row:last-child { border-bottom: none; }
  .dd-weather-row span:first-child { color: var(--text-mid); }
  .dd-weather-row span:last-child { font-weight: 600; color: var(--navy); }
  .dd-related-pkg { display: flex; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--border); text-decoration: none; }
  .dd-related-pkg:last-child { border-bottom: none; }
  .dd-related-pkg img { width: 56px; height: 56px; object-fit: cover; border-radius: 8px; flex-shrink: 0; }
  .dd-related-pkg-name { font-size: 13.5px; font-weight: 600; color: var(--navy); margin-bottom: 2px; }
  .dd-related-pkg-meta { font-size: 12px; color: var(--text-light); }
  .dd-side-cta { background: linear-gradient(135deg, var(--navy), #0E3D5C); border-radius: var(--radius-md); padding: 26px; color: white; text-align: center; }
  .dd-side-cta h4 { color: white; font-family: 'Playfair Display', serif; font-size: 18px; margin-bottom: 8px; }
  .dd-side-cta p { font-size: 13px; color: rgba(255,255,255,0.75); margin-bottom: 18px; }

  /* RESPONSIVE — DESTINATION DETAIL */
  @media (max-width: 1024px) {
    .dd-layout { grid-template-columns: 1fr; }
    .dd-quick-facts { grid-template-columns: repeat(2, 1fr); }
    .dd-attr-grid { grid-template-columns: repeat(2, 1fr); }
    .dd-sidebar { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
    .dd-side-cta { grid-column: span 2; }
  }
  @media (max-width: 768px) {
    .dd-hero-banner { height: 280px; }
    .dd-hero-overlay { padding: 20px 22px; }
    .dd-todo-grid { grid-template-columns: 1fr; }
    .dd-attr-grid { grid-template-columns: 1fr; }
    .dd-gallery-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 130px; }
    .dd-gallery-grid > a:nth-child(1) { grid-column: span 2; grid-row: span 1; }
    .dd-sidebar { grid-template-columns: 1fr; }
    .dd-side-cta { grid-column: span 1; }
  }
  @media (max-width: 480px) {
    .dest-detail-hero { padding: 80px 0 0; }
    .dd-hero-banner { height: 220px; border-radius: var(--radius-md); }
    .dd-quick-facts { grid-template-columns: 1fr 1fr; }
    .dd-gallery-grid { grid-template-columns: 1fr 1fr; grid-auto-rows: 110px; }
  }


/* ============================================================
   TRAVEL GUIDE PAGE STYLES  (page-travel-guide.php)
   ============================================================ */

  /* HERO */
  .tg-hero { padding: 120px 0 60px; background: linear-gradient(135deg, #0B2545 0%, #0E3D5C 60%, #0B5E6B 100%); position: relative; overflow: hidden; }
  .page-hero-bg { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0.12; }
  .tg-hero h1 { font-family: 'Playfair Display', serif; font-size: clamp(30px, 4vw, 52px); color: white; font-weight: 700; margin-bottom: 14px; }
  .tg-hero p { font-size: 16px; color: rgba(255,255,255,0.7); max-width: 620px; line-height: 1.7; }

  /* GUIDE CARDS */
  .tg-guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .tg-guide-card { border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--border); background: white; box-shadow: var(--shadow-sm); transition: box-shadow 0.25s, transform 0.25s; text-decoration: none; color: inherit; display: flex; flex-direction: column; }
  .tg-guide-card:hover { box-shadow: var(--shadow-md); transform: translateY(-4px); }
  .tg-guide-img { height: 200px; overflow: hidden; position: relative; }
  .tg-guide-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
  .tg-guide-card:hover .tg-guide-img img { transform: scale(1.06); }
  .tg-guide-cat { position: absolute; top: 12px; left: 12px; background: var(--navy); color: white; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 100px; }
  .tg-guide-body { padding: 22px; flex: 1; display: flex; flex-direction: column; }
  .tg-guide-icon { width: 44px; height: 44px; background: rgba(26,127,110,0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
  .tg-guide-icon svg { width: 22px; height: 22px; stroke: var(--teal); }
  .tg-guide-title { font-family: 'Playfair Display', serif; font-size: 18px; color: var(--navy); font-weight: 600; margin-bottom: 8px; line-height: 1.3; }
  .tg-guide-desc { font-size: 13px; color: var(--text-mid); line-height: 1.65; flex: 1; }
  .tg-guide-read { display: inline-flex; align-items: center; gap: 6px; color: var(--teal); font-size: 13px; font-weight: 600; margin-top: 14px; }
  .tg-guide-read svg { width: 14px; height: 14px; stroke: var(--teal); }

  /* BEST TIME / MONTH GRID */
  .tg-best-time { background: var(--sand); }
  .tg-month-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 36px; }
  .tg-month-card { background: white; border-radius: var(--radius-md); padding: 18px 16px; border: 1px solid var(--border); text-align: center; }
  .tg-month-name { font-weight: 700; font-size: 14px; color: var(--navy); margin-bottom: 6px; }
  .tg-month-rating { display: flex; justify-content: center; gap: 2px; margin-bottom: 7px; font-size: 13px; }
  .tg-star-fill { color: var(--gold); }
  .tg-star-empty { color: #ddd; }
  .tg-month-tag { font-size: 11px; padding: 3px 10px; border-radius: 100px; font-weight: 600; display: inline-block; }
  .tg-tag-ideal { background: rgba(26,127,110,0.12); color: var(--teal); }
  .tg-tag-good { background: rgba(212,168,67,0.15); color: #a07800; }
  .tg-tag-avoid { background: rgba(232,72,58,0.1); color: #c0392b; }
  .tg-month-note { font-size: 12px; color: var(--text-mid); margin-top: 8px; line-height: 1.4; }

  /* SEASON ROWS */
  .tg-season-rows { display: flex; flex-direction: column; gap: 14px; }
  .tg-season-row { display: grid; grid-template-columns: 140px 1fr 1fr; border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--border); }
  .tg-season-label { color: white; padding: 18px 20px; display: flex; align-items: center; font-weight: 600; font-size: 14px; }
  .tg-season-cell { padding: 18px 20px; background: white; border-left: 1px solid var(--border); font-size: 13px; color: var(--text-mid); line-height: 1.5; }
  .tg-season-cell strong { display: block; color: var(--text-dark); font-size: 14px; margin-bottom: 4px; }

  /* BUDGET */
  .tg-budget-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .tg-budget-card { border-radius: var(--radius-md); border: 1px solid var(--border); overflow: hidden; }
  .tg-budget-header { padding: 24px; text-align: center; }
  .tg-economy { background: linear-gradient(135deg, #E8F5E9, #C8E6C9); }
  .tg-comfort { background: linear-gradient(135deg, #E3F2FD, #BBDEFB); }
  .tg-luxury { background: linear-gradient(135deg, #FFF8E1, #FFE082); }
  .tg-budget-tier { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; }
  .tg-tier-economy { color: #2E7D32; }
  .tg-tier-comfort { color: #1565C0; }
  .tg-tier-luxury { color: #E65100; }
  .tg-budget-price { font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 700; color: var(--navy); }
  .tg-budget-price span { font-size: 13px; color: var(--text-mid); font-family: 'Inter', sans-serif; font-weight: 400; }
  .tg-budget-body { padding: 20px; }
  .tg-budget-item { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--border); font-size: 13px; }
  .tg-budget-item:last-child { border-bottom: none; }
  .tg-budget-item span:first-child { color: var(--text-mid); }
  .tg-budget-item span:last-child { font-weight: 600; color: var(--navy); }

  /* HONEYMOON */
  .tg-honey-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
  .tg-honey-img img { width: 100%; border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
  .tg-honey-points { display: flex; flex-direction: column; gap: 18px; }
  .tg-honey-point { display: flex; gap: 16px; align-items: flex-start; }
  .tg-honey-num { width: 36px; height: 36px; background: var(--teal); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; flex-shrink: 0; }
  .tg-honey-title { font-weight: 600; font-size: 15px; color: var(--navy); margin-bottom: 4px; }
  .tg-honey-desc { font-size: 13px; color: var(--text-mid); line-height: 1.6; }

  /* PACKING */
  .tg-pack-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .tg-pack-col { background: var(--sand); border-radius: var(--radius-md); padding: 24px; }
  .tg-pack-title { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 15px; color: var(--navy); margin-bottom: 16px; }
  .tg-pack-title svg { width: 20px; height: 20px; stroke: var(--teal); flex-shrink: 0; }
  .tg-pack-list { list-style: none; }
  .tg-pack-list li { padding: 7px 0; font-size: 13px; color: var(--text-mid); border-bottom: 1px dashed rgba(0,0,0,0.08); display: flex; align-items: center; gap: 8px; }
  .tg-pack-list li:last-child { border-bottom: none; }
  .tg-pack-list li::before { content: '✓'; color: var(--teal); font-weight: 700; font-size: 12px; flex-shrink: 0; }

  /* FERRY */
  .tg-ferry-section { background: var(--navy); }
  .tg-ferry-section .section-label { color: var(--teal-light); }
  .tg-ferry-section .section-title { color: white; }
  .tg-ferry-section .section-sub { color: rgba(255,255,255,0.65); }
  .tg-ferry-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .tg-ferry-card { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.1); border-radius: var(--radius-md); padding: 24px; }
  .tg-ferry-route { font-family: 'Playfair Display', serif; font-size: 18px; color: white; font-weight: 600; margin-bottom: 6px; }
  .tg-ferry-time { font-size: 13px; color: var(--teal-light); font-weight: 600; margin-bottom: 12px; }
  .tg-ferry-meta { display: flex; flex-wrap: wrap; gap: 16px; }
  .tg-ferry-meta-item { display: flex; flex-direction: column; gap: 2px; }
  .tg-ferry-label { font-size: 11px; color: rgba(255,255,255,0.45); text-transform: uppercase; letter-spacing: 0.6px; }
  .tg-ferry-val { font-size: 13px; color: rgba(255,255,255,0.85); font-weight: 500; }
  .tg-ferry-tips { margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.1); }
  .tg-ferry-tip { font-size: 12px; color: rgba(255,255,255,0.6); line-height: 1.5; display: flex; align-items: flex-start; gap: 6px; margin-bottom: 4px; }
  .tg-ferry-tip::before { content: '→'; color: var(--gold); flex-shrink: 0; }

  /* WEATHER */
  .tg-weather-bands { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .tg-weather-band { border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--border); }
  .tg-wb-header { padding: 20px 22px; font-weight: 700; font-size: 15px; color: white; }
  .tg-wb-summer { background: linear-gradient(135deg, #FF8C42, #FF5722); }
  .tg-wb-monsoon { background: linear-gradient(135deg, #1A7F6E, #0B5E6B); }
  .tg-wb-winter { background: linear-gradient(135deg, #1565C0, #0B2545); }
  .tg-wb-body { padding: 20px 22px; background: white; }
  .tg-weather-stat { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px; }
  .tg-weather-stat:last-child { border-bottom: none; }
  .tg-weather-stat span:first-child { color: var(--text-mid); }
  .tg-weather-stat span:last-child { font-weight: 600; color: var(--navy); }

  /* CTA BAND */
  .tg-cta-band { background: linear-gradient(135deg, var(--teal), #0B5E6B); padding: 60px 0; text-align: center; }
  .tg-cta-band h2 { font-family: 'Playfair Display', serif; font-size: clamp(24px, 3vw, 36px); color: white; margin-bottom: 12px; }
  .tg-cta-band p { font-size: 16px; color: rgba(255,255,255,0.75); margin-bottom: 28px; }
  .tg-cta-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
  .tg-btn-outline-white { border: 2px solid rgba(255,255,255,0.6); color: white; padding: 13px 28px; border-radius: 6px; font-weight: 600; font-size: 15px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: all 0.2s; }
  .tg-btn-outline-white:hover { border-color: white; background: rgba(255,255,255,0.1); }

  /* RESPONSIVE — TRAVEL GUIDE */
  @media (max-width: 1024px) {
    .tg-guide-grid { grid-template-columns: repeat(2, 1fr); }
    .tg-budget-cards { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }
    .tg-month-grid { grid-template-columns: repeat(3, 1fr); }
    .tg-weather-bands { grid-template-columns: 1fr; gap: 16px; }
    .tg-honey-grid { gap: 32px; }
  }
  @media (max-width: 768px) {
    .tg-guide-grid { grid-template-columns: 1fr; }
    .tg-month-grid { grid-template-columns: repeat(2, 1fr); }
    .tg-season-row { grid-template-columns: 1fr; }
    .tg-season-label { border-radius: 0; }
    .tg-ferry-grid { grid-template-columns: 1fr; }
    .tg-honey-grid { grid-template-columns: 1fr; }
    .tg-pack-grid { grid-template-columns: 1fr; }
    .tg-budget-cards { max-width: 100%; }
    .tg-weather-bands { grid-template-columns: 1fr; }
  }
  @media (max-width: 480px) {
    .tg-hero { padding: 100px 0 40px; }
    .tg-month-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .tg-month-card { padding: 14px 12px; }
    .tg-cta-btns { flex-direction: column; align-items: center; }
    .tg-btn-outline-white, .tg-cta-band .btn-primary { width: 100%; max-width: 300px; justify-content: center; }
  }