/* Abonelik sayfası. Renkler, düğmeler ve form alanları vitrin.css ve panel.css'ten gelir. */

.abonelik { max-width: 640px; }
.abonelik h1 { margin: 6px 0 18px; }
.geri-link { color: var(--yazi-2); font-size: .9rem; font-weight: 600; text-decoration: none; }
.geri-link:hover { color: var(--yazi); }
.kucuk-baslik { font: 700 1.05rem var(--f-metin); }
.yukleniyor { color: var(--yazi-2); }
.sonuc-kart { margin-bottom: 18px; border-left: 4px solid var(--vurgu); font-weight: 600; }

/* Süren abonelik */
.mevcut { display: grid; gap: 8px; }
.mevcut .bolum-baslik { margin-bottom: 0; }
.mevcut-paket { font: 600 2rem var(--f-baslik); line-height: 1.1; }
.mevcut-ozet { color: var(--yazi); }
.mevcut-tutar { color: var(--yazi-2); font-size: .92rem; }
.iptal-dugme { justify-self: start; margin-top: 8px; color: var(--sicak); }

/* Paket seçimi */
.donem-sec { margin-bottom: 14px; }
.donem-sec span small { display: inline; margin-left: 6px; }
.paket-liste { border: 0; padding: 0; margin: 0 0 18px; display: grid; gap: 10px; min-width: 0; }
.paket-sec { position: relative; cursor: pointer; display: block; }
.paket-sec input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.paket-kutu {
  display: grid; gap: 4px; padding: 16px 18px 16px 48px; position: relative;
  background: var(--kart); border: 1.5px solid var(--cizgi); border-radius: 18px;
}
.paket-kutu::before {
  content: ""; position: absolute; left: 18px; top: 20px; width: 18px; height: 18px; border-radius: 50%;
  border: 1.5px solid var(--cizgi); background: var(--zemin);
}
.paket-sec input:checked + .paket-kutu { border-color: var(--ana); box-shadow: 0 0 0 1px var(--ana); }
.paket-sec input:checked + .paket-kutu::before { border: 5px solid var(--ana); background: var(--kart); }
.paket-sec input:focus-visible + .paket-kutu { outline: 2px solid var(--vurgu); outline-offset: 2px; }
.paket-sec.kurucu .paket-kutu { border-style: dashed; border-color: var(--vurgu); }
.paket-sec.kurucu input:checked + .paket-kutu { border-style: solid; border-color: var(--vurgu); box-shadow: 0 0 0 1px var(--vurgu); }
.paket-bas { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.paket-bas b { font-size: 1.05rem; }
.paket-not { font: 500 .72rem var(--f-mono); font-style: normal; letter-spacing: .06em; text-transform: uppercase; color: var(--vurgu); white-space: nowrap; }
.paket-icin { color: var(--yazi-2); font-size: .86rem; }
.paket-fiyat { font-size: 1.15rem; font-weight: 500; margin-top: 2px; }
.paket-fiyat small { display: block; font-size: .8rem; color: var(--yazi-2); }
.paket-ozellik { font-size: .86rem; color: var(--yazi); }

.bilgi-form { display: grid; gap: 14px; }
.iki-alan { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.iki-alan .not-alan { min-width: 0; }
.iki-alan input { width: 100%; }
.ozet-satir { background: var(--yumusak); border-radius: 14px; padding: 12px 14px; font-size: .92rem; font-weight: 600; }

/* iyzico formu */
#odemeAlan { display: grid; gap: 14px; }
#odemeAlan[hidden] { display: none; }
#iyzipay-checkout-form { min-height: 200px; }
#odemeVazgec { justify-self: start; }