/* ==========================================================================
   LUXURY — ÜYELİK EKRANLARI + ORTAK FORM DİLİ
   uyeol · kontrol (ödeme kapısı) · sifremiunuttum · onay · cikis · siparissorgulama · header hızlı giriş penceresi
   (hesap sayfaları da form dilini ve sayfa kabuğunu buradan alır — auth-stil.php pfAuthStil()).
   Belirteçler luxury.css bölüm 1 (--lx-*); bu dosyadaki yerel belirteçler --lxa-* (form etiketi, ipucu, bildirim kutuları).
   İçindekiler: 1 yerel belirteçler · 2 sayfa kabuğu (h1, sütun, alt bağlantı) · 3 kart + metinler · 4 form satırı ·
   5 alanlar · 6 onay kutusu / radyo · 7 düğmeler · 8 giriş / kayıt / şifre ayrıntıları · 9 bildirim kutuları ·
   10 durum kartı (aktivasyon, çıkış, şifre gönderildi) · 11 ödeme kapısı (adım çubuğu + iki kart) · 12 sipariş takibi ·
   13 hızlı giriş penceresi · 14 duyarlı · 15 hareket / yüksek kontrast
   ========================================================================== */

/* ---------------- 1) YEREL BELİRTEÇLER ---------------- */
:root {
  --lxa-label: #1A1A1A; --lxa-hint: #636366; --lxa-eye: #606060; --lxa-ph: #6B6A67; --lxa-hr: rgba(0, 0, 0, .1);
  --lxa-field-alt: #F6F6F6; --lxa-autofill: #F6F6F4; --lxa-adim: #CCCCCC; --lxa-adim-no: #22201D; --lxa-adim-yazi: #767676;
  --lxa-ok-bg: #DFF0D8; --lxa-ok-bd: #D0E9C6; --lxa-ok-tx: #3C763D;
  --lxa-err-bg: #F2DEDE; --lxa-err-bd: #EBCCCC; --lxa-err-tx: #A94442;
  --lxa-info-bg: #D9EDF7; --lxa-info-bd: #BCDFF1; --lxa-info-tx: #31708F;
  --lxa-warn-bg: #FFE1CB; --lxa-warn-bd: #FF9A52; --lxa-warn-tx: #232323;
  --lxa-ok-ik: #4CBB6C; --lxa-err-ik: #FF4C4C;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]):not([data-tema="kontrast"]) {
    --lxa-label: #F2EFE9; --lxa-hint: #A9A59E; --lxa-eye: #C9C6C0; --lxa-ph: #8E8B85; --lxa-hr: rgba(255, 255, 255, .12);
    --lxa-field-alt: #22201E; --lxa-autofill: #22201E; --lxa-adim: #3A3835; --lxa-adim-no: #F2EFE9; --lxa-adim-yazi: #A9A59E;
    --lxa-ok-bg: #16271C; --lxa-ok-bd: #24432F; --lxa-ok-tx: #8FDCA6;
    --lxa-err-bg: #2E1A18; --lxa-err-bd: #5A2A26; --lxa-err-tx: #FF9F97;
    --lxa-info-bg: #13232D; --lxa-info-bd: #22404F; --lxa-info-tx: #8CC8E8;
    --lxa-warn-bg: #2E2213; --lxa-warn-bd: #6B4A1E; --lxa-warn-tx: #F2C48D;
  }
}
:root[data-tema="koyu"] {
  --lxa-label: #F2EFE9; --lxa-hint: #A9A59E; --lxa-eye: #C9C6C0; --lxa-ph: #8E8B85; --lxa-hr: rgba(255, 255, 255, .12);
  --lxa-field-alt: #22201E; --lxa-autofill: #22201E; --lxa-adim: #3A3835; --lxa-adim-no: #F2EFE9; --lxa-adim-yazi: #A9A59E;
  --lxa-ok-bg: #16271C; --lxa-ok-bd: #24432F; --lxa-ok-tx: #8FDCA6;
  --lxa-err-bg: #2E1A18; --lxa-err-bd: #5A2A26; --lxa-err-tx: #FF9F97;
  --lxa-info-bg: #13232D; --lxa-info-bd: #22404F; --lxa-info-tx: #8CC8E8;
  --lxa-warn-bg: #2E2213; --lxa-warn-bd: #6B4A1E; --lxa-warn-tx: #F2C48D;
}
:root[data-tema="kontrast"] {
  --lxa-label: #000000; --lxa-hint: #000000; --lxa-eye: #000000; --lxa-ph: #4A4A4A; --lxa-hr: #000000;
  --lxa-field-alt: #FFFFFF; --lxa-adim: #6B6B6B; --lxa-adim-no: #FFFFFF; --lxa-adim-yazi: #000000;
  --lxa-ok-tx: #145C32; --lxa-err-tx: #8E2B22; --lxa-info-tx: #0B3C57; --lxa-warn-tx: #000000;
}

/* ---------------- 2) SAYFA KABUĞU ---------------- */
.lx-sy { padding: 0 0 80px; color: var(--lx-text); font-family: var(--lx-font); font-size: 15px; font-weight: 400; line-height: 21.667px; }
.lx-sy *, .lx-au-modal * { box-sizing: border-box; }
.lx-sy-ic { width: 100%; max-width: var(--lx-container); margin: 0 auto; padding: 0 15px; }
.lx-sy--800 .lx-sy-dar { max-width: 800px; margin: 0 auto; }
.lx-sy--600 .lx-sy-dar { max-width: 600px; margin: 0 auto; }
.lx-sy-bas { margin: 0 0 50px; }
.lx-sy-bas--sira { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 30px; }
.lx-sy-h1 { margin: 0; color: var(--lx-ink); font-family: var(--lx-font); font-size: 44px; font-weight: 500; line-height: 1.4; letter-spacing: 0; text-transform: none; }
.lx-sy-h1:focus { outline: 0; }
.lx-sy-h1:focus-visible { outline: 2px solid var(--lx-focus); outline-offset: 4px; }
/* alt bağlantı satırı (page-footer): "‹ Giriş sayfasına dön" · "‹ Hesabıma dön" · "⌂ Ana Sayfa" */
.lx-sy-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin: 0; }
.lx-sy-alt-link { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; color: var(--lx-ink); font-size: 15px; font-weight: 600; line-height: 24px; text-decoration: none; transition: color .3s; }
.lx-sy-alt-link svg { flex: none; width: 20px; height: 20px; }
.lx-sy-alt-link:hover { color: var(--lx-gold); }

/* ---------------- 3) KART + METİNLER ---------------- */
.lx-au-kart { position: relative; padding: 24px; border: 1px solid var(--lx-line); border-radius: 12px; background: var(--lx-surface); color: var(--lx-text); }
.lx-sy--600 .lx-au-kart { margin-bottom: 50px; padding: 20px; }
.lx-au-panel[hidden], .lx-au-mpanel[hidden] { display: none !important; }
.lx-au-h2 { margin: 0 0 8px; color: var(--lx-ink); font-family: var(--lx-font); font-size: 22px; font-weight: 500; line-height: 26.4px; letter-spacing: 0; }
.lx-au-aciklama { margin: 0 0 16px; color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-au-aciklama[hidden] { display: none; }
.lx-au-not { margin: 8px 0 0; color: var(--lxa-hint); font-size: 14px; line-height: 20px; }
.lx-au-ust-metin { margin: 0 0 16px; color: var(--lx-text); font-size: 15px; line-height: 21.667px; letter-spacing: .5px; }
.lx-au-link { color: var(--lx-ink); font-size: inherit; letter-spacing: .5px; text-decoration: none; transition: color .3s; }
.lx-au-link:hover { color: var(--lx-gold); }
.lx-au-hr { height: 0; margin: 16px 0; border: 0; border-top: 1px solid var(--lxa-hr); background: none; opacity: 1; }
.lx-au-metin-dugme { display: inline; padding: 0; border: 0; background: none; color: var(--lx-ink); font: inherit; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; transition: color .3s; }
.lx-au-metin-dugme:hover { color: var(--lx-gold); }

/* ---------------- 4) FORM SATIRI (≥768: etiket sağa yaslı %25 · alan %50 · ipucu %25) ---------------- */
.lx-au-form { margin: 15px 0 0; }
.lx-au-form--kayit, .lx-au-form--sifre { margin-top: 0; }
.lx-au-satir { display: grid; grid-template-columns: 25% 50% 25%; align-items: start; margin: 0 -15px 16px; }
.lx-au-satir > * { min-width: 0; padding: 0 15px; }
.lx-au-satir > .lx-au-alan { grid-column: 2; }
.lx-au-alanlar > .lx-au-satir:last-child, .lx-au-alanlar > [data-lx-au-yontem-alan]:last-child .lx-au-satir { margin-bottom: 0; }
.lx-au-etiket { grid-column: 1; margin: 0; padding-top: 8px; color: var(--lxa-label); font-size: 15px; font-weight: 500; line-height: 21.667px; text-align: right; }
.lx-au-ek { padding-top: 8px; color: var(--lxa-hint); font-size: 14px; line-height: 20px; }
.lx-au-ipucu { display: block; padding-top: 8px; color: var(--lxa-hint); font-size: 14px; line-height: 20px; }
/* etiket üstte (ödeme kapısı, şifre, hesap formları) */
.lx-au-form--ust .lx-au-satir, .lx-au-form--modal .lx-au-satir { display: block; margin: 0 0 16px; }
.lx-au-form--ust .lx-au-satir > *, .lx-au-form--modal .lx-au-satir > * { padding: 0; }
.lx-au-form--ust .lx-au-etiket { display: block; margin: 0 0 8px; padding: 0; text-align: left; }

/* ---------------- 5) ALANLAR (input #F4F3F1 · 1px #EAEAE9 · r9 · 48) ---------------- */
.lx-au-girdi { display: block; width: 100%; height: 48px; min-height: 48px; margin: 0; padding: 9px 16px; border: 1px solid var(--lx-line); border-radius: 9px;
  background: var(--lx-input-bg); color: var(--lx-text); font-family: var(--lx-font); font-size: 15px; font-weight: 400; line-height: 22px; letter-spacing: 0;
  box-shadow: none; -webkit-appearance: none; appearance: none; transition: border-color .3s, background-color .3s, box-shadow .3s; }
.lx-au-girdi::placeholder { color: var(--lxa-ph); opacity: 1; }
html body.lx-govde .lx-au-girdi:focus { border-color: var(--lx-gold); background-color: var(--lx-surface); color: var(--lx-ink); outline: 0; box-shadow: 0 0 0 3px rgba(var(--lx-gold-rgb), .25); }
html body.lx-govde .lx-au-girdi:focus-visible { outline: 0 !important; }
.lx-au-girdi[aria-invalid="true"] { border-color: var(--lx-err); }
html body.lx-govde .lx-au-girdi[aria-invalid="true"]:focus { border-color: var(--lx-err); box-shadow: 0 0 0 3px rgba(255, 76, 76, .2); }
.lx-au-girdi:-webkit-autofill { border-color: var(--lx-gold); -webkit-box-shadow: inset 0 0 0 1000px var(--lxa-autofill); -webkit-text-fill-color: var(--lx-ink); }
.lx-au-girdi:disabled, .lx-au-girdi[readonly] { background: var(--lxa-field-alt); color: var(--lxa-hint); cursor: default; }
textarea.lx-au-girdi { height: auto; min-height: 120px; resize: vertical; }
textarea.lx-au-girdi.uzun { min-height: 160px; }
select.lx-au-girdi { padding: 0 40px 0 16px; background: var(--lxa-field-alt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23606060' 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; cursor: pointer; }
input[type="date"].lx-au-girdi { padding-right: 12px; }
.lx-au-hata-metin { display: block; padding-top: 8px; color: var(--lx-err-text); font-size: 14px; line-height: 20px; }
/* şifre göster / gizle: alanın sağ iç kenarında (ikon 16 · tıklama alanı 44×48) */
.lx-au-sifre { position: relative; }
.lx-au-sifre .lx-au-girdi { padding-right: 46px; }
.lx-au-goz { position: absolute; top: 0; right: 2px; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 48px; margin: 0; padding: 0;
  border: 0; border-radius: 0 9px 9px 0; background: none; color: var(--lxa-eye); cursor: pointer; transition: color .3s; }
.lx-au-goz svg { width: 16px; height: 16px; }
.lx-au-goz:hover { color: var(--lx-ink); }
.lx-au-goz[aria-pressed="true"] .cizik { display: none; }

/* ---------------- 6) ONAY KUTUSU / RADYO (yuvarlak 14 · kenar #A1A1A0 · seçili altın daire) ---------------- */
.lx-au-onay { display: inline-flex; align-items: flex-start; gap: 8px; margin: 0; color: var(--lx-text); font-size: 15px; font-weight: 400; line-height: 21.667px; cursor: pointer; }
.lx-au-onay label, .lx-au-onay > span { cursor: pointer; }
.lx-au-kutu { flex: none; width: 14px; height: 14px; margin: 4px 0 0; padding: 0; border: 1px solid var(--lx-muted); border-radius: 50%; background: var(--lx-surface);
  -webkit-appearance: none; appearance: none; cursor: pointer; transition: background-color .2s, border-color .2s; }
.lx-au-kutu:checked { border-color: var(--lx-muted); background: var(--lx-gold); box-shadow: inset 0 0 0 1px var(--lx-surface); }
.lx-au-kutu:focus { border-color: #7A7A7A; }
.lx-au-kutu[aria-invalid="true"] { border-color: var(--lx-err); }
.lx-au-radyo { gap: 6px; margin-right: 20px; color: var(--lx-ink); }
.lx-au-onay--kucuk { font-size: 14px; line-height: 20px; }
.lx-au-onay--kucuk .lx-au-kutu { margin-top: 3px; }
.lx-au-onay-alt { display: block; margin: 6px 0 0; color: var(--lx-text); font-size: 15px; font-style: italic; line-height: 21.667px; }
.lx-au-satir--onay { margin-bottom: 16px; }
.lx-au-satir--onay .lx-au-alan { padding-top: 4px; }
.lx-au-yildiz { color: var(--lx-err-text); }
@media (pointer: coarse) {
  .lx-au-onay { position: relative; }
  .lx-au-onay::before { content: ""; position: absolute; inset: -11px 0; }
}

/* ---------------- 7) DÜĞMELER (luxury.css .lx-btn + bu alandaki eklemeler) ---------------- */
.lx-btn.lx-btn--ikincil { min-height: 46px; padding: 10px 30px; border-color: var(--lx-ink); background: transparent; color: var(--lx-ink) !important; }
.lx-btn.lx-btn--ikincil:hover, .lx-btn.lx-btn--ikincil:focus-visible { border-color: var(--lx-gold); background: var(--lx-gold); color: var(--lx-gold-ink) !important; }
.lx-btn.lx-btn--ikincil[aria-busy="true"]::after { border-color: var(--lx-ink); border-right-color: transparent; }
.lx-au-tam { display: flex; width: 100%; }
.lx-au-gonder { margin: 0; text-align: center; }
.lx-au-gonder.sag { margin-top: 4px; text-align: right; }
.lx-au-gonder.sol { margin-top: 20px; text-align: left; }
.lx-au-gonder.tam .lx-btn { display: flex; width: 100%; }
.lx-au-dugmeler { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 24px; }
.lx-au-dugmeler.orta { justify-content: center; }
.lx-au-dugmeler.sag { justify-content: flex-end; }

/* ---------------- 8) GİRİŞ · KAYIT · ŞİFRE AYRINTILARI ---------------- */
.lx-au-hatirla { margin: 20px 0 0; text-align: center; }
.lx-au-unuttum { margin: 8px 0 0; padding-bottom: 15px; font-size: 15px; line-height: 21.667px; text-align: center; letter-spacing: .5px; }
.lx-au-form--ust .lx-au-hatirla { text-align: left; }
.lx-au-form--ust .lx-au-unuttum { text-align: left; }
.lx-au-gecis { margin: 0; color: var(--lx-text); font-size: 15px; line-height: 21.667px; text-align: center; letter-spacing: .5px; }
.lx-au-onaylar { margin: 0; }
.lx-au-form--kayit .lx-au-alanlar { margin-bottom: 16px; }
.lx-au-form--kayit .lx-au-alanlar > .lx-au-satir:last-child { margin-bottom: 16px; }
.lx-au-yontem { display: flex; flex-wrap: wrap; gap: 8px 0; margin: 0 0 16px; padding: 0; border: 0; }
.lx-au-durum p { margin: 0; font-size: 15px; line-height: 22px; }
.lx-au-durum .lx-au-h2 { margin-bottom: 8px; font-size: 28px; line-height: 30.8px; }

/* ---------------- 9) BİLDİRİM KUTULARI (r9 · 15/22) ---------------- */
.lx-au-ileti { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 16px; 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; }
.lx-au-ileti[hidden] { display: none; }
.lx-au-ileti svg { flex: none; width: 20px; height: 20px; margin-top: 1px; }
.lx-au-ileti p { margin: 0; color: inherit; }
.lx-au-ileti a { color: inherit; font-weight: 600; text-decoration: underline; }
.lx-au-ileti.hata { border-color: var(--lxa-err-bd); background: var(--lxa-err-bg); color: var(--lxa-err-tx); }
.lx-au-ileti.basari { border-color: var(--lxa-ok-bd); background: var(--lxa-ok-bg); color: var(--lxa-ok-tx); }
.lx-au-ileti.uyari { border-color: var(--lxa-warn-bd); background: var(--lxa-warn-bg); color: var(--lxa-warn-tx); }

/* ---------------- 10) DURUM KARTI (aktivasyon · çıkış · şifre gönderildi) ---------------- */
.lx-au-sonuc { text-align: center; }
.lx-au-sonuc[hidden] { display: none; }
.lx-au-sonuc p { max-width: 460px; margin: 8px auto 0; font-size: 15px; line-height: 22px; }
.lx-au-sonuc .lx-btn { margin-top: 24px; }
.lx-au-sonuc .lx-au-dugmeler .lx-btn { margin-top: 0; }
.lx-au-sonuc-ik { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin: 8px 0 0; border-radius: 50%; background: var(--lxa-ok-bg); color: var(--lxa-ok-ik); }
.lx-au-sonuc-ik svg { width: 24px; height: 24px; stroke-width: 2; }
.lx-au-sonuc-ik.hata { background: var(--lxa-err-bg); color: var(--lxa-err-ik); }
.lx-au-sonuc-baslik { margin: 20px 0 0; color: var(--lx-ink); font-family: var(--lx-font); font-size: 22px; font-weight: 500; line-height: 26.4px; }
.lx-au-sonuc-baslik:focus { outline: 0; }

/* ---------------- 11) ÖDEME KAPISI (adım çubuğu + iki kart) ---------------- */
.lx-au-adim { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 0 50px; padding: 0; list-style: none; }
.lx-au-adim-oge { position: relative; padding: 30px 5px 0; color: var(--lxa-adim-yazi); font-size: 15px; font-weight: 500; line-height: 30px; letter-spacing: .5px; text-align: center; }
.lx-au-adim-oge:not(:last-child)::before { content: ""; position: absolute; top: 15px; left: 50%; width: 100%; height: 2px; background: var(--lxa-adim); }
.lx-au-adim-no { position: absolute; top: 2px; left: 50%; z-index: 1; width: 28px; height: 28px; margin-left: -14px; border-radius: 50%; background: var(--lxa-adim);
  color: var(--lxa-adim-no); font-size: 14px; font-weight: 500; line-height: 28px; text-align: center; letter-spacing: 0; }
.lx-au-adim-oge.aktif, .lx-au-adim-oge.tamam { color: var(--lx-ink); }
.lx-au-adim-oge.aktif .lx-au-adim-no { background: var(--lx-ink); color: var(--lx-bg); }
.lx-au-adim-oge.tamam .lx-au-adim-no { background: #28A745; }
.lx-au-adim-oge .lx-au-adim-ad { display: block; padding-top: 4px; }
.lx-au-kapi-ic { max-width: 1200px; margin: 0 auto; }
.lx-au-kapi-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 30px; }
.lx-au-kapi-izgara .lx-au-h2 { margin-bottom: 8px; }
.lx-au-kapi-izgara .lx-au-form { margin-top: 0; }
.lx-au-kapi-izgara .lx-au-gonder { margin-top: 20px; }
.lx-au-kapi-izgara .lx-au-hatirla { margin-top: 16px; }
.lx-au-kapi-izgara .lx-au-unuttum { padding-bottom: 0; }
.lx-au-kapi-izgara .lx-au-hr { margin: 24px 0; }
.lx-au-kapi-kayit[hidden] { display: none; }
.lx-au-kapi-tek { max-width: 800px; }
[data-lx-au-gizlenir][hidden] { display: none; }

/* ---------------- 12) SİPARİŞ TAKİBİ (giriş kartı dili: 800 ortalı) ---------------- */
.lx-au-takip .lx-au-gonder { margin-top: 20px; }
.lx-au-takip-sonuc { margin-top: 30px; }
.lx-au-takip-uye { margin: 16px 0 0; color: var(--lxa-hint); font-size: 14px; line-height: 20px; }
.lx-au-takip-uye a { color: var(--lx-ink); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.lx-au-takip-uye a:hover { color: var(--lx-gold); }

/* ---------------- 13) HIZLI GİRİŞ PENCERESİ (450 · r12 · gölgesiz · üstten 32) ---------------- */
.lx-au-modal { align-items: flex-start; padding: 0 16px; }
.lx-au-modal .ex-modal-diyalog { width: 100%; max-width: 450px; margin: 32px auto; }
.lx-au-modal--genis .ex-modal-diyalog { max-width: 640px; }
.lx-au-modal .ex-modal-icerik { padding: 37px 30px 30px; border-radius: 12px; background: var(--lx-surface); box-shadow: none; }
.lx-au-mkapat { position: absolute; top: 13px; right: 15px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin: 0; padding: 0;
  border: 0; background: none; color: var(--lx-ink); opacity: .6; cursor: pointer; transition: opacity .3s; }
.lx-au-mkapat::after { content: ""; position: absolute; inset: -10px; }
.lx-au-mkapat svg { width: 22px; height: 22px; }
.lx-au-mkapat:hover { opacity: 1; }
.lx-au-mbaslik { margin: 0 0 20px; padding-right: 24px; color: var(--lx-ink); font-family: var(--lx-font); font-size: 28px; font-weight: 500; line-height: 30.8px; letter-spacing: 0; }
.lx-au-mbaslik:focus { outline: 0; }
.lx-au-maciklama { margin: -4px 0 16px; color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-au-form--modal { margin: 0; }
.lx-au-form--modal .lx-au-girdi { padding: 9px 30px 9px 16px; }
.lx-au-form--modal .lx-au-sifre .lx-au-girdi { padding-right: 44px; }
.lx-au-form--modal .lx-au-goz { right: 0; justify-content: flex-end; padding-right: 7px; }
.lx-au-form--modal .lx-au-alanlar { margin-bottom: 16px; }
.lx-au-form--modal .lx-au-alanlar > .lx-au-satir:last-child { margin-bottom: 0; }
.lx-au-form--modal .lx-au-onaylar { margin-bottom: 16px; }
.lx-au-form--modal .lx-au-satir--onay { margin-bottom: 10px; }
.lx-au-form--modal .lx-au-onay { font-size: 14px; line-height: 20px; }
.lx-au-form--modal .lx-au-onay-alt { font-size: 13px; line-height: 19px; }
.lx-au-msatir { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; min-height: 21.667px; margin: 0 0 16px; font-size: 14px; line-height: 17px; }
.lx-au-msatir .lx-au-onay span { color: var(--lxa-label); font-weight: 500; }
.lx-au-msatir .lx-au-link { font-size: 14px; letter-spacing: 0; }
.lx-au-mgecis { margin: 16px 0 0; color: var(--lx-ink); font-size: 15px; font-weight: 500; line-height: 21.667px; }
.lx-au-mgecis a { color: var(--lx-ink); text-decoration: none; transition: color .3s; }
.lx-au-mgecis a:hover { color: var(--lx-gold); }
.lx-au-mgecis--iki { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; }
.lx-au-mgecis--iki span { color: var(--lx-text); font-weight: 400; }
.lx-au-mgecis--iki span a { font-weight: 500; }
.lx-au-mpanel.giris-anim { animation: lxAuKay .3s ease; }
@keyframes lxAuKay { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } }
.lx-au-rz-govde { max-height: min(55vh, 520px); margin: 0 0 4px; padding-right: 8px; overflow-y: auto; color: var(--lx-text); font-size: 15px; line-height: 22px; scrollbar-width: thin; }
.lx-au-rz-govde:focus-visible { outline: 2px solid var(--lx-focus); outline-offset: 2px; }

/* ---------------- 14) DUYARLI ---------------- */
@media (max-width: 1199.98px) {
  .lx-sy-h1 { font-size: 40px; line-height: 56px; }
}
@media (max-width: 991.98px) {
  .lx-au-kapi-izgara { grid-template-columns: minmax(0, 1fr); }
  .lx-au-adim-oge { font-size: 13px; }
}
@media (max-width: 767.98px) {
  .lx-sy { padding-bottom: 60px; }
  .lx-sy-h1 { font-size: 30px; line-height: 42px; }
  .lx-au-satir { display: block; margin: 0 0 16px; }
  .lx-au-satir > * { padding: 0; }
  .lx-au-etiket { display: inline-block; margin: 0 0 8px; text-align: left; }
  .lx-au-form--satir .lx-au-etiket { padding-top: 8px; }
  .lx-au-ek:empty { display: none; }
  .lx-au-ek { padding-top: 4px; }
  .lx-au-adim-oge { padding-top: 34px; font-size: 12px; line-height: 20px; letter-spacing: .2px; }
}
@media (max-width: 575.98px) {
  .lx-au-kart { padding: 16px; }
  .lx-sy--600 .lx-au-kart { padding: 16px; }
  .lx-au-gonder .lx-btn, .lx-au-gonder.sag .lx-btn, .lx-au-gonder.sol .lx-btn { display: flex; width: 100%; }
  .lx-au-dugmeler .lx-btn { flex: 1 1 100%; }
  .lx-au-modal .ex-modal-diyalog { margin: 16px auto; }
  .lx-au-modal .ex-modal-icerik { padding: 37px 20px 24px; }
  .lx-au-mbaslik { font-size: 24px; line-height: 28px; }
}

/* ---------------- 15) HAREKET · YÜKSEK KONTRAST · ZORUNLU RENKLER ---------------- */
@media (prefers-reduced-motion: reduce) {
  .lx-au-mpanel.giris-anim { animation: none; }
  .lx-au-girdi, .lx-au-kutu, .lx-au-link, .lx-sy-alt-link, .lx-au-goz, .lx-au-mkapat { transition-duration: .01ms; }
}
:root[data-tema="kontrast"] .lx-au-kart, :root[data-tema="kontrast"] .lx-au-modal .ex-modal-icerik { border: 2px solid #000000; }
:root[data-tema="kontrast"] .lx-au-girdi { border: 2px solid #000000; background-color: #FFFFFF; }
:root[data-tema="kontrast"] .lx-au-kutu { border: 2px solid #000000; }
:root[data-tema="kontrast"] .lx-au-kutu:checked { background: #000000; }
:root[data-tema="kontrast"] .lx-au-mkapat { opacity: 1; }
@media (prefers-contrast: more) {
  .lx-au-kart { border-width: 2px; border-color: var(--lx-ink); }
  .lx-au-girdi { border-width: 2px; border-color: var(--lx-ink); }
  .lx-au-kutu { border-width: 2px; border-color: var(--lx-ink); }
}
@media (forced-colors: active) {
  .lx-au-kutu { forced-color-adjust: auto; -webkit-appearance: auto; appearance: auto; }
  .lx-au-ileti { border: 1px solid CanvasText; }
}