/*!
 * boost.turksmm.net — satin alma akisi sayfalari (B4)
 * Kanal analizi, siparis onayi, odeme ekrani, siparis takibi. site.css tasarim sistemini
 * (degiskenler, .kart, .fiyat, .segment, .yapiskan-bar ...) kullanir; burada yalnizca akisa ozel
 * yerlesim ve bilesenler var. Mobil once; 360px ve 1440px'te test edildi.
 */

/* ---------------------------------------------------------------- ortak */
.akis-kap {
  padding-block: 18px 40px;
}
.adim-no {
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(255, 131, 85, 0.4);
  border-radius: 50%;
  background: var(--vurgu-yumusak);
  color: var(--vurgu);
  font-family: var(--font-mono);
  font-size: 0.82rem;
  font-weight: 700;
}
.akis-destek {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 28px 0 0;
  color: var(--metin-soluk);
  font-size: 0.9rem;
  text-align: center;
}
.akis-destek .ikon {
  color: var(--telegram);
}
.akis-durum {
  max-width: 620px;
  margin: 8px auto 0;
  text-align: center;
}
.akis-durum h2 {
  margin: 14px 0 8px;
}
.akis-durum p {
  color: var(--metin-soluk);
}
.akis-durum__ikon {
  display: inline-grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--vurgu-yumusak);
  color: var(--vurgu);
}
.akis-durum__ikon--uyari {
  background: var(--uyari-yumusak);
  color: var(--uyari);
}
.akis-durum__ikon--tehlike {
  background: var(--tehlike-yumusak);
  color: var(--tehlike);
}
.akis-durum__eylemler {
  justify-content: center;
}
.ozet-kazanc {
  color: var(--basari);
  font-weight: 600;
}

/* ---------------------------------------------------------------- analiz: ust bolum */
.analiz-ust {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 18px;
}
.analiz-ust__baslik {
  margin: 0;
  font-size: clamp(1.45rem, 1.1rem + 1.6vw, 2.1rem);
  overflow-wrap: anywhere;
}
.analiz-form {
  width: 100%;
  max-width: 520px;
}
@media (min-width: 960px) {
  .analiz-ust {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
  .analiz-form {
    max-width: 440px;
  }
}

/* ---------------------------------------------------------------- analiz: tarayici (yukleniyor) */
.tarayici {
  display: grid;
  gap: 14px;
}
.tarayici__kart {
  display: grid;
  gap: 18px;
}
@media (min-width: 768px) {
  .tarayici__kart {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
  }
}
.tarayici__ust {
  display: flex;
  align-items: center;
  gap: 14px;
}
.tarayici__baslik {
  display: block;
  font-size: 1.08rem;
  overflow-wrap: anywhere;
}
.tarayici__alt {
  color: var(--metin-soluk);
  font-size: 0.88rem;
}
.tarayici__radar {
  position: relative;
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  overflow: hidden;
  border: 1px solid rgba(255, 131, 85, 0.35);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 131, 85, 0.18) 0 18%, transparent 19% 42%, rgba(255, 131, 85, 0.1) 43% 45%, transparent 46%);
}
.tarayici__radar span {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(from 0deg, rgba(255, 131, 85, 0.55), rgba(255, 131, 85, 0) 30%, transparent);
  animation: don 1.4s linear infinite;
}
.tarayici__adimlar {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.tarayici__adim {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--metin-silik);
  font-size: 0.94rem;
  transition: color var(--sure);
}
.tarayici__nokta {
  position: relative;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border: 2px solid var(--yuzey-3);
  border-radius: 50%;
  transition: border-color var(--sure), background-color var(--sure);
}
.tarayici__adim--aktif {
  color: var(--metin);
}
.tarayici__adim--aktif .tarayici__nokta {
  border-color: var(--vurgu);
  border-top-color: transparent;
  animation: don 0.8s linear infinite;
}
.tarayici__adim--tamam {
  color: var(--metin-soluk);
}
.tarayici__adim--tamam .tarayici__nokta {
  border-color: var(--basari);
  background: var(--basari);
}
.tarayici__adim--tamam .tarayici__nokta::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid #0d2a1b;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.tarayici__kartlar .iskelet--kutu {
  height: 220px;
}

/* ---------------------------------------------------------------- analiz: hata */
.analiz-hata {
  max-width: 640px;
  margin: 8px auto 0;
  text-align: center;
}
.analiz-hata__ikon {
  display: inline-grid;
  place-items: center;
  width: 64px;
  height: 64px;
  margin-bottom: 12px;
  border-radius: 50%;
  background: var(--tehlike-yumusak);
  color: var(--tehlike);
}
.analiz-hata__baslik {
  margin: 0 0 8px;
  font-size: 1.35rem;
}
.analiz-hata__baslik:focus {
  outline: none;
}
.analiz-hata__metin {
  max-width: 52ch;
  margin: 0 auto;
  color: var(--metin-soluk);
}
.analiz-hata__eylemler {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
}
.analiz-hata__eylemler:not(:has(> :not([hidden]))) {
  display: none;
}

/* ---------------------------------------------------------------- analiz: kanal karti */
.kanal-kart {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.kanal-kart__ana {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}
.kanal-kart__bilgi {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.kanal-kart__ust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
}
.kanal-kart__baslik {
  margin: 0;
  font-size: clamp(1.12rem, 1rem + 0.6vw, 1.4rem);
  overflow-wrap: anywhere;
}
.kanal-kart__cip {
  min-height: 26px;
  padding: 2px 10px;
  font-size: 0.78rem;
}
.kanal-kart__link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  align-self: flex-start;
  color: var(--metin-soluk);
  font-size: 0.86rem;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.kanal-kart__link:hover {
  color: var(--vurgu);
}
.kanal-kart__aciklama {
  display: -webkit-box;
  margin: 2px 0 0;
  overflow: hidden;
  color: var(--metin-soluk);
  font-size: 0.9rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.kanal-kart__tur {
  flex-shrink: 0;
}
@media (max-width: 479px) {
  .kanal-kart .avatar--buyuk {
    --avatar-boyut: 56px;
  }
  .kanal-kart__tur {
    display: none;
  }
}

.analiz-istatistik {
  margin-top: 14px;
}
.guncelleme {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 14px;
  margin: 10px 2px 0;
  color: var(--metin-soluk);
  font-size: 0.86rem;
}
.guncelleme__metin {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.guncelleme__metin b {
  color: var(--metin);
  font-weight: 600;
}
.guncelleme__yenile {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.86rem;
}
.analiz-bayat {
  margin-top: 12px;
}

/* ---------------------------------------------------------------- analiz: seviye ilerlemesi */
.seviye-ilerleme {
  margin-top: 16px;
}
.seviye-ilerleme__ust {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 12px;
  margin-bottom: 6px;
}
.seviye-ilerleme__baslik {
  margin: 0;
  font-size: 1.05rem;
}
.seviye-ilerleme__not {
  color: var(--metin-soluk);
  font-family: var(--font-mono);
  font-size: 0.78rem;
}

/* ---------------------------------------------------------------- analiz: bolumler */
.analiz-bolum {
  margin-top: 32px;
}
.analiz-bolum__ust {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
}
.analiz-bolum__ust .adim-no {
  margin-top: 2px;
}
.analiz-bolum__baslik {
  margin: 0 0 2px;
  font-size: clamp(1.2rem, 1.05rem + 0.6vw, 1.45rem);
}
.analiz-bolum__alt {
  margin: 0;
  color: var(--metin-soluk);
  font-size: 0.92rem;
}
.analiz-not {
  margin: 0 0 14px;
  padding: 10px 14px;
  border: 1px solid var(--cizgi-guclu);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  color: var(--metin-soluk);
  font-size: 0.92rem;
}

/* ---------------------------------------------------------------- analiz: paket secimi */
.paket-secim {
  display: grid;
  gap: 14px;
}
.paket-secim__sol {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
.paket-secim__sag {
  min-width: 0;
}
.paket-secim__farklar {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
.paket-secim__farklar li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--metin-soluk);
  font-size: 0.88rem;
}
.paket-secim__farklar li + li {
  margin-top: 6px;
}
.paket-secim__farklar .ikon {
  margin-top: 3px;
  color: var(--vurgu);
}
.paket-secim__farklar b {
  color: var(--metin);
}
.paket-segment {
  max-width: 620px;
}
@media (min-width: 960px) {
  .paket-secim {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    align-items: start;
    gap: 20px;
  }
  .paket-segment,
  .paket-secim .paket-bilgi {
    max-width: none;
  }
  .paket-secim .paket-bilgi {
    margin-top: 0;
  }
  .paket-secim__farklar {
    display: block;
  }
}
.paket-segment .segment__secenek {
  min-height: 60px;
}
.paket-segment .segment__etiket {
  font-size: 1.02rem;
}
.paket-bilgi {
  display: grid;
  gap: 14px;
  max-width: 620px;
  margin-top: 14px;
  padding: 16px;
  border: 1px solid var(--cizgi);
  border-radius: var(--yaricap);
  background: var(--zemin-marka);
}
.paket-bilgi--uc-ay {
  border-color: rgba(255, 131, 85, 0.4);
  background: radial-gradient(120% 90% at 0% 0%, rgba(255, 131, 85, 0.12), transparent 60%), var(--zemin-marka);
  box-shadow: 0 18px 40px -26px rgba(255, 131, 85, 0.6);
}
.paket-bilgi__fiyat {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}
.paket-bilgi__kampanya {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  font-size: 0.85rem;
}
@media (min-width: 480px) {
  .paket-bilgi__kampanya {
    align-items: flex-end;
  }
}
.paket-bilgi__not {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  color: var(--metin-soluk);
  font-size: 0.9rem;
}
.paket-bilgi__not .ikon {
  margin-top: 3px;
  color: var(--vurgu);
}

.uc-ay-oneri {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  padding: 12px 14px;
  border: 1px dashed rgba(255, 131, 85, 0.55);
  border-radius: 14px;
  background: var(--vurgu-yumusak);
  color: var(--metin);
  text-decoration: none;
}
.uc-ay-oneri__ikon {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--kampanya-gradyan);
  color: var(--vurgu-metin);
}
.uc-ay-oneri__govde {
  display: flex;
  flex: 1 1 220px;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  font-size: 0.88rem;
  color: var(--metin-soluk);
}
.uc-ay-oneri__govde strong {
  color: var(--vurgu);
  font-size: 0.98rem;
}
.uc-ay-oneri__govde b {
  color: var(--metin);
}
.uc-ay-oneri__govde s {
  color: var(--metin-silik);
}
.uc-ay-oneri--link {
  margin-top: 14px;
  transition: border-color var(--sure-hizli), background-color var(--sure-hizli);
}
.uc-ay-oneri--link:hover {
  border-color: var(--vurgu);
  background: rgba(255, 131, 85, 0.18);
  color: var(--metin);
}
.uc-ay-oneri--link > .ikon {
  color: var(--vurgu);
}

/* ---------------------------------------------------------------- analiz: one cikan paket kartlari */
.one-cikan {
  margin-top: 18px;
}
.paket-kart {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-top: 28px;
}
.paket-kart__ust {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.paket-kart__level {
  color: var(--metin-soluk);
  font-family: var(--font-mono);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.paket-kart__level b {
  display: block;
  margin-top: 2px;
  color: var(--metin);
  font-family: var(--font);
  font-size: 2.3rem;
  line-height: 1;
  letter-spacing: -0.03em;
}
.kart--vurgulu .paket-kart__level b {
  background: var(--kampanya-gradyan);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.paket-kart__ozet {
  margin: 4px 0 0;
  color: var(--metin-soluk);
  font-size: 0.92rem;
}
.paket-kart__maddeler {
  gap: 7px;
}
.paket-kart__maddeler li {
  font-size: 0.9rem;
}
.paket-kart__bilgi {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--cizgi);
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.14);
}
.paket-kart__bilgi div {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.paket-kart__bilgi dt {
  color: var(--metin-soluk);
  font-family: var(--font-mono);
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.paket-kart__bilgi dd {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.paket-kart__fiyat {
  padding-top: 12px;
  border-top: 1px dashed var(--cizgi-guclu);
}
.paket-kart__min {
  margin: -4px 0 0;
  color: var(--uyari);
  font-size: 0.82rem;
}
.paket-kart__dugme {
  margin-top: auto;
}
.paket-kart__dugme[aria-pressed="true"] {
  background: var(--basari);
  border-color: var(--basari);
  color: #0d2a1b;
  box-shadow: none;
}
.paket-kart__pasif {
  justify-content: center;
  margin: auto 0 0;
  padding: 12px;
  border: 1px dashed var(--cizgi-guclu);
  border-radius: 12px;
}
.paket-kart.kart--pasif .serit-kose {
  display: none;
}
/* Ulasilmis seviyede fiyat yok: bos "—" ve "boost basi —" satirlari gosterilmesin */
.paket-kart.kart--pasif .paket-kart__fiyat {
  display: none;
}
.paket-kart.kart--secili .kart__rozet--notr {
  border-color: var(--vurgu);
}

/* ---------------------------------------------------------------- analiz: manuel seviye */
.manuel-level {
  margin-top: 16px;
}
.manuel-level__ust {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px 16px;
  margin-bottom: 8px;
}
.manuel-level__baslik {
  margin: 0 0 2px;
  font-size: 1.08rem;
}
.manuel-level__alt {
  margin: 0;
  color: var(--metin-soluk);
  font-size: 0.88rem;
}
.manuel-level__gosterge {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1.1;
}
.manuel-level__level {
  background: var(--kampanya-gradyan);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}
.manuel-level__ozet {
  color: var(--metin-soluk);
  font-size: 0.88rem;
}
.manuel-level__olcek {
  position: relative;
  display: block;
  height: 18px;
  margin: 0;
  padding: 0;
}
.manuel-level__isaret {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  white-space: nowrap;
}
.manuel-level__alt-satir {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
}
.fiyat-satir {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
}
.fiyat-satir__liste {
  color: var(--metin-silik);
  text-decoration-color: rgba(255, 107, 107, 0.85);
  text-decoration-thickness: 2px;
  font-variant-numeric: tabular-nums;
}
.fiyat-satir__tutar {
  font-size: 1.6rem;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
.manuel-level__yaz {
  flex: 1 1 240px;
  max-width: 320px;
}
.manuel-level__yaz .girdi {
  min-width: 0;
}
.manuel-level__min {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 12px 0 0;
  color: var(--metin-soluk);
  font-size: 0.86rem;
}
.manuel-level__min .ikon {
  margin-top: 3px;
  color: var(--uyari);
}
.manuel-level .alan-hata {
  margin-top: 8px;
}

/* ---------------------------------------------------------------- analiz: promo + koruma */
.analiz-ekler {
  margin-top: 16px;
}
.promo-kutu__baslik,
.koruma-kart__baslik {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 1.05rem;
}
.promo-kutu__baslik .ikon,
.koruma-kart__baslik .ikon {
  color: var(--vurgu);
}
.promo-kutu__alt {
  margin: 4px 0 12px;
  color: var(--metin-soluk);
  font-size: 0.88rem;
}
.promo-kutu .alan-hata {
  margin-top: 8px;
}
.promo-kutu__sonuc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.promo-cip {
  gap: 8px;
  padding-right: 10px;
}
.promo-cip b {
  letter-spacing: 0.04em;
}
.koruma-kart {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.koruma-kart__ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.koruma-kart__abone {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  padding: 10px 12px;
  border: 1px solid var(--cizgi);
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.16);
  color: var(--metin-soluk);
  font-size: 0.88rem;
  transition: opacity var(--sure);
}
.koruma-kart__abone b {
  color: var(--metin);
  font-variant-numeric: tabular-nums;
}
.koruma-kart__ok {
  display: inline-flex;
  color: var(--vurgu);
}
.koruma-kart__abone--pasif {
  opacity: 0.55;
}
.koruma-kart__not {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  color: var(--metin-soluk);
  font-size: 0.84rem;
}
.koruma-kart__not .ikon {
  margin-top: 3px;
}

.guven-listesi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 18px;
  margin: 22px 0 0;
  padding: 0;
  color: var(--metin-soluk);
  font-size: 0.86rem;
  list-style: none;
}
.guven-listesi li {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.guven-listesi .ikon {
  color: var(--basari);
}

/* yapiskan ozet bari: dar ekranda paket sutunu yerine seviye yaninda kisa sure ("L10 · 3 ay") */
.ozet-bar__paket-kisa {
  display: none;
}
@media (max-width: 479px) {
  .ozet-bar__paket {
    display: none;
  }
  .ozet-bar__paket-kisa:not(:empty) {
    display: inline;
    margin-left: 4px;
    color: var(--vurgu);
    font-size: 0.78em;
    font-weight: 600;
  }
  .ozet-bar__paket-kisa:not(:empty)::before {
    content: "· ";
    color: var(--metin-soluk);
  }
  .ozet-bar .yapiskan-bar__ozet {
    gap: 14px;
  }
}
.ozet-bar .dgm[aria-disabled="true"] {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ---------------------------------------------------------------- siparis onayi (/odeme) */
.odeme-sayfa__ust {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 20px;
}
.odeme-sayfa__baslik {
  margin: 0;
  font-size: clamp(1.45rem, 1.1rem + 1.6vw, 2rem);
}
.odeme-sayfa__ust .adimlar--yatay {
  font-size: 0.86rem;
}
/* Telefonda 3 adim dikey dizilince ozetten once ~150px yer kapliyordu: kucuk yatay ilerleme */
@media (max-width: 639px) {
  .odeme-sayfa__ust .adimlar--yatay {
    flex-direction: row;
    font-size: 0.74rem;
  }
  .odeme-sayfa__ust .adimlar--yatay .adim {
    flex: 1 1 0;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding-bottom: 0;
    text-align: center;
  }
  .odeme-sayfa__ust .adimlar--yatay .adim::before {
    top: 13px;
    bottom: auto;
    left: calc(50% + 18px);
    right: calc(-50% + 18px);
    width: auto;
    height: 2px;
  }
  .odeme-sayfa__ust .adimlar--yatay .adim--tamam::before {
    background: linear-gradient(90deg, var(--basari), rgba(61, 214, 140, 0.35));
  }
  .odeme-sayfa__ust .adimlar--yatay .adim__nokta {
    width: 28px;
    height: 28px;
    font-size: 0.72rem;
  }
  .odeme-sayfa__ust .adimlar--yatay .adim__govde {
    align-items: center;
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .odeme-sayfa__ust {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
  .odeme-sayfa__ust .adimlar {
    flex: 0 1 460px;
  }
}
.odeme-sayfa__uyari {
  margin-bottom: 16px;
}
.odeme-duzen {
  display: grid;
  gap: 18px;
  align-items: start;
}
@media (min-width: 960px) {
  .odeme-duzen {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    gap: 24px;
  }
  .odeme-duzen > .odeme-form {
    order: 1;
  }
  .odeme-duzen > .ozet-kart {
    order: 2;
    position: sticky;
    top: calc(var(--ust-bar-h) + 16px);
  }
}

.ozet-kart__baslik {
  margin: 0 0 14px;
  font-size: 1.12rem;
}
.ozet-kanal {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--cizgi);
}
.ozet-kanal__bilgi {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ozet-kanal__ad {
  overflow: hidden;
  font-size: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ozet-kanal__kullanici {
  color: var(--metin-soluk);
  font-size: 0.84rem;
}
.ozet-kanal__seviye {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  color: var(--metin-soluk);
  font-size: 0.84rem;
}
.ozet-kanal__seviye b {
  color: var(--vurgu);
}
.ozet-satirlar {
  margin: 4px 0 0;
}
.ozet-satirlar > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px dashed var(--cizgi);
}
.ozet-satirlar dt {
  color: var(--metin-soluk);
  font-size: 0.9rem;
}
.ozet-satirlar dd {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 4px 6px;
  margin: 0;
  font-size: 0.94rem;
  font-weight: 600;
  text-align: right;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.ozet-satirlar dd s {
  font-weight: 400;
}
.ozet-satirlar__toplam dd {
  font-size: 1.05rem;
  font-weight: 700;
}
.ozet-dahil {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--basari);
}
.ozet-not {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 12px 0 0;
  color: var(--metin-soluk);
  font-size: 0.85rem;
}
.ozet-not .ikon {
  margin-top: 3px;
}
.ozet-not--uyari {
  color: var(--uyari);
}
.ozet-indirim {
  display: flex;
  gap: 12px;
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(61, 214, 140, 0.32);
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(61, 214, 140, 0.12), rgba(61, 214, 140, 0.04));
}
.ozet-indirim__ikon {
  display: flex;
  color: var(--basari);
  padding-top: 2px;
}
.ozet-indirim__govde {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  font-size: 0.88rem;
  color: var(--metin-soluk);
}
.ozet-indirim__govde strong {
  color: var(--metin);
  font-size: 0.95rem;
}
.ozet-indirim__govde b {
  color: var(--basari);
}
.ozet-indirim__sayac {
  margin-top: 4px;
  font-size: 0.82rem;
}
.ozet-toplam {
  display: flex;
  /* "Toplam" etiketi alttaki USDT satirina degil buyuk tutarin hizasina gelsin */
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--cizgi-guclu);
}
.ozet-toplam__etiket {
  color: var(--metin-soluk);
  font-family: var(--font-mono);
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.ozet-toplam__deger {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1.1;
}
.ozet-toplam__deger b {
  font-size: clamp(1.8rem, 1.5rem + 1vw, 2.2rem);
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.ozet-toplam__liste {
  color: var(--metin-silik);
  text-decoration-color: rgba(255, 107, 107, 0.85);
  text-decoration-thickness: 2px;
  font-variant-numeric: tabular-nums;
}
.ozet-toplam__usdt {
  margin-top: 4px;
  color: var(--metin-soluk);
  font-family: var(--font-mono);
  font-size: 0.8rem;
}
.ozet-kart__not {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin: 10px 0 0;
  color: var(--metin-silik);
  font-size: 0.8rem;
}
.ozet-kart__not .ikon {
  margin-top: 2px;
}
.ozet-garanti {
  margin-top: 14px;
}
.guven-rozetleri {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.guven-rozetleri li {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border: 1px solid var(--cizgi);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.02);
  color: var(--metin-soluk);
  font-size: 0.78rem;
}
.guven-rozetleri .ikon {
  color: var(--basari);
}

.odeme-form__bolum {
  min-width: 0;
  margin: 0 0 22px;
  padding: 0;
  border: 0;
}
.odeme-form__baslik {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  padding: 0;
  font-size: 1.05rem;
  font-weight: 700;
}
.odeme-form__baslik small {
  color: var(--metin-soluk);
  font-size: 0.82rem;
  font-weight: 400;
}
.odeme-yontemi {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--vurgu);
  border-radius: 14px;
  background: var(--vurgu-yumusak);
  box-shadow: 0 0 0 1px rgba(255, 131, 85, 0.25);
}
.odeme-yontemi__ikon {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #26a17b;
  color: #fff;
  font-size: 1.35rem;
  font-weight: 700;
}
.odeme-yontemi__govde {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding-right: 26px;
  color: var(--metin-soluk);
  font-size: 0.88rem;
}
.odeme-yontemi__govde strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--metin);
  font-size: 1rem;
}
.odeme-yontemi__secim {
  position: absolute;
  top: 12px;
  right: 12px;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--vurgu);
  color: var(--vurgu-metin);
}
.odeme-form .alan-hata {
  margin-top: 8px;
}
.odeme-form__hata {
  margin-bottom: 14px;
}
.odeme-form__hata a {
  font-weight: 600;
}
.odeme-form__dugme {
  white-space: normal;
}
.odeme-form__dugme > span {
  text-align: center;
}
.odeme-form__not {
  margin: 12px 0 0;
  color: var(--metin-soluk);
  font-size: 0.84rem;
  text-align: center;
}
.odeme-form .uyari-kutu {
  margin-bottom: 14px;
}

/* ---------------------------------------------------------------- odeme ekrani (/odeme/{no}) */
.odeme-ekran__ust {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}
.odeme-ekran__baslik {
  margin: 0;
  font-size: clamp(1.45rem, 1.1rem + 1.6vw, 2rem);
}
.odeme-ekran__durum {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
/* Mobilde halka sayac asagida kalir: kalan sure ustte de gorunsun */
.odeme-ekran__kisa-sure {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid var(--cizgi-guclu);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.85rem;
}
@media (min-width: 960px) {
  .odeme-ekran__kisa-sure {
    display: none;
  }
}
.odeme-ekran__duzen {
  display: grid;
  gap: 18px;
  align-items: start;
}
@media (min-width: 960px) {
  .odeme-ekran__duzen {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
    gap: 24px;
  }
}
.odeme-ekran__yan {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.odeme-kart {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.ag-kart {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--cizgi);
}
.ag-kart__logo {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #26a17b;
  color: #fff;
  font-size: 1.45rem;
  font-weight: 700;
  box-shadow: 0 8px 20px -10px rgba(38, 161, 123, 0.9);
}
.ag-kart__metin {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ag-kart__metin span {
  color: var(--metin-soluk);
  font-size: 0.86rem;
}
.ag-kart__rozet {
  margin-left: auto;
}
.odeme-kart__tutar .kopya-alan__satir {
  border-color: rgba(255, 131, 85, 0.55);
  background: linear-gradient(180deg, rgba(255, 131, 85, 0.08), rgba(255, 131, 85, 0.02)), var(--zemin);
}
.odeme-kart__yaklasik {
  margin: 8px 0 0;
  color: var(--metin-soluk);
  font-size: 0.86rem;
}
.odeme-uyari,
.ag-uyari {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 12px;
  font-size: 0.9rem;
  line-height: 1.5;
}
.odeme-uyari p,
.ag-uyari p {
  margin: 0;
  color: var(--metin-soluk);
}
.odeme-uyari b,
.ag-uyari b {
  color: var(--metin);
}
.odeme-uyari {
  border: 1px solid rgba(255, 200, 87, 0.35);
  background: var(--uyari-yumusak);
}
.odeme-uyari .ikon {
  margin-top: 2px;
  color: var(--uyari);
}
.ag-uyari {
  flex: 1 1 240px;
  border: 1px solid rgba(255, 107, 107, 0.32);
  background: var(--tehlike-yumusak);
}
.ag-uyari .ikon {
  margin-top: 2px;
  color: var(--tehlike);
}
.odeme-kart__qr {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
.qr-kutu {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 0 auto;
}
@media (min-width: 560px) {
  .qr-kutu {
    margin: 0;
  }
}
.qr-kutu img {
  display: block;
  width: 184px;
  height: 184px;
  padding: 6px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 30px -16px rgba(0, 0, 0, 0.8);
}
.qr-kutu figcaption {
  max-width: 200px;
  color: var(--metin-soluk);
  font-size: 0.78rem;
  text-align: center;
}
.sure-kart {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}
.sure-kart__not,
.sure-kart__alt {
  margin: 0;
  color: var(--metin-soluk);
  font-size: 0.84rem;
}
.durum-satiri {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 8px 14px;
  border: 1px solid rgba(255, 131, 85, 0.3);
  border-radius: 999px;
  background: var(--vurgu-yumusak);
  font-size: 0.9rem;
  font-weight: 600;
}
.durum-satiri__nabiz {
  position: relative;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--vurgu);
  color: var(--vurgu);
  animation: canli 1.6s ease-out infinite;
}
.durum-satiri--sakin {
  border-color: var(--cizgi-guclu);
  background: rgba(255, 255, 255, 0.03);
  color: var(--metin-soluk);
}
.durum-satiri--sakin .durum-satiri__nabiz {
  background: var(--metin-soluk);
  color: var(--metin-soluk);
}
.odeme-siparis .ozet-kanal {
  padding-bottom: 12px;
}
.odeme-siparis__level {
  margin-left: auto;
}
.odeme-siparis__kopya {
  display: inline-flex;
  color: var(--metin-soluk);
  text-decoration: none;
}
.odeme-siparis__kopya:hover {
  color: var(--vurgu);
}

.txid {
  border: 1px solid var(--cizgi);
  border-radius: 14px;
  background: var(--zemin-marka);
}
.txid[open] {
  border-color: var(--cizgi-guclu);
}
.txid__baslik {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  font-weight: 600;
  list-style: none;
  cursor: pointer;
}
.txid__baslik::-webkit-details-marker {
  display: none;
}
.txid__baslik::after {
  content: "";
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-left: auto;
  border-right: 2px solid var(--metin-soluk);
  border-bottom: 2px solid var(--metin-soluk);
  transform: translateY(-2px) rotate(45deg);
  transition: transform var(--sure);
}
.txid[open] .txid__baslik::after {
  transform: translateY(2px) rotate(225deg);
}
.txid__baslik:hover {
  color: var(--vurgu);
}
.txid__icerik {
  padding: 0 16px 16px;
  color: var(--metin-soluk);
  font-size: 0.88rem;
}
.txid__form {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.txid__girdi {
  font-size: 0.85rem;
  letter-spacing: 0;
  text-transform: none;
}
.txid__sonuc:not(:empty) {
  margin-top: 12px;
}
@media (max-width: 419px) {
  .txid__form .girdi-grup {
    flex-direction: column;
  }
}

/* sonuc ekranlari (odeme alindi / sure doldu / kapali) */
.sonuc-ekran {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  max-width: 760px;
  margin: 8px auto 0;
  text-align: center;
}
.sonuc-ekran__isaret {
  display: flex;
  justify-content: center;
  filter: drop-shadow(0 12px 28px rgba(61, 214, 140, 0.35));
}
.sonuc-ekran__baslik {
  margin: 0;
  font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.2rem);
}
.sonuc-ekran__metin {
  max-width: 54ch;
  margin: 0;
  color: var(--metin-soluk);
}
.sonuc-ekran__ikon {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: var(--uyari-yumusak);
  color: var(--uyari);
}
.sonuc-ekran__ikon--tehlike {
  background: var(--tehlike-yumusak);
  color: var(--tehlike);
}
.sonuc-ekran__adimlar {
  width: 100%;
  margin: 6px 0;
  text-align: left;
}
.sonuc-ekran__satirlar {
  width: 100%;
  max-width: 480px;
  text-align: left;
}
.sonuc-ekran .uyari-kutu,
.sonuc-ekran .txid {
  width: 100%;
  text-align: left;
}
.sonuc-ekran__eylemler {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 6px;
}

/* ---------------------------------------------------------------- siparis takibi (/siparis/{no}) */
.siparis-sayfa__ust {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}
.siparis-sayfa__baslik {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: clamp(1.4rem, 1.1rem + 1.4vw, 1.9rem);
}
.siparis-sayfa__baslik .mono {
  letter-spacing: 0.04em;
}
.siparis-sayfa__kopya {
  display: inline-flex;
  color: var(--metin-soluk);
  text-decoration: none;
}
.siparis-sayfa__kopya:hover {
  color: var(--vurgu);
}
.siparis-sayfa__durum {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
@media (min-width: 640px) {
  .siparis-sayfa__durum {
    align-items: flex-end;
  }
}
.siparis-sayfa__canli {
  color: var(--metin-soluk);
  font-size: 0.8rem;
}
.siparis-duzen {
  display: grid;
  gap: 18px;
  align-items: start;
}
@media (min-width: 960px) {
  .siparis-duzen {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 24px;
  }
}
.siparis-zaman__baslik,
.siparis-detay__baslik,
.siparis-destek__baslik {
  margin: 0 0 16px;
  font-size: 1.12rem;
}
.siparis-zaman__mesaj {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 22px;
}
.siparis-zaman__mesaj:empty {
  display: none;
}
.siparis-yan {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.garanti-kutu {
  display: flex;
  gap: 12px;
  margin-top: 16px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 131, 85, 0.4);
  border-radius: 12px;
  background: radial-gradient(120% 120% at 0% 0%, rgba(255, 131, 85, 0.16), transparent 65%), var(--zemin-marka);
}
.garanti-kutu__ikon {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--kampanya-gradyan);
  color: var(--vurgu-metin);
}
.garanti-kutu div {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.garanti-kutu strong {
  color: var(--vurgu);
}
.garanti-kutu span {
  color: var(--metin-soluk);
  font-size: 0.86rem;
}
.siparis-destek p {
  margin: 0 0 14px;
  color: var(--metin-soluk);
  font-size: 0.9rem;
}

/* ---------------------------------------------------------------- hareket azaltma */
@media (prefers-reduced-motion: reduce) {
  .tarayici__radar span,
  .tarayici__adim--aktif .tarayici__nokta,
  .durum-satiri__nabiz {
    animation: none !important;
  }
}