/* Fiyat kartları -- yalnız Türkçe ana sayfa (tr/index.html) yükler.
   2026-10-15 kurucu kararı: fiyatlar yalnız Türkçe sayfada geri geldi; diğer
   8 dil "Fiyat ve bilgi için" bölümünde kalır. Tasarım 36e4ec4c öncesi
   anasayfa.css'teki plan kartlarıdır; renkler anasayfa.css değişkenlerinden. */

.trial-badge { display: inline-block; margin-block-start: 18px; padding: 8px 14px; border-radius: 14px; border: 0.5px solid var(--gold-line); background: var(--gold-wash); color: var(--ink); font-size: .92rem; line-height: 1.45; }
.trial-badge strong { color: var(--gold); font-weight: 700; }

.pricing-switch__input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; }
.pricing-switch__tabs { display: flex; gap: 4px; width: fit-content; max-width: 100%; margin: 0 auto 30px; padding: 4px; background: var(--card); border: 0.5px solid var(--gold-line); border-radius: 999px; }
.pricing-switch__tab { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 20px; border-radius: 999px; color: var(--soft); font-size: .92rem; font-weight: 600; line-height: 1.25; text-align: center; cursor: pointer; transition: background .2s, color .2s; }
.pricing-switch__tab:hover { color: var(--ink); }
#pricing-res:checked ~ .pricing-switch__tabs [for="pricing-res"],
#pricing-ord:checked ~ .pricing-switch__tabs [for="pricing-ord"] { background: var(--gold); color: var(--charcoal); }
#pricing-res:focus-visible ~ .pricing-switch__tabs [for="pricing-res"],
#pricing-ord:focus-visible ~ .pricing-switch__tabs [for="pricing-ord"] { outline: 2px solid var(--gold); outline-offset: 3px; }

.pricing { display: grid; grid-template-columns: minmax(0,1fr); gap: 18px; align-items: stretch; }
.pricing--ord { display: none; }
#pricing-ord:checked ~ .pricing--res { display: none; }
#pricing-ord:checked ~ .pricing--ord { display: grid; }

.plan { position: relative; min-width: 0; display: flex; flex-direction: column; background: var(--card); border: 0.5px solid var(--gold-line); border-radius: 22px; padding: 30px 22px 24px; }
.plan--featured { border: 1px solid var(--gold); background: linear-gradient(180deg, rgba(200,169,106,.10) 0%, var(--card) 180px); box-shadow: var(--shadow); }
.plan__badge { position: absolute; inset-block-start: -13px; inset-inline-start: 22px; background: var(--gold); color: var(--charcoal); font-size: .75rem; font-weight: 700; padding: 4px 12px; border-radius: 999px; }
.plan__name { font-family: var(--sans); font-size: .8rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--soft); margin-block-end: 14px; }
.plan__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; font-family: var(--serif); font-weight: 600; font-size: 2.6rem; line-height: 1; color: var(--ink); }
.plan__amount { direction: ltr; unicode-bidi: isolate; white-space: nowrap; }
.plan__cur { font-size: 1.2rem; color: var(--gold); }
.plan__tax { font-family: var(--sans); font-size: .78rem; font-weight: 600; letter-spacing: .02em; line-height: 1.3; color: var(--muted); white-space: nowrap; }
.plan__period { color: var(--muted); font-size: .9rem; margin-block: 6px 18px; }
.plan__features { list-style: none; display: grid; gap: 10px; margin: 0; padding: 0; flex: 1; align-content: start; }
.plan__features li { position: relative; padding-inline-start: 24px; color: var(--soft); font-size: .93rem; line-height: 1.5; }
.plan__features li::before { content: "✓"; position: absolute; inset-inline-start: 0; color: var(--gold); font-weight: 700; }
.plan__features li.plan__base { padding-inline-start: 0; color: var(--ink); font-weight: 600; }
.plan__features li.plan__base::before { content: none; }

.pricing__notes { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 10px; margin: 28px 0 0; padding: 0; }
.pricing__notes li { font-size: .86rem; line-height: 1.4; padding: 6px 12px; border-radius: 14px; border: 0.5px solid var(--gold-line); color: var(--soft); }
.pricing__notes li strong { color: var(--gold); font-weight: 600; }
.pricing__season { max-width: 640px; margin: 16px auto 0; text-align: center; color: var(--muted); font-size: .9rem; line-height: 1.55; }
.pricing__actions { display: flex; flex-direction: column; gap: 12px; max-width: 420px; margin: 18px auto 0; }

@media (max-width: 480px) {
  .pricing-switch__tabs { width: 100%; }
  .pricing-switch__tab { flex: 1 1 0; padding: 8px 10px; font-size: .84rem; }
}
@media (min-width: 560px) {
  .pricing__actions { flex-direction: row; justify-content: center; max-width: none; }
}
@media (min-width: 900px) {
  .pricing { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
  .plan { padding: 36px 28px 28px; }
}
.section--pricing { border-block-start: 0.5px solid var(--gold-line); }