.elementor-48054 .elementor-element.elementor-element-a2501a3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-48054 .elementor-element.elementor-element-a2501a3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS */<!-- START: Kashmir Splendor – 5 Days (Boxed — White & Gold theme) -->
<section id="kashmir-splendor" style="font-family:Inter, Arial, Helvetica, sans-serif;background:#fbfbfb;padding:28px 12px;">
  <div style="max-width:1100px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(10,10,20,0.06);padding:22px;">

    <!-- HEADER -->
    <div style="text-align:center;margin-bottom:18px;">
      <div style="font-size:13px;color:#9b8b6a;font-weight:600;">KASHMIR COLLECTION BY</div>
      <h1 style="margin:6px 0 4px;color:#2a2a2a;font-size:22px;letter-spacing:0.6px;">TRAVEL TIME HOLIDAYS</h1>
      <div style="color:#666;font-size:14px;">Kashmir Splendor — 5 Days • 2N Srinagar • 1N Pahalgam • 1N Houseboat</div>
    </div>

    <!-- PACKAGES GRID -->
    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:18px;">

      <!-- ECONOMY -->
      <div class="pkg" style="background:#fff;border-radius:10px;padding:14px;border:1px solid #f0e9dd;box-shadow:0 6px 18px rgba(30,25,20,0.04);">
        <img src="/mnt/data/Screenshot 2025-11-07 115047.png" alt="Dal Lake" style="width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:10px;">
        <div style="display:flex;justify-content:space-between;align-items:flex-start">
          <div>
            <h3 style="margin:0;color:#b07d2c;font-size:18px;">Economy Package</h3>
            <div style="color:#666;font-size:13px;margin-top:4px;">2N Srinagar • 1N Pahalgam • 1N Houseboat</div>
          </div>
          <div style="text-align:right;">
            <div style="font-weight:800;color:#1b4f72;font-size:18px;">₹10,980</div>
            <div style="font-size:12px;color:#8b8b8b;">per person (MAP)</div>
          </div>
        </div>

        <div style="margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;">
          <button class="btn" onclick="openItinModal('Economy Package')">View Itinerary</button>
          <button class="btn ghost" onclick="openHotelsModal('hot-e')">View Hotels</button>
          <button class="btn gold" onclick="openBookingModal('Economy Package','₹10,980')">Book Now</button>
        </div>
      </div>

      <!-- SEMI DELUXE -->
      <div class="pkg" style="background:#fff;border-radius:10px;padding:14px;border:1px solid #f0e9dd;box-shadow:0 6px 18px rgba(30,25,20,0.04);">
        <img src="/mnt/data/Screenshot 2025-11-07 115222.png" alt="Gulmarg" style="width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:10px;">
        <div style="display:flex;justify-content:space-between;align-items:flex-start">
          <div>
            <h3 style="margin:0;color:#b07d2c;font-size:18px;">Semi Deluxe Package</h3>
            <div style="color:#666;font-size:13px;margin-top:4px;">2N Srinagar • 1N Pahalgam • 1N Houseboat</div>
          </div>
          <div style="text-align:right;">
            <div style="font-weight:800;color:#1b4f72;font-size:18px;">₹11,950</div>
            <div style="font-size:12px;color:#8b8b8b;">per person (MAP)</div>
          </div>
        </div>

        <div style="margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;">
          <button class="btn" onclick="openItinModal('Semi Deluxe Package')">View Itinerary</button>
          <button class="btn ghost" onclick="openHotelsModal('hot-s')">View Hotels</button>
          <button class="btn gold" onclick="openBookingModal('Semi Deluxe Package','₹11,950')">Book Now</button>
        </div>
      </div>

      <!-- DELUXE -->
      <div class="pkg" style="background:#fff;border-radius:10px;padding:14px;border:1px solid #f0e9dd;box-shadow:0 6px 18px rgba(30,25,20,0.04);">
        <img src="/mnt/data/Screenshot 2025-11-07 115334.png" alt="Pahalgam" style="width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:10px;">
        <div style="display:flex;justify-content:space-between;align-items:flex-start">
          <div>
            <h3 style="margin:0;color:#b07d2c;font-size:18px;">Deluxe Package</h3>
            <div style="color:#666;font-size:13px;margin-top:4px;">2N Srinagar • 1N Pahalgam • 1N Houseboat</div>
          </div>
          <div style="text-align:right;">
            <div style="font-weight:800;color:#1b4f72;font-size:18px;">₹12,900</div>
            <div style="font-size:12px;color:#8b8b8b;">per person (MAP)</div>
          </div>
        </div>

        <div style="margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;">
          <button class="btn" onclick="openItinModal('Deluxe Package')">View Itinerary</button>
          <button class="btn ghost" onclick="openHotelsModal('hot-d')">View Hotels</button>
          <button class="btn gold" onclick="openBookingModal('Deluxe Package','₹12,900')">Book Now</button>
        </div>
      </div>

      <!-- SUPER DELUXE -->
      <div class="pkg" style="background:#fff;border-radius:10px;padding:14px;border:1px solid #f0e9dd;box-shadow:0 6px 18px rgba(30,25,20,0.04);">
        <img src="/mnt/data/Screenshot 2025-11-07 115439.png" alt="Gardens" style="width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:10px;">
        <div style="display:flex;justify-content:space-between;align-items:flex-start">
          <div>
            <h3 style="margin:0;color:#b07d2c;font-size:18px;">Super Deluxe Package</h3>
            <div style="color:#666;font-size:13px;margin-top:4px;">2N Srinagar • 1N Pahalgam • 1N Houseboat</div>
          </div>
          <div style="text-align:right;">
            <div style="font-weight:800;color:#1b4f72;font-size:18px;">₹14,800</div>
            <div style="font-size:12px;color:#8b8b8b;">per person (MAP)</div>
          </div>
        </div>

        <div style="margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;">
          <button class="btn" onclick="openItinModal('Super Deluxe Package')">View Itinerary</button>
          <button class="btn ghost" onclick="openHotelsModal('hot-sd')">View Hotels</button>
          <button class="btn gold" onclick="openBookingModal('Super Deluxe Package','₹14,800')">Book Now</button>
        </div>
      </div>

      <!-- PREMIUM -->
      <div class="pkg" style="background:#fff;border-radius:10px;padding:14px;border:1px solid #f0e9dd;box-shadow:0 6px 18px rgba(30,25,20,0.04);">
        <img src="/mnt/data/Screenshot 2025-11-07 115524.png" alt="Houseboat" style="width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:10px;">
        <div style="display:flex;justify-content:space-between;align-items:flex-start">
          <div>
            <h3 style="margin:0;color:#b07d2c;font-size:18px;">Premium Package</h3>
            <div style="color:#666;font-size:13px;margin-top:4px;">2N Srinagar • 1N Pahalgam • 1N Houseboat</div>
          </div>
          <div style="text-align:right;">
            <div style="font-weight:800;color:#1b4f72;font-size:18px;">₹16,200</div>
            <div style="font-size:12px;color:#8b8b8b;">per person (MAP)</div>
          </div>
        </div>

        <div style="margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;">
          <button class="btn" onclick="openItinModal('Premium Package')">View Itinerary</button>
          <button class="btn ghost" onclick="openHotelsModal('hot-p')">View Hotels</button>
          <button class="btn gold" onclick="openBookingModal('Premium Package','₹16,200')">Book Now</button>
        </div>
      </div>

      <!-- PREMIUM PLUS -->
      <div class="pkg" style="background:#fff;border-radius:10px;padding:14px;border:1px solid #f0e9dd;box-shadow:0 6px 18px rgba(30,25,20,0.04);">
        <img src="/mnt/data/Screenshot 2025-11-07 115047.png" alt="Scenic" style="width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:10px;">
        <div style="display:flex;justify-content:space-between;align-items:flex-start">
          <div>
            <h3 style="margin:0;color:#b07d2c;font-size:18px;">Premium Plus Package</h3>
            <div style="color:#666;font-size:13px;margin-top:4px;">2N Srinagar • 1N Pahalgam • 1N Houseboat</div>
          </div>
          <div style="text-align:right;">
            <div style="font-weight:800;color:#1b4f72;font-size:18px;">₹18,400</div>
            <div style="font-size:12px;color:#8b8b8b;">per person (MAP)</div>
          </div>
        </div>

        <div style="margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;">
          <button class="btn" onclick="openItinModal('Premium Plus Package')">View Itinerary</button>
          <button class="btn ghost" onclick="openHotelsModal('hot-pp')">View Hotels</button>
          <button class="btn gold" onclick="openBookingModal('Premium Plus Package','₹18,400')">Book Now</button>
        </div>
      </div>

    </div> <!-- end grid -->

    <!-- FOOTER CONTACT -->
    <div style="margin-top:18px;padding-top:12px;border-top:1px solid #f2ebe0;color:#444;font-size:14px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;">
      <div style="margin-top:6px;">
        <strong>Call:</strong> 9103801051 &nbsp; | &nbsp; <strong>WhatsApp:</strong> 9796713636 &nbsp; | &nbsp; <strong>Email:</strong> <a href="mailto:traveltimeholidays15@gmail.com">traveltimeholidays15@gmail.com</a>
      </div>
      <div style="color:#9b8b6a;font-size:13px;margin-top:6px;">All rates are per person on MAP (double/twin sharing). Terms & conditions apply.</div>
    </div>

  </div>

  <!-- ITINERARY MODAL -->
  <div id="itin-modal" style="display:none;position:fixed;inset:0;background:rgba(10,10,12,0.55);z-index:9999;align-items:center;justify-content:center;padding:18px;">
    <div style="background:#fff;border-radius:10px;max-width:760px;width:100%;max-height:86vh;overflow:auto;padding:18px;box-shadow:0 12px 40px rgba(10,10,20,0.15);position:relative;border:1px solid #f0e6d8;">
      <button onclick="closeItinModal()" style="position:absolute;right:12px;top:10px;border:none;background:transparent;font-size:20px;cursor:pointer;">✕</button>
      <h2 style="color:#b07d2c;margin-top:4px;" id="itin-title">Kashmir Splendor — Full Itinerary</h2>

      <!-- Full itinerary content (same for all packages) -->
      <div id="itin-content" style="color:#333;font-size:14px;line-height:1.55;margin-top:8px;">
        <p><strong>Day 01: SRINAGAR ARRIVAL & MUGHAL GARDENS</strong><br>
        Up-on Arrival at Srinagar airport you will be received by our representative / Driver. Board taxi and proceed to Srinagar. Check in houseboat /Hotel and Rest. Afternoon half day local sightseeing of Mughal Gardens: The city is home to beautiful Mughal-era gardens like Shalimar Bagh, Nishat Bagh, and Chashme Shahi, known for their terraced lawns, fountains, and vibrant flowers. Dal Lake: One of the most iconic sights in Srinagar, Dal Lake is known for its stunning views, shikaras (traditional wooden boats), and houseboats. Historic Sites: Visit landmarks such as the Jamia Masjid, Shankaracharya Temple, and Pari Mahal, which showcase the region's historical significance and architectural beauty. Shopping: The local markets offer a variety of handicrafts, including Pashmina shawls, carpets, and paper mache items. Lal Chowk and Polo View Market are popular shopping spots. <em>NIGHT STAY IN SRINAGAR HOTEL.</em></p>

        <p><strong>Day 02: GULMARG</strong><br>
        Gulmarg is a picturesque hill station located in the Pir Panjal range of the Himalayas in Jammu and Kashmir. Known for its stunning landscapes, it attracts tourists for various activities throughout the year. Gulmarg is Surrounded by snow-capped mountains, lush meadows, and dense forests, In winter, it becomes a popular destination for skiing and snowboarding. The Gulmarg Gondola, one of the highest cable cars in the world, takes visitors to Mount Apharwat for skiing. During the summer months, the area is great for trekking, golfing, and nature walks. The Gulmarg Golf Course is one of the highest golf courses in the world. DRUNG WATERFALL (OPTIONAL) is a stunning natural attraction located near Gulmarg. <em>NIGHT STAY IN SRINAGAR HOTEL.</em></p>

        <p><strong>Day 03: PAHALGAM</strong><br>
        Today we will be going to Pahalgam. Gulmarg to Pahalgam is 160 km and consuming 5 hours to reach Pahalgam. On the way you will do sightseeing of Saffron field, Awantipora ruins and Apple orchard. Pahalgam is also stunning hill station located in the Anantnag district of Jammu and Kashmir. Nestled at the confluence of the Lidder River and Sheshnag Lake, it is known for its breathtaking landscapes and tranquil environment. Lidder River: The river is popular for fishing and river rafting. Its crystal-clear water provide a perfect backdrop for various outdoor activities. <em>NIGHT STAY IN PAHALGAM HOTEL.</em></p>

        <p><strong>Day 04: SRINAGAR HOUSEBOAT</strong><br>
        Post breakfast you be doing sightseeing of Aru Valley, Betaab Valley and Chandawari on your own on DIRECT PAYMENT BASIS. Betaab Valley: Named after a Bollywood movie, this picturesque valley is known for its beautiful landscapes and is a popular picnic spot. Aru Valley: Just a short drive from Pahalgam, Aru Valley is known for its lush meadows and stunning views, ideal for trekking and horse riding. Chandanwari is a picturesque location situated about 16 kilometers from Pahalgam in Jammu and Kashmir, India. Once done with the sightseeing you will get back to Pahalgam and board taxi to proceed to Srinagar. Pahalgam to Srinagar is 96 km and takes 3 hours to reach Srinagar. On the way you can visit to Bat manufacturing factory to buy some quality bats for your loved ones or do some dry fruit shopping. Upon arrival at Srinagar you will check in hotel and rest. <em>OVERNIGHT STAY IN HOUSEBOAT.</em></p>

        <p><strong>Day 05: DEPARTURE</strong><br>
        After breakfast you will check out from Srinagar hotel and proceed towards Srinagar airport. Passengers boarding flight from Srinagar airport have to report 2 hours prior of departure. With the drop at Srinagar airport the tour will end.</p>

        <hr style="border:none;border-top:1px solid #f2e9dd;margin:12px 0;">

        <h3 style="color:#b07d2c;margin:6px 0;">Package Cost Includes</h3>
        <ul style="margin-left:18px;color:#333;">
          <li>Welcome Drink on arrival.</li>
          <li>Accommodation on twin sharing basis as per package selected.</li>
          <li>Pick up and drop from Srinagar Airport / Railway station by Private taxi only.</li>
          <li>Sightseeing as per itinerary mentioned by private taxi. Taxi service will be tour basis only.</li>
          <li>Meal (Breakfast & Dinner).</li>
          <li>Shikara ride upto 1 hour on complimentary basis.</li>
          <li>Transport with sightseeing tours by Sedan / Tavera / Innova / Ertiga / Tempo Traveler.</li>
          <li>Toll Tax / Driver Allowance / Parking charges / Petrol charges.</li>
        </ul>

        <h3 style="color:#b07d2c;margin:6px 0;">Package Cost Does Not Include</h3>
        <ul style="margin-left:18px;color:#333;">
          <li>Any Airfare / Train fare.</li>
          <li>Any meals other than those mentioned (Highlighted) above.</li>
          <li>Any portage at Airport and Hotels tips, Insurance, Laundry, Mineral water, Telephone charges And all items of personal nature and meals and drinks not specified in the inclusions.</li>
          <li>Any Kind of Personal Expenses or Optional Tours / Extra Meals Ordered.</li>
          <li>Anything not specifically mentioned under the head "Prices included".</li>
          <li>The Services of Vehicle is not included on leisure days & after finishing the sightseeing tour as per the Itinerary.</li>
          <li>Any Kind of Drinks (Alcoholic, Mineral Water, Aerated).</li>
          <li>Any increase in taxes or fuel, leading to increase in surface transportation and land arrangements, which may come into effect prior to departure.</li>
          <li>Cost incidental to any change in the itinerary/ stay on account of flight cancellation due to bad weather, ill health, roadblocks and/or any factors beyond control.</li>
          <li>ASSOCIATION VEHICLES TO ZERO POINT IN SONAMARG, ABC VALLEY IN PAHALGAM, DRUNG WATERFALL, BHUTA PATHRI IN GULMARG AND ETC SIGHTS WHERE ASSOCTIONS VEHICLES PLY ONLY.</li>
          <li>SNOW CHAINED VEHICLE TO GULMARG FROM TANGMARG.</li>
          <li>ANY ACTIVITY LIKE CABLE CAR RIDE, HORSE RIDE, SKIING, SLEDDING, ATV RIDE, etc.</li>
        </ul>
      </div>
    </div>
  </div>

  <!-- HOTELS MODAL -->
  <div id="hotels-modal" style="display:none;position:fixed;inset:0;background:rgba(10,10,12,0.55);z-index:9999;align-items:center;justify-content:center;padding:18px;">
    <div style="background:#fff;border-radius:10px;max-width:720px;width:100%;max-height:86vh;overflow:auto;padding:18px;box-shadow:0 12px 40px rgba(10,10,20,0.15);position:relative;border:1px solid #f0e6d8;">
      <button onclick="closeHotelsModal()" style="position:absolute;right:12px;top:10px;border:none;background:transparent;font-size:20px;cursor:pointer;">✕</button>
      <h3 id="hotels-title" style="color:#b07d2c;margin-top:4px;">Hotel Options</h3>
      <div id="hotels-content" style="color:#333;font-size:14px;line-height:1.55;margin-top:8px;">
        <!-- dynamic hotel content loads here -->
      </div>
      <div style="text-align:right;margin-top:12px;">
        <button onclick="closeHotelsModal()" style="background:#b07d2c;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;">Close</button>
      </div>
    </div>
  </div>

  <!-- BOOKING MODAL -->
  <div id="booking-modal" style="display:none;position:fixed;inset:0;background:rgba(10,10,12,0.55);z-index:9999;align-items:center;justify-content:center;padding:18px;">
    <div style="background:#fff;border-radius:10px;max-width:520px;width:100%;padding:16px;box-shadow:0 12px 40px rgba(10,10,20,0.15);position:relative;border:1px solid #f0e6d8;">
      <button onclick="closeBookingModal()" style="position:absolute;right:12px;top:10px;border:none;background:transparent;font-size:20px;cursor:pointer;">✕</button>
      <h3 id="booking-head" style="color:#b07d2c;margin-top:4px;">Start Booking</h3>
      <p id="booking-sub" style="color:#333;font-size:14px;margin-top:6px;">Choose a number to start chat on WhatsApp.</p>

      <div style="display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;">
        <a id="booking-wa1" href="#" target="_blank" rel="noopener" style="background:#25D366;color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none;display:inline-block;">WhatsApp +91 9103801051</a>
        <a id="booking-wa2" href="#" target="_blank" rel="noopener" style="background:#25D366;color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none;display:inline-block;">WhatsApp +91 9796713636</a>
      </div>

      <div style="margin-top:10px;font-size:13px;color:#666;">Or email: <a href="mailto:traveltimeholidays15@gmail.com">traveltimeholidays15@gmail.com</a></div>

      <div style="text-align:right;margin-top:12px;">
        <button onclick="closeBookingModal()" style="background:#b07d2c;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;">Close</button>
      </div>
    </div>
  </div>

  <!-- STYLES -->
  <style>
    .btn{background:#fff;border:1px solid #d9c9a2;color:#b07d2c;padding:8px 10px;border-radius:20px;cursor:pointer;font-weight:600;font-size:13px}
    .btn.ghost{background:#fff;border:1px solid #e6e6e6;color:#555}
    .btn.gold{background:linear-gradient(90deg,#b07d2c,#cf9b51);color:#fff;border:none}
    .btn:hover{opacity:0.95;transform:translateY(-1px);transition:all .15s}
    .pkg img{border:3px solid #fff}
    @media (max-width:720px){ .pkg img{height:130px} }
  </style>

  <!-- SCRIPTS -->
  <script>
    // DATA: hotel lists per package key
    var hotels = {
      'hot-e': {
        title: 'Economy - Hotel Options',
        html: '<h4 style=\"margin:8px 0 4px 0;color:#222;font-size:15px\">Srinagar</h4><p>Hotel City Grace / Luxury Inn / Galactic Inn or similar</p><h4 style=\"margin:8px 0 4px 0;color:#222;font-size:15px\">Pahalgam</h4><p>Hotel Big Dreams 2 / Shabnam Resort / New Tourist Palace or similar</p><h4 style=\"margin:8px 0 4px 0;color:#222;font-size:15px\">Houseboat</h4><p>Houseboat Taj Palace or similar</p>'
      },
      'hot-s': {
        title: 'Semi Deluxe - Hotel Options',
        html: '<h4 style=\"margin:8px 0 4px 0;color:#222;font-size:15px\">Srinagar</h4><p>Hotel Pride Inn / Grand MS / K28 Inn / Blossom or similar</p><h4 style=\"margin:8px 0 4px 0;color:#222;font-size:15px\">Pahalgam</h4><p>Clarion Resort / Home 2 / Waterfront or similar</p><h4 style=\"margin:8px 0 4px 0;color:#222;font-size:15px\">Houseboat</h4><p>Mother India Group</p>'
      },
      'hot-d': {
        title: 'Deluxe - Hotel Options',
        html: '<h4 style=\"margin:8px 0 4px 0;color:#222;font-size:15px\">Srinagar</h4><p>Gurcoo Residency / Blanco / Gurcoo or similar</p><h4 style=\"margin:8px 0 4px 0;color:#222;font-size:15px\">Pahalgam</h4><p>Fifth Season / Bombay Palace / New Tulip Resort</p><h4 style=\"margin:8px 0 4px 0;color:#222;font-size:15px\">Houseboat</h4><p>Merlin / Manhattan / California</p>'
      },
      'hot-sd': {
        title: 'Super Deluxe - Hotel Options',
        html: '<h4 style=\"margin:8px 0 4px 0;color:#222;font-size:15px\">Srinagar</h4><p>Grand Kaiser / Rose Petal / Solomon Heights or similar</p><h4 style=\"margin:8px 0 4px 0;color:#222;font-size:15px\">Pahalgam</h4><p>Srichen Resort / Green Heights / Pahalgam Retreat</p><h4 style=\"margin:8px 0 4px 0;color:#222;font-size:15px\">Houseboat</h4><p>Montana / Akbar / Lake Victoria</p>'
      },
      'hot-p': {
        title: 'Premium - Hotel Options',
        html: '<h4 style=\"margin:8px 0 4px 0;color:#222;font-size:15px\">Srinagar</h4><p>Deewan / Enco Resort / Solar Residency / Arco or similar</p><h4 style=\"margin:8px 0 4px 0;color:#222;font-size:15px\">Pahalgam</h4><p>Baisaran / Sparrow / Wild Flower / Pahalgam Shore</p><h4 style=\"margin:8px 0 4px 0;color:#222;font-size:15px\">Houseboat</h4><p>Anarkali / Zaffer Group / Khilona</p>'
      },
      'hot-pp': {
        title: 'Premium Plus - Hotel Options',
        html: '<h4 style=\"margin:8px 0 4px 0;color:#222;font-size:15px\">Srinagar</h4><p>Kabo / Snow Land / Meerz / Ramada Encore or similar</p><h4 style=\"margin:8px 0 4px 0;color:#222;font-size:15px\">Pahalgam</h4><p>Eden Resort / Hermitage / Hillside Resort / Hilltop</p><h4 style=\"margin:8px 0 4px 0;color:#222;font-size:15px\">Houseboat</h4><p>New Jacqualine / Harmukh</p>'
      }
    };

    // Open hotels modal with data key
    function openHotelsModal(key){
      var modal = document.getElementById('hotels-modal');
      var title = document.getElementById('hotels-title');
      var content = document.getElementById('hotels-content');
      if(hotels[key]){
        title.textContent = hotels[key].title;
        content.innerHTML = hotels[key].html;
      } else {
        title.textContent = 'Hotel Options';
        content.innerHTML = '<p>No data available.</p>';
      }
      modal.style.display = 'flex';
    }
    function closeHotelsModal(){ document.getElementById('hotels-modal').style.display = 'none'; }

    // Itinerary modal (same content reused)
    function openItinModal(pkgName){
      document.getElementById('itin-title').textContent = pkgName + ' — Full Itinerary';
      document.getElementById('itin-modal').style.display = 'flex';
      // scroll top of modal
      document.getElementById('itin-modal').scrollTop = 0;
    }
    function closeItinModal(){ document.getElementById('itin-modal').style.display = 'none'; }

    // Booking modal: fill message and whatsapp links
    function openBookingModal(pkgName, price){
      var head = document.getElementById('booking-head');
      var sub = document.getElementById('booking-sub');
      head.textContent = 'Book: ' + pkgName;
      sub.textContent = 'Price: ' + price + ' per person. Start chat on WhatsApp:';
      var msg = encodeURIComponent('Hello, I am interested in the ' + pkgName + ' (Kashmir Splendor – 5 Days). Price: ' + price + '. Please share availability and payment details.');
      // two numbers
      document.getElementById('booking-wa1').href = 'https://wa.me/919103801051?text=' + msg;
      document.getElementById('booking-wa2').href = 'https://wa.me/919796713636?text=' + msg;
      document.getElementById('booking-modal').style.display = 'flex';
    }
    function closeBookingModal(){ document.getElementById('booking-modal').style.display = 'none'; }

    // Close modals when clicking outside content
    window.addEventListener('click', function(e){
      var im = document.getElementById('itin-modal');
      var hm = document.getElementById('hotels-modal');
      var bm = document.getElementById('booking-modal');
      if(e.target === im) closeItinModal();
      if(e.target === hm) closeHotelsModal();
      if(e.target === bm) closeBookingModal();
    });

  </script>
</section>
<!-- END: Kashmir Splendor – 5 Days -->/* End custom CSS */