/* 09-planlar.css — bölüm 9: metin bloğu + iki plan kartı (Pro altın çerçeveli). */

.sahne-planlar {
  min-height: 100vh;
  display: grid; gap: clamp(28px, 5vw, 48px);
  padding: 110px clamp(16px, 7vw, 120px) 90px;
  max-width: 1000px; margin: 0 auto;
}

.planlar-kartlar { display: grid; gap: 18px; }
@media (min-width: 720px) { .planlar-kartlar { grid-template-columns: 1fr 1fr; } }

.plan-kart {
  background: var(--kart-zemin); border-radius: 24px; padding: 24px 22px;
  border: 1.5px solid var(--cizgi);
  box-shadow: 0 24px 48px -24px rgba(30, 26, 22, 0.35);
  display: flex; flex-direction: column; gap: 16px; color: #1e1a16;
}
.plan-kart-pro { border-color: var(--altin); box-shadow: 0 24px 48px -20px rgba(212, 162, 78, 0.45); }

.plan-ust { display: flex; flex-direction: column; gap: 4px; }
.plan-ad { font: 700 15px var(--baslik-font); }
.plan-rozet {
  align-self: flex-start; font: 700 11px var(--govde-font); letter-spacing: 0.06em; text-transform: uppercase;
  color: #1e1a16; background: var(--altin); padding: 3px 10px; border-radius: 999px; margin-bottom: 4px;
}
.plan-fiyat { font: 700 18px var(--baslik-font); color: var(--kor); }

.plan-kart ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.plan-kart li { font-size: 14px; line-height: 1.45; display: flex; gap: 8px; align-items: baseline; }
.plan-kart .im { color: var(--kor); font-weight: 700; }

.sahne-planlar > .not { max-width: 62ch; }

@media (max-width: 480px) {
  .sahne-planlar { padding-top: 100px; }
}