/* ==========================================================================
   Packages and tours: archive grid, overview, timeline, inclusions, highlights
   Prestige pass 2026-10-11: titles-only timeline, ruled lists, square shapes.
   ========================================================================== */

.pk-grid { display: grid; gap: 40px 28px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .pk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .pk-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .pk-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 860px; margin-inline: auto; } .pk-grid--1 { grid-template-columns: minmax(0, 420px); justify-content: center; } }

.incl-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); }
@media (min-width: 1100px) { .incl-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.incl { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; padding: 30px 12px; border-bottom: 1px solid var(--line); }
.incl + .incl { border-left: 1px solid var(--line); }
@media (max-width: 1099px) { .incl:nth-child(odd) { border-left: 0; } }
.incl__t { font-family: var(--f-display); font-weight: 500; font-size: 1.3rem; line-height: 1.15; }

.pk-overview__grid { display: grid; gap: clamp(32px, 5vw, 72px); grid-template-columns: minmax(0, 1fr); align-items: start; }
@media (min-width: 1024px) { .pk-overview__grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); } }
.pk-lead { font-family: var(--f-display); font-size: clamp(1.5rem, 1.2rem + 1vw, 2.2rem); line-height: 1.3; color: var(--text); max-width: 28ch; }
.pk-bestfor { display: flex; gap: 12px; align-items: flex-start; margin-top: 1.8em; padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: .95rem; }
.pk-bestfor .icon { color: var(--gold-ink); flex: none; margin-top: 3px; width: 18px; height: 18px; }
.pk-bestfor strong { font-weight: 500; color: var(--text); }
.pk-highlights { list-style: none; margin: 0; padding: 30px; background: var(--ink); color: var(--on-dark); display: grid; gap: 0; }
.pk-highlights li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--on-dark-line); }
.pk-highlights li:last-child { border-bottom: 0; }
.pk-highlights .icon { color: var(--gold-soft); width: 18px; height: 18px; margin-top: 3px; }

/* Day by day: a ruled list of days and titles */
.timeline { list-style: none; margin: 0; padding: 0; display: grid; border-top: 1px solid var(--line); max-width: 920px; }
.timeline__item { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 20px; align-items: center; padding: 18px 0; border-bottom: 1px solid var(--line); }
.timeline__dot { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--gold); color: var(--gold-ink); }
.timeline__item--madinah .timeline__dot { background: var(--ink); border-color: var(--ink); color: var(--gold-soft); }
.timeline__dot .icon { width: 20px; height: 20px; }
.timeline__card { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px 24px; align-items: baseline; }
@media (min-width: 720px) { .timeline__card { grid-template-columns: 190px minmax(0, 1fr); } }
.timeline__day { display: flex; align-items: center; gap: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: .16em; font-size: .68rem; color: var(--gold-ink); }
.timeline__city { letter-spacing: .12em; padding: 1px 7px; border: 1px solid var(--line-strong); color: var(--text); font-size: .62rem; }
.timeline__title { font-family: var(--f-display); font-weight: 500; font-size: clamp(1.3rem, 1.1rem + .6vw, 1.65rem); line-height: 1.15; }
.timeline__text { display: none; }

.incl-cols { display: grid; gap: 28px 56px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .incl-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.incl-col { padding: 0; }
.incl-col__title { display: flex; align-items: center; gap: 10px; font-family: var(--f-display); font-weight: 500; font-size: 1.8rem; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--text); }
.incl-col__title .icon { width: 20px; height: 20px; color: var(--gold-ink); }
.incl-col ul { margin: 0; padding: 0; list-style: none; display: grid; }
.incl-col li { padding: 10px 0; border-bottom: 1px solid var(--line); font-size: .96rem; }
.incl-col--no li { color: var(--muted); }

.tour-facts { display: grid; border-top: 1px solid var(--line); }
.tour-fact { display: flex; gap: 14px; align-items: flex-start; padding: 18px 0; border-bottom: 1px solid var(--line); }
.tour-fact .itile { width: 30px; height: 30px; }
.tour-fact .itile .icon { width: 22px; height: 22px; }
.tour-fact__t { font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; font-weight: 500; color: var(--gold-ink); }
.tour-fact p + p { margin-top: 4px; color: var(--text); font-size: .96rem; }
.hl-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: 0 40px; grid-template-columns: minmax(0, 1fr); border-top: 1px solid var(--line); }
@media (min-width: 640px) { .hl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .hl-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.hl { padding: 20px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; align-items: baseline; }
.hl__n { font-family: var(--f-display); font-style: italic; color: var(--gold-ink); font-size: 1.2rem; }
.hl__t { font-size: 1.4rem; font-weight: 500; line-height: 1.15; }
.gallery { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 900px) { .gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.gallery__item { margin: 0; }
.gallery__item img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }