/* Rehber sayfaları (2026-10-17): "Rezervasyon sistemi seçerken" alıcı rehberi.
   anasayfa.css token'larını kullanır; tablo dar ekranda kart görünümüne geçer. */
.guide-hero { padding-block: 48px 36px; }
.guide-hero .hero__title { font-size: clamp(1.9rem, 6.4vw, 3.1rem); line-height: 1.12; max-width: 24ch; }
.guide-hero__lead { color: var(--soft); font-size: 1.06rem; line-height: 1.65; max-width: 62ch; margin: 18px 0 0; }
.guide-hero__meta { color: var(--muted); font-size: .86rem; margin: 14px 0 0; }

.guide { max-width: 760px; margin-inline: auto; }
.guide p { color: var(--soft); line-height: 1.7; margin: 0 0 14px; }
.guide h3 { font-size: 1.22rem; line-height: 1.3; margin: 30px 0 10px; }
.guide strong { color: var(--ink); font-weight: 600; }
.guide .checks { margin: 0 0 14px; padding: 0; }

.guide-summary { list-style: none; margin: 0; padding: 20px 22px; display: grid; gap: 10px; border: 0.5px solid var(--gold-line); border-radius: var(--radius); background: var(--gold-wash); }
.guide-summary li { position: relative; padding-inline-start: 26px; color: var(--ink); line-height: 1.55; }
.guide-summary li::before { content: "✓"; position: absolute; inset-inline-start: 0; color: var(--gold); font-weight: 700; }

.guide-table-wrap { max-width: 1000px; margin-inline: auto; }
.guide-table { width: 100%; border-collapse: separate; border-spacing: 0; border: 0.5px solid var(--gold-line); border-radius: var(--radius); overflow: hidden; background: var(--card); font-size: .95rem; }
.guide-table caption { caption-side: top; text-align: start; color: var(--muted); font-size: .86rem; padding-block-end: 10px; }
.guide-table th, .guide-table td { text-align: start; vertical-align: top; padding: 14px 16px; border-block-end: 0.5px solid var(--gold-line); line-height: 1.55; }
.guide-table thead th { color: var(--gold); font-size: .78rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; background: var(--card-2); }
.guide-table tbody th { color: var(--ink); font-weight: 600; min-width: 150px; }
.guide-table td { color: var(--soft); }
.guide-table tbody tr:last-child th, .guide-table tbody tr:last-child td { border-block-end: 0; }

@media (max-width: 720px) {
  .guide-table, .guide-table tbody, .guide-table tr, .guide-table th, .guide-table td { display: block; width: 100%; }
  .guide-table { border: 0; background: transparent; overflow: visible; }
  .guide-table caption { display: block; width: 100%; }
  .guide-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .guide-table tbody tr { border: 0.5px solid var(--gold-line); border-radius: 14px; background: var(--card); margin-block-end: 12px; overflow: hidden; }
  .guide-table tbody th { background: var(--card-2); border-block-end: 0.5px solid var(--gold-line); }
  .guide-table td { border-block-end: 0; padding-block: 10px 4px; }
  .guide-table td:last-child { padding-block-end: 14px; }
  .guide-table td::before { content: attr(data-label); display: block; color: var(--gold); font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; margin-block-end: 4px; }
  .guide-table tbody tr:last-child th { border-block-end: 0.5px solid var(--gold-line); }
}