/* Hero: asymmetrical copy and photography replace the old full-screen timeline. */
.matala-page .hero { padding: 150px 0 92px; background: var(--matala-white); }
.matala-page .hero-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 78px; align-items: center; }
.matala-page .hero-copy { position: relative; z-index: 2; }

.matala-page .award-pill {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  margin-bottom: 28px;
  padding: 8px 14px;
  border-radius: 999px;
  color: var(--matala-ink);
  background: var(--matala-lime);
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.matala-page .hero h1 { max-width: 650px; font-size: clamp(3.2rem, 6vw, 6.2rem); letter-spacing: -.04em; }
.matala-page .hero-lead { max-width: 610px; margin-top: 24px; color: var(--matala-muted); font-size: 1.16rem; }
.matala-page .rating-line { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; margin-top: 24px; font-size: .91rem; }
.matala-page .rating-line strong { font-size: 1.08rem; }
.matala-page .rating-line span:last-child { color: var(--matala-orange); font-size: 1.2rem; }
.matala-page .hero-actions { display: flex; gap: 24px; align-items: center; margin-top: 32px; }
.matala-page .text-link { padding: 10px 0 6px; border-bottom: 1px solid var(--matala-ink); font-weight: 700; }
.matala-page .hero-assurances { display: flex; flex-wrap: wrap; gap: 14px 22px; margin-top: 24px; color: var(--matala-muted); font-size: .82rem; }

.matala-page .hero-visual { position: relative; padding: 0 20px 36px 0; }
.matala-page .hero-image { height: 650px; object-fit: cover; border-radius: 190px 24px 24px 24px; box-shadow: var(--matala-shadow); }
.matala-page .price-card,
.matala-page .review-card { position: absolute; background: #fff; box-shadow: var(--matala-shadow); }
.matala-page .price-card { top: 34px; right: -18px; width: 126px; padding: 18px; border-radius: 18px; }
.matala-page .price-card span { display: block; color: var(--matala-muted); font-size: .72rem; }
.matala-page .price-card strong { display: block; font: 700 2rem 'Playfair Display', serif; }
.matala-page .review-card { right: 64px; bottom: 0; display: flex; gap: 13px; align-items: center; padding: 16px 19px; border-radius: 18px; }
.matala-page .review-card strong,
.matala-page .review-card span { display: block; }
.matala-page .review-card span { color: var(--matala-muted); font-size: .72rem; }
.matala-page .review-avatars { display: flex; }
.matala-page .review-avatars span { width: 32px; height: 32px; margin-left: -8px; display: grid; place-items: center; border: 2px solid #fff; border-radius: 50%; color: #fff; background: var(--matala-ink); font-size: .65rem; }
.matala-page .review-avatars span:first-child { margin-left: 0; background: var(--matala-orange); }
.matala-page .review-avatars span:last-child { background: #d7a54c; }

.matala-page .proof-bar { color: #fff; background: var(--matala-ink); }
.matala-page .proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.matala-page .proof-grid div { padding: 27px 30px; border-right: 1px solid rgba(255,255,255,.15); }
.matala-page .proof-grid div:last-child { border: 0; }
.matala-page .proof-grid strong,
.matala-page .proof-grid span { display: block; }
.matala-page .proof-grid strong { font: 700 1.5rem 'Playfair Display', serif; }
.matala-page .proof-grid span { color: rgba(255,255,255,.65); font-size: .75rem; }

/* Editorial image cards summarize the tour before the detailed schedule. */
.matala-page .experience-grid { display: grid; grid-template-columns: 1.3fr .7fr; grid-template-rows: 240px 240px; gap: 20px; }
.matala-page .feature-card { position: relative; overflow: hidden; border-radius: var(--matala-radius); }
.matala-page .feature-card-large { grid-row: 1 / 3; }
.matala-page .feature-card img { height: 100%; object-fit: cover; transition: transform .5s ease; }
.matala-page .feature-card:hover img { transform: scale(1.03); }
.matala-page .feature-card::after { content: ''; position: absolute; inset: 35% 0 0; background: linear-gradient(transparent, rgba(8,27,23,.82)); }
.matala-page .feature-overlay { position: absolute; z-index: 1; inset: auto 26px 25px; color: #fff; }
.matala-page .feature-overlay span { color: var(--matala-lime); font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.matala-page .feature-overlay h3 { max-width: 420px; margin-top: 5px; font-size: clamp(1.5rem, 2.5vw, 2.5rem); }

/* The itinerary is a clean numbered list instead of six full-screen scenes. */
.matala-page .itinerary-section { background: var(--matala-white); }
.matala-page .timeline { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--matala-sand); }
.matala-page .timeline-item { display: grid; grid-template-columns: 80px 175px 1fr; gap: 20px; padding: 31px 0; border-bottom: 1px solid var(--matala-sand); }
.matala-page .timeline-number { color: var(--matala-orange); font: 700 1.8rem 'Playfair Display', serif; }
.matala-page .timeline-time { padding-top: 4px; color: var(--matala-muted); font-size: .82rem; font-weight: 700; }
.matala-page .timeline h3 { font-size: 1.65rem; }
.matala-page .timeline p { max-width: 670px; margin-top: 7px; color: var(--matala-muted); }

/* Review proof gets a dedicated high-contrast pause between sections. */
.matala-page .review-section { padding: 80px 0; color: #fff; background: var(--matala-orange); }
.matala-page .review-layout { display: grid; grid-template-columns: 250px 1fr; gap: 90px; align-items: center; }
.matala-page .review-score strong,
.matala-page .review-score span { display: block; }
.matala-page .review-score .stars { color: #fff1ae; }
.matala-page .review-score strong { font: 700 3.4rem 'Playfair Display', serif; }
.matala-page .review-score > span:last-child { opacity: .8; }
.matala-page .review-layout blockquote { margin: 0; font: 600 clamp(1.6rem, 3vw, 2.8rem)/1.25 'Playfair Display', serif; }
.matala-page .review-layout cite { display: block; margin-top: 20px; opacity: .76; font: 600 .83rem 'DM Sans', sans-serif; }

/* Facts and inclusion cards use soft contrast to stay readable. */
.matala-page .facts-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--matala-sand); border-radius: var(--matala-radius); background: #fff; }
.matala-page .facts-grid div { padding: 24px; border-right: 1px solid var(--matala-sand); border-bottom: 1px solid var(--matala-sand); }
.matala-page .facts-grid div:nth-child(3n) { border-right: 0; }
.matala-page .facts-grid div:nth-child(n+4) { border-bottom: 0; }
.matala-page .facts-grid span,
.matala-page .facts-grid strong { display: block; }
.matala-page .facts-grid span { color: var(--matala-muted); font-size: .75rem; text-transform: uppercase; }
.matala-page .facts-grid strong { margin-top: 5px; }
.matala-page .list-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 22px; }
.matala-page .detail-card { padding: 36px; border-radius: var(--matala-radius); background: #fff; }
.matala-page .included-card { background: #e9f0dd; }
.matala-page .detail-card h3 { font-size: 1.7rem; }
.matala-page .detail-card ul { margin: 24px 0 0; padding: 0; list-style: none; }
.matala-page .detail-card li { display: flex; gap: 12px; padding: 7px 0; }
.matala-page .detail-card li span { color: var(--matala-orange); font-weight: 700; }
.matala-page .muted-list { color: var(--matala-muted); }