/* ==========================================================================
   LUXURY — SEPET · SONUÇ · ORTAK SEPET/ÖDEME BİLEŞENLERİ
   Yüklenir: sepet/, alisverisi-tamamla/, paytrsonuc/, iyzicosonuc/, onay/ (temaheader.php) + odeme/ (odeme.php, odeme.css'ten önce).
   Belirteçler: kanonik --lx-* (luxury.css §1); burada yalnız bu alana özgü bileşen renkleri .lx-sp-kok kapsamında tanımlanır.
   İçindekiler: 0 kapsam belirteçleri · 1 sıfırlama · 2 ortak bileşenler (başlık, özet satırı, indirim kodu bloğu, güvence, kargo çubuğu,
   radyo/onay, bilgi kutusu, durum rozeti, taksit tablosu, pencere, logolar, bankalar) · 3 sepet · 4 mobil çubuk · 5 öneri şeridi ·
   6 sonuç sayfaları · 7 üyelik aktivasyonu (onay.php) · 8 duyarlı · 9 koyu / yüksek kontrast · 10 hareket
   ========================================================================== */

/* ---------------- 0) KAPSAM BELİRTEÇLERİ ---------------- */
.lx-sp-kok, .ex-onay {
  --lx-field-alt: #F6F6F6;          /* #F6F6F6 yüzeyler: kod kutusu, adres/kargo kartı, tablo başlığı */
  --lx-hint: #636366;               /* ipucu / meta (AA) */
  --lx-turuncu-yazi: #A9520E;       /* #FF9A52 / #DD8752 turuncu metinlerin AA karşılığı (kod adı, "Son N ürün") */
  --lx-sp-secili: var(--lx-surface);
  --lx-so-ok-bg: #DFF0D8; --lx-so-err-bg: #F2DEDE; --lx-so-warn-bg: #FFF3E8;
  --lx-sp-adet-kenar: rgba(0, 0, 0, .25);
}

/* ---------------- 1) SIFIRLAMA (alan içinde) ---------------- */
:where(.lx-sp-kok, .ex-onay) p, :where(.lx-sp-kok, .ex-onay) ul, :where(.lx-sp-kok, .ex-onay) ol, :where(.lx-sp-kok, .ex-onay) dl,
:where(.lx-sp-kok, .ex-onay) dd, :where(.lx-sp-kok, .ex-onay) dt, :where(.lx-sp-kok, .ex-onay) figure, :where(.lx-sp-kok, .ex-onay) fieldset,
:where(.lx-sp-kok, .ex-onay) legend, :where(.lx-sp-kok, .ex-onay) h1, :where(.lx-sp-kok, .ex-onay) h2, :where(.lx-sp-kok, .ex-onay) h3 { margin: 0; padding: 0; }
:where(.lx-sp-kok, .ex-onay) p { color: inherit; font-size: inherit; line-height: inherit; }
:where(.lx-sp-kok, .ex-onay) ul, :where(.lx-sp-kok, .ex-onay) ol { list-style: none; }
:where(.lx-sp-kok, .ex-onay) dt, :where(.lx-sp-kok, .ex-onay) dd { font-weight: inherit; }
:where(.lx-sp-kok) fieldset { min-width: 0; border: 0; }
:where(.lx-sp-kok) label { display: inline; margin: 0; }
:where(.lx-sp-kok) small { font-size: inherit; }
.lx-sp-kok, .lx-sp-kok * { box-sizing: border-box; }
.lx-sp-kok { color: var(--lx-text); font-family: var(--lx-font); font-size: 15px; line-height: 21.667px; }
.lx-sp-kok .ex-ik { display: block; flex: none; width: 1em; height: 1em; }
.lx-sp-kok :where(button) { font-family: var(--lx-font); }
.lx-sp-kok .lx-ok { color: var(--lx-ok-text); font-weight: 600; }
.lx-sp-kok [hidden] { display: none !important; }

/* ---------------- 2) ORTAK BİLEŞENLER ---------------- */
/* sayfa başlığı (giris-hesap §1.2: 44/61.6 500) */
.lx-sp-kok .lx-sp-h1 { margin: 0 0 30px; color: var(--lx-ink); font-size: 44px; font-weight: 500; line-height: 61.6px; letter-spacing: 0; }

/* özet satırı (§2.1) */
.lx-ozet-satir { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 5px; font-size: 15px; line-height: 21.667px; }
.lx-ozet-satir > dt { min-width: 0; color: var(--lx-ink); font-weight: 400; }
.lx-ozet-satir > dd { flex: none; margin: 0; color: var(--lx-text); font-weight: 500; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.lx-ozet-satir--toplam { padding-top: 10px; border-top: 1px solid var(--lx-line); }
.lx-ozet-satir--toplam > dt { font-weight: 500; }
.lx-ozet-satir--toplam > dd { color: var(--lx-ink); font-weight: 700; }
.lx-ozet-satir--indirim > dd { color: var(--lx-ok-text); }
.lx-ozet-satir .lx-kod-link { margin-left: 4px; font-size: 14px; line-height: 20px; }
.lx-sp-kod-ad { color: var(--lx-turuncu-yazi); font-weight: 600; }
.lx-sp-bekle { opacity: .45; transition: opacity .15s; }

/* metin bağlantısı (giris-hesap §1.4 metin-link küçük varyantı) */
.lx-kod-link { display: inline; padding: 0; border: 0; background: none; color: var(--lx-ink); font: 600 14px/20px var(--lx-font); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; cursor: pointer; transition: color .15s; }
.lx-kod-link:hover { color: var(--lx-gold); }

/* indirim kodu bloğu (§2.2) */
.lx-kod { margin: 0 0 20px; }
.lx-kod > summary { display: inline-block; padding-left: 20px; color: var(--lx-ink); font-size: 15px; line-height: 22px; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; cursor: pointer; list-style: none; transition: color .15s; }
.lx-kod > summary::-webkit-details-marker { display: none; }
.lx-kod > summary::marker { content: ""; }
.lx-kod > summary:hover { color: var(--lx-gold); }
.lx-kod[open] > summary { margin-bottom: 12px; text-decoration: none; font-weight: 600; }
.lx-kod-kutu { padding: 25.6px; border-radius: 9px; background: var(--lx-field-alt); }
.lx-kod-satir { display: flex; align-items: stretch; gap: 8px; }
.lx-sp-kok .lx-kod-alan { flex: 1 1 auto; min-width: 0; height: 48px; padding: 9px 16px; border: 1px solid var(--lx-line); border-radius: 9px; background: var(--lx-surface); color: var(--lx-text); font: 400 15px/22px var(--lx-font); }
.lx-sp-kok .lx-kod-alan:focus { background: var(--lx-surface); }
.lx-sp-kok .lx-kod-alan[aria-invalid="true"] { border-color: var(--lx-err); }
.lx-kod-dugme { flex: none; min-height: 46px; align-self: center; padding: 10px 22px; }
.lx-kod-uygulandi { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 0 0 16px; color: var(--lx-ok-text); font-size: 15px; line-height: 22px; }
.lx-kod-uygulandi .ex-ik { width: 18px; height: 18px; }
.lx-kod-uygulandi b { color: var(--lx-ink); }
.lx-kod-bakiye { margin: 0 0 12px; color: var(--lx-ink); font-size: 15px; line-height: 22px; }
.lx-kod-not { margin: 10px 0 0; color: var(--lx-hint); font-size: 14px; line-height: 20px; }
.lx-kod-hata { position: relative; margin: 20px 0 0; padding: 10px 16px; border-radius: 9px; background: var(--lx-err-text); color: #FFFFFF; font-size: 14px; line-height: 20px; }
.lx-kod-hata::after { content: ""; position: absolute; bottom: 100%; left: 10%; margin-left: -10px; border: 10px solid transparent; border-bottom-color: var(--lx-err-text); pointer-events: none; }
.lx-kod-oneriler { margin: 20px 0 0; font-size: 15px; line-height: 22px; }
.lx-kod-oneriler p { color: var(--lx-ink); }
.lx-kod-oneriler ul { display: grid; gap: 6px; margin: 8px 0 0; }
.lx-kod-oneriler li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; color: var(--lx-text); }
.lx-kod-oneri { padding: 0; border: 0; background: none; color: var(--lx-turuncu-yazi); font: 600 15px/22px var(--lx-font); letter-spacing: .02em; cursor: pointer; text-decoration: underline dotted; text-underline-offset: 3px; }
.lx-kod-oneri:hover { color: var(--lx-ink); }
.lx-kod-kapat { display: block; margin: 16px 0 0; }

/* güvence listesi (§2.4 — ölçüldü) */
.lx-guvence { margin: 20px 0; }
.lx-guvence li { display: flex; align-items: center; gap: 9px; min-height: 22px; color: var(--lx-text); font-size: 14px; font-weight: 500; line-height: 18px; }
.lx-guvence li + li { margin-top: 12px; }
.lx-guvence .ex-ik { width: 20px; height: 18px; color: var(--lx-ink); }

/* ücretsiz kargo çubuğu (§4.6) */
.lx-kargo-cubuk { margin: 0 0 16px; }
.lx-kargo-cubuk p { margin: 0 0 8px; color: var(--lx-text); font-size: 14px; line-height: 20px; }
.lx-kargo-cubuk p b { color: var(--lx-ink); font-weight: 600; }
.lx-kargo-cubuk p b.lx-ok { color: var(--lx-ok-text); }
.lx-kargo-iz { height: 4px; overflow: hidden; border-radius: 2px; background: var(--lx-soft); }
.lx-kargo-iz i { display: block; height: 100%; border-radius: 2px; background: var(--lx-gold); transition: width .4s ease; }

/* radyo + onay kutusu (giris-hesap §1.6 — ikisi de yuvarlak; gerçek girdi görünür ve odaklanabilir) */
.lx-sp-kok .lx-sp-radyo, .lx-sp-kok .lx-sp-kutucuk { position: relative; flex: none; width: 20px; height: 20px; margin: 0; padding: 0; border: 0; background: transparent; appearance: none; -webkit-appearance: none; cursor: pointer; }
.lx-sp-kok .lx-sp-radyo::before, .lx-sp-kok .lx-sp-kutucuk::before { content: ""; position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border: 1px solid var(--lx-muted); border-radius: 50%; background: var(--lx-surface); box-sizing: border-box; transition: border-color .15s; }
.lx-sp-kok .lx-sp-radyo::after, .lx-sp-kok .lx-sp-kutucuk::after { content: ""; position: absolute; top: 5px; left: 5px; width: 10px; height: 10px; border-radius: 50%; background: var(--lx-gold); transform: scale(0); transition: transform .15s; }
.lx-sp-kok .lx-sp-kutucuk::after { top: 4px; left: 4px; width: 12px; height: 12px; }
.lx-sp-kok .lx-sp-radyo:checked::after, .lx-sp-kok .lx-sp-kutucuk:checked::after { transform: scale(1); }
.lx-sp-kok .lx-sp-radyo:checked::before, .lx-sp-kok .lx-sp-kutucuk:checked::before { border-color: var(--lx-gold); }
.lx-sp-kok .lx-sp-radyo:hover::before, .lx-sp-kok .lx-sp-kutucuk:hover::before { border-color: #7A7A7A; }
.lx-sp-kok .lx-sp-radyo:focus-visible, .lx-sp-kok .lx-sp-kutucuk:focus-visible { outline: 2px solid var(--lx-focus) !important; outline-offset: 1px; border-radius: 50%; }

/* bilgi / hata / başarı kutusu (giris-hesap §1.1 — Luxury 15/22, r9) */
.lx-sp-bilgi-kutu { display: block; margin: 0 0 20px; padding: 12px 20px; border: 1px solid; border-radius: 9px; font-size: 15px; line-height: 22px; }
.lx-sp-bilgi-kutu.bilgi { border-color: #BCDFF1; background: #D9EDF7; color: #24576E; }
.lx-sp-bilgi-kutu.hata { border-color: #EBCCCC; background: #F2DEDE; color: #8E2B22; }
.lx-sp-bilgi-kutu.basari { border-color: #D0E9C6; background: #DFF0D8; color: #2B5A2C; }
.lx-sp-bilgi-kutu.uyari { border-color: #FF9A52; background: rgba(255, 154, 82, .18); color: var(--lx-ink); }
.lx-sp-bilgi-kutu b { font-weight: 600; }
.lx-sp-bilgi-kutu a { color: inherit; font-weight: 600; text-decoration: underline; }

/* durum rozeti (giris-hesap §10.2) */
.lx-durum { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 4px; color: #FFFFFF; font-size: 12px; font-weight: 700; line-height: 20px; white-space: nowrap; }
.lx-durum--altin { background: #8A6A12; } .lx-durum--koyu { background: #22201D; } .lx-durum--yesil { background: #1E7E46; }
.lx-durum--turuncu { background: #A9520E; } .lx-durum--kirmizi { background: #B03A2E; } .lx-durum--gri { background: #636366; }

/* taksit tablosu (§7.6 — giris-hesap §10.1 tablo dili) */
.lx-taksit-kap { overflow: hidden; border: 1px solid var(--lx-line); border-radius: 12px; }
.lx-taksit { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 22px; }
.lx-taksit thead th { padding: 12px 16px; border-bottom: 1px solid var(--lx-line); background: var(--lx-field-alt); color: var(--lx-ink); font-size: 14px; font-weight: 600; line-height: 20px; text-align: left; }
.lx-taksit tbody th, .lx-taksit td { padding: 12px 16px; border-top: 1px solid var(--lx-line); color: var(--lx-text); font-weight: 400; text-align: left; vertical-align: middle; }
.lx-taksit tbody tr:first-child > * { border-top: 0; }
.lx-taksit .lx-sayi { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.lx-taksit td.lx-sayi { color: var(--lx-ink); font-weight: 600; }
.lx-taksit-ad { display: block; color: var(--lx-ink); font-weight: 500; }
.lx-taksit-vade { display: block; color: var(--lx-hint); font-size: 13px; line-height: 18px; }
.lx-taksit-etiket { display: flex; align-items: center; gap: 12px; cursor: pointer; }
.lx-taksit tr.secili > * { background: var(--lx-sp-secili); }
.lx-taksit tr.secili > :first-child { box-shadow: inset 3px 0 0 var(--lx-gold); }

/* pencere içi (genel modal kabuğu luxury.css §8) */
.lx-sp-pencere .ex-modal-icerik { padding: 30px; }
.lx-sp-pencere-450 { max-width: 450px; } .lx-sp-pencere-560 { max-width: 560px; } .lx-sp-pencere-800 { max-width: 800px; }
.lx-sp-pencere-baslik { margin: 0 0 12px; padding-right: 32px; color: var(--lx-ink); font-size: 22px; font-weight: 500; line-height: 26.4px; outline: 0; }
.lx-sp-pencere-metin { margin: 0 0 20px; color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-sp-pencere-eylem { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }

/* ödeme logoları (footer telif satırı dili) */
.lx-sp-logolar { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.lx-sp-logolar > span { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 26px; border: 1px solid var(--lx-line); border-radius: 6px; background: #FFFFFF; }
.lx-sp-logolar svg { width: 36px; height: 22px; }

/* banka hesapları (kurumsal banka kartı küçük varyantı) */
.lx-bankalar { display: grid; gap: 12px; }
.lx-banka { display: grid; gap: 2px; padding: 12px 16px; border: 1px solid var(--lx-line); border-radius: 12px; background: var(--lx-surface); }
.lx-banka-ad { color: var(--lx-ink); font-size: 15px; font-weight: 600; line-height: 22px; }
.lx-banka-alici { color: var(--lx-hint); font-size: 14px; line-height: 20px; }
.lx-banka-iban { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; color: var(--lx-ink); font-size: 15px; line-height: 22px; font-variant-numeric: tabular-nums; letter-spacing: .02em; overflow-wrap: anywhere; }

/* ---------------- 3) SEPET (§3, §4) ---------------- */
.lx-sp { padding-bottom: 56px; }
.lx-sp-izgara { display: grid; grid-template-columns: minmax(0, calc((100% + 30px) * 2 / 3 - 30px)) minmax(0, 1fr); column-gap: 30px; align-items: start; }
.lx-sp-sol, .lx-sp-sag { min-width: 0; }
.lx-sp-kutu { margin: 0 0 12px; padding: 16px; border: 1px solid var(--lx-line); border-radius: 12px; background: var(--lx-surface); }

/* boş durum (§3.4) */
.lx-sp-bos { display: flex; flex-direction: column; align-items: center; padding: 24px 8px; text-align: center; }
.lx-sp-bos-ik { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 96px; height: 96px; border-radius: 50%; background: var(--lx-soft); color: var(--lx-ink); }
.lx-sp-bos-ik > .ex-ik:first-child { width: 40px; height: 40px; }
.lx-sp-bos-ik .lx-sp-bos-isilti { position: absolute; top: 20px; right: 22px; width: 14px; height: 14px; color: var(--lx-gold); }
.lx-sp-bos h2 { margin: 20px 0 0; color: var(--lx-ink); font-size: 22px; font-weight: 500; line-height: 26.4px; }
.lx-sp-bos p { max-width: 420px; margin: 8px 0 0; color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-sp-bos p b { color: var(--lx-ink); font-weight: 600; }
.lx-sp-bos-eylem { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 24px; }

/* devam bağlantısı + sepeti boşalt */
.lx-sp-devam { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 20px; margin: 0; }
.lx-sp-geri { display: inline-flex; align-items: center; color: var(--lx-ink); font-size: 15px; font-weight: 500; line-height: 24px; transition: color .3s; }
.lx-sp-geri .ex-ik { width: 24px; height: 24px; }
.lx-sp-geri:hover { color: var(--lx-gold); }
.lx-sp-bosalt { padding: 0; border: 0; background: none; color: var(--lx-hint); font-size: 14px; line-height: 20px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.lx-sp-bosalt:hover { color: var(--lx-err-text); }

/* ürün satırı (§4.1) */
.lx-sp-liste { margin: 0; }
.lx-sp-satir { position: relative; display: grid; grid-template-columns: 120px minmax(0, 1fr) auto; gap: 0 20px; align-items: start; transition: opacity .3s; }
.lx-sp-satir + .lx-sp-satir { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--lx-line); }
.lx-sp-satir.siliniyor { opacity: .4; pointer-events: none; }
.lx-sp-satir-form { display: none; }
.lx-sp-gorsel { display: block; width: 120px; height: 120px; overflow: hidden; border-radius: 12px; background: var(--lx-soft-2); }
.lx-sp-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lx-sp-bilgi { min-width: 0; }
.lx-sp-ad { display: -webkit-box; margin: 0 0 3px; overflow: hidden; color: var(--lx-ink); font-size: 18px; font-weight: 500; line-height: 25.2px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: color .3s; }
.lx-sp-ad:hover { color: var(--lx-gold); }
.lx-sp-nitelik { margin: 0 0 3px; }
.lx-sp-nitelik li { color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-sp-nitelik li span { color: var(--lx-ink); font-weight: 500; }
.lx-sp-hediye { display: flex; align-items: center; gap: 6px; }
.lx-sp-hediye .ex-ik { width: 16px; height: 16px; color: var(--lx-gold); }
.lx-sp-fiyat { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; margin: 0 0 3px; color: var(--lx-ink); font-size: 16px; font-weight: 700; line-height: 22px; font-variant-numeric: tabular-nums; }
.lx-sp-indirimli { display: inline-flex; align-items: center; }
.lx-sp-indirimli del { margin-left: 10px; color: var(--lx-muted); font-size: 14px; font-weight: 400; white-space: nowrap; }
.lx-sp-yuzde { display: inline-flex; margin-left: 10px; padding: 2px 8px; border-radius: 4px; background: var(--lx-sale); color: #FFFFFF; font-size: 12px; font-weight: 700; line-height: 20px; white-space: nowrap; }
.lx-sp-meta { display: flex; flex-wrap: wrap; gap: 2px 12px; margin: 0; color: var(--lx-hint); font-size: 14px; line-height: 20px; }
.lx-sp-meta .lx-sp-az { color: var(--lx-turuncu-yazi); font-weight: 600; }
.lx-sp-meta .lx-sp-var { color: var(--lx-ok-text); font-weight: 500; }
.lx-sp-meta .lx-sp-yok { color: var(--lx-err-text); font-weight: 600; }

.lx-sp-eylem { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 20px; }
.lx-sp-adet-tutar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; }
.lx-sp-tutar { min-width: 92px; color: var(--lx-ink); font-size: 15px; font-weight: 600; line-height: 36px; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* adet kutusu (§2.3 — ≥768 dikey: girdi 48×40 + sağda üstte +, altta −) */
.lx-adet { display: grid; grid-template-columns: 48px 24px; grid-template-rows: 20px 20px; flex: none; }
.lx-sp-kok .lx-adet input { grid-column: 1; grid-row: 1 / 3; width: 48px; height: 40px; margin: 0; padding: 0 4px; border: 1px solid var(--lx-sp-adet-kenar); border-radius: 9px 0 0 9px; background: var(--lx-surface); color: var(--lx-ink); font: 600 15px/38px var(--lx-font); text-align: center; -moz-appearance: textfield; appearance: textfield; }
.lx-adet input:focus { position: relative; z-index: 1; border-color: var(--lx-gold); outline: 0; }
.lx-adet button { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 20px; margin: 0; padding: 0; border: 1px solid var(--lx-sp-adet-kenar); border-left: 0; background: var(--lx-surface); color: var(--lx-ink); cursor: pointer; transition: background-color .15s; }
.lx-adet button .ex-ik { width: 14px; height: 14px; }
.lx-adet button:hover { background: var(--lx-field-alt); }
.lx-adet button:disabled { color: var(--lx-muted); cursor: not-allowed; background: var(--lx-surface); }
.lx-adet .lx-adet-artir { grid-column: 2; grid-row: 1; border-radius: 0 9px 0 0; }
.lx-adet .lx-adet-azalt { grid-column: 2; grid-row: 2; border-top: 0; border-radius: 0 0 9px 0; }
.lx-adet button:focus-visible { position: relative; z-index: 2; }

.lx-sp-kaldir { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--lx-ink); cursor: pointer; transition: color .3s; }
.lx-sp-kaldir .ex-ik { width: 18px; height: 18px; }
.lx-sp-kaldir:hover { color: var(--lx-gold); }

/* siparişe not + kargo bilgisi (§4.3) */
.lx-sp-ekler { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 30px; align-items: start; margin-top: 30px; }
.lx-sp-ek { padding: 0; border: 1px solid var(--lx-line); border-radius: 12px; background: var(--lx-surface); }
.lx-sp-ek > summary { display: flex; align-items: center; gap: 10px; padding: 16px; color: var(--lx-ink); font-size: 15px; font-weight: 600; line-height: 22px; cursor: pointer; list-style: none; }
.lx-sp-ek > summary::-webkit-details-marker { display: none; }
.lx-sp-ek > summary::marker { content: ""; }
.lx-sp-ek > summary > span { flex: 1 1 auto; }
.lx-sp-ek-ok { width: 16px !important; height: 16px !important; transition: transform .3s; }
.lx-sp-ek[open] .lx-sp-ek-ok { transform: rotate(180deg); }
.lx-sp-kaydedildi { color: var(--lx-ok-text); font-size: 13px; font-weight: 500; line-height: 18px; }
.lx-sp-ek-ic { padding: 0 16px 16px; color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-sp-ek-ic p + p { margin-top: 8px; }
.lx-sp-ek-ic b { color: var(--lx-ink); font-weight: 600; }
.lx-sp-kok .lx-sp-not { display: block; height: auto; min-height: 96px; padding: 12px 16px; font: 400 15px/22px var(--lx-font); color: var(--lx-text); resize: vertical; }
.lx-sp-ipucu { margin-top: 8px; color: var(--lx-hint); font-size: 14px; line-height: 20px; }
.lx-sp-kargolar { display: grid; gap: 6px; margin: 0 0 12px; }
.lx-sp-kargolar li { display: flex; justify-content: space-between; gap: 12px; }
.lx-sp-kargolar b { font-variant-numeric: tabular-nums; white-space: nowrap; }

/* sağ sütun: özet kartı (§3.2, §4.2) */
.lx-sp-ozet { margin: 0 0 12px; background: transparent; }
.lx-sp-ozet-blok { margin: 0; padding: 0 0 20px; }
.lx-sp-ozet-toplamlar { padding-bottom: 13px; }
.lx-sp-not-satir { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 12px; color: var(--lx-hint); font-size: 14px; line-height: 20px; }
.lx-sp-not-satir b { color: var(--lx-ink); font-weight: 600; }
.lx-sp-not-satir .ex-ik { width: 14px; height: 14px; margin-top: 3px; }
.lx-sp-not-satir .lx-sp-yildiz { color: var(--lx-gold); }
.lx-sp-not-satir .lx-sp-kart-ik { width: 16px; height: 16px; margin-top: 2px; color: var(--lx-ink); }
.lx-sp-kodlar { margin: 8px 0 4px; }
.lx-sp-onayla-kap { margin: 0; padding: 0 0 20px; text-align: center; }
.lx-sp-onayla { width: 100%; margin: 0 0 24px; padding: 10px 30px; }
.lx-sp-yenile { margin: 0 0 12px; color: var(--lx-hint); font-size: 14px; line-height: 20px; }

/* ---------------- 4) MOBİL SABİT ÇUBUK (§4.7 — ≤767) ---------------- */
.lx-sp-mbar { display: none; }

/* ---------------- 5) ÖNERİ ŞERİDİ (§4.9) ---------------- */
.lx-sp-raf { margin: 24px 0 80px; }
.lx-sp-raf-bas { margin: 0 0 40px; text-align: center; }
.lx-sp-raf-bas h2 { margin: 0; color: var(--lx-ink); font-family: var(--lx-font); font-size: 36px; font-weight: 500; line-height: 40px; }
.lx-sp-raf-bas p { max-width: 560px; margin: 15px auto 0; color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-sp-raf-kap { --ln-n: 4; --ln-n-t: 3; --ln-n-m: 2; --ln-ara: 30px; --ln-ara-m: 16px; }
.lx-sp-raf-iz { padding-bottom: 48px; margin-bottom: -48px; }
.lx-sp-raf-iz:focus-visible { outline: 2px solid var(--lx-focus); outline-offset: 4px; }

/* ---------------- 6) SONUÇ SAYFALARI (§8) ---------------- */
.lx-so { padding-bottom: 80px; }
.lx-so-onay { display: flex; flex-direction: column; align-items: center; margin: 0 0 30px; padding: 40px; border: 1px solid var(--lx-line); border-radius: 12px; background: var(--lx-surface); text-align: center; }
.lx-so-daire { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin: 0 0 16px; border-radius: 50%; background: var(--lx-so-ok-bg); color: var(--lx-ok); }
.lx-so-daire .ex-ik { width: 24px; height: 24px; stroke-width: 2; }
.lx-so--hata .lx-so-daire { background: var(--lx-so-err-bg); color: var(--lx-err); }
.lx-so--uyari .lx-so-daire { background: var(--lx-so-warn-bg); color: var(--lx-warn); }
.lx-so-onay h1 { margin: 0 0 8px; color: var(--lx-ink); font-size: 44px; font-weight: 500; line-height: 61.6px; }
.lx-so-onay p { max-width: 640px; color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-so-onay p + p { margin-top: 4px; }
.lx-so-onay b { color: var(--lx-ink); font-weight: 600; }
.lx-so-izgara { display: grid; grid-template-columns: minmax(0, calc((100% + 30px) * 2 / 3 - 30px)) minmax(0, 1fr); gap: 30px; align-items: start; margin: 0 0 30px; }
.lx-so-izgara.tek { grid-template-columns: minmax(0, 1fr); }
.lx-so-blok { padding: 24px; border: 1px solid var(--lx-line); border-radius: 12px; background: var(--lx-surface); }
.lx-so-blok > h2 { margin: 0 0 30px; color: var(--lx-ink); font-size: 22px; font-weight: 500; line-height: 26.4px; }
.lx-so > .lx-so-blok { margin: 0 0 30px; }
.lx-so-kalemler { margin: 0 0 16px; }
.lx-so-kalem { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto auto; gap: 16px; align-items: center; }
.lx-so-kalem + .lx-so-kalem { margin-top: 16px; }
.lx-so-kalem-gorsel { display: block; width: 64px; height: 64px; overflow: hidden; border-radius: 9px; background: var(--lx-soft-2); }
.lx-so-kalem-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lx-so-kalem-bilgi { display: grid; min-width: 0; }
.lx-so-kalem-ad { color: var(--lx-ink); font-size: 15px; font-weight: 500; line-height: 22px; }
.lx-so-kalem-vy { color: var(--lx-hint); font-size: 14px; line-height: 20px; }
.lx-so-kalem-adet { color: var(--lx-text); font-size: 15px; line-height: 22px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.lx-so-kalem-tutar { min-width: 90px; color: var(--lx-ink); font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.lx-so-toplam { width: 100%; border-collapse: collapse; border-top: 1px solid var(--lx-line); font-size: 15px; line-height: 22px; }
.lx-so-toplam tr { height: 30px; }
.lx-so-toplam th, .lx-so-toplam td { padding: 4px 12px; color: var(--lx-text); font-weight: 400; text-align: left; }
.lx-so-toplam td { color: var(--lx-ink); font-weight: 500; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.lx-so-toplam tr:first-child > * { padding-top: 12px; }
.lx-so-toplam tr.indirim td { color: var(--lx-ok-text); }
.lx-so-toplam tr.total-value > * { padding-top: 8px; padding-bottom: 8px; background: var(--lx-field-alt); color: var(--lx-ink); font-weight: 700; }
.lx-so-toplam tr.total-value th { font-weight: 600; border-radius: 9px 0 0 9px; }
.lx-so-toplam tr.total-value td { border-radius: 0 9px 9px 0; }
.lx-so-bilgiler ul { margin: 0 0 0; padding-left: 20.8px; }
.lx-so-bilgiler li { margin: 0 0 10px; color: var(--lx-text); font-size: 15px; line-height: 22px; list-style: disc; }
.lx-so-bilgiler li::marker { color: var(--lx-gold); }
.lx-so-bilgiler li:last-child { margin-bottom: 0; }
.lx-so-etiket { color: var(--lx-ink); font-weight: 500; }
.lx-so-adres { display: block; margin-top: 2px; }
.lx-so-vurgu { position: relative; border-left: 3px solid var(--lx-gold); }
.lx-so-vurgu > h2 { margin-bottom: 12px; }
.lx-so-vurgu > p { margin: 0 0 20px; color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-so-vurgu > p:last-child { margin-bottom: 0; }
.lx-so-vurgu b { color: var(--lx-ink); font-weight: 600; }
.lx-so-vurgu-ik { position: absolute; top: 24px; right: 24px; width: 20px !important; height: 20px !important; color: var(--lx-gold); }
.lx-so-nedenler ul { display: grid; gap: 8px; }
.lx-so-nedenler li { position: relative; padding-left: 18px; color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-so-nedenler li::before { content: ""; position: absolute; top: 8px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--lx-err); }
.lx-so-destek ul { display: flex; flex-wrap: wrap; gap: 10px; }
.lx-so-hap { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border: 1px solid var(--lx-line); border-radius: 9px; color: var(--lx-ink); font-size: 14px; font-weight: 600; line-height: 20px; transition: border-color .3s, color .3s; }
.lx-so-hap .ex-ik, .lx-so-hap svg { width: 16px; height: 16px; flex: none; }
.lx-so-hap svg:not(.ex-ik) { fill: currentColor; }
.lx-so-hap:hover { border-color: var(--lx-gold); color: var(--lx-ink); }
.lx-so-eylem { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 30px; }
.lx-so-eylem .lx-btn .ex-ik { width: 16px; height: 16px; }
.lx-so-blok + .lx-so-eylem, .lx-so-izgara + .lx-so-eylem { margin-top: 0; }

/* ---------------- 7) ÜYELİK AKTİVASYONU (onay.php — giris-hesap §13: kart 600, 48 px daire) ---------------- */
.ex-onay { padding: 0 0 80px; color: var(--lx-text); font-family: var(--lx-font); font-size: 15px; line-height: 22px; }
.ex-onay-kart { width: 100%; max-width: 600px; margin: 0 auto; overflow: hidden; border: 1px solid var(--lx-line); border-radius: 12px; background: var(--lx-surface); }
.ex-onay-ust { display: flex; flex-direction: column; align-items: center; padding: 40px 24px; text-align: center; }
.ex-onay-logo img { display: block; width: auto; max-width: 134px; height: 30px; object-fit: contain; }
.ex-onay-daire { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-top: 24px; border-radius: 50%; background: var(--lx-so-ok-bg); color: var(--lx-ok); }
.ex-onay-daire .ex-ik { width: 24px; height: 24px; stroke-width: 2; }
.ex-onay.hata .ex-onay-daire { background: var(--lx-so-err-bg); color: var(--lx-err); }
body.lx-govde .ex-onay-ust h1 { margin: 20px 0 0; color: var(--lx-ink); font-size: 22px; font-weight: 500; line-height: 26.4px; }
.ex-onay-ust .activation-message { max-width: 420px; margin: 8px 0 0; color: var(--lx-text); }
.ex-onay-eposta { margin: 8px 0 0; color: var(--lx-ink); font-weight: 600; overflow-wrap: anywhere; }
.ex-onay-ust .ex-dugme { margin-top: 24px; }
.ex-onay-ikincil { margin: 16px 0 0; color: var(--lx-text); font-size: 15px; }
.ex-onay .ex-sp-link { color: var(--lx-ink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.ex-onay .ex-sp-link:hover { color: var(--lx-gold); }
.ex-onay-alt { display: grid; gap: 10px; margin: 0; padding: 20px 24px; border-top: 1px solid var(--lx-line); list-style: none; }
.ex-onay-alt li { display: flex; align-items: center; gap: 10px; color: var(--lx-text); font-size: 14px; font-weight: 500; line-height: 20px; }
.ex-onay-alt .ex-ik { width: 18px; height: 18px; flex: none; color: var(--lx-ink); }

/* ---------------- 8) DUYARLI ---------------- */
@media (max-width: 1199.98px) {
  .lx-sp-kok .lx-sp-h1 { font-size: 40px; line-height: 56px; }
  .lx-so-onay h1 { font-size: 40px; line-height: 56px; }
}
@media (max-width: 991.98px) {
  .lx-sp-izgara { grid-template-columns: minmax(0, 1fr); }
  .lx-sp-sag { margin-top: 30px; }
  .lx-sp-ekler { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .lx-so-izgara { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767.98px) {
  .lx-sp-kok .lx-sp-h1 { font-size: 30px; line-height: 42px; }
  .lx-sp { padding-bottom: 40px; }
  .lx-sp-bos { padding: 16px 0; }
  .lx-sp-satir { grid-template-columns: 88px minmax(0, 1fr); gap: 0 16px; }
  .lx-sp-gorsel { width: 88px; height: 88px; }
  .lx-sp-ad { font-size: 16px; line-height: 22px; }
  .lx-sp-eylem { grid-column: 1 / -1; margin-top: 12px; justify-content: space-between; gap: 10px; }
  .lx-sp-adet-tutar { flex: 1 1 auto; justify-content: space-between; gap: 10px; }
  .lx-sp-tutar { min-width: 0; font-size: 18px; line-height: 24px; }
  /* adet kutusu yatay varyant (§2.3, §12-4): − [girdi] + 120×40 */
  .lx-adet { grid-template-columns: 36px 48px 36px; grid-template-rows: 40px; }
  .lx-sp-kok .lx-adet input { grid-column: 2; grid-row: 1; height: 40px; border-radius: 0; border-left: 0; border-right: 0; }
  .lx-adet button { width: 36px; height: 40px; border: 1px solid var(--lx-sp-adet-kenar); }
  .lx-adet .lx-adet-azalt { grid-column: 1; grid-row: 1; border-top: 1px solid var(--lx-sp-adet-kenar); border-radius: 9px 0 0 9px; }
  .lx-adet .lx-adet-artir { grid-column: 3; grid-row: 1; border-radius: 0 9px 9px 0; }
  .lx-sp-kaldir::after { content: ""; position: absolute; inset: -4px; }
  .lx-sp-raf-bas h2 { font-size: 30px; line-height: 40px; }
  .lx-sp-raf { margin-bottom: 60px; }
  .lx-so-onay { padding: 24px; }
  .lx-so-onay h1 { font-size: 30px; line-height: 42px; }
  .lx-so-blok { padding: 16px; }
  .lx-so-blok > h2 { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--lx-line); }
  .lx-so-vurgu > h2 { padding-right: 28px; }
  .lx-so-kalem { grid-template-columns: 56px minmax(0, 1fr) auto; gap: 4px 12px; }
  .lx-so-kalem-gorsel { width: 56px; height: 56px; grid-row: span 2; }
  .lx-so-kalem-adet { grid-column: 2; grid-row: 2; font-size: 14px; }
  .lx-so-kalem-tutar { grid-column: 3; grid-row: 1 / 3; min-width: 0; }
  .lx-so-eylem .lx-btn { flex: 1 1 100%; }
  .lx-kod > summary { padding-left: 0; }
  .lx-kod-kutu { padding: 16px; }
  .lx-sp-pencere .ex-modal-icerik { padding: 24px 16px 16px; }
  .lx-sp-pencere-eylem .lx-btn { flex: 1 1 auto; }
  .lx-taksit thead th, .lx-taksit tbody th, .lx-taksit td { padding: 10px 12px; }
  .ex-onay { padding-bottom: 60px; }

  /* mobil sabit toplam çubuğu (§4.7) — alt araç çubuğu yok, tek sabit çubuk */
  .lx-sp-mbar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1150; display: block; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--lx-line); background: var(--lx-surface); }
  .lx-sp-mbar-satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .lx-sp-mbar-ac { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; margin: 0; padding: 0; border: 0; background: none; color: var(--lx-ink); text-align: left; cursor: pointer; }
  .lx-sp-mbar-ac small { display: inline-flex; align-items: center; gap: 4px; color: var(--lx-hint); font-size: 12px; line-height: 20px; }
  .lx-sp-mbar-ac small .ex-ik { width: 14px; height: 14px; transition: transform .3s; }
  .lx-sp-mbar-ac[aria-expanded="true"] small .ex-ik { transform: rotate(180deg); }
  .lx-sp-mbar-ac strong { color: var(--lx-ink); font-size: 18px; font-weight: 700; line-height: 24px; font-variant-numeric: tabular-nums; }
  .lx-sp-mbar .lx-btn { flex: none; min-height: 44px; padding: 9px 22px; }
  .lx-sp-mbar-ayrinti { margin: 0 0 12px; padding: 0 0 12px; border-bottom: 1px solid var(--lx-line); }
  html.lx-sp-mbar-var body.lx-govde { padding-bottom: var(--lx-mbar-h, 76px); }
  /* yüzen düğmeler (yukarı-çık, AI robot) sabit çubuğun üstünde */
  html.lx-sp-mbar-var :is(.lx-yukari, #lnYukari, .lx-asistan-fab, .pf-asistan-fab, .ex-asistan-dugme, #bpAsistanFab) { bottom: calc(var(--lx-mbar-h, 76px) + 16px) !important; }
}
@media (max-width: 575.98px) {
  .lx-sp-kutu { padding: 16px; }
  .lx-sp-satir + .lx-sp-satir { margin-top: 15px; padding-top: 15px; }
  .lx-kod-satir { flex-wrap: wrap; }
  .lx-kod-dugme { flex: 1 1 100%; }
}
@media (max-width: 479.98px) {
  /* taksit tablosu: başlık satırı görsel olarak gizlenir; her satır [taksit adı + vade | aylık · toplam] iki sütuna döner (kırpılma yok) */
  .lx-taksit thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .lx-taksit tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 8px; padding: 10px; border-top: 1px solid var(--lx-line); }
  .lx-taksit-etiket { gap: 8px; }
  .lx-taksit tbody tr:first-child { border-top: 0; }
  .lx-taksit tbody tr > * { padding: 0; border-top: 0; background: transparent; }
  .lx-taksit tbody th { grid-row: 1 / span 2; }
  .lx-taksit td.lx-sayi { grid-column: 2; }
  .lx-taksit td.lx-sayi::before { content: attr(data-etiket) " "; color: var(--lx-hint); font-size: 13px; font-weight: 400; }
  .lx-taksit td.lx-taksit-toplam { color: var(--lx-text); font-size: 13px; font-weight: 500; line-height: 18px; }
  .lx-taksit tr.lx-taksit-tek td.lx-taksit-aylik { display: none; }
  .lx-taksit tr.lx-taksit-tek th { grid-row: auto; }
  .lx-taksit tr.lx-taksit-tek td.lx-taksit-toplam { color: var(--lx-ink); font-size: 15px; font-weight: 600; line-height: 22px; }
  .lx-taksit tr.lx-taksit-tek td.lx-sayi::before { content: none; }
  .lx-taksit tr.secili { background: var(--lx-sp-secili); box-shadow: inset 3px 0 0 var(--lx-gold); }
  .lx-taksit tr.secili > :first-child { box-shadow: none; }
}
@media (max-width: 399.98px) {
  /* dar telefon: kaldır düğmesi satırın sağ üstüne çıkar, adet + satır toplamı tek satırda kalır */
  .lx-sp-bilgi { padding-right: 34px; }
  .lx-sp-kaldir { position: absolute; top: -8px; right: -8px; }
  .lx-sp-satir + .lx-sp-satir .lx-sp-kaldir { top: 7px; }
}

/* ---------------- 9) KOYU TEMA + YÜKSEK KONTRAST (§9.2) ---------------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]):not([data-tema="kontrast"]) :is(.lx-sp-kok, .ex-onay) {
    --lx-field-alt: #22201E; --lx-hint: #A9A59E; --lx-turuncu-yazi: #FF9A52; --lx-sp-secili: #1A1917;
    --lx-so-ok-bg: #16271C; --lx-so-err-bg: #2E1A18; --lx-so-warn-bg: #2E2116; --lx-sp-adet-kenar: #3A3734;
  }
  :root:not([data-tema="acik"]):not([data-tema="kontrast"]) .lx-sp-bilgi-kutu.bilgi { border-color: #23404D; background: #152A33; color: #BFE3F2; }
  :root:not([data-tema="acik"]):not([data-tema="kontrast"]) .lx-sp-bilgi-kutu.hata { border-color: #4A2622; background: #2E1A18; color: #FFB4AB; }
  :root:not([data-tema="acik"]):not([data-tema="kontrast"]) .lx-sp-bilgi-kutu.basari { border-color: #24402C; background: #16271C; color: #A8E0B8; }
  :root:not([data-tema="acik"]):not([data-tema="kontrast"]) .lx-sp-logolar > span { border-color: #3A3734; }
}
:root[data-tema="koyu"] :is(.lx-sp-kok, .ex-onay) {
  --lx-field-alt: #22201E; --lx-hint: #A9A59E; --lx-turuncu-yazi: #FF9A52; --lx-sp-secili: #1A1917;
  --lx-so-ok-bg: #16271C; --lx-so-err-bg: #2E1A18; --lx-so-warn-bg: #2E2116; --lx-sp-adet-kenar: #3A3734;
}
:root[data-tema="koyu"] .lx-sp-bilgi-kutu.bilgi { border-color: #23404D; background: #152A33; color: #BFE3F2; }
:root[data-tema="koyu"] .lx-sp-bilgi-kutu.hata { border-color: #4A2622; background: #2E1A18; color: #FFB4AB; }
:root[data-tema="koyu"] .lx-sp-bilgi-kutu.basari { border-color: #24402C; background: #16271C; color: #A8E0B8; }
:root[data-tema="koyu"] .lx-sp-logolar > span { border-color: #3A3734; }
:root[data-tema="kontrast"] :is(.lx-sp-kok, .ex-onay) { --lx-field-alt: #FFFFFF; --lx-hint: #1A1A1A; --lx-turuncu-yazi: #7A3A08; --lx-sp-adet-kenar: #000000; }
:root[data-tema="kontrast"] :is(.lx-sp-kutu, .lx-sp-ek, .lx-so-onay, .lx-so-blok, .lx-banka, .lx-taksit-kap, .ex-onay-kart, .lx-kod-kutu) { border: 2px solid #000000; }
:root[data-tema="kontrast"] .lx-sp-satir + .lx-sp-satir, :root[data-tema="kontrast"] .lx-ozet-satir--toplam { border-top: 2px solid #000000; }
:root[data-tema="kontrast"] .lx-so-vurgu { border-left-width: 6px; }
:root[data-tema="kontrast"] .lx-sp-yuzde { background: #000000; }
:root[data-tema="kontrast"] .lx-kargo-iz { border: 1px solid #000000; }

/* ---------------- 10) HAREKET ---------------- */
@media (prefers-reduced-motion: reduce) {
  .lx-sp-kok *, .lx-sp-kok *::before, .lx-sp-kok *::after { transition-duration: 0s !important; animation: none !important; }
}
@media (forced-colors: active) {
  .lx-sp-kok .lx-sp-radyo::before, .lx-sp-kok .lx-sp-kutucuk::before { border-color: CanvasText; }
  .lx-sp-kok .lx-sp-radyo::after, .lx-sp-kok .lx-sp-kutucuk::after { background: Highlight; }
  .lx-kargo-iz i { background: Highlight; }
}