/* ASEAN LINKS — package page editorial layer (2026-10).
   Loaded last on the four LINKS package pages only. Scoped to .tour-detail.
   Purpose: fewer boxes, left-aligned headings, ruled columns, quieter type. */

.tour-detail .section__head--center {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}
.tour-detail .section__head--center p:not(.eyebrow) {
  margin-left: 0;
  max-width: 620px;
}
.tour-detail .section h2 {
  font-size: clamp(32px, 3.6vw, 48px);
  line-height: 1.06;
  letter-spacing: -0.01em;
}

/* Overview: left aligned, facts as a ruled row */
.tour-detail .tour-intro .container--narrow {
  max-width: 1120px;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 18px 64px;
  text-align: left;
}
.tour-detail .tour-intro .eyebrow,
.tour-detail .tour-intro h2 { grid-column: 1; }
.tour-detail .tour-intro h2 { font-size: clamp(30px, 3.2vw, 42px); margin: 0; }
.tour-detail .tour-intro .tour-lead {
  grid-column: 2;
  grid-row: 2;
  align-self: end;
  margin: 0;
  max-width: none;
  font-size: 18px;
  line-height: 1.65;
}
.tour-detail .tour-facts {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 36px;
  border: 0;
  border-top: 1px solid rgba(19, 36, 30, 0.18);
  border-bottom: 1px solid rgba(19, 36, 30, 0.18);
  box-shadow: none;
  background: none;
}
.tour-detail .tour-facts > div {
  padding: 18px 20px 18px 0;
  border: 0;
  background: none;
  text-align: left;
}
.tour-detail .tour-facts > div + div {
  padding-left: 20px;
  border-left: 1px solid rgba(19, 36, 30, 0.12);
}

/* Why it works: numbered ruled columns, no cards */
.tour-detail .journey-value-grid { gap: 0 32px; }
.tour-detail .journey-value-card {
  padding: 22px 0 0;
  border: 0;
  border-top: 2px solid #13241e;
  border-radius: 0;
  background: none;
  box-shadow: none;
  text-align: left;
}
.tour-detail .journey-value-card__num { color: #a8873f; }

/* Stays: flat columns separated by rules */
.tour-detail .stay-grid { gap: 0; border-top: 1px solid rgba(19, 36, 30, 0.18); }
.tour-detail .stay-card {
  padding: 28px 28px 32px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  transform: none;
  text-align: left;
}
.tour-detail .stay-card + .stay-card { border-left: 1px solid rgba(19, 36, 30, 0.14); }
.tour-detail .stay-card--featured { background: #fffdf8; }
.tour-detail .stay-card__badge {
  position: static;
  display: inline-block;
  margin-bottom: 10px;
  padding: 0;
  background: none;
  color: #a8873f;
  box-shadow: none;
}

/* Itinerary: a plain day list */
.tour-detail .timeline { max-width: 860px; margin-left: 0; }
.tour-detail .timeline:before { display: none; }
.tour-detail .timeline-day {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 0 20px;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(19, 36, 30, 0.14);
}
.tour-detail .timeline-day:last-child { border-bottom: 1px solid rgba(19, 36, 30, 0.14); }
.tour-detail .timeline-day__marker {
  position: static;
  width: auto;
  height: auto;
  padding-top: 22px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #a8873f;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 30px;
  line-height: 1;
}
.tour-detail .timeline-day__marker span { color: inherit; font: inherit; }
.tour-detail .timeline-day__card {
  padding: 20px 0 22px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.tour-detail .timeline-day__card:before,
.tour-detail .timeline-day__card:after { display: none; }

/* Courses: four across */
.tour-detail .course-mini-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tour-detail .course-mini-card { border: 0; box-shadow: none; background: none; }
.tour-detail .course-mini-card > div { padding: 14px 0 0; }

/* Inclusions: ruled columns instead of dark tiles */
.tour-detail .inclusion-card-grid { gap: 0 32px; }
.tour-detail .inclusion-card {
  padding: 22px 0 0;
  border: 0;
  border-top: 2px solid #13241e;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #13241e;
}
.tour-detail .inclusion-card h3,
.tour-detail .inclusion-card li { color: #13241e; }
.tour-detail .inclusion-card li { opacity: 0.86; }
.tour-detail .inclusion-card__icon { display: none; }
.tour-detail .not-included-panel { border-radius: 0; box-shadow: none; }

/* Optional extras: simple list grid */
.tour-detail .experience-option-grid > * {
  border: 0;
  border-top: 1px solid rgba(19, 36, 30, 0.18);
  border-radius: 0;
  background: none;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 900px) {
  .tour-detail .tour-intro .container--narrow { grid-template-columns: 1fr; }
  .tour-detail .tour-intro .tour-lead { grid-column: 1; grid-row: auto; }
  .tour-detail .tour-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tour-detail .tour-facts > div:nth-child(3) { padding-left: 0; border-left: 0; }
  .tour-detail .course-mini-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tour-detail .stay-card + .stay-card { border-left: 0; border-top: 1px solid rgba(19, 36, 30, 0.14); }
}
@media (max-width: 560px) {
  .tour-detail .timeline-day { grid-template-columns: 44px minmax(0, 1fr); gap: 0 12px; }
  .tour-detail .timeline-day__marker { font-size: 24px; }
  .tour-detail .stay-card { padding: 24px 0 28px; }
  .tour-detail .course-mini-grid { grid-template-columns: 1fr; }
}
.tour-detail .section__head--center,
.tour-detail .section__head--center > * {
  text-align: left !important;
  margin-left: 0 !important;
}
.tour-detail .section__head--center h2 { max-width: 780px; }
.tour-detail .journey-value-card:before,
.tour-detail .journey-value-card:after { display: none !important; }
@media (max-width: 700px) {
  .tour-detail .journey-value-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    overflow: visible !important;
    gap: 22px !important;
  }
  .tour-detail .journey-value-card { width: auto !important; min-width: 0 !important; }
}
@media (min-width: 901px) {
  .tour-detail .course-mini-grid:has(> :nth-child(5)) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}