/* ==========================================================================
   LUXURY — ÖDEME · adım çubuğu, adres / kargo / ödeme panelleri, taksit, sipariş özeti, kartla ödeme adımı (§8.3)
   Ortak bileşenler (özet satırı, kod bloğu, güvence, radyo / onay, bilgi kutusu, taksit tablosu, pencere, mobil çubuk) css/sepet.css'te;
   bu katman ondan SONRA yüklenir. Belirteçler: --lx-* (luxury.css) + .lx-sp-kok kapsamı (sepet.css §0).
   İçindekiler: 0 kapsam · 1 ızgara · 2 adım çubuğu · 3 içerik kutusu + paneller · 4 adres · 5 kargo + teslimat zamanı · 6 ödeme ·
   7 sipariş özeti · 8 kartla ödeme (sağlayıcı kutusu) · 9 duyarlı · 10 koyu / kontrast · 11 hareket
   ========================================================================== */

/* ---------------- 0) KAPSAM ---------------- */
.lx-od {
  --lx-adim-yazi: #767676;          /* #999 yerine AA kontrastlı ton */
  --lx-adim-pasif: #CCCCCC; --lx-adim-pasif-no: #22201D;
  --lx-adim-aktif: #000000; --lx-adim-aktif-no: #FFFFFF;
  --lx-adim-tamam: #28A745; --lx-adim-cizgi: #CCCCCC; --lx-adim-koyu: #000000;
  padding-bottom: 80px;
}

/* ---------------- 1) IZGARA (§7.1 — 8/4, oluk 30) ---------------- */
.lx-od-izgara { display: grid; grid-template-columns: minmax(0, calc((100% + 30px) * 2 / 3 - 30px)) minmax(0, 1fr); column-gap: 30px; align-items: start; }
.lx-od-sol, .lx-od-sag { min-width: 0; }
.lx-od-mozet { display: none; }
.lx-od-bos { max-width: 920px; }

/* ---------------- 2) ADIM ÇUBUĞU (§7.2 — CSS'ten birebir; .lx-adim) ---------------- */
.lx-adim { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; counter-reset: none; }
.lx-adim-oge { position: relative; min-width: 0; padding: 0 5px; text-align: center; }
.lx-adim-oge:not(:last-child)::before { content: ""; position: absolute; top: 15px; left: 50%; width: 100%; height: 2px; background: var(--lx-adim-cizgi); }
.lx-adim-bas { position: relative; display: block; padding: 30px 0 0; color: var(--lx-adim-yazi); font-size: 15px; font-weight: 500; line-height: 30px; letter-spacing: .5px; text-decoration: none; cursor: pointer; transition: color .15s; }
.lx-adim-no { position: absolute; top: 2px; left: 50%; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-left: -14px; border-radius: 50%; background: var(--lx-adim-pasif); color: var(--lx-adim-pasif-no); font-size: 14px; font-weight: 500; line-height: 28px; letter-spacing: 0; }
.lx-adim-no .ex-ik { display: none; width: 16px; height: 16px; stroke-width: 2.2; }
.lx-adim-oge.aktif .lx-adim-bas, .lx-adim-oge.tamam .lx-adim-bas { color: var(--lx-adim-koyu); }
.lx-adim-oge.aktif .lx-adim-no { background: var(--lx-adim-aktif); color: var(--lx-adim-aktif-no); }
.lx-adim-oge.tamam .lx-adim-no { background: var(--lx-adim-tamam); color: #FFFFFF; }
.lx-adim-oge.tamam .lx-adim-no > span { display: none; }
.lx-adim-oge.tamam .lx-adim-no .ex-ik { display: block; }
.lx-adim-oge.bekle .lx-adim-bas { cursor: not-allowed; opacity: .5; }
a.lx-adim-bas:hover .lx-adim-ad { text-decoration: underline; text-underline-offset: 3px; }
.lx-adim-oge.bekle a.lx-adim-bas:hover .lx-adim-ad { text-decoration: none; }
.lx-adim-ad { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lx-adim-alt { display: none; margin-top: 2px; font-size: 13px; line-height: 18px; }
.lx-adim-oge.tamam .lx-adim-alt { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 6px; }
.lx-adim-ozet { max-width: 100%; overflow: hidden; color: var(--lx-hint); text-overflow: ellipsis; white-space: nowrap; }
.lx-adim-duzenle { color: var(--lx-ink); font-size: 14px; font-weight: 600; line-height: 18px; text-decoration: underline; text-underline-offset: 3px; transition: color .15s; }
.lx-adim-duzenle:hover { color: var(--lx-gold); }
.lx-adim-bas:focus-visible { outline-offset: 4px; border-radius: 4px; }

/* ---------------- 3) İÇERİK KUTUSU + PANELLER (§7.2 .content: 1px, r0, p20) ---------------- */
.lx-od-icerik { margin-top: 26px; padding: 20px; border: 1px solid var(--lx-line); background: var(--lx-surface); }
.lx-od-panel-baslik { margin: 0 0 20px; color: var(--lx-ink); font-size: 22px; font-weight: 500; line-height: 26.4px; outline: 0; }
.lx-od-aciklama { margin: 0 0 16px; color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-od-alt-baslik { margin: 0 0 12px; color: var(--lx-ink); font-size: 15px; font-weight: 600; line-height: 22px; }
.lx-od-ortala { margin: 24px 0 0; text-align: center; }
.lx-od-form { margin: 0; }

/* ---------------- 4) ADRES (§7.4 — .address-selector / .address-item) ---------------- */
.lx-od-adresler { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.lx-od-adres { flex: 0 0 49%; margin: 0 0 10px; overflow: hidden; border: 3px solid transparent; border-radius: 12px; background: var(--lx-field-alt); cursor: pointer; transition: background-color .15s, border-color .15s; }
.lx-od-adres.bp-od-addr-on { border-color: var(--lx-gold); background: var(--lx-sp-secili); }
.lx-od-adres-ust { display: flex; align-items: flex-start; gap: 5px; padding: 15px; cursor: pointer; }
.lx-od-adres-ust .lx-sp-radyo { margin-top: 1px; }
.lx-od-adres-govde { display: block; min-width: 0; }
.lx-od-adres-ad { display: inline-block; margin: 0 0 10px; color: var(--lx-ink); font-weight: 600; line-height: 22px; }
.lx-od-adres-metin { display: block; color: var(--lx-text); font-size: 15px; font-weight: 400; line-height: 22px; overflow-wrap: anywhere; }
.lx-od-adres-alt { display: flex; justify-content: center; gap: 0 10px; padding: 10px; border-top: 1px solid var(--lx-line); }
.lx-od-adres-eylem { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; margin: 0; padding: 0 5px; border: 0; background: none; color: var(--lx-hint); font: 400 15px/22px var(--lx-font); cursor: pointer; transition: color .15s; }
.lx-od-adres-eylem .ex-ik { width: 15px; height: 15px; }
.lx-od-adres-eylem:hover { color: var(--lx-gold); }
.lx-od-yeni-kap { margin: 20px 0 0; }
.lx-od-yeni { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; color: var(--lx-ink); font: 500 15px/22px var(--lx-font); cursor: pointer; transition: color .15s; }
.lx-od-yeni .ex-ik { width: 15px; height: 15px; }
.lx-od-yeni:hover { color: var(--lx-gold); }
.lx-od-fatura-blok { margin: 24px 0 0; padding: 16px; border: 1px solid var(--lx-line); border-radius: 12px; }
.lx-od-dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 20px; margin: 0 0 12px; }
.lx-od-dl > div { min-width: 0; }
.lx-od-dl .genis { grid-column: 1 / -1; }
.lx-od-dl dt { color: var(--lx-hint); font-size: 13px; line-height: 18px; }
.lx-od-dl dd { margin: 0; color: var(--lx-ink); font-size: 15px; line-height: 22px; overflow-wrap: anywhere; }
.lx-od-eksik { color: var(--lx-hint); font-style: italic; }

/* adres formu (giris-hesap §11 satırları: etiket sağa yaslı · alan · ipucu) */
.lx-od-adres-form-kap { margin: 0; }
.lx-od-adres-form .lx-od-alt-baslik { margin-bottom: 20px; }
.lx-od-satir { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); gap: 0 30px; align-items: start; margin: 0 0 16px; padding: 0; border: 0; }
.lx-od-etiket { padding-top: 13px; color: #1A1A1A; font-size: 15px; font-weight: 500; line-height: 21.667px; text-align: right; }
.lx-od-etiket abbr { color: var(--lx-err-text); text-decoration: none; }
.lx-od-girdi-kap { min-width: 0; }
.lx-od-satir-ipucu { padding-top: 14px; color: var(--lx-hint); font-size: 14px; line-height: 20px; }
.lx-sp-kok .lx-od-satir .lx-input { height: 48px; padding: 9px 16px; color: var(--lx-text); font: 400 15px/22px var(--lx-font); }
.lx-sp-kok .lx-od-satir textarea.lx-input { height: auto; min-height: 72px; resize: vertical; }
.lx-sp-kok .lx-od-satir .lx-input:focus { color: #232323; }
.lx-sp-kok .lx-od-secim { padding-right: 40px; background: var(--lx-field-alt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322201D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6.5 9.5 5.5 5.5 5.5-5.5'/%3E%3C/svg%3E") right 12px center / 20px no-repeat; appearance: none; -webkit-appearance: none; cursor: pointer; }
.lx-od-satir legend.lx-od-etiket { float: left; width: 100%; }
.lx-od-fatura-tur { display: grid; }
.lx-od-radyolar { display: flex; flex-wrap: wrap; gap: 8px 20px; padding-top: 12px; }
.lx-od-radyo-etiket, .lx-od-onay { display: inline-flex; align-items: center; gap: 8px; color: var(--lx-ink); font-size: 15px; line-height: 21.667px; cursor: pointer; }
.lx-od-satir--onay .lx-od-girdi-kap { padding-top: 2px; }
.lx-od-alan-hata { display: block; margin-top: 6px; color: var(--lx-err-text); font-size: 14px; line-height: 20px; }
.lx-sp-kok .lx-input[aria-invalid="true"] { border-color: var(--lx-err); }
.lx-od-form-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 24px; margin-top: 24px; }

/* ---------------- 5) KARGO (§7.5 — .delivery-option) + TESLİMAT ZAMANI ---------------- */
.lx-od-kargolar { margin: 0; padding: 0; border: 0; }
.lx-od-kargo { margin: 0 0 15px; padding: 15px 16px; border: 3px solid transparent; border-radius: 12px; background: var(--lx-field-alt); cursor: pointer; transition: background-color .15s, border-color .15s; }
.lx-od-kargo.bp-od-pay-on { border-color: var(--lx-gold); background: var(--lx-sp-secili); }
.lx-od-secenek { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; cursor: pointer; }
.lx-od-kargo-bilgi { display: flex; flex: 1 1 260px; flex-wrap: wrap; align-items: baseline; gap: 2px 16px; min-width: 0; }
.lx-od-kargo-ad { color: var(--lx-ink); font-size: 20px; font-weight: 500; line-height: 26px; }
.lx-od-kargo-sure { display: inline-block; color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-od-kargo-ucret { margin-left: auto; color: var(--lx-ink); font-size: 15px; font-weight: 600; line-height: 22px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.lx-od-canli { display: inline-flex; padding: 0 6px; border-radius: 4px; background: var(--lx-ink); color: var(--lx-bg); font-size: 11px; font-weight: 700; line-height: 18px; vertical-align: middle; }
.lx-od-saatler { display: none; margin: 16px 0 0 36px; padding-top: 16px; border-top: 1px solid var(--lx-line); cursor: default; }
.lx-od-kargo.bp-od-pay-on .lx-od-saatler { display: block; }
.lx-od-saatler-bas { margin: 0 0 12px; color: var(--lx-ink); font-size: 14px; font-weight: 600; line-height: 20px; }
.lx-od-gunler { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.lx-od-gun { display: grid; gap: 6px; min-width: 0; }
.lx-od-gun-ad { margin: 0; color: var(--lx-hint); font-size: 13px; font-weight: 600; line-height: 18px; text-align: center; }
.lx-od-saat { position: relative; display: block; cursor: pointer; }
.lx-od-saat input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.lx-od-saat span { display: flex; align-items: center; justify-content: center; min-height: 36px; padding: 4px 6px; border: 1px solid var(--lx-line); border-radius: 9px; background: var(--lx-surface); color: var(--lx-ink); font-size: 13px; font-weight: 500; line-height: 18px; text-align: center; font-variant-numeric: tabular-nums; transition: border-color .15s, background-color .15s, color .15s; }
.lx-od-saat:hover span { border-color: var(--lx-gold); }
.lx-od-saat input:checked + span { border-color: var(--lx-ink); background: var(--lx-ink); color: var(--lx-bg); }
.lx-od-saat input:focus-visible + span { outline: 2px solid var(--lx-focus); outline-offset: 2px; }
.lx-od-saat-temizle { margin-top: 10px; }
.lx-od-not { margin: 24px 0 0; }
.lx-od-not label { display: block; margin: 0 0 8px; color: var(--lx-ink); font-size: 15px; font-weight: 500; line-height: 22px; }
.lx-sp-kok .lx-od-not-alan { display: block; height: auto; min-height: 96px; max-width: 100%; padding: 12px 16px; color: var(--lx-text); font: 400 15px/22px var(--lx-font); resize: vertical; }

/* ---------------- 6) ÖDEME (§7.6 — .payment-options, #conditions-to-approve) ---------------- */
.lx-od-yontemler { margin: 0; padding: 0; border: 0; }
.lx-od-yontem { margin: 0 0 16px; }
.lx-od-yontem .lx-od-secenek { gap: 8px 12px; }
.lx-od-yontem-ad { color: var(--lx-ink); font-size: 15px; font-weight: 500; line-height: 22px; }
.lx-od-yontem .lx-sp-logolar > span { width: 34px; height: 22px; }
.lx-od-yontem .lx-sp-logolar svg { width: 30px; height: 18px; }
.lx-od-rozet { display: inline-flex; padding: 0 8px; border-radius: 4px; background: var(--lx-turuncu-yazi); color: #FFFFFF; font-size: 12px; font-weight: 700; line-height: 20px; }
.lx-od-ek-ucret { color: var(--lx-hint); font-size: 14px; line-height: 20px; }
.lx-od-ek { display: none; margin: 12px 0 0 32px; padding: 16px; border-radius: 12px; background: var(--lx-field-alt); color: var(--lx-text); font-size: 14px; line-height: 20px; }
.lx-od-yontem.bp-od-pay-on .lx-od-ek { display: block; }
.lx-od-ek > p + * { margin-top: 12px; }
.lx-od-ek b { color: var(--lx-ink); font-weight: 600; }
.lx-od-havale-indirim { color: var(--lx-turuncu-yazi); font-weight: 600; }
.lx-od-havale-indirim b { color: inherit; }
.lx-od-taksit-bas { margin: 16px 0 8px; color: var(--lx-ink); font-size: 14px; font-weight: 600; line-height: 20px; }
.lx-od-taksit .lx-taksit-kap { background: var(--lx-surface); }
.lx-od-paraustu { display: grid; gap: 6px; margin-top: 12px; }
.lx-od-paraustu-alan { position: relative; display: block; max-width: 220px; }
.lx-sp-kok .lx-od-paraustu-alan .lx-input { height: 44px; padding: 9px 40px 9px 16px; background: var(--lx-surface); font-size: 15px; }
.lx-od-paraustu-alan span { position: absolute; top: 50%; right: 16px; color: var(--lx-hint); transform: translateY(-50%); }
.lx-od-sozlesme { padding-top: 16px; }
.lx-od-sozlesme .lx-od-onay { align-items: flex-start; color: var(--lx-text); }
.lx-od-sozlesme .lx-sp-kutucuk { margin-top: 1px; }
.lx-od-sozlesme a, .lx-od-mbar-onay a { color: var(--lx-ink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.lx-od-sozlesme a:hover, .lx-od-mbar-onay a:hover { color: var(--lx-gold); }
.lx-od-sozlesme abbr { color: var(--lx-err-text); text-decoration: none; }
.lx-od-gonder { width: 100%; margin: 20px 0 24px; white-space: normal; }
.lx-od-gonder:disabled { opacity: .65; }
.lx-od-guven { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 10px; margin: 0; color: var(--lx-hint); font-size: 13px; line-height: 20px; }
.lx-od-guven .ex-ik { width: 14px; height: 14px; }
.lx-od-guven .lx-sp-logolar { margin-left: 4px; }

/* ---------------- 7) SİPARİŞ ÖZETİ (§7.7 — #cart-summary-product-list, .cart-summary-subtotals-container) ---------------- */
.lx-od-sag { position: sticky; top: 30px; }
.lx-sabit-header .lx-od-sag { top: 102px; }
.lx-od-ozet { margin: 0; }
.lx-od-ozet-bas { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; margin: 0 0 4px; }
.lx-od-ozet-bas h2 { margin: 0; color: var(--lx-ink); font-size: 15px; font-weight: 600; line-height: 22px; }
.lx-od-urunler { margin: 0; padding: 0; font-size: 14px; }
.lx-od-urunler li { display: flex; align-items: flex-start; padding: 10px 0; }
.lx-od-urun-gorsel { display: block; flex: none; width: 60px; height: 60px; margin-right: 15px; overflow: hidden; border: 1px solid var(--lx-field-alt); border-radius: 9px; background: var(--lx-soft-2); }
.lx-od-urun-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lx-od-urun-bilgi { display: grid; flex: 1 1 auto; min-width: 0; gap: 6px; }
.lx-od-urun-ad { color: var(--lx-ink); font-size: 14px; font-weight: 500; line-height: 19.6px; }
.lx-od-urun-ad a { color: inherit; transition: color .3s; }
.lx-od-urun-ad a:hover { color: var(--lx-gold); }
.lx-od-urun-x { margin-left: 5px; color: var(--lx-hint); font-weight: 400; white-space: nowrap; }
.lx-od-urun-vy { color: var(--lx-hint); font-size: 14px; line-height: 20px; }
.lx-od-urun-fiyat { flex: none; margin-left: 10px; color: var(--lx-ink); font-size: 16px; font-weight: 600; line-height: 20px; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.lx-od-toplamlar { margin: 8px 0 0; padding: 16px 0 11px; border-top: 1px solid var(--lx-line); border-bottom: 1px solid var(--lx-line); }
.lx-od-genel { margin: 0; padding: 16px 0 8px; }
.lx-od-genel .lx-ozet-satir--toplam { padding-top: 0; border-top: 0; }
.lx-od-sag .lx-sp-not-satir { margin-top: 4px; }
.lx-od-sag .lx-sp-kodlar { margin: 16px 0 0; }

/* ---------------- 8) KARTLA ÖDEME — SAĞLAYICI KUTUSU (§8.3) ---------------- */
.lx-od-saglayici { position: relative; min-height: 480px; padding: 16px; border: 1px solid var(--lx-line); border-radius: 12px; background: var(--lx-surface); }
.lx-od-saglayici iframe { display: block; width: 100% !important; min-height: 440px; border: 0; }
.lx-od-iskelet { position: absolute; inset: 16px; display: grid; align-content: start; gap: 14px; pointer-events: none; transition: opacity .3s; }
.lx-od-iskelet i, .lx-od-iskelet b { display: block; height: 16px; border-radius: 9px; background: linear-gradient(90deg, var(--lx-soft) 0%, var(--lx-field-alt) 50%, var(--lx-soft) 100%) 0 0 / 200% 100%; animation: lxOdIsilti 1.2s linear infinite; }
.lx-od-iskelet i:nth-child(2) { width: 70%; } .lx-od-iskelet i:nth-child(3) { width: 85%; } .lx-od-iskelet i:nth-child(4) { width: 55%; }
.lx-od-iskelet b { height: 46px; margin-top: 12px; }
.lx-od-saglayici.yuklendi .lx-od-iskelet { opacity: 0; visibility: hidden; }
@keyframes lxOdIsilti { from { background-position: 100% 0; } to { background-position: -100% 0; } }
.lx-od-guven .lx-sp-logolar > span { width: 34px; height: 22px; }
.lx-od-guven .lx-sp-logolar svg { width: 30px; height: 18px; }
.lx-od--kart .lx-od-guven { margin-top: 16px; }
.lx-od-yonlen { display: flex; align-items: center; gap: 12px; padding: 24px; color: var(--lx-text); }
.lx-od-donen { flex: none; width: 22px; height: 22px; border: 2px solid var(--lx-line); border-top-color: var(--lx-ink); border-radius: 50%; animation: lxDon .8s linear infinite; }
.lx-od-panel .el-at-pos-mesaj { margin: 0; }
.lx-od--kart .lx-od-urunler li { padding: 10px 0; }

/* ---------------- 9) DUYARLI ---------------- */
@media (max-width: 1199.98px) {
  .lx-adim-bas { font-size: 13px; }
}
@media (max-width: 991.98px) {
  .lx-od-izgara { grid-template-columns: minmax(0, 1fr); }
  .lx-od-sag { position: static; margin-top: 30px; }
  .lx-od-adres { flex-basis: 100%; }
  /* üstte katlanmış özet çubuğu (§7.9, §12-9) */
  .lx-od-mozet { display: block; margin: 0 0 24px; border: 1px solid var(--lx-line); border-radius: 12px; background: var(--lx-surface); }
  .lx-od-mozet > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px; color: var(--lx-ink); font-size: 15px; font-weight: 600; line-height: 22px; cursor: pointer; list-style: none; }
  .lx-od-mozet > summary::-webkit-details-marker { display: none; }
  .lx-od-mozet > summary::marker { content: ""; }
  .lx-od-mozet b { font-weight: 700; font-variant-numeric: tabular-nums; }
  .lx-od-mozet-ok { width: 16px !important; height: 16px !important; transition: transform .3s; }
  .lx-od-mozet[open] .lx-od-mozet-ok { transform: rotate(180deg); }
  .lx-od-mozet .lx-od-urunler { padding: 0 16px 8px; border-top: 1px solid var(--lx-line); }
}
@media (max-width: 767.98px) {
  .lx-od { padding-bottom: 40px; }
  .lx-adim-oge { padding: 0 2px; }
  .lx-adim-bas { font-size: 12px; line-height: 20px; letter-spacing: .2px; }
  .lx-adim-bas { padding-top: 34px; }
  .lx-adim-oge.tamam .lx-adim-alt { display: none; }
  .lx-od-icerik { margin-top: 20px; padding: 15px; }
  .lx-od-panel-baslik { font-size: 20px; line-height: 26px; }
  .lx-od-satir { grid-template-columns: minmax(0, 1fr); margin-bottom: 14px; }
  .lx-od-etiket { margin: 0 0 8px; padding-top: 0; text-align: left; }
  .lx-od-satir-ipucu { padding-top: 6px; }
  .lx-od-satir-ipucu:empty, .lx-od-satir--onay .lx-od-etiket { display: none; }
  .lx-od-satir legend.lx-od-etiket { float: none; }
  .lx-od-radyolar { padding-top: 0; }
  .lx-sp-kok .lx-od-satir .lx-input, .lx-sp-kok .lx-od-not-alan { font-size: 16px; }
  .lx-od-dl { grid-template-columns: minmax(0, 1fr); }
  .lx-od-kargo { padding: 12px; }
  .lx-od-kargo-ad { font-size: 17px; line-height: 24px; }
  .lx-od-kargo-ucret { margin-left: 36px; }
  .lx-od-saatler { margin-left: 0; }
  .lx-od-gunler { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(96px, 1fr); overflow-x: auto; padding-bottom: 4px; scroll-snap-type: x proximity; }
  .lx-od-gun { scroll-snap-align: start; }
  .lx-od-ek { margin-left: 0; }
  .lx-od-devam { width: 100%; }
  .lx-od-gonder { font-size: 14px; }
  .lx-od-form-alt .lx-btn { width: 100%; }
  .lx-od-saglayici { padding: 8px; }
  .lx-od-iskelet { inset: 8px; }
  .lx-od-mbar .lx-od-mbar-onay { display: flex; margin: 0 0 10px; font-size: 13px; line-height: 18px; }
  .lx-od-mbar .lx-od-mbar-onay[hidden] { display: none; }
  .lx-od-mbar .lx-btn:disabled { opacity: .65; }
}
@media (max-width: 479.98px) {
  .lx-od-ek { padding: 12px; }
  .lx-od-yontem .lx-sp-logolar { flex-basis: 100%; padding-left: 32px; }
}

/* ---------------- 10) KOYU TEMA + YÜKSEK KONTRAST (§9.2) ---------------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]):not([data-tema="kontrast"]) .lx-od {
    --lx-adim-yazi: #A9A59E; --lx-adim-pasif: #4A4744; --lx-adim-pasif-no: #F2EFE9; --lx-adim-aktif: #F2EFE8; --lx-adim-aktif-no: #121110;
    --lx-adim-tamam: #2FB24F; --lx-adim-cizgi: #3A3734; --lx-adim-koyu: #F2EFE9;
  }
  :root:not([data-tema="acik"]):not([data-tema="kontrast"]) .lx-od-etiket { color: var(--lx-ink); }
}
:root[data-tema="koyu"] .lx-od {
  --lx-adim-yazi: #A9A59E; --lx-adim-pasif: #4A4744; --lx-adim-pasif-no: #F2EFE9; --lx-adim-aktif: #F2EFE8; --lx-adim-aktif-no: #121110;
  --lx-adim-tamam: #2FB24F; --lx-adim-cizgi: #3A3734; --lx-adim-koyu: #F2EFE9;
}
:root[data-tema="koyu"] .lx-od-etiket { color: var(--lx-ink); }
:root[data-tema="kontrast"] .lx-od { --lx-adim-yazi: #000000; --lx-adim-cizgi: #000000; --lx-adim-tamam: #145C32; --lx-adim-pasif: #FFFFFF; --lx-adim-pasif-no: #000000; }
:root[data-tema="kontrast"] .lx-adim-no { border: 2px solid #000000; }
:root[data-tema="kontrast"] :is(.lx-od-icerik, .lx-od-adres, .lx-od-kargo, .lx-od-fatura-blok, .lx-od-saglayici, .lx-od-mozet) { border: 2px solid #000000; }
:root[data-tema="kontrast"] :is(.lx-od-adres.bp-od-addr-on, .lx-od-kargo.bp-od-pay-on) { border: 4px solid #000000; }
:root[data-tema="kontrast"] .lx-od-ek { border: 2px solid #000000; }
:root[data-tema="kontrast"] .lx-od-toplamlar { border-top: 2px solid #000000; border-bottom: 2px solid #000000; }
:root[data-tema="kontrast"] .lx-adim-oge.bekle .lx-adim-bas { opacity: .7; }

/* ---------------- 11) HAREKET ---------------- */
@media (prefers-reduced-motion: reduce) {
  .lx-od *, .lx-od *::before, .lx-od *::after { transition-duration: 0s !important; animation: none !important; }
}
@media (max-width: 575.98px) {
  .lx-od-ek { padding: 12px; }
  .lx-od-ek .lx-taksit { font-size: 14px; }
  .lx-od-ek .lx-taksit thead th, .lx-od-ek .lx-taksit tbody th, .lx-od-ek .lx-taksit td { padding: 8px; }
  .lx-od-ek .lx-taksit-etiket { gap: 8px; }
  .lx-od-ek .lx-taksit-ad { white-space: nowrap; }
  .lx-od-ek .lx-taksit td.lx-sayi { font-size: 14px; }
}