.booking-summary .summary-terms {
  display: none !important;
}

/* Both live package-tour pages use a consistent 20px yellow top bar. */
.topbar {
  height: 20px !important;
  min-height: 20px !important;
}

/* Align every tour overview from its top edge despite different copy lengths. */
.overview-grid {
  align-items: start;
}

.overview-grid .editorial-gallery {
  align-self: start;
  margin-top: 0;
}

/* Manila uses the same overview baseline as Pagsanjan, with its gallery raised to match. */
.manila-sightseeing-tour .overview-grid .editorial-gallery {
  transform: translateY(0);
}

/* Keep the Manila gallery aligned even before its page script finishes loading. */
body:not(:has(.booking-form[data-booking-endpoint="/tour-booking/create-pagsanjan.php"])) .overview-grid .editorial-gallery {
  transform: translateY(0);
}

/* Tab labels already name these panels; remove repeated panel headings and labels. */
.tabs-wrap ~ #itinerary > .wrap > .eyebrow,
.tabs-wrap ~ #itinerary > .wrap > h2,
.tabs-wrap ~ #pricing > .wrap > h2,
.tabs-wrap ~ #terms > .wrap > h2,
.tabs-wrap ~ #faqs > .wrap > h2,
.tabs-wrap ~ #map > .wrap > h2 {
  display: none;
}

/* Manila’s original panels use nested heading wrappers. */
#itinerary > .wrap > .eyebrow,
#itinerary > .wrap > h2,
#itinerary > .wrap > .section-intro,
#pricing > .wrap > .heading,
#terms > .wrap > .panel > h2,
#faqs > .wrap > .heading,
#map h2 {
  display: none !important;
}

/* Match Manila’s visible itinerary expand arrows on the three new Southern tours. */
body:has(.booking-form[data-booking-endpoint="/tour-booking/create-southern-tour.php"]) .numbered-accordion summary::after {
  content: '⌄';
  margin-left: auto;
  color: #a96e00;
  font-size: 22px;
  font-weight: 900;
}

/* Match Manila’s itinerary panel background and white accordion cards. */
body:has(.booking-form[data-booking-endpoint="/tour-booking/create-southern-tour.php"]) #itinerary {
  background: #f3f6fa;
}

body:has(.booking-form[data-booking-endpoint="/tour-booking/create-southern-tour.php"]) .numbered-accordion {
  display: grid;
  gap: 10px;
}

body:has(.booking-form[data-booking-endpoint="/tour-booking/create-southern-tour.php"]) .numbered-accordion details {
  overflow: hidden;
  border: 1px solid #dbe2ea;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 6px 20px rgba(20, 30, 45, .07);
}

body:has(.booking-form[data-booking-endpoint="/tour-booking/create-southern-tour.php"]) .numbered-accordion summary {
  padding: 17px 20px;
}

body:has(.booking-form[data-booking-endpoint="/tour-booking/create-southern-tour.php"]) .numbered-accordion .content {
  padding: 0 20px 18px 72px;
}

/* Keep the tour dropdown visually open without a white background container. */
.mega-panel {
  display: none !important;
}

.mega-panel strong,
.mega-panel a {
  color: #fff !important;
}

.mega-panel a:hover,
.mega-panel a.active,
.mega-panel a[aria-current="page"] {
  color: #ffbf00 !important;
}

.mega-panel a {
  border-color: rgba(255, 255, 255, .35) !important;
}

/* Keep all three new Southern tour hero banners at the same desktop height. */
body:has(.booking-form[data-booking-endpoint="/tour-booking/create-southern-tour.php"]) .ms-hero,
body:has(.booking-form[data-booking-endpoint="/tour-booking/create-southern-tour.php"]) .ms-hero-content {
  height: 470px;
  min-height: 470px;
}

/* Frame the wide Taal Town photo like the other package-tour hero images. */
body:has(input[name="tour_slug"][value="tagaytay-taal-town-sightseeing-tour"]) .ms-hero {
  background-position: center 42%;
  background-size: cover;
}

.tour-map-embed {
  display: block;
  width: 100%;
  height: 480px;
  margin-top: 22px;
  border: 0;
  border-radius: 12px;
}

@media (max-width: 700px) {
  body:has(.booking-form[data-booking-endpoint="/tour-booking/create-southern-tour.php"]) .ms-hero,
  body:has(.booking-form[data-booking-endpoint="/tour-booking/create-southern-tour.php"]) .ms-hero-content {
    height: auto;
    min-height: 400px;
  }
  .tour-map-embed { height: 360px; }
}