/* ==========================================================================
   LUXURY — HESAP SAYFALARI (karo düzeni; kenar çubuğu yok)
   hesabim (karolar + Hesap Bilgileri) · siparislerim (+ ayrıntı) · adreslerim · favorilerim · hediyeceklerim · yorum · sadakat ·
   gamification · destekmerkezi · talepolustur · kolayiade · sipariş takibi sonucu.
   Sayfa kabuğu (h1, sütun, alt bağlantılar) ve form dili css/giris.css'ten gelir (hesap_ortak.php lxHsKabuk → pfAuthStil).
   İçindekiler: 1 kabuk ekleri · 2 karolar · 3 blok kartı · 4 rozet · 5 tablolar · 6 sipariş ayrıntısı / ürün satırı · 7 mesajlar ·
   8 adresler · 9 favoriler · 10 hediye çekleri · 11 puan ve davet · 12 oyunlar · 13 değerlendirmeler · 14 kolay iade + yasal metin ·
   15 boş / hata durumu · 16 isteğe bağlı menü · 17 duyarlı · 18 hareket / yüksek kontrast
   ========================================================================== */

:root { --lxh-satir-hover: #FAFAF8; --lxh-gorsel-zemin: #F5F5F5; --lxh-ph: #6B6A67; }
@media (prefers-color-scheme: dark) { :root:not([data-tema="acik"]):not([data-tema="kontrast"]) { --lxh-satir-hover: #1E1D1B; --lxh-gorsel-zemin: #22201E; } }
:root[data-tema="koyu"] { --lxh-satir-hover: #1E1D1B; --lxh-gorsel-zemin: #22201E; }
:root[data-tema="kontrast"] { --lxh-satir-hover: #F0F0F0; --lxh-gorsel-zemin: #FFFFFF; }

/* ---------------- 1) KABUK EKLERİ ---------------- */
.lx-sy-bas--alt { margin-bottom: 30px; }
.lx-sy-bas-sol { min-width: 0; }
.lx-hs-selam { margin: 8px 0 0; color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-hs-selam b { color: var(--lx-ink); font-weight: 600; }
.lx-hs-giris { margin: 0 0 30px; color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-hs-kart .lx-hs-giris { margin-bottom: 20px; }
.lx-hs .lx-au-ileti { margin-bottom: 30px; }
.lx-hs .lx-hs-kart .lx-au-ileti { margin-bottom: 20px; }
.lx-hs-alt { margin: 0; }
.lx-hs-alt--hub { display: flex; justify-content: center; }
.lx-btn.lx-hs-cikis { min-height: 48px; padding: 12px 30px; }
.lx-hs-not { margin: 0; color: var(--lxa-hint); font-size: 15px; line-height: 22px; }
.lx-hs-meta { margin: 6px 0 0; color: var(--lxa-hint); font-size: 14px; line-height: 20px; }
.lx-hs-alt-baslik { margin: 0 0 10px; color: var(--lx-ink); font-family: var(--lx-font); font-size: 15px; font-weight: 600; line-height: 22px; }
.lx-hs-alt-metin { display: block; color: var(--lxa-hint); font-size: 14px; font-weight: 400; line-height: 20px; }
.lx-hs-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 30px; }
.lx-hs-form-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 16px 24px; margin-top: 20px; }
.lx-hs-radyolar { display: flex; flex-wrap: wrap; gap: 8px 0; padding-top: 8px; }
.lx-hs-sil { margin: 20px 0 0; padding-top: 16px; border-top: 1px solid var(--lx-line); color: var(--lxa-hint); font-size: 14px; line-height: 20px; }
.lx-hs-bilgiler .lx-au-form { margin-top: 0; }
.lx-hs-kaydet { margin-top: 20px; }
.lx-hs-mlink { font-size: 14px; }
.lx-btn--link.lx-hs-mlink { white-space: nowrap; }

/* ---------------- 2) KAROLAR (≥992 3 · 576–991 2 · ≤575 1 sütun; 1 px r12, ikon 41.6 + 54.4 boşluk) ---------------- */
.lx-hs-karolar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; margin: 0 0 30px; padding: 0; list-style: none; }
.lx-hs-karolar > li { min-width: 0; }
.lx-hs-karo { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 100%; min-height: 148px; padding: 15px;
  border: 1px solid var(--lx-line); border-radius: 12px; background: var(--lx-surface); color: var(--lx-ink); font-size: 15px; font-weight: 600; line-height: 21.667px; text-align: center;
  text-decoration: none; transition: border-color .3s; }
.lx-hs-karo-ik { display: block; width: 41.6px; height: 41.6px; margin: 0 0 54.4px; color: var(--lx-ink); transition: color .3s; }
.lx-hs-karo-ik svg { display: block; width: 100%; height: 100%; }
.lx-hs-karo-ik svg * { vector-effect: non-scaling-stroke; }
.lx-hs-karo-ad { display: block; }
.lx-hs-karo-alt { display: block; margin-top: 2px; color: var(--lxa-hint); font-size: 14px; font-weight: 400; line-height: 20px; }
.lx-hs-karo:hover { border-color: var(--lx-gold); color: var(--lx-ink); }
.lx-hs-karo:hover .lx-hs-karo-ik { color: var(--lx-gold); }
.lx-hs-karo-sayi { position: absolute; top: 12px; right: 12px; display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 5px;
  border-radius: 10px; background: var(--lx-gold); color: #22201D; font-size: 12px; font-weight: 600; line-height: 20px; }

/* ---------------- 3) BLOK KARTI (1 px r12 p24; başlık 22/26.4 + çizgi 16/20) ---------------- */
.lx-hs-kart { position: relative; margin: 0 0 30px; padding: 24px; border: 1px solid var(--lx-line); border-radius: 12px; background: var(--lx-surface); color: var(--lx-text); }
.lx-hs-kart-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin: 0 0 20px; padding: 0 0 16px; border-bottom: 1px solid var(--lx-line); }
.lx-hs-kart-baslik { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0; color: var(--lx-ink); font-family: var(--lx-font); font-size: 22px; font-weight: 500; line-height: 26.4px; letter-spacing: 0; }
.lx-hs-kart-bas-not { color: var(--lxa-hint); font-size: 14px; line-height: 20px; }
.lx-hs-kart--tablo { padding: 0; overflow: hidden; }
.lx-hs-kart-bas--ic, .lx-hs-kart--tablo > .lx-hs-kart-bas { margin: 0; padding: 20px 24px 16px; border-bottom: 0; }
.lx-hs-not--ic { padding: 20px 24px 24px; }
.lx-hs-ozet-bas { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px 24px; }
.lx-au-takip-sonuc > .lx-hs-ozet-bas { margin: 0 0 20px; padding: 0 0 16px; border-bottom: 1px solid var(--lx-line); }
.lx-hs-ozet .lx-hs-kart-baslik { font-size: 22px; }

/* ---------------- 4) DURUM ROZETİ (12/20 700, r4; renkler AA için koyulaştırıldı) ---------------- */
.lx-hs-rozet { display: inline-flex; align-items: center; gap: .3em; min-height: 24px; padding: 2px 8px; border-radius: 4px; background: #6B6A67; color: #FFFFFF; font-family: var(--lx-font);
  font-size: 12px; font-weight: 700; line-height: 20px; letter-spacing: .2px; white-space: nowrap; }
.lx-hs-rozet b { font-weight: 700; }
.lx-hs-rozet--altin { background: var(--lx-gold); color: #22201D; }
.lx-hs-rozet--koyu { background: var(--lx-ink); color: var(--lx-bg); }
.lx-hs-rozet--yesil { background: #1E7E46; color: #FFFFFF; }
.lx-hs-rozet--turuncu { background: #A8501C; color: #FFFFFF; }
.lx-hs-rozet--kirmizi { background: #B03A2E; color: #FFFFFF; }
.lx-hs-rozet--gri { background: #6B6A67; color: #FFFFFF; }

/* ---------------- 5) TABLOLAR (başlık #F6F6F6 · satır çizgisi · zebra yok · hover #FAFAF8) ---------------- */
.lx-hs-tablo-kap { overflow-x: auto; }
.lx-hs-tablo { width: 100%; margin: 0; border-collapse: collapse; font-size: 15px; line-height: 22px; }
.lx-hs-tablo thead th { padding: 14px 16px; border-bottom: 1px solid var(--lx-line); background: var(--lxa-field-alt); color: var(--lx-ink); font-size: 14px; font-weight: 600; line-height: 20px; text-align: left; white-space: nowrap; }
.lx-hs-tablo tbody th, .lx-hs-tablo tbody td { padding: 16px; border-top: 1px solid var(--lx-line); color: var(--lx-text); font-weight: 400; text-align: left; vertical-align: middle; }
.lx-hs-tablo tbody tr:first-child > * { border-top: 0; }
.lx-hs-tablo tbody tr:hover > * { background: var(--lxh-satir-hover); }
.lx-hs-tablo tbody th { color: var(--lx-ink); font-weight: 600; }
.lx-hs-tablo .sag { text-align: right; }
.lx-hs-tablo .orta { text-align: center; }
.lx-hs-tablo-eylem { display: inline-flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px 16px; white-space: nowrap; }
.lx-hs-tablo .tutar, .lx-hs-dl .genel dd, .lx-hs-cek-tutar, .lx-hs-ozet-deger { font-variant-numeric: tabular-nums; }
.lx-hs-tablo td.tutar { color: var(--lx-ink); font-weight: 600; white-space: nowrap; }
.lx-hs-tablo .arti, .lx-hs-tablo td.arti { color: var(--lx-ok-text); }
.lx-hs-tablo .eksi, .lx-hs-tablo td.eksi { color: var(--lx-err-text); }
.lx-hs-tablo tfoot th, .lx-hs-tablo tfoot td { padding: 10px 16px; border-top: 1px solid var(--lx-line); color: var(--lx-text); font-weight: 400; }
.lx-hs-tablo tfoot td { color: var(--lx-ink); font-weight: 600; }
.lx-hs-tablo tfoot .indirim td { color: var(--lx-ok-text); }
.lx-hs-tablo tfoot .genel > * { background: var(--lxa-field-alt); color: var(--lx-ink); font-size: 16px; font-weight: 700; line-height: 24px; }
.lx-hs-no { color: var(--lx-ink); font-weight: 600; text-decoration: none; transition: color .3s; }
.lx-hs-no:hover { color: var(--lx-gold); }
.lx-hs-konu { color: var(--lx-ink); }
.lx-hs-sip-kartlar { display: none; margin: 0 0 30px; padding: 0; list-style: none; }
.lx-hs-sip-kart { position: relative; display: flex; flex-direction: column; gap: 6px; margin: 0 0 12px; padding: 16px 44px 16px 16px; border: 1px solid var(--lx-line); border-radius: 12px;
  background: var(--lx-surface); color: var(--lx-text); text-decoration: none; transition: border-color .3s; }
.lx-hs-sip-kart:hover { border-color: var(--lx-gold); }
.lx-hs-sip-kart-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.lx-hs-sip-kart-ust b { color: var(--lx-ink); font-size: 15px; font-weight: 600; }
.lx-hs-sip-kart-alt { display: flex; flex-wrap: wrap; gap: 6px; font-size: 14px; line-height: 20px; }
.lx-hs-sip-kart-alt b { color: var(--lx-ink); font-size: 15px; font-weight: 600; }
.lx-hs-sip-kart-ok { position: absolute; top: 50%; right: 14px; width: 20px; height: 20px; margin-top: -10px; color: var(--lx-ink); }
.lx-hs-sip-kart-ok svg { display: block; width: 100%; height: 100%; }

/* ---------------- 6) SİPARİŞ AYRINTISI · ÜRÜN SATIRI · TANIM LİSTESİ ---------------- */
.lx-hs-gecmis { margin: 0; padding: 0; list-style: none; }
.lx-hs-gecmis li { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; padding: 12px 0; border-top: 1px solid var(--lx-line); font-size: 15px; line-height: 22px; }
.lx-hs-gecmis li:first-child { padding-top: 0; border-top: 0; }
.lx-hs-gecmis-tarih { min-width: 200px; color: var(--lxa-hint); font-size: 14px; line-height: 20px; }
.lx-hs-dl { margin: 0; }
.lx-hs-dl-satir { display: grid; grid-template-columns: minmax(110px, 38%) minmax(0, 1fr); gap: 12px; padding: 6px 0; }
.lx-hs-dl dt { color: var(--lxa-hint); font-size: 14px; font-weight: 400; line-height: 22px; }
.lx-hs-dl dd { margin: 0; color: var(--lx-text); font-size: 15px; line-height: 22px; overflow-wrap: anywhere; }
.lx-hs-dl .indirim dd { color: var(--lx-ok-text); }
.lx-hs-dl .genel { margin-top: 6px; padding-top: 12px; border-top: 1px solid var(--lx-line); }
.lx-hs-dl .genel dt, .lx-hs-dl .genel dd { color: var(--lx-ink); font-size: 16px; font-weight: 700; line-height: 24px; }
.lx-hs-dl-bolum + .lx-hs-dl-bolum { margin-top: 16px; }
.lx-hs-dl-bolum h3 { margin: 0 0 6px; color: var(--lx-ink); font-size: 15px; font-weight: 600; }
.lx-hs-urunler { margin: 0 0 4px; padding: 0; list-style: none; }
.lx-hs-urunler > .lx-hs-urun { padding: 16px 0; border-top: 1px solid var(--lx-line); }
.lx-hs-urunler > .lx-hs-urun:first-child { padding-top: 0; border-top: 0; }
.lx-hs-urunler.tek > .lx-hs-urun { padding: 0; border: 0; }
.lx-hs-urun { display: flex; align-items: flex-start; gap: 16px; min-width: 0; }
.lx-hs-urun-gorsel { display: flex; flex: none; align-items: center; justify-content: center; width: 64px; height: 64px; overflow: hidden; border-radius: 9px; background: var(--lxh-gorsel-zemin); color: var(--lxa-hint); }
.lx-hs-urun-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lx-hs-urun-gorsel svg { width: 24px; height: 24px; }
.lx-hs-urun-bilgi { display: flex; flex: 1 1 auto; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; }
.lx-hs-urun-ad { margin: 0; color: var(--lx-ink); font-family: var(--lx-font); font-size: 15px; font-weight: 500; line-height: 22px; text-decoration: none; overflow-wrap: anywhere; transition: color .3s; }
.lx-hs-urun-ad a { color: inherit; text-decoration: none; }
a.lx-hs-urun-ad:hover, .lx-hs-urun-ad a:hover { color: var(--lx-gold); }
.lx-hs-urun-varyant { color: var(--lxa-hint); font-size: 14px; line-height: 20px; }
.lx-hs-urun-fiyat { color: var(--lx-ink); font-size: 15px; font-weight: 600; line-height: 22px; font-variant-numeric: tabular-nums; }
.lx-hs-urun-durum { margin-top: 4px; }
.lx-hs-urun-eylem { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 6px; }
.lx-hs-urun--baslik { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid var(--lx-line); }
.lx-hs-urun--baslik .lx-hs-urun-ad { font-size: 18px; line-height: 24px; }
.lx-hs-urun-tablo td { vertical-align: top; }
.lx-hs-urun-hucre { min-width: 280px; }
.lx-hs-urun-hucre .lx-hs-urun-fiyat { display: none; }
.lx-hs-eylemler { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }

/* ---------------- 7) MESAJLAR (mağaza #F4F3F1 · sen 1 px çizgili; r12) ---------------- */
.lx-hs-mesajlar { display: flex; flex-direction: column; gap: 16px; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--lx-line); }
.lx-hs-kart > .lx-hs-mesaj:first-of-type { margin-top: 0; }
.lx-hs-mesaj { display: flex; flex-direction: column; align-items: flex-start; max-width: 80%; }
.lx-hs-mesaj.siz { align-self: flex-end; align-items: flex-end; }
.lx-hs-mesaj-balon { padding: 12px 16px; border: 1px solid transparent; border-radius: 12px; background: var(--lx-soft); color: var(--lx-text); font-size: 15px; line-height: 22px; overflow-wrap: anywhere; }
.lx-hs-mesaj.siz .lx-hs-mesaj-balon { border-color: var(--lx-line); background: var(--lx-surface); }
.lx-hs-mesaj-meta { margin-top: 4px; color: var(--lxa-hint); font-size: 12px; line-height: 20px; }
.lx-hs-mesaj-meta b { color: var(--lx-ink); font-weight: 600; }

/* ---------------- 8) ADRESLER (≥992 3 · 576–991 2 · ≤575 1; düz kart, alt şerit eylemler) ---------------- */
.lx-hs-adresler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; margin: 0 0 30px; padding: 0; list-style: none; }
.lx-hs-adresler > li { min-width: 0; }
.lx-hs-adres-kart { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid var(--lx-line); border-radius: 12px; background: var(--lx-surface); }
.lx-hs-adres-govde { flex: 1 1 auto; padding: 20px; }
.lx-hs-adres-baslik { margin: 0 0 8px; color: var(--lx-ink); font-family: var(--lx-font); font-size: 15px; font-weight: 600; line-height: 22px; letter-spacing: 0; overflow-wrap: anywhere; }
.lx-hs-adres-govde address { min-height: 9rem; margin: 0; color: var(--lx-text); font-size: 15px; font-style: normal; line-height: 22px; overflow-wrap: anywhere; }
.lx-hs-adres-vergi { margin: 8px 0 0; color: var(--lxa-hint); font-size: 14px; line-height: 20px; }
.lx-hs-adres-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; padding: 12px 20px; border-top: 1px solid var(--lx-line); }
.lx-hs-adres-eylem { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; margin: 0; padding: 0; border: 0; background: none; color: var(--lx-ink); font: inherit;
  font-size: 15px; line-height: 22px; text-decoration: none; cursor: pointer; transition: color .3s; }
.lx-hs-adres-eylem svg { flex: none; width: 15px; height: 15px; }
.lx-hs-adres-eylem:hover { color: var(--lx-gold); }
.lx-hs-adres-eylem.pasif { color: var(--lxa-hint); cursor: not-allowed; }
.lx-hs-adres-ekle { margin: 0 0 30px; }
.lx-hs-adres-ekle .lx-btn svg { width: 16px; height: 16px; }
.lx-hs-adres-form[hidden] { display: none; }

/* ---------------- 9) FAVORİLER (mağaza kartı ızgarası 4/3/2) ---------------- */
.lx-hs-arac { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; margin: 0 0 30px; }
.lx-hs-arac-say { margin: 0; color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-hs-arac-say span { color: var(--lx-ink); font-weight: 600; }
.lx-hs-fav-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 30px; margin: 0 0 50px; padding: 0; list-style: none; }
.lx-hs-fav-kart { position: relative; display: flex; flex-direction: column; min-width: 0; transition: opacity .25s; }
.lx-hs-fav-kart.siliniyor { opacity: .35; pointer-events: none; }
.lx-hs-fav-kart > .lx-kart { flex: 1 1 auto; }
.lx-hs-fav-kart .lx-kart-hizli { top: 57px; }
.lx-hs-fav-cikar { position: absolute; top: 15px; right: 15px; z-index: 3; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px;
  border-radius: 50%; background: #FFFFFF; color: #22201D; box-shadow: var(--lx-shadow-quick); text-decoration: none; transition: background-color .3s, color .3s; }
.lx-hs-fav-cikar::after { content: ""; position: absolute; inset: -6px; }
.lx-hs-fav-cikar svg { width: 16px; height: 16px; }
.lx-hs-fav-cikar:hover { background: var(--lx-gold); color: #FFFFFF; }
.lx-hs-fav-dustu { order: 2; margin-top: 6px; color: var(--lx-ok-text); font-size: 12px; font-weight: 600; line-height: 20px; text-align: center; }

/* ---------------- 10) HEDİYE ÇEKLERİ ---------------- */
.lx-hs-cek-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; }
.lx-hs-cek-kod { margin: 0; color: var(--lx-ink); font-family: var(--lx-font); font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: 1px; overflow-wrap: anywhere; }
.lx-hs-cek-tutar { margin: 12px 0 4px; color: var(--lx-ink); font-size: 22px; font-weight: 600; line-height: 26.4px; }
.lx-hs-cek-meta { margin: 4px 0 0; color: var(--lxa-hint); font-size: 14px; line-height: 20px; }
.lx-hs-cek-meta.yakin { color: var(--lx-err-text); }
.lx-hs-cek.pasif .lx-hs-cek-kod, .lx-hs-cek.pasif .lx-hs-cek-tutar { color: var(--lxa-hint); }
.lx-hs-cek .lx-hs-adres-govde { min-height: 0; }
.lx-hs-nasil { margin: 0 0 30px; }
.lx-hs-nasil ol { margin: 0; padding-left: 20px; list-style: decimal outside; color: var(--lx-text); font-size: 14px; line-height: 20px; }
.lx-hs-nasil li + li { margin-top: 6px; }
.lx-hs-nasil li::marker { color: var(--lx-ink); font-weight: 600; }

/* ---------------- 11) PUAN VE DAVET ---------------- */
.lx-hs-ozetler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; margin: 0 0 30px; padding: 0; list-style: none; }
.lx-hs-ozetler > .lx-hs-kart { margin: 0; }
.lx-hs-ozet-etiket { margin: 0 0 8px; color: var(--lx-ink); font-family: var(--lx-font); font-size: 15px; font-weight: 600; line-height: 22px; letter-spacing: 0; }
.lx-hs-ozet-deger { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; color: var(--lx-ink); font-size: 32px; font-weight: 600; line-height: 38px; }
.lx-hs-ozet-deger.orta { font-size: 22px; line-height: 30px; }
.lx-hs-ozet-deger.kod { font-size: 22px; line-height: 30px; letter-spacing: 2px; overflow-wrap: anywhere; }
.lx-hs-ozet-not { margin: 8px 0 0; color: var(--lxa-hint); font-size: 14px; line-height: 20px; }
.lx-hs-ozet-not.uyari { color: var(--lx-err-text); }
.lx-hs-ilerleme { position: relative; display: block; height: 6px; margin: 14px 0 0; overflow: hidden; border-radius: 3px; background: var(--lx-soft); }
.lx-hs-ilerleme > span { position: absolute; top: 0; left: 0; bottom: 0; width: 0; border-radius: 3px; background: var(--lx-gold); transition: width .6s ease; }
.lx-hs-link-kutu .lx-au-etiket { display: block; margin: 0 0 8px; padding: 0; text-align: left; }
.lx-hs-link-satir { display: flex; gap: 10px; }
.lx-hs-link-satir .lx-au-girdi { flex: 1 1 auto; min-width: 0; }
.lx-hs-link-satir .lx-btn { flex: none; }
.lx-hs-paylas { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; color: var(--lxa-hint); font-size: 14px; }
.lx-hs-paylas a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: var(--lx-soft); color: var(--lx-ink); transition: background-color .3s, color .3s; }
.lx-hs-paylas a svg, .lx-hs-paylas a .ex-ik { width: 16px; height: 16px; }
.lx-hs-paylas a:hover { background: var(--lx-gold); color: #FFFFFF; }

/* ---------------- 12) OYUNLAR ---------------- */
.lx-hs-oyunlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; margin: 0 0 30px; }
.lx-hs-oyunlar > .lx-hs-kart { margin: 0; }
.lx-hs-oyun { display: flex; flex-direction: column; align-items: flex-start; }
.lx-hs-oyun-ik { display: inline-flex; flex: none; width: 40px; height: 40px; color: var(--lx-gold); }
.lx-hs-oyun-ik svg { width: 100%; height: 100%; }
.lx-hs-oyun-ik svg * { vector-effect: non-scaling-stroke; }
.lx-hs-oyun-baslik { margin: 16px 0 0; color: var(--lx-ink); font-family: var(--lx-font); font-size: 22px; font-weight: 500; line-height: 26.4px; }
.lx-hs-oyun-metin { margin: 8px 0 0; color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-hs-oyun-sahne { display: flex; align-items: center; justify-content: center; align-self: stretch; min-height: 150px; margin: 20px 0 0; padding: 12px; border-radius: 12px; background: var(--lx-soft); }
.lx-hs-oyun-buyuk { display: inline-flex; width: 64px; height: 64px; color: var(--lx-gold); }
.lx-hs-oyun-buyuk svg { width: 100%; height: 100%; }
.lx-hs-oyun-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 20px 0; }
.lx-hs-oyun-hafta { color: var(--lxa-hint); font-size: 14px; line-height: 20px; }
.lx-hs-oyun .bp-game-btn { margin-top: auto; }
.bp-scratch-wrap { position: relative; width: 100%; max-width: 300px; aspect-ratio: 300 / 132; overflow: hidden; border-radius: 9px; }
.bp-scratch-prize { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; border-radius: 9px;
  background: var(--lx-surface); color: var(--lx-ink); font-size: 15px; font-weight: 600; line-height: 22px; text-align: center; }
.bp-scratch-prize svg { width: 28px; height: 28px; color: var(--lx-gold); }
.bp-scratch-canvas { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 9px; touch-action: none; cursor: crosshair; transition: opacity .4s; }
.bp-scratch-canvas.done { opacity: 0 !important; pointer-events: none; }
.bp-box { position: relative; width: 120px; height: 110px; }
.bp-box-body { position: absolute; left: 10px; right: 10px; bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; height: 70px;
  border-radius: 9px; background: #22201D; color: #FFFFFF; font-size: 11px; font-weight: 600; line-height: 14px; text-align: center; }
.bp-box-body svg { width: 22px; height: 22px; color: var(--lx-gold); }
.bp-box-lid { position: absolute; left: 4px; right: 4px; bottom: 66px; height: 22px; border-radius: 9px; background: var(--lx-gold); transform-origin: left bottom; transition: transform .6s cubic-bezier(.3, 1.4, .6, 1); }
.bp-box-prize { position: absolute; left: 50%; bottom: 40px; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-left: -22px;
  border-radius: 50%; background: #FFFFFF; color: var(--lx-gold); box-shadow: var(--lx-shadow-quick); opacity: 0; transform: translateY(0) scale(.6); transition: transform .5s ease, opacity .3s; }
.bp-box-prize svg { width: 24px; height: 24px; }
.bp-box.open .bp-box-lid { transform: rotate(-30deg) translateY(-12px); }
.bp-box.open .bp-box-prize { opacity: 1; transform: translateY(-60px) scale(1); }
.bp-box.shake { animation: lxHsSalla .45s ease-in-out 2; }
@keyframes lxHsSalla { 0%, 100% { transform: rotate(0); } 25% { transform: rotate(-6deg); } 75% { transform: rotate(6deg); } }
.bp-game-result { display: none; margin: 0 0 30px; padding: 12px 16px; border: 1px solid var(--lxa-info-bd); border-radius: 9px; background: var(--lxa-info-bg); color: var(--lxa-info-tx); font-size: 15px; line-height: 22px; }
.bp-game-result strong { display: block; font-weight: 600; }
.bp-game-result span { display: block; margin-top: 2px; }
.lx-hs-seviye-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.lx-hs-seviye-ad { display: flex; flex: 1 1 auto; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.lx-hs-seviye-puan { margin: 0; color: var(--lx-ink); font-size: 32px; font-weight: 600; line-height: 38px; font-variant-numeric: tabular-nums; }
.lx-hs-seviye-puan small { color: var(--lxa-hint); font-size: 14px; font-weight: 400; }
.lx-hs-seviye .lx-hs-ilerleme { margin: 16px 0 10px; }
.lx-hs-seviye .lx-hs-not { font-size: 14px; line-height: 20px; }
.lx-hs-seviye .lx-hs-not strong { color: var(--lx-ink); font-weight: 600; }
.lx-hs-kpi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0 0 20px; }
.lx-hs-kpi > div { padding: 12px 16px; border-radius: 9px; background: var(--lx-soft); }
.lx-hs-kpi dt { color: var(--lxa-hint); font-size: 14px; line-height: 20px; }
.lx-hs-kpi dd { margin: 4px 0 0; color: var(--lx-ink); font-size: 22px; font-weight: 600; line-height: 26.4px; font-variant-numeric: tabular-nums; }
.lx-hs-gunler { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; }
.lx-hs-gun { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 10px 4px; border: 1px solid var(--lx-line); border-radius: 9px; text-align: center; }
.lx-hs-gun strong { color: var(--lx-ink); font-size: 15px; font-weight: 600; line-height: 22px; }
.lx-hs-gun small { color: var(--lxa-hint); font-size: 12px; line-height: 16px; }
.lx-hs-gun.ok { border-color: var(--lx-gold); background: var(--lx-gold); }
.lx-hs-gun.ok strong, .lx-hs-gun.ok small { color: #22201D; }
.lx-hs-gun.today { box-shadow: inset 0 0 0 1px var(--lx-ink); }
.lx-hs-rozetler { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.lx-hs-rozet-kart { display: flex; flex-direction: column; gap: 6px; padding: 16px; border: 1px solid var(--lx-line); border-radius: 12px; }
.lx-hs-rozet-kart.kilitli { opacity: .7; }
.lx-hs-rozet-ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
.lx-hs-rozet-ik { display: inline-flex; width: 32px; height: 32px; color: var(--lx-gold); }
.lx-hs-rozet-kart.kilitli .lx-hs-rozet-ik { color: var(--lxa-hint); }
.lx-hs-rozet-ik svg { width: 100%; height: 100%; }
.lx-hs-rozet-kart b { color: var(--lx-ink); font-size: 15px; font-weight: 600; line-height: 22px; }
.lx-hs-rozet-kart p { margin: 0; color: var(--lx-text); font-size: 14px; line-height: 20px; }
.lx-hs-rozet-kart small { color: var(--lxa-hint); font-size: 12px; line-height: 18px; }
.bp-prize-card { text-align: center; }
.bp-prize-card .lx-au-mbaslik { padding-right: 0; }
.bp-prize-card p { margin: 0; color: var(--lx-text); font-size: 15px; line-height: 22px; }
.bp-prize-icon { display: inline-flex; align-items: center; justify-content: center; width: 72px; height: 72px; margin: 0 auto 16px; border-radius: 50%; background: var(--lxa-ok-bg); color: var(--lx-ok-text); }
.bp-prize-icon.bos { background: var(--lx-soft); color: var(--lxa-hint); }
.bp-prize-icon svg { width: 32px; height: 32px; }
.bp-prize-cta { display: none; justify-content: center; margin-top: 16px; }
.bp-prize-code { display: inline-flex; padding: 12px; border: 1px dashed var(--lx-gold); border-radius: 9px; color: var(--lx-ink); font-size: 18px; font-weight: 700; line-height: 24px; letter-spacing: 2px; }
.bp-confetti { position: fixed; z-index: 4100; width: 8px; height: 12px; border-radius: 2px; pointer-events: none; }
@keyframes bpConfettiFall { to { transform: translateY(105vh) rotate(720deg); } }

/* ---------------- 13) DEĞERLENDİRMELER (sekmeler: 15/24 600, etkin 2 px altın alt çizgi) ---------------- */
.lx-hs-sekmeler { display: flex; flex-wrap: wrap; gap: 0 32px; margin: 0 0 30px; border-bottom: 1px solid var(--lx-line); }
.lx-hs-sekmeler [role="tab"] { position: relative; min-height: 44px; margin: 0 0 -1px; padding: 10px 0; border: 0; background: none; color: var(--lx-text); font-family: var(--lx-font);
  font-size: 15px; font-weight: 600; line-height: 24px; cursor: pointer; transition: color .3s; }
.lx-hs-sekmeler [role="tab"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--lx-gold); transform: scaleX(0); transition: transform .3s; }
.lx-hs-sekmeler [role="tab"][aria-selected="true"] { color: var(--lx-ink); }
.lx-hs-sekmeler [role="tab"][aria-selected="true"]::after { transform: none; }
.lx-hs-sekmeler [role="tab"]:hover { color: var(--lx-ink); }
.lx-hs-sekme-sayi { color: var(--lxa-hint); font-weight: 400; }
.lx-hs-sekme-panel[hidden] { display: none; }
.lx-hs-satirlar { margin: 0; padding: 0; list-style: none; }
.lx-hs-satirlar > .lx-hs-urun { align-items: center; padding: 16px 0; border-top: 1px solid var(--lx-line); }
.lx-hs-satirlar > .lx-hs-urun:first-child { padding-top: 0; border-top: 0; }
.lx-hs-satirlar > .lx-hs-urun:last-child { padding-bottom: 0; }
.lx-hs-satirlar > .lx-hs-yorum-satir { align-items: flex-start; }
.lx-hs-satir-eylem { flex: none; margin-left: auto; }
.lx-hs-yorum-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 2px; }
.lx-hs-yorum-metin { margin: 6px 0 0; color: var(--lx-text); font-size: 15px; line-height: 22px; overflow-wrap: anywhere; }
.lx-hs-yorum-fotolar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.lx-hs-yorum-fotolar a { display: block; width: 56px; height: 56px; overflow: hidden; border-radius: 9px; background: var(--lxh-gorsel-zemin); }
.lx-hs-yorum-fotolar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lx-hs-alan-grup { min-width: 0; margin: 0 0 16px; padding: 0; border: 0; }
.lx-hs-alan-grup > legend { float: left; width: 100%; margin: 0 0 8px; padding: 0; text-align: left; }
.lx-hs-alan-grup > legend small { color: var(--lxa-hint); font-size: 14px; font-weight: 400; }
.lx-hs-alan-grup > legend + * { clear: both; }
.lx-hs-puan { position: relative; display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; gap: 4px; }
.lx-hs-puan-girdi { position: absolute; top: 0; left: 0; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; }
.lx-hs-puan label { display: inline-flex; padding: 4px; cursor: pointer; }
.lx-hs-puan .lx-yildiz { width: 26px; height: 26px; -webkit-mask-size: 26px; mask-size: 26px; }
.lx-hs-puan label:hover .lx-yildiz, .lx-hs-puan label:hover ~ label .lx-yildiz, .lx-hs-puan input:checked ~ label .lx-yildiz { background: var(--lx-sale); }
.lx-hs-puan input:focus-visible + label { outline: 2px solid var(--lx-focus); outline-offset: 1px; border-radius: 4px; }
.lx-hs-puan-metin { margin: 4px 0 0; color: var(--lxa-hint); font-size: 14px; line-height: 20px; }
.lx-hs-foto-kutu { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 24px; border: 1px dashed var(--lx-line); border-radius: 12px; background: var(--lx-soft); text-align: center; transition: border-color .3s; }
.lx-hs-foto-kutu.surukle { border-color: var(--lx-gold); }
.lx-hs-foto-ik { display: inline-flex; width: 32px; height: 32px; color: var(--lx-ink); }
.lx-hs-foto-ik svg { width: 100%; height: 100%; }
.lx-hs-foto-metin { color: var(--lx-text); font-size: 14px; line-height: 20px; }
.lx-hs-foto-yuvalar { display: grid; grid-template-columns: repeat(3, minmax(0, 120px)); gap: 12px; margin-top: 8px; }
.lx-hs-foto-yuva { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 88px; padding: 8px; border: 1px dashed var(--lx-muted);
  border-radius: 9px; background: var(--lx-surface); color: var(--lx-ink); font-size: 12px; line-height: 16px; cursor: pointer; overflow-wrap: anywhere; transition: border-color .3s; }
.lx-hs-foto-yuva svg { width: 18px; height: 18px; }
.lx-hs-foto-yuva:hover, .lx-hs-foto-yuva.secili { border-style: solid; border-color: var(--lx-gold); }
.lx-hs-foto-yuva:focus-within { outline: 2px solid var(--lx-focus); outline-offset: 2px; }

/* ---------------- 14) KOLAY İADE + YASAL METİN ---------------- */
.lx-hs-iade-adim { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 0 30px; padding: 0; list-style: none; counter-reset: none; }
.lx-hs-iade-adim li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 0 8px; text-align: center; }
.lx-hs-iade-adim li:not(:last-child)::before { content: ""; position: absolute; top: 13px; left: 50%; width: 100%; height: 2px; background: var(--lx-line); }
.lx-hs-iade-no { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: var(--lx-ink);
  color: var(--lx-bg); font-size: 14px; font-weight: 500; line-height: 28px; }
.lx-hs-iade-adim b { margin-top: 6px; color: var(--lx-ink); font-size: 15px; font-weight: 500; line-height: 30px; }
.lx-hs-iade-adim small { color: var(--lxa-hint); font-size: 14px; line-height: 20px; }
.lx-hs-iade-eylem { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 0 0 30px; }
.lx-hs-yasal-metin { color: var(--lx-text); font-size: 15px; line-height: 22px; letter-spacing: .3px; overflow-wrap: anywhere; }
.lx-hs-yasal-metin :is(h1, h2, h3, h4, h5, h6) { margin: 24px 0 8px; color: var(--lx-ink); font-family: var(--lx-font); font-size: 18px; font-weight: 500; line-height: 24px; }
.lx-hs-yasal-metin > :first-child { margin-top: 0; }
.lx-hs-yasal-metin p { margin: 0 0 16px; }
.lx-hs-yasal-metin :is(ul, ol) { margin: 0 0 16px; padding-left: 20px; }
.lx-hs-yasal-metin a { color: var(--lx-ink); text-decoration: underline; text-underline-offset: 2px; }
.lx-hs-yasal-metin a:hover { color: var(--lx-gold); }

/* ---------------- 15) BOŞ / HATA DURUMU (96 px illüstrasyon · başlık 22 · açıklama 420 · eylemler) ---------------- */
.lx-hs-bos { display: flex; flex-direction: column; align-items: center; padding: 48px 24px; text-align: center; }
.lx-hs-bos-ill { 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-hs-bos-ill > svg:first-child { width: 40px; height: 40px; }
.lx-hs-bos-ill > svg:first-child * { vector-effect: non-scaling-stroke; }
.lx-hs-bos-isilti { position: absolute; top: 14px; right: 16px; width: 14px; height: 14px; fill: var(--lx-gold); }
.lx-hs-bos-ill.hata { color: var(--lx-err); }
.lx-hs-bos-baslik { margin: 20px 0 0; color: var(--lx-ink); font-family: var(--lx-font); font-size: 22px; font-weight: 500; line-height: 26.4px; letter-spacing: 0; }
.lx-hs-bos p { max-width: 420px; margin: 8px 0 0; color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-hs-bos-eylem { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 24px; }
.lx-hs-bos-eylem [hidden] { display: none; }

/* ---------------- 16) İSTEĞE BAĞLI MENÜ (lx_hesap_yan_menu = 1; ≥1200) ---------------- */
.lx-hs-duzen { display: block; }
.lx-hs-yan { display: none; }
@media (min-width: 1200px) {
  .lx-hs-duzen { display: grid; grid-template-columns: 280px minmax(0, 1fr); align-items: start; gap: 30px; }
  .lx-hs-yan { display: block; padding: 12px; border: 1px solid var(--lx-line); border-radius: 12px; background: var(--lx-surface); }
  .lx-hs-yan ul { margin: 0; padding: 0; list-style: none; }
  .lx-hs-yan a { display: block; padding: 8px 12px; border-radius: 9px; color: var(--lx-ink); font-size: 15px; font-weight: 600; line-height: 22px; text-decoration: none; transition: color .3s; }
  .lx-hs-yan a:hover, .lx-hs-yan a.etkin { color: var(--lx-gold); }
  .lx-hs-ana { min-width: 0; }
}

/* ---------------- 17) DUYARLI ---------------- */
@media (max-width: 1199.98px) {
  .lx-hs-fav-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991.98px) {
  .lx-hs-tablo thead th, .lx-hs-tablo tbody th, .lx-hs-tablo tbody td { padding-right: 12px; padding-left: 12px; }
  .lx-hs-karolar, .lx-hs-adresler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lx-hs-fav-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 16px; }
  .lx-hs-ozetler { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
@media (max-width: 767.98px) {
  .lx-hs-kart { padding: 16px; }
  .lx-hs-kart--tablo { padding: 0; }
  .lx-hs-kart-bas--ic { padding: 16px 16px 12px; }
  .lx-hs-not--ic { padding: 16px; }
  .lx-hs-iki, .lx-hs-oyunlar { grid-template-columns: minmax(0, 1fr); }
  .lx-hs-masaustu { display: none; }
  .lx-hs-sip-kartlar { display: block; }
  .lx-hs-urun-tablo thead { display: none; }
  .lx-hs-urun-tablo tbody tr { display: grid; grid-template-columns: repeat(3, auto); gap: 8px 12px; padding: 16px; border-top: 1px solid var(--lx-line); }
  .lx-hs-urun-tablo tbody tr:first-child { border-top: 0; }
  .lx-hs-urun-tablo tbody td { display: block; padding: 0; border: 0; text-align: left; }
  .lx-hs-urun-tablo tbody td.lx-hs-urun-hucre { grid-column: 1 / -1; min-width: 0; }
  .lx-hs-urun-tablo tbody td[data-etiket]::before { content: attr(data-etiket); display: block; color: var(--lxa-hint); font-size: 12px; font-weight: 400; line-height: 16px; }
  .lx-hs-urun-tablo tfoot th { text-align: left; }
  .lx-hs-gecmis-tarih { min-width: 0; flex: 1 1 100%; }
  .lx-hs-mesaj { max-width: 92%; }
  .lx-hs-iade-adim { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 0; }
  .lx-hs-iade-adim li:nth-child(2)::before { display: none; }
  .lx-hs-kpi { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .lx-hs-gunler { gap: 4px; }
  .lx-hs-gun { padding: 8px 2px; }
  .lx-hs-gun strong { font-size: 13px; }
  .lx-hs-gun small { font-size: 11px; }
  .lx-hs-dl-satir { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .lx-hs-satirlar > .lx-hs-urun { flex-wrap: wrap; }
  .lx-hs-satir-eylem { margin-left: 80px; }
}
@media (max-width: 575.98px) {
  .lx-hs-karolar, .lx-hs-adresler { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .lx-hs-karo { min-height: 132px; }
  .lx-hs-karo-ik { margin-bottom: 40px; }
  .lx-hs-fav-izgara { gap: 24px 12px; }
  .lx-hs-form-alt { flex-direction: column-reverse; align-items: stretch; }
  .lx-hs-form-alt > .lx-btn--link { align-self: center; }
  .lx-hs-form-alt .lx-btn, .lx-hs-iade-eylem .lx-btn, .lx-hs-arac .lx-btn { display: flex; width: 100%; }
  .lx-hs-link-satir { flex-direction: column; }
  .lx-hs-foto-yuvalar { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .lx-hs-bos { padding: 32px 8px; }
  .lx-hs-bos-eylem .lx-btn { flex: 1 1 100%; }
  .lx-hs-eylemler .lx-btn { flex: 1 1 100%; }
}

/* ---------------- 18) HAREKET · YÜKSEK KONTRAST ---------------- */
@media (prefers-reduced-motion: reduce) {
  .lx-hs-karo, .lx-hs-karo-ik, .lx-hs-sip-kart, .lx-hs-ilerleme > span, .lx-hs-sekmeler [role="tab"]::after, .lx-hs-fav-kart, .bp-box-lid, .bp-box-prize, .bp-scratch-canvas { transition: none; }
  .bp-box.shake { animation: none; }
}
:root[data-tema="kontrast"] :is(.lx-hs-kart, .lx-hs-karo, .lx-hs-adres-kart, .lx-hs-sip-kart, .lx-hs-rozet-kart) { border: 2px solid #000000; }
:root[data-tema="kontrast"] .lx-hs-rozet--altin { background: #DBAF36; color: #000000; }
:root[data-tema="kontrast"] .lx-hs-karo-sayi { background: #DBAF36; color: #000000; box-shadow: 0 0 0 1px #000000; }
:root[data-tema="kontrast"] .lx-hs-tablo tbody th, :root[data-tema="kontrast"] .lx-hs-tablo tbody td { border-top-color: #000000; }
@media (prefers-contrast: more) {
  :is(.lx-hs-kart, .lx-hs-karo, .lx-hs-adres-kart, .lx-hs-sip-kart) { border-width: 2px; border-color: var(--lx-ink); }
}
@media (forced-colors: active) {
  .lx-hs-rozet { border: 1px solid CanvasText; }
  .lx-hs-ilerleme > span { background: Highlight; }
}