/* ==========================================================================
   LUXURY — LİSTE SAYFALARI (kategori · arama · liste şablonu · karşılaştırma)
   Yüklenme: temaheader.php → liste rotalarında (luxury.css · kart.css · footer.css · genel.css'ten sonra).
   Kırıntı bandı genel.css'te (.lx-bant), ürün kartı kart.css'te (.lx-kart). Burada: sayfa iskeleti, H1, alt kategoriler, araç çubuğu,
   çipler, ızgara/liste + iskelet, sayfalama, kenar çubuğu + fasetler, mobil filtre paneli, durum kutuları, raf, sayaç, karşılaştırma.
   Renkler kanonik --lx-* belirteçlerinden; aşağıdaki --lx-ls-* yalnız bu sayfalara özgü tonlardır (açık · koyu · yüksek kontrast).
   ========================================================================== */

/* ---------------- 0) SAYFA BELİRTEÇLERİ ---------------- */
:root {
  --lx-ls-ikon: #DCDCDC; --lx-ls-ikon-on: #323232; --lx-ls-faset-cizgi: rgba(32, 32, 37, .1); --lx-ls-menu-metin: #232323;
  --lx-ls-aciklama: #767676; --lx-ls-etiket: #767676; --lx-ls-gorsel: #F5F5F5; --lx-ls-iskelet: #F0EFED; --lx-ls-parilti: rgba(255, 255, 255, .55);
  --lx-ls-uyari-zemin: rgba(255, 154, 82, .3); --lx-ls-uyari-cizgi: #FF9A52; --lx-ls-uyari-metin: #232323;
  --lx-ls-hata-zemin: rgba(179, 38, 30, .08); --lx-ls-hata-cizgi: #B3261E;
  --lx-ls-filtre-bg: #000000; --lx-ls-filtre-ink: #FFFFFF; --lx-ls-renk-secili: #232323; --lx-ls-menu-golge: 2px 2px 4px rgba(0, 0, 0, .1);
  --lx-ls-hizli-bg: #FFFFFF; --lx-ls-hizli-ik: #4B4B4A;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]):not([data-tema="kontrast"]) {
    --lx-ls-ikon: #4A4743; --lx-ls-ikon-on: #F2EFE9; --lx-ls-faset-cizgi: rgba(242, 239, 233, .12); --lx-ls-menu-metin: #F2EFE9;
    --lx-ls-aciklama: #A9A59E; --lx-ls-etiket: #A9A59E; --lx-ls-gorsel: #1E1D1B; --lx-ls-iskelet: #24221F; --lx-ls-parilti: rgba(255, 255, 255, .06);
    --lx-ls-uyari-zemin: rgba(255, 154, 82, .14); --lx-ls-uyari-cizgi: #C97A41; --lx-ls-uyari-metin: #F2EFE9;
    --lx-ls-hata-zemin: rgba(255, 138, 128, .12); --lx-ls-hata-cizgi: #FF8A80;
    --lx-ls-filtre-bg: #F2EFE9; --lx-ls-filtre-ink: #121110; --lx-ls-renk-secili: #F2EFE9; --lx-ls-menu-golge: 0 10px 30px rgba(0, 0, 0, .5);
    --lx-ls-hizli-bg: #24221F; --lx-ls-hizli-ik: #C9C6C0;
  }
}
:root[data-tema="koyu"] {
  --lx-ls-ikon: #4A4743; --lx-ls-ikon-on: #F2EFE9; --lx-ls-faset-cizgi: rgba(242, 239, 233, .12); --lx-ls-menu-metin: #F2EFE9;
  --lx-ls-aciklama: #A9A59E; --lx-ls-etiket: #A9A59E; --lx-ls-gorsel: #1E1D1B; --lx-ls-iskelet: #24221F; --lx-ls-parilti: rgba(255, 255, 255, .06);
  --lx-ls-uyari-zemin: rgba(255, 154, 82, .14); --lx-ls-uyari-cizgi: #C97A41; --lx-ls-uyari-metin: #F2EFE9;
  --lx-ls-hata-zemin: rgba(255, 138, 128, .12); --lx-ls-hata-cizgi: #FF8A80;
  --lx-ls-filtre-bg: #F2EFE9; --lx-ls-filtre-ink: #121110; --lx-ls-renk-secili: #F2EFE9; --lx-ls-menu-golge: 0 10px 30px rgba(0, 0, 0, .5);
  --lx-ls-hizli-bg: #24221F; --lx-ls-hizli-ik: #C9C6C0;
}
:root[data-tema="kontrast"] {
  --lx-ls-ikon: #6B6B6B; --lx-ls-ikon-on: #000000; --lx-ls-faset-cizgi: #6B6B6B; --lx-ls-menu-metin: #000000;
  --lx-ls-aciklama: #2A2A29; --lx-ls-etiket: #2A2A29; --lx-ls-gorsel: #FFFFFF; --lx-ls-iskelet: #D9D9D9;
  --lx-ls-uyari-zemin: #FFFFFF; --lx-ls-uyari-cizgi: #8A5A00; --lx-ls-uyari-metin: #000000; --lx-ls-hata-zemin: #FFFFFF; --lx-ls-hata-cizgi: #8E2B22;
  --lx-ls-renk-secili: #000000; --lx-ls-hizli-ik: #000000;
}

/* ---------------- 1) İSKELET: kap 1440 · kenar %25 / içerik %75 (768–991: %33.3 / %66.7) · <768 tek sütun ---------------- */
.lx-liste { display: block; margin-bottom: 80px; color: var(--lx-text); font-family: var(--lx-font); }
.lx-liste *, .lx-liste *::before, .lx-liste *::after { box-sizing: border-box; }
.lx-liste .lx-kap { width: 100%; max-width: var(--lx-container, 1440px); margin: 0 auto; padding: 0 15px; }
.lx-liste-duzen { display: flex; align-items: flex-start; margin: 0 -15px; }
.lx-kenar { flex: 0 0 25%; max-width: 25%; min-width: 0; padding: 0 15px; }
.lx-kenar:focus { outline: 0; }
.lx-kenar > * { max-width: 320px; }
.lx-icerik { flex: 0 0 75%; max-width: 75%; min-width: 0; padding: 0 15px; }
.lx-liste-duzen.tam .lx-icerik { flex-basis: 100%; max-width: 100%; }
.lx-liste :where(ul, ol) { margin: 0; padding: 0; list-style: none; }
.lx-liste :where(p) { margin: 0; }
/* genel p kuralı (300) yerine gövde ağırlığı: sonuç / özet / açıklama / uyarı metinleri 400 */
.lx-liste :is(.lx-sonuc, .lx-arac-ozet, .lx-sayfalama-ozet, .lx-liste-aciklama, .lx-karsi-not, .lx-arama-oneri, .lx-uyari, .lx-kat-aciklama-ic p) { font-weight: 400; }
.lx-liste :where(span) { line-height: inherit; }
.lx-liste a { text-decoration: none; transition: color .3s; }
@media (max-width: 1199.98px) { .lx-kenar > * { max-width: none; } }
@media (max-width: 991.98px) { .lx-liste { margin-bottom: 60px; } }
@media (max-width: 767.98px) { .lx-liste { margin-bottom: 40px; } }
@media (max-width: 991.98px) {
  .lx-kenar { flex-basis: 33.3333%; max-width: 33.3333%; }
  .lx-icerik { flex-basis: 66.6667%; max-width: 66.6667%; }
}
@media (max-width: 767.98px) {
  .lx-liste-duzen { flex-wrap: wrap; }
  .lx-kenar { display: none; flex-basis: 100%; max-width: 100%; }
  .lx-icerik { flex-basis: 100%; max-width: 100%; }
}

/* ---------------- 2) BAŞLIK · KAPAK + AÇIKLAMA ---------------- */
.lx-liste .lx-sayfa-baslik { margin: 0 0 20px; padding: 0 0 10px; border-bottom: 1px solid var(--lx-line); color: var(--lx-ink); font: 500 44px/44px var(--lx-font);
  letter-spacing: normal; text-transform: none; overflow-wrap: anywhere; }
body.lx-govde .lx-liste .lx-sayfa-baslik:focus-visible, body.lx-govde .lx-kenar:focus-visible { outline: 0 !important; }
.lx-liste .lx-sayfa-baslik--arama { margin-bottom: 30px; padding-bottom: 0; border-bottom: 0; font-size: 30px; line-height: 33px; }
.lx-liste .lx-sayfa-baslik--karsi { margin-bottom: 30px; padding-bottom: 0; border-bottom: 0; line-height: 61.6px; }
.lx-sayfa-baslik--arama .lx-arama-terim, .lx-sayfa-baslik--arama .lx-arama-sayi { font: inherit; color: inherit; }
.lx-arama-benzer { margin-bottom: 30px; }
.lx-arama-oneri { color: var(--lx-ink); font-size: 15px; line-height: 22px; letter-spacing: .5px; }
.lx-arama-oneri a { color: var(--lx-ink); font-weight: 600; text-decoration: underline; text-decoration-color: var(--lx-gold); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.lx-arama-oneri a:hover { color: var(--lx-gold); }
.lx-liste-aciklama { margin: -4px 0 30px !important; color: var(--lx-ls-aciklama); font-size: 15px; line-height: 22px; letter-spacing: .5px; }
.lx-kat-kapak { display: flex; align-items: flex-start; gap: 20px 30px; margin-bottom: 30px; }
.lx-kat-kapak-gorsel { flex: 0 0 250px; max-width: 250px; }
.lx-kat-kapak-gorsel img { display: block; width: 100%; height: auto; border-radius: 18px; }
.lx-kat-aciklama { flex: 1 1 auto; min-width: 0; color: var(--lx-ls-aciklama); font-size: 15px; line-height: 22px; letter-spacing: .5px; }
.lx-kat-aciklama-ic :is(p, ul, ol) { margin: 0 0 20px; }
.lx-kat-aciklama-ic > :last-child { margin-bottom: 0; }
.lx-kat-aciklama-ic a { color: var(--lx-ink); text-decoration: underline; text-underline-offset: 3px; }
.lx-kat-aciklama-ic.kisa { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.lx-kat-devam { margin-top: 8px; padding: 0; border: 0; background: none; color: var(--lx-ink); font: 600 14px/24px var(--lx-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.lx-kat-devam:hover { color: var(--lx-gold); }
@media (max-width: 1199.98px) { .lx-liste .lx-sayfa-baslik:not(.lx-sayfa-baslik--arama) { font-size: 40px; line-height: 40px; } .lx-liste .lx-sayfa-baslik--karsi { line-height: 56px; } }
@media (max-width: 767.98px) {
  .lx-liste .lx-sayfa-baslik:not(.lx-sayfa-baslik--arama) { font-size: 30px; line-height: 30px; }
  .lx-liste .lx-sayfa-baslik--karsi { line-height: 42px; }
  .lx-kat-kapak { flex-direction: column; }
  .lx-kat-kapak-gorsel { flex-basis: auto; width: 100%; max-width: 360px; }
}

/* ---------------- 3) ALT KATEGORİLER: %20 / %25 / %33.3 karolar, 1px çerçeve r18, hover altın; <768 gizli ---------------- */
.lx-altkat { margin-bottom: 20px; }
.lx-altkat-baslik { margin: 0 0 8px !important; color: var(--lx-ink); font: 500 28px/33px var(--lx-font) !important; letter-spacing: normal; }
.lx-altkat-liste { display: flex; flex-wrap: wrap; margin: 0 -10px !important; }
.lx-altkat-oge { flex: 0 0 20%; max-width: 20%; padding: 10px; text-align: center; }
.lx-altkat-gorsel { display: block; margin-bottom: 15px; overflow: hidden; border: 1px solid var(--lx-line); border-radius: 18px; background: var(--lx-ls-gorsel); transition: border-color .3s; }
.lx-altkat-gorsel img { display: block; width: 100%; height: auto; aspect-ratio: 190 / 200; object-fit: cover; border-radius: 18px; mix-blend-mode: multiply; }
.lx-altkat-harf { display: flex; align-items: center; justify-content: center; aspect-ratio: 190 / 200; color: var(--lx-muted); font: 500 40px/1 var(--lx-font); }
.lx-altkat-ad { margin: 0 0 8px !important; font: 500 22px/24.2px var(--lx-font) !important; }
.lx-altkat-ad a { color: var(--lx-ink); font-size: 16px; font-weight: 500; line-height: 17.6px; }
.lx-altkat-oge:hover .lx-altkat-gorsel, .lx-altkat-oge:focus-within .lx-altkat-gorsel { border-color: var(--lx-gold); }
.lx-altkat-ad a:hover { color: var(--lx-gold); }
.lx-liste--arama .lx-altkat { margin-top: 40px; }
@media (max-width: 1199.98px) { .lx-altkat-oge { flex-basis: 25%; max-width: 25%; } }
@media (max-width: 991.98px) { .lx-altkat-oge { flex-basis: 33.3333%; max-width: 33.3333%; } }
@media (max-width: 767.98px) {
  .lx-altkat { display: none; }
  .lx-liste--arama .lx-altkat { display: block; }
  .lx-liste--arama .lx-altkat-oge { flex-basis: 50%; max-width: 50%; }
}

/* ---------------- 4) ARAÇ ÇUBUĞU ---------------- */
.lx-arac { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid var(--lx-line); }
/* ≥768 ürün bölümü üstte 30: H1 (20) / alt kategoriler (20) ile birleşen boşluk 30 olur; <768 H1 altı 20 kalır */
@media (min-width: 768px) { .lx-arac { margin-top: 30px; } }
.lx-arac-ic { display: flex; align-items: center; margin: 0 -15px; }
.lx-arac-ic > * { padding: 0 15px; }
.lx-sonuc { flex: 0 0 25%; max-width: 25%; margin: 0; color: var(--lx-text); font-size: 15px; line-height: 21.667px; letter-spacing: .5px; }
.lx-arac-sag { display: flex; flex: 1 1 auto; align-items: center; justify-content: flex-end; gap: 15px; min-width: 0; }
.lx-arac-ozet { display: none; }

/* görünüm düğmeleri: saf CSS çubuklar (#DCDCDC; etkin #323232) */
.lx-ls-gorunum { display: flex; flex: none; align-items: center; gap: 5px; }
.lx-ls-gorunum-d { position: relative; display: block; flex: none; width: 26px; height: 26px; border: 1px solid currentColor; color: var(--lx-ls-ikon); cursor: pointer; transition: color .3s; }
.lx-ls-gorunum-d::before { content: ""; position: absolute; top: 3px; left: 3px; width: 4px; height: 18px; background: currentColor; }
.lx-ls-gorunum-d--1 { width: 12px; }
.lx-ls-gorunum-d--2 { width: 19px; } .lx-ls-gorunum-d--2::before { box-shadow: 7px 0 0 0; }
.lx-ls-gorunum-d--3::before { box-shadow: 7px 0 0 0, 14px 0 0 0; }
.lx-ls-gorunum-d--4 { width: 33px; } .lx-ls-gorunum-d--4::before { box-shadow: 7px 0 0 0, 14px 0 0 0, 21px 0 0 0; }
.lx-ls-gorunum-d--5 { width: 40px; } .lx-ls-gorunum-d--5::before { box-shadow: 7px 0 0 0, 14px 0 0 0, 21px 0 0 0, 28px 0 0 0; }
.lx-ls-gorunum-d--liste::before { width: 18px; height: 4px; box-shadow: 0 7px 0 0, 0 14px 0 0; }
.lx-ls-gorunum-d[aria-pressed="true"], .lx-ls-gorunum-d:hover { color: var(--lx-ls-ikon-on); }

/* sıralama: "Sırala:" + metin düğmesi + açılır liste */
.lx-sirala { display: flex; align-items: center; gap: 15px; margin: 0; }
.lx-sirala-etiket { margin: 0; color: var(--lx-text); font-size: 15px; font-weight: 400; line-height: 21.667px; letter-spacing: .5px; white-space: nowrap; }
.lx-ls-secici { position: relative; }
.lx-ls-secici-yerel { height: 34px; padding: 0 8px; border: 1px solid var(--lx-line); border-radius: 9px; background: var(--lx-surface); color: var(--lx-ink); font: 400 15px/1 var(--lx-font); }
.lx-ls-secici.hazir .lx-ls-secici-yerel { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.lx-ls-secici-dugme { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 0; border: 0; background: none; color: var(--lx-ink); font: 400 15px/21.667px var(--lx-font);
  letter-spacing: .5px; white-space: nowrap; cursor: pointer; }
.lx-ls-secici-dugme .lx-ls-ik { width: 14px; height: 14px; transition: transform .3s; }
.lx-ls-secici-dugme[aria-expanded="true"] .lx-ls-ik { transform: rotate(180deg); }
.lx-ls-secici-dugme:hover { color: var(--lx-gold); }
.lx-ls-secici-menu { position: absolute; top: calc(100% + 10px); right: 0; z-index: 30; min-width: 200px; padding: 10px 0 !important; border: 1px solid var(--lx-line); border-radius: 0;
  background: var(--lx-surface); box-shadow: var(--lx-ls-menu-golge); }
.lx-ls-secici-menu:focus { outline: 0; }
.lx-ls-secici-menu li { padding: 0 15px; color: var(--lx-ls-menu-metin); font-size: 14px; line-height: 30px; white-space: nowrap; cursor: pointer; transition: color .3s; }
.lx-ls-secici-menu li:hover { color: var(--lx-gold); }
.lx-ls-secici-menu:focus-visible li.odak { background: var(--lx-soft); color: var(--lx-ink); }
.lx-ls-secici-menu li[aria-selected="true"] { font-weight: 600; }
.lx-sirala-uygula { min-height: 34px; padding: 4px 14px; }

/* mobil "Filtre" düğmesi (<768) */
.lx-filtre-ac { display: none; align-items: center; justify-content: center; gap: 6px; min-width: 105px; height: 42px; margin: 0; padding: 8px 20px; border: 0; border-radius: 9px;
  background: var(--lx-ls-filtre-bg); color: var(--lx-ls-filtre-ink); font: 600 14px/24px var(--lx-font); letter-spacing: .28px; cursor: pointer; transition: background-color .3s; }
.lx-filtre-ac:hover { background: var(--lx-gold); color: var(--lx-gold-ink); }
.lx-filtre-say { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--lx-gold);
  color: var(--lx-gold-ink); font-size: 11px; font-weight: 700; line-height: 18px; }
@media (max-width: 1199.98px) {
  .lx-sonuc { flex: 1 1 auto; max-width: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .lx-arac-sag { flex: 0 0 auto; }
}
@media (max-width: 991.98px) {
  .lx-sonuc, .lx-sirala-etiket { display: none; }
  .lx-arac-sag { flex: 1 1 auto; }
}
@media (max-width: 767.98px) {
  .lx-arac-ic { flex-wrap: wrap; row-gap: 10px; }
  .lx-ls-gorunum { flex: 0 0 100%; justify-content: center; }
  .lx-arac-sag { flex: 0 0 100%; justify-content: space-between; }
  .lx-filtre-ac { display: inline-flex; }
  .lx-arac-ozet { display: block; margin: 10px 0 0; padding-top: 5px; color: var(--lx-text); font-size: 15px; line-height: 21.667px; letter-spacing: .5px; text-align: center; }
}

/* ---------------- 5) ETKİN FİLTRE ÇİPLERİ ---------------- */
.lx-cipler { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin: -20px 0 20px; }
.lx-cipler-etiket { color: var(--lx-ink); font-size: 15px; font-weight: 500; line-height: 22px; }
.lx-cip-liste { display: flex; flex-wrap: wrap; gap: 8px; }
.lx-cip { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 2px 10px; border: 1px solid var(--lx-line); border-radius: 9px; color: var(--lx-text);
  font-size: 14px; font-weight: 500; line-height: 20px; transition: border-color .3s, color .3s; }
.lx-cip .lx-ls-ik { width: 12px; height: 12px; }
.lx-cip:hover { border-color: var(--lx-gold); color: var(--lx-ink); }
.lx-cip-temizle { color: var(--lx-ink); font-size: 14px; font-weight: 500; line-height: 20px; text-decoration: underline !important; text-underline-offset: 3px; }
.lx-cip-temizle:hover { color: var(--lx-gold); }

/* ---------------- 6) IZGARA / LİSTE + YÜKLENİRKEN İSKELET ---------------- */
.lx-izgara { --lx-sutun: 3; display: grid; grid-template-columns: repeat(var(--lx-sutun), minmax(0, 1fr)); gap: 10px 30px; margin: 0 0 10px !important; }
.lx-izgara[data-gorunum="1"], .lx-izgara[data-gorunum="liste"] { --lx-sutun: 1; }
.lx-izgara[data-gorunum="2"] { --lx-sutun: 2; }
.lx-izgara[data-gorunum="4"] { --lx-sutun: 4; }
.lx-izgara[data-gorunum="5"] { --lx-sutun: 5; }
.lx-izgara-oge { display: flex; min-width: 0; }
.lx-izgara-oge > * { flex: 1 1 auto; min-width: 0; }
@media (max-width: 1199.98px) { .lx-izgara { column-gap: 20px; } .lx-izgara[data-gorunum="5"] { --lx-sutun: 4; } }
@media (max-width: 991.98px) { .lx-izgara:not([data-gorunum="1"]):not([data-gorunum="liste"]) { --lx-sutun: 2; } }
@media (max-width: 575.98px) { .lx-izgara[data-gorunum="oto"]:not([data-gorunum="liste"]) { --lx-sutun: 1; } }

.lx-liste.yukleniyor .lx-izgara, .lx-liste.yukleniyor .lx-sayfalama { pointer-events: none; }
.lx-liste.yukleniyor .lx-izgara .lx-kart-gorsel > *, .lx-liste.yukleniyor .lx-izgara .lx-kart-govde > * { visibility: hidden; }
.lx-liste.yukleniyor .lx-izgara .lx-kart-gorsel { background: linear-gradient(100deg, transparent 20%, var(--lx-ls-parilti) 50%, transparent 80%) -150% 0 / 60% 100% no-repeat, var(--lx-ls-gorsel);
  animation: lxLsParilti 1.2s linear infinite; }
.lx-liste.yukleniyor .lx-izgara .lx-kart-govde { background: linear-gradient(var(--lx-ls-iskelet), var(--lx-ls-iskelet)) center 20px / 40% 12px no-repeat,
  linear-gradient(var(--lx-ls-iskelet), var(--lx-ls-iskelet)) center 46px / 70% 16px no-repeat, linear-gradient(var(--lx-ls-iskelet), var(--lx-ls-iskelet)) center 76px / 30% 16px no-repeat; }
.lx-liste.yukleniyor .lx-izgara .lx-kart-liste .lx-kart-govde { background-position: 20px 20px, 20px 46px, 20px 76px; }
.lx-liste.yukleniyor .lx-sonuc { opacity: .6; }
@keyframes lxLsParilti { to { background-position: 250% 0, 0 0; } }

/* ---------------- 7) SAYFALAMA ---------------- */
.lx-sayfalama { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; width: 100%; padding-top: 20px; border-top: 1px solid var(--lx-line); }
.lx-sayfalama-ozet { flex: 1 1 auto; color: var(--lx-text); font-size: 15px; line-height: 21.667px; letter-spacing: .5px; }
.lx-sayfa-liste { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; margin-left: auto !important; }
.lx-sayfa-no { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; color: var(--lx-ink); font-size: 16px; font-weight: 500;
  line-height: 23.1px; letter-spacing: 2px; transition: background-color .25s, color .25s; }
a.lx-sayfa-no:hover, .lx-sayfa-no.aktif { background: var(--lx-gold); color: var(--lx-gold-ink); }
.lx-sayfa-yon { display: inline-block; color: var(--lx-ink); font-size: 14px; font-weight: 600; line-height: 24px; text-transform: uppercase; transition: color .25s; }
.lx-sayfa-yon:hover { color: var(--lx-gold); }
.lx-sayfa-bosluk span { color: var(--lx-ink); font-size: 16px; }
@media (max-width: 480px) { .lx-sayfalama-ozet { display: none; } }

/* ---------------- 8) KENAR ÇUBUĞU: bloklar · kategori ağacı · fasetler · fiyat · son incelenenler ---------------- */
.lx-blok { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--lx-line); }
.lx-kenar > .lx-blok:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.lx-liste .lx-blok-baslik { margin: 0 0 20px !important; color: var(--lx-ink-2); font: 500 22px/26px var(--lx-font) !important; letter-spacing: normal; text-transform: none; }
.lx-blok-baslik a { color: inherit; }
.lx-blok-baslik a:hover { color: var(--lx-gold); }
.lx-agac-liste a { display: block; color: var(--lx-ink); font-size: 15px; font-weight: 500; line-height: 30px; overflow-wrap: anywhere; }
.lx-agac-liste a:hover { color: var(--lx-gold); }
.lx-agac-liste a.aktif { font-weight: 600; }
.lx-agac-satir { display: flex; align-items: center; gap: 8px; }
.lx-agac-satir > a { flex: 1 1 auto; min-width: 0; }
.lx-agac-ac { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 30px; height: 30px; margin: 0 -7px 0 0; padding: 0; border: 0; background: none;
  color: var(--lx-ink); cursor: pointer; transition: color .3s; }
.lx-agac-ac .lx-ls-ik { width: 16px; height: 16px; }
.lx-agac-ac:hover { color: var(--lx-gold); }
.lx-agac-ac[aria-expanded="true"] .lx-agac-dikey { display: none; }
.lx-agac-alt { padding: 0 0 6px 15px !important; }
.lx-agac-alt[hidden] { display: none; }
.lx-agac-alt a { color: var(--lx-text); font-size: 14px; line-height: 30px; }

.lx-faset { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--lx-ls-faset-cizgi); }
.lx-liste .lx-faset-baslik { position: relative; display: flex; align-items: center; margin: 0 0 16px !important; color: var(--lx-ink); font: 500 22px/26px var(--lx-font) !important; letter-spacing: normal; }
.lx-faset-ac { display: none; }
.lx-ls-onay { position: relative; display: flex; align-items: center; height: 30px; margin: 0; color: var(--lx-ink); font-size: 15px; font-weight: 500; line-height: 30px; letter-spacing: .5px;
  white-space: nowrap; cursor: pointer; transition: color .3s; }
.lx-ls-onay input { position: absolute; top: 8px; left: 0; width: 14px; height: 14px; margin: 0; opacity: 0; cursor: pointer; }
.lx-ls-onay-daire { position: relative; flex: none; width: 14px; height: 14px; margin-right: 8px; border: 1px solid var(--lx-muted); border-radius: 50%; transition: border-color .3s; }
.lx-ls-onay-daire::after { content: ""; position: absolute; inset: 1px; border-radius: 50%; background: var(--lx-gold); transform: scale(0); transition: transform .2s; }
.lx-ls-onay.secili .lx-ls-onay-daire::after, .lx-ls-onay input:checked + .lx-ls-onay-daire::after { transform: scale(1); }
.lx-ls-onay input:focus-visible + :is(.lx-ls-onay-daire, .lx-renk-daire) { outline: 2px solid var(--lx-focus) !important; outline-offset: 2px; }
.lx-ls-onay:hover, a.lx-ls-onay:focus-visible { color: var(--lx-gold); }
.lx-ls-onay:hover .lx-ls-onay-daire { border-color: var(--lx-ls-aciklama); }
.lx-ls-onay-ad { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.lx-ls-onay-sayi { flex: none; margin-left: 4px; }
.lx-renk-daire { flex: none; width: 20px; height: 20px; margin: 5px 5px 5px 0; border: 1px solid rgba(0, 0, 0, .05); border-radius: 50%; background: var(--renk, #B8BCC4);
  box-shadow: 0 0 3px rgba(0, 0, 0, .15); transition: border-color .3s; }
.lx-ls-onay--renk:hover .lx-renk-daire, .lx-ls-onay--renk.secili .lx-renk-daire, .lx-ls-onay--renk input:checked + .lx-renk-daire { border: 2px solid var(--lx-ls-renk-secili); }
.lx-ls-onay-yildiz { display: inline-flex; align-items: center; gap: 1px; overflow: visible; }
.lx-yd { display: block; width: 13px; height: 15px; background: var(--lx-muted);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3E%3Cpath d='M7 .2l1.7 4.65 4.96.19-3.9 3.06 1.35 4.76L7 10.1l-4.11 2.76 1.35-4.76-3.9-3.06 4.96-.19z'/%3E%3C/svg%3E") center / 13px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3E%3Cpath d='M7 .2l1.7 4.65 4.96.19-3.9 3.06 1.35 4.76L7 10.1l-4.11 2.76 1.35-4.76-3.9-3.06 4.96-.19z'/%3E%3C/svg%3E") center / 13px no-repeat; }
.lx-yd.dolu { background: var(--lx-sale); }
.lx-ls-onay-uzeri { margin-left: 6px; }
.lx-ls-onay-liste.kisa > li:nth-child(n + 9) { display: none; }
.lx-ls-onay-hepsi { margin: 6px 0 0; padding: 0; border: 0; background: none; color: var(--lx-ink); font: 600 14px/24px var(--lx-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.lx-ls-onay-hepsi:hover { color: var(--lx-gold); }

/* fiyat: değer yazısı + 2 px ray + 10 px kare tutamaçlar */
.lx-fiyat-yazi { margin: 0 0 24px !important; color: var(--lx-text); font-size: 15px; font-weight: 500; line-height: 22px; letter-spacing: .5px; }
/* ray blok genişliğinde; 10 px tutamaçlar uçlarda 1 px içeriden başlar, sağda bloğun dışına taşar (alt boşluk faset dolgusundan) */
.lx-fiyat-ray { position: relative; height: 2px; margin: 0; background: var(--lx-line); }
.lx-fiyat-dolu { position: absolute; top: 0; right: calc(100% - var(--u, 100%)); bottom: 0; left: var(--a, 0%); background: var(--lx-ink); }
.lx-fiyat-r { position: absolute; top: -9px; left: -1px; width: calc(100% + 10px); height: 20px; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; pointer-events: none; -webkit-appearance: none; appearance: none; }
.lx-fiyat-r.ustte { z-index: 2; }
.lx-fiyat-r:focus { outline: 0; }
.lx-fiyat-r::-webkit-slider-runnable-track { height: 20px; background: none; border: 0; }
.lx-fiyat-r::-moz-range-track { height: 20px; background: none; border: 0; }
.lx-fiyat-r::-webkit-slider-thumb { width: 10px; height: 10px; margin-top: 5px; border: 2px solid var(--lx-ink); border-radius: 0; background: var(--lx-surface); cursor: pointer; pointer-events: auto; -webkit-appearance: none; appearance: none; }
.lx-fiyat-r::-moz-range-thumb { width: 10px; height: 10px; border: 2px solid var(--lx-ink); border-radius: 0; background: var(--lx-surface); cursor: pointer; pointer-events: auto; box-sizing: border-box; }
body.lx-govde .lx-liste .lx-fiyat-r:focus-visible { outline: 0 !important; }
.lx-fiyat-r:focus-visible::-webkit-slider-thumb { outline: 2px solid var(--lx-focus); outline-offset: 2px; }
.lx-fiyat-r:focus-visible::-moz-range-thumb { outline: 2px solid var(--lx-focus); outline-offset: 2px; }
.lx-fiyat-girdi { display: flex; gap: 8px; margin-top: 12px; }
.lx-fiyat-girdi .lx-input { height: 42px; padding: 0 12px; }
.lx-faset-uygula { margin-top: 16px; }

/* son incelenenler */
.lx-liste .lx-ls-son-urunler .lx-blok-baslik { margin-bottom: 28px !important; }
.lx-ls-son-liste > li + li { margin-top: 30px; }

/* ---------------- 9) MOBİL FİLTRE PANELİ (<768): sayfa içi, ürün listesi yerine; başlıklar akordeon ---------------- */
.lx-panel-kontrol, .lx-faset--agac { display: none; }
@media (max-width: 767.98px) {
  .lx-liste.filtre-acik .lx-kenar { display: block; }
  .lx-liste.filtre-acik .lx-icerik { display: none; }
  .lx-kenar .lx-kat-agac, .lx-kenar .lx-ls-son-urunler { display: none; }
  .lx-panel-kontrol { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-bottom: 16px; }
  .lx-panel-tamam { display: inline-flex; align-items: center; gap: 6px; min-height: 42px; margin: 0; padding: 8px 20px; border: 0; border-radius: 9px; background: var(--lx-ls-filtre-bg);
    color: var(--lx-ls-filtre-ink); font: 600 14px/24px var(--lx-font); letter-spacing: .28px; cursor: pointer; }
  .lx-panel-tamam .lx-ls-ik { width: 16px; height: 16px; }
  .lx-faset-kutu { margin-bottom: 20px; padding: 0; border: 1px solid var(--lx-line); }
  .lx-faset { margin: 0; padding: 0; border-bottom: 1px solid var(--lx-line); }
  .lx-faset:last-child { border-bottom: 0; }
  .lx-faset--agac { display: block; }
  .lx-liste .lx-faset-baslik { min-height: 42px; margin: 0 !important; padding: 10px 47px 10px 10px; font-size: 18px !important; line-height: 22px !important; }
  .lx-faset-ac { position: absolute; inset: 0; display: flex; align-items: center; justify-content: flex-end; width: 100%; margin: 0; padding: 0 14px; border: 0; background: none;
    color: var(--lx-text); cursor: pointer; }
  .lx-faset-ac .lx-ls-ik { width: 20px; height: 20px; transition: transform .3s; }
  .lx-faset-ac[aria-expanded="true"] .lx-ls-ik { transform: rotate(180deg); }
  .lx-faset-ic { display: none; padding: 0; }
  .lx-faset.acik .lx-faset-ic { display: block; }
  /* açık fasette her değer ayrı satır: 10 px dolgu + üstte 1 px çizgi (satır 51) */
  .lx-faset-ic > .lx-ls-onay-liste > li { padding: 10px; border-top: 1px solid var(--lx-line); }
  .lx-faset-ic > .lx-fiyat { padding: 10px 20px 20px 10px; border-top: 1px solid var(--lx-line); }
  .lx-faset-ic > .lx-ls-onay-hepsi { display: block; margin: 0; padding: 10px; }
  body.lx-filtre-acik .ln-asistan { display: none !important; }
}

/* ---------------- 10) UYARI · BOŞ · HATA ---------------- */
.lx-uyari { margin: 0 0 16px !important; padding: 12px 20px; border: 1px solid var(--lx-ls-uyari-cizgi); border-radius: 4px; background: var(--lx-ls-uyari-zemin); color: var(--lx-ls-uyari-metin);
  font-size: 13px; font-weight: 400; line-height: 18.8px; overflow-wrap: anywhere; }
.lx-uyari--hata { border-color: var(--lx-ls-hata-cizgi); background: var(--lx-ls-hata-zemin); }
.lx-uyari--bilgi { border-color: var(--lx-line); background: var(--lx-soft); color: var(--lx-text); }
.lx-bos { margin-bottom: 10px; }
.lx-bos-eylem { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.lx-bos-eylem--orta { justify-content: center; margin-top: 40px; }
.lx-liste .lx-bos-dugme { min-height: 50px; padding: 0 30px; }

/* ---------------- 11) ÜRÜN RAFI (boş durumlar: öneriler · son incelenenler) ---------------- */
.lx-raf { --lx-raf-n: 4; margin-top: 40px; }
.lx-raf-ust { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.lx-liste .lx-raf-baslik { margin: 0 !important; color: var(--lx-ink); font: 500 28px/33px var(--lx-font) !important; }
.lx-raf-oklar { display: flex; gap: 10px; }
.lx-raf-oklar[hidden] { display: none; }
.lx-raf-ok { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 9px; background: var(--lx-ls-hizli-bg);
  color: var(--lx-ls-hizli-ik); box-shadow: var(--lx-shadow-quick); cursor: pointer; transition: background-color .3s, color .3s; }
.lx-raf-ok .lx-ls-ik { width: 16px; height: 16px; }
.lx-raf-ok:hover { background: var(--lx-ink); color: var(--lx-bg); }
.lx-raf-iz { display: grid; grid-auto-columns: calc((100% - (var(--lx-raf-n) - 1) * 30px) / var(--lx-raf-n)); grid-auto-flow: column; gap: 30px; padding-bottom: 4px !important;
  overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; }
.lx-raf-iz::-webkit-scrollbar { display: none; }
.lx-raf-oge { min-width: 0; scroll-snap-align: start; }
@media (max-width: 991.98px) { .lx-raf { --lx-raf-n: 2 !important; } }
@media (max-width: 575.98px) { .lx-raf { --lx-raf-n: 1.25 !important; } .lx-raf-iz { gap: 20px; grid-auto-columns: calc((100% - .25 * 20px) / 1.25); } }

/* ---------------- 12) GÜNÜN FIRSATI SAYACI ---------------- */
.lx-ls-sayac { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin: 0 0 30px; padding: 20px; border-radius: 8px; background: var(--lx-soft); }
.lx-ls-sayac[hidden] { display: none; }
.lx-ls-sayac-birim { display: flex; flex-direction: column; align-items: center; text-align: center; }
.lx-ls-sayac b { display: flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 6px; border-radius: 8px; background: var(--lx-gold); color: var(--lx-gold-ink);
  font: 600 18px/1 var(--lx-font); font-variant-numeric: tabular-nums; }
.lx-ls-sayac small { color: var(--lx-ink); font-size: 14px; font-weight: 500; line-height: 24px; text-transform: capitalize; }

/* ---------------- 13) KARŞILAŞTIRMA ---------------- */
.lx-karsi .lx-kap { min-height: 1px; }
.lx-karsi-bos { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 30px; margin-top: 24px; }
.lx-karsi-devam { display: inline-flex; align-items: center; gap: 6px; color: var(--lx-ink); font-size: 15px; font-weight: 500; line-height: 24px; }
.lx-karsi-devam .lx-ls-ik { width: 24px; height: 24px; }
.lx-karsi-devam:hover { color: var(--lx-gold); }
.lx-karsi-ust { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0 20px; }
.lx-karsi-temizle { color: var(--lx-ink); font-size: 14px; font-weight: 500; line-height: 20px; text-decoration: underline !important; text-underline-offset: 3px; }
.lx-karsi-temizle:hover { color: var(--lx-gold); }
.lx-karsi-not { margin: -18px 0 24px !important; color: var(--lx-text); font-size: 15px; line-height: 22px; letter-spacing: .5px; }
.lx-karsi-kap { overflow-x: auto; overscroll-behavior-x: contain; }
.lx-karsi-kap:focus-visible { outline: 2px solid var(--lx-focus); outline-offset: 2px; }
.lx-karsi-tablo { width: 100%; border-collapse: collapse; table-layout: fixed; }
.lx-karsi-tablo :is(th, td) { padding: 15px; border-bottom: 1px solid var(--lx-line); color: var(--lx-text); font-size: 15px; font-weight: 400; line-height: 24px; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.lx-karsi-tablo .lx-karsi-etiket { width: 220px; color: var(--lx-ls-etiket); background: var(--lx-bg); }
.lx-karsi-bas > * { padding-top: 0; }
.lx-karsi-urun { display: flex; flex-direction: column; align-items: flex-start; }
.lx-karsi-gorsel { position: relative; width: 100%; margin-bottom: 20px; overflow: hidden; border-radius: 18px; background: var(--lx-ls-gorsel); aspect-ratio: 400 / 426; }
.lx-karsi-gorsel img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.lx-karsi-kaldir { position: absolute; top: 15px; right: 15px; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 9px;
  background: var(--lx-ls-hizli-bg); color: var(--lx-ls-hizli-ik); box-shadow: var(--lx-shadow-quick); transition: background-color .3s, color .3s; }
.lx-karsi-kaldir .lx-ls-ik { width: 16px; height: 16px; }
.lx-karsi-kaldir:hover { background: var(--lx-ink); color: var(--lx-bg); }
.lx-karsi-kat { margin-bottom: 6px; color: var(--lx-muted); font-size: 12px; font-weight: 600; line-height: 15px; letter-spacing: .24px; text-transform: uppercase; }
.lx-karsi-kat:hover { color: var(--lx-gold); }
.lx-karsi-ad { margin-bottom: 10px; color: var(--lx-ink); font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: .08px; }
.lx-karsi-ad:hover { color: var(--lx-gold); }
.lx-karsi-fiyat, .lx-karsi-fiyat-satir { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 4px; margin-bottom: 14px; color: var(--lx-ink); font-size: 16px; font-weight: 700; line-height: 24px; }
.lx-karsi-fiyat-satir { margin: 0; }
:is(.lx-karsi-fiyat, .lx-karsi-fiyat-satir) del { color: var(--lx-muted); font-size: 14px; font-weight: 500; }
:is(.lx-karsi-fiyat, .lx-karsi-fiyat-satir) ins { text-decoration: none; }
.lx-karsi-sepet .lx-kart-form { margin: 0; }
.lx-karsi-secenek { display: block; }
.lx-karsi-secenek b { color: var(--lx-ink); font-weight: 600; }
.lx-karsi-bos-hucre { color: var(--lx-muted); }
/* stok satırı: kart hapı yerine düz metin (15px gövde) — "Son N ürün" koyu, "Tükendi" soluk */
.lx-karsi-tablo .lx-stok { display: inline; height: auto; padding: 0; border: 0; border-radius: 0; background: none; color: var(--lx-text); font-size: 15px; font-weight: 400;
  line-height: 24px; letter-spacing: normal; text-transform: none; }
.lx-karsi-tablo .lx-stok.az { color: var(--lx-ink); font-weight: 600; }
.lx-karsi-tablo .lx-stok.yok { color: var(--lx-ls-etiket); }
.lx-karsi-puan { display: inline-flex; align-items: center; gap: 4px; }
.lx-karsi-yeni { display: flex; flex-direction: column; gap: 12px; }
.lx-karsi-yeni-ad { color: var(--lx-ink); font-size: 16px; font-weight: 500; line-height: 24px; }
.lx-karsi-ara { position: relative; }
.lx-karsi-ara .lx-input { box-sizing: border-box; width: 100%; height: 42px; padding: 0 14px; font-size: 14px; }
.lx-karsi-oneri { position: absolute; top: calc(100% + 6px); right: 0; left: 0; z-index: 20; max-height: 320px; padding: 6px 0 !important; overflow-y: auto; border: 1px solid var(--lx-line);
  border-radius: 12px; background: var(--lx-surface); box-shadow: var(--lx-shadow-drop); }
.lx-karsi-oneri a { display: flex; align-items: center; gap: 10px; padding: 6px 12px; color: var(--lx-ink); }
.lx-karsi-oneri a:hover, .lx-karsi-oneri a.odak { background: var(--lx-soft); }
.lx-karsi-oneri img { width: 40px; height: 42px; border-radius: 9px; object-fit: cover; flex: none; }
.lx-karsi-oneri .ad { display: block; font-size: 14px; font-weight: 500; line-height: 20px; }
.lx-karsi-oneri .fiyat { display: block; color: var(--lx-text); font-size: 13px; line-height: 18px; }
.lx-karsi-oneri .durum { display: block; padding: 8px 12px; color: var(--lx-text); font-size: 14px; }
@media (max-width: 991.98px) {
  /* sabit tablo genişliği: table-layout:fixed ürün sütunlarını eşit böler (width:auto'da içerik genişliğine dönüyordu) */
  .lx-karsi-tablo { width: calc(160px + 4 * 220px); }
  .lx-karsi-tablo .lx-karsi-etiket { position: sticky; left: 0; z-index: 1; width: 160px; }
}
@media (max-width: 767.98px) { .lx-karsi-not { margin-top: -14px !important; } }
@media (max-width: 575.98px) {
  .lx-karsi-tablo { width: calc(112px + 4 * 200px); }
  .lx-karsi-tablo .lx-karsi-etiket { width: 112px; padding-right: 10px; padding-left: 0; }
}

/* ---------------- 14) YÜKSEK KONTRAST · KOYU TEMA AYARLARI · HAREKET AZALTMA · ZORUNLU RENKLER ---------------- */
:root[data-tema="kontrast"] .lx-ls-onay-daire { border-color: #000000; }
:root[data-tema="kontrast"] .lx-ls-gorunum-d[aria-pressed="true"] { outline: 1px solid #000000; }
:root[data-tema="kontrast"] .lx-faset, :root[data-tema="kontrast"] .lx-blok, :root[data-tema="kontrast"] .lx-arac, :root[data-tema="kontrast"] .lx-sayfalama { border-color: #6B6B6B; }
:root[data-tema="kontrast"] .lx-karsi-kat, :root[data-tema="kontrast"] .lx-karsi-bos-hucre { color: #5C5C5B; }
/* altın zemin üstündeki beyaz rakamlar (etkin sayfa, sayaç, filtre sayısı) yüksek kontrastta siyah zemine geçer */
:root[data-tema="kontrast"] :is(.lx-sayfa-no.aktif, a.lx-sayfa-no:hover, .lx-ls-sayac b, .lx-filtre-say) { background: #000000; color: #FFFFFF; }
:root[data-tema="kontrast"] :is(.lx-ls-onay:hover, a.lx-ls-onay:focus-visible, .lx-agac-liste a:hover, .lx-sayfa-yon:hover, .lx-cip-temizle:hover, .lx-ls-secici-menu li:hover, .lx-ls-secici-menu li.odak) { color: #7A5C0E; }
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]):not([data-tema="kontrast"]) :is(.lx-karsi-gorsel, .lx-altkat-gorsel) img { mix-blend-mode: normal; }
}
:root[data-tema="koyu"] :is(.lx-karsi-gorsel, .lx-altkat-gorsel) img { mix-blend-mode: normal; }
@media (prefers-reduced-motion: reduce) {
  .lx-liste *, .lx-liste *::before, .lx-liste *::after { transition-duration: 0s !important; animation: none !important; scroll-behavior: auto !important; }
}
@media (forced-colors: active) {
  .lx-ls-gorunum-d, .lx-ls-onay-daire, .lx-renk-daire, .lx-fiyat-ray, .lx-cip, .lx-uyari { forced-color-adjust: auto; border-color: CanvasText; }
  .lx-ls-gorunum-d::before, .lx-fiyat-dolu, .lx-ls-onay-daire::after { background: CanvasText; }
  .lx-ls-gorunum-d[aria-pressed="true"] { outline: 2px solid Highlight; }
  .lx-sayfa-no.aktif { outline: 2px solid Highlight; }
}