/* MAREVIQ — ÜYELİK KATMANI (kayıt · doğrulama · giriş · hesap paneli)
   stil.css'in ÜSTÜNE biner. Yeni renk/tip TANIMLANMAZ; yalnız stil.css
   değişkenleri kullanılır. Estetik: konşimento — kesikli kesim hattı,
   zımba deliği, mono etiket, neredeyse düz köşe. */

/* ── SAYFA ZEMİNİ ── */
.uye-zemin{min-height:70vh;padding:52px 0 88px;background:var(--kraft)}
.uye-zemin.dar{display:flex;align-items:flex-start;justify-content:center}

/* ── EVRAK KARTI (zımba delikli) ── */
.evrak-k{
  background:var(--kraft-acik);border:1px solid var(--cizgi-koyu);border-radius:var(--r-o);
  box-shadow:var(--golge-s);position:relative;
}
.evrak-k.delik::before,.evrak-k.delik::after{
  content:'';position:absolute;top:14px;width:9px;height:9px;border-radius:50%;
  background:var(--kraft);border:1px solid var(--cizgi-koyu);
  box-shadow:inset 0 1px 2px rgba(20,32,28,.18);
}
.evrak-k.delik::before{left:14px}
.evrak-k.delik::after{right:14px}

.k-bas{padding:28px 30px 20px;border-bottom:1px dashed var(--cizgi-koyu)}
.k-bas h1{font-size:clamp(1.5rem,3vw,1.95rem);letter-spacing:-.03em}
.k-bas h2{font-size:1.28rem}
.k-bas p{margin-top:.5rem;font-size:.93rem;color:var(--metin-2)}
.k-govde{padding:26px 30px 30px}
.k-alt{padding:18px 30px;border-top:1px dashed var(--cizgi-koyu);font-size:.9rem;color:var(--metin-2)}
@media(max-width:560px){.k-bas,.k-govde,.k-alt{padding-left:20px;padding-right:20px}}

/* evrak üst etiketi — "form no" hissi */
.k-etiket{
  font-family:'JetBrains Mono',monospace;font-size:.68rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--metin-3);display:block;margin-bottom:10px;
}

/* ── FORM ── */
.alanlar{display:grid;gap:17px}
.alanlar.iki{grid-template-columns:1fr 1fr;gap:17px 20px}
@media(max-width:600px){.alanlar.iki{grid-template-columns:1fr}}
.alan{display:flex;flex-direction:column;gap:6px;min-width:0}
.alan>label{
  font-family:'JetBrains Mono',monospace;font-size:.68rem;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;color:var(--metin-2);
}
.alan input,.alan select,.alan textarea{
  font-family:'Figtree',system-ui,sans-serif;font-size:1rem;color:var(--metin);
  background:var(--kraft);border:1px solid var(--cizgi-koyu);border-radius:var(--r-o);
  padding:11px 13px;width:100%;transition:border-color .16s,box-shadow .16s;
}
.alan input:focus,.alan select:focus,.alan textarea:focus{
  outline:none;border-color:var(--pas);box-shadow:0 0 0 3px var(--pas-sis);
}
.alan input[aria-invalid="true"]{border-color:var(--pas);background:var(--pas-sis)}
.alan .ipucu{font-size:.78rem;color:var(--metin-3)}
.alan .alan-hata{font-size:.8rem;color:var(--pas-koyu);font-weight:500}
.alan .alan-hata:empty{display:none}
.tam{grid-column:1/-1}

/* parola göster/gizle */
.parola-sar{position:relative}
.parola-sar input{padding-right:76px}
.parola-sar button{
  position:absolute;right:6px;top:50%;transform:translateY(-50%);
  background:transparent;border:1px solid var(--cizgi-koyu);border-radius:var(--r-o);
  font-family:'JetBrains Mono',monospace;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--metin-2);padding:6px 9px;cursor:pointer;
}
.parola-sar button:hover{border-color:var(--pas);color:var(--pas)}

/* ── ONAY KUTULARI — KVKK: her onay AYRI, iç içe sunulmaz ── */
.onaylar{display:grid;gap:12px;margin-top:22px;padding-top:20px;border-top:1px dashed var(--cizgi-koyu)}
.onay{
  display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;
  border:1px solid var(--cizgi);border-radius:var(--r-o);padding:12px 14px;background:var(--kraft);
}
.onay input[type=checkbox]{
  width:19px;height:19px;margin-top:2px;accent-color:var(--pas);cursor:pointer;flex-shrink:0;
}
.onay label{font-size:.885rem;color:var(--metin-2);line-height:1.5;cursor:pointer}
.onay label b{color:var(--metin);font-weight:600}
.onay a{color:var(--pas);text-decoration:underline;text-underline-offset:2px}
.onay.eksik{border-color:var(--pas);background:var(--pas-sis)}

/* ── DURUM ŞERİDİ (hata / bilgi / başarı) ── */
.serit{
  display:flex;gap:10px;align-items:flex-start;padding:13px 15px;border-radius:var(--r-o);
  font-size:.9rem;line-height:1.5;border:1px solid;margin-bottom:18px;
}
.serit:empty,.serit[hidden]{display:none}
.serit .im{font-family:'JetBrains Mono',monospace;font-weight:700;flex-shrink:0}
.serit.hata{border-color:var(--pas);background:var(--pas-sis);color:var(--pas-koyu)}
.serit.iyi{border-color:var(--olumlu);background:rgba(62,123,79,.1);color:var(--olumlu)}
.serit.bilgi{border-color:var(--cizgi-koyu);background:var(--kraft);color:var(--metin-2)}
.serit.uyari{border-color:var(--uyari);background:rgba(176,122,30,.1);color:var(--uyari)}

/* ── DÜĞME EK DURUMLARI ── */
.dugme[disabled],.dugme[aria-busy="true"]{opacity:.55;cursor:not-allowed;pointer-events:none}
.dugme.genis{width:100%;justify-content:center}
.dugme.kucuk{padding:9px 15px;font-size:.72rem}

/* ── 6 HANELİ KOD ── */
.kod-kutu{
  font-family:'JetBrains Mono',monospace;font-size:2rem;font-weight:700;letter-spacing:.5em;
  text-align:center;text-indent:.5em;padding:16px 10px;background:var(--kraft);
  border:1px solid var(--cizgi-koyu);border-radius:var(--r-o);width:100%;color:var(--metin);
}
.kod-kutu:focus{outline:none;border-color:var(--pas);box-shadow:0 0 0 3px var(--pas-sis)}

/* ── ADIM ÇUBUĞU ── */
.adimlar{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 26px;
  border:1px solid var(--cizgi-koyu);border-radius:var(--r-o);overflow:hidden;background:var(--kraft-acik);
}
.adim{padding:13px 14px;border-right:1px dashed var(--cizgi-koyu);min-width:0}
.adim:last-child{border-right:none}
.adim .no{display:block;font-family:'JetBrains Mono',monospace;font-size:.64rem;
  letter-spacing:.14em;color:var(--metin-3)}
.adim .isim{display:block;font-size:.88rem;font-weight:500;color:var(--metin-3);margin-top:3px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adim.bitti .isim{color:var(--olumlu)}
.adim.bitti .no::after{content:' ✓';color:var(--olumlu)}
.adim.aktif{background:var(--pas);}
.adim.aktif .no{color:rgba(245,238,225,.75)}
.adim.aktif .isim{color:#F5EEE1;font-weight:600}
@media(max-width:640px){
  .adimlar{grid-template-columns:1fr 1fr}
  .adim:nth-child(2){border-right:none}
  .adim:nth-child(-n+2){border-bottom:1px dashed var(--cizgi-koyu)}
}

/* ── HESAP PANELİ DÜZENİ ── */
.panel-ust{background:var(--gece);color:var(--metin-ters);padding:34px 0 30px;border-bottom:1px solid var(--cizgi-gece)}
.panel-ust h1{color:var(--kraft-acik);font-size:clamp(1.6rem,3.4vw,2.3rem)}
.panel-ust .firma{font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.16em;
  text-transform:uppercase;color:#E88B4F;display:block;margin-bottom:9px}
.panel-ust .kim{font-size:.9rem;color:var(--metin-ters-2);margin-top:.5rem}

.panel-govde{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start;padding:34px 0 80px}
@media(max-width:1000px){.panel-govde{grid-template-columns:1fr}}

/* ── DURUM KARTI — tek net eylem ── */
.durum-k{padding:26px 28px}
.durum-k .rozet{
  font-family:'JetBrains Mono',monospace;font-size:.66rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;border:1.5px solid;border-radius:3px;padding:5px 10px;display:inline-block;
}
.durum-k .rozet.bekle{color:var(--uyari);border-color:var(--uyari)}
.durum-k .rozet.eylem{color:var(--pas);border-color:var(--pas)}
.durum-k .rozet.iyi{color:var(--olumlu);border-color:var(--olumlu)}
.durum-k .rozet.red{color:var(--pas-koyu);border-color:var(--pas-koyu)}
.durum-k h2{margin:14px 0 8px;font-size:1.5rem}
.durum-k p{font-size:.95rem;color:var(--metin-2);max-width:60ch}
.durum-k .eylem-sat{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}

/* ── YAN SÜTUN ── */
.yan{display:grid;gap:18px;position:sticky;top:92px}
@media(max-width:1000px){.yan{position:static}}
.yan-k{padding:20px 22px}
.yan-k h3{font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.15em;
  text-transform:uppercase;color:var(--metin-3);font-weight:600;margin-bottom:14px}

/* künye satırı — etiket/değer */
.kunye{display:grid;gap:9px}
.kunye .sat{display:flex;justify-content:space-between;gap:14px;align-items:baseline;
  font-size:.9rem;border-bottom:1px dashed var(--cizgi);padding-bottom:8px}
.kunye .sat:last-child{border-bottom:none;padding-bottom:0}
.kunye .et{color:var(--metin-3);flex-shrink:0}
.kunye .dg{font-family:'JetBrains Mono',monospace;font-weight:600;text-align:right;
  word-break:break-word;color:var(--metin)}
.kunye .sat.vurgu .dg{font-size:1.12rem;color:var(--pas)}

/* ── PAKET SEÇİM VİTRİNİ ── */
.satis-bas{margin-bottom:22px}
.kumanda{
  display:flex;gap:26px;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  padding:20px 24px;margin-bottom:24px;
}
.donem-anahtar{display:inline-flex;border:1px solid var(--cizgi-koyu);border-radius:999px;padding:4px;background:var(--kraft)}
.donem-anahtar button{
  border:none;background:transparent;padding:9px 20px;border-radius:999px;font:inherit;
  font-size:.88rem;font-weight:500;cursor:pointer;color:var(--metin-2);transition:.18s;white-space:nowrap;
}
.donem-anahtar button[aria-pressed="true"]{background:var(--pas);color:#F5EEE1;font-weight:600}
.donem-anahtar .indirim{font-size:.7rem;font-weight:700;color:var(--olumlu);margin-left:6px}
.donem-anahtar button[aria-pressed="true"] .indirim{color:#F5EEE1;opacity:.9}

/* araç sayacı */
.arac-kut{flex:1 1 320px;min-width:260px}
.arac-ust{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:9px}
.arac-ust label{font-family:'JetBrains Mono',monospace;font-size:.68rem;font-weight:600;
  letter-spacing:.13em;text-transform:uppercase;color:var(--metin-2)}
.arac-sayac{display:flex;align-items:center;gap:0;border:1px solid var(--cizgi-koyu);
  border-radius:var(--r-o);background:var(--kraft);overflow:hidden}
.arac-sayac button{
  background:transparent;border:none;width:38px;height:38px;font-size:1.25rem;line-height:1;
  color:var(--metin-2);cursor:pointer;font-family:'JetBrains Mono',monospace;flex-shrink:0;
}
.arac-sayac button:hover{background:var(--pas-sis);color:var(--pas)}
.arac-sayac input{
  width:70px;border:none;background:transparent;text-align:center;
  font-family:'JetBrains Mono',monospace;font-size:1.05rem;font-weight:700;color:var(--metin);
  padding:8px 0;-moz-appearance:textfield;
}
.arac-sayac input::-webkit-outer-spin-button,
.arac-sayac input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.arac-sayac input:focus{outline:none}
input[type=range].kaydirici{
  width:100%;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;margin-top:4px;
}
input[type=range].kaydirici::-webkit-slider-runnable-track{
  height:4px;background:var(--cizgi-koyu);border-radius:2px}
input[type=range].kaydirici::-moz-range-track{height:4px;background:var(--cizgi-koyu);border-radius:2px}
input[type=range].kaydirici::-webkit-slider-thumb{
  -webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--pas);
  border:2px solid var(--kraft-acik);margin-top:-7px;box-shadow:0 1px 3px rgba(20,32,28,.3)}
input[type=range].kaydirici::-moz-range-thumb{
  width:18px;height:18px;border-radius:50%;background:var(--pas);border:2px solid var(--kraft-acik)}
input[type=range].kaydirici:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--pas-sis)}

/* paket kartları */
.paket-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
@media(max-width:1180px){.paket-izgara{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.paket-izgara{grid-template-columns:1fr}}

.paket{
  display:flex;flex-direction:column;text-align:left;cursor:pointer;
  background:var(--kraft-acik);border:1px solid var(--cizgi-koyu);border-radius:var(--r-o);
  padding:0;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;
  font-family:inherit;color:inherit;
}
.paket:hover{transform:translateY(-3px);box-shadow:var(--golge-o)}
.paket[aria-pressed="true"]{border-color:var(--pas);border-width:1.5px;box-shadow:var(--golge-o)}
.paket[aria-pressed="true"]::after{
  content:'SEÇİLDİ';position:absolute;top:-11px;right:16px;transform:rotate(4deg);
  font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:700;letter-spacing:.12em;
  color:#F5EEE1;background:var(--pas);border-radius:3px;padding:4px 9px;
}
.p-bas{padding:22px 20px 15px;border-bottom:1px dashed var(--cizgi-koyu)}
.p-kod{font-family:'JetBrains Mono',monospace;font-size:.63rem;letter-spacing:.14em;
  color:var(--metin-3);display:block;margin-bottom:8px}
.p-bas h3{font-size:1.2rem;letter-spacing:-.02em}
.p-bas .kime{font-size:.83rem;color:var(--metin-2);margin-top:5px;line-height:1.45}
.p-fiyat{padding:16px 20px;border-bottom:1px dashed var(--cizgi-koyu)}
.p-fiyat .tutar{font-family:'JetBrains Mono',monospace;font-size:1.75rem;font-weight:700;
  letter-spacing:-.03em;display:block;color:var(--metin)}
.p-fiyat .birim{font-size:.76rem;color:var(--metin-3);display:block;margin-top:2px}
.p-fiyat .yaklasik{font-size:.78rem;color:var(--metin-2);margin-top:8px;font-family:'JetBrains Mono',monospace}
.p-govde{padding:15px 20px 20px;flex:1;display:flex;flex-direction:column}
.p-govde ul{list-style:none;display:grid;gap:7px}
.p-govde li{font-size:.85rem;color:var(--metin-2);padding-left:17px;position:relative;line-height:1.45}
.p-govde li::before{content:'✓';position:absolute;left:0;color:var(--olumlu);font-weight:700;font-size:.8rem}
.p-govde li.haric{color:var(--metin-3)}
.p-govde li.haric::before{content:'—';color:var(--cizgi-koyu)}

/* KENDİN SEÇ — modül listesi */
.moduller{display:grid;gap:8px;margin-top:2px}
/* Kart sütunu dar (4'lü ızgarada ~170px). Ad ile fiyat YAN YANA konursa fiyatın
   nowrap genişliği 1fr'i sıfıra ezip modül adını görünmez kılıyordu; bu yüzden
   fiyat adın ALTINA, ikinci satıra alındı. */
.modul{
  display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;
  border:1px solid var(--cizgi);border-radius:var(--r-o);padding:9px 11px;background:var(--kraft);
  cursor:pointer;transition:border-color .16s;
}
.modul:hover{border-color:var(--cizgi-koyu)}
.modul input{width:17px;height:17px;margin-top:2px;accent-color:var(--pas);cursor:pointer}
.modul input:disabled{cursor:not-allowed}
.modul .m-isim{font-size:.86rem;font-weight:500;color:var(--metin);min-width:0;line-height:1.35}
.modul .m-fi{display:block;margin-top:3px;font-family:'JetBrains Mono',monospace;
  font-size:.76rem;font-weight:600;color:var(--metin-2)}
.modul.cekirdek{background:var(--pas-sis);border-color:var(--pas)}
.modul.cekirdek .m-fi::after{content:' · çekirdek';color:var(--pas);font-weight:400}

/* ── SEÇİM ÖZETİ — net ve büyük ── */
.ozet{padding:24px 26px}
.ozet .ozet-bas{font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.15em;
  text-transform:uppercase;color:var(--metin-3);margin-bottom:16px;font-weight:600}
.ozet .toplam-sat{
  margin-top:14px;padding-top:14px;border-top:1.5px solid var(--metin);
  display:flex;justify-content:space-between;align-items:baseline;gap:14px;
}
.ozet .toplam-sat .et{font-size:.95rem;font-weight:600;color:var(--metin)}
.ozet .toplam-sat .dg{font-family:'JetBrains Mono',monospace;font-size:1.85rem;font-weight:700;
  letter-spacing:-.03em;color:var(--pas);text-align:right}
.ozet .kaynak{font-size:.75rem;color:var(--metin-3);margin-top:10px;line-height:1.45}
.ozet .dugme{margin-top:18px}

/* ── HAVALE / REFERANS ── */
.kopya-sat{
  display:flex;align-items:center;gap:10px;background:var(--kraft);border:1px solid var(--cizgi-koyu);
  border-radius:var(--r-o);padding:11px 12px;margin-top:5px;
}
.kopya-sat code{
  font-family:'JetBrains Mono',monospace;font-size:.95rem;font-weight:600;color:var(--metin);
  flex:1;min-width:0;overflow-x:auto;white-space:nowrap;letter-spacing:.02em;
}
.kopya-sat button{
  flex-shrink:0;background:transparent;border:1px solid var(--cizgi-koyu);border-radius:var(--r-o);
  font-family:'JetBrains Mono',monospace;font-size:.64rem;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--metin-2);padding:7px 11px;cursor:pointer;transition:.16s;
}
.kopya-sat button:hover{border-color:var(--pas);color:var(--pas)}
.kopya-sat button.oldu{border-color:var(--olumlu);color:var(--olumlu)}

/* dosya seçici */
.dosya-sec{
  display:block;border:1.5px dashed var(--cizgi-koyu);border-radius:var(--r-o);
  padding:22px 18px;text-align:center;cursor:pointer;background:var(--kraft);transition:.16s;
}
.dosya-sec:hover{border-color:var(--pas);background:var(--pas-sis)}
.dosya-sec input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.dosya-sec .ds-ana{font-size:.93rem;font-weight:500;color:var(--metin)}
.dosya-sec .ds-alt{font-size:.78rem;color:var(--metin-3);margin-top:5px;
  font-family:'JetBrains Mono',monospace}
.dosya-sec.dolu{border-style:solid;border-color:var(--olumlu);background:rgba(62,123,79,.07)}

/* ── ÇEŞİTLİ ── */
.kesim-y{height:1px;margin:26px 0;
  background-image:linear-gradient(90deg,var(--cizgi-koyu) 0 8px,transparent 8px 16px);
  background-size:16px 1px}
.yukleniyor{padding:60px 20px;text-align:center;color:var(--metin-3);
  font-family:'JetBrains Mono',monospace;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}
.merkez-dar{width:100%;max-width:560px}
.merkez-orta{width:100%;max-width:440px}
.baglanti{color:var(--pas);text-decoration:underline;text-underline-offset:2px;font-weight:500}
.baglanti:hover{color:var(--pas-koyu)}
.mini{font-size:.83rem;color:var(--metin-3)}