/* ==========================================================================
   LUXURY — ÜRÜN DETAY SAYFASI (urundetay.php; yalnız ürün rotasında yüklenir)
   1 belirteçler · 2 iskelet · 3 galeri · 4 bilgi sütunu · 5 seçenekler · 6 adet + düğmeler · 7 bağlantılar + stok ·
   8 güvence, teklifler, ödeme, künye, paylaş · 9 sekmeler + paneller · 10 değerlendirmeler · 11 soru & cevap ·
   12 bölümler (paket, banner, karuseller) · 13 pencereler · 14 kamerada dene · 15 tam ekran görüntüleyici ·
   16 mobil sabit çubuk · 17 duyarlı · 18 hareket azaltma / zorunlu renkler
   Ortak belirteçler ve bileşenler luxury.css'ten (--lx-*, .lx-btn, .ex-modal kabuğu) gelir.
   ========================================================================== */

/* ---------------- 1) BELİRTEÇLER (açık · koyu · yüksek kontrast) ---------------- */
:root {
  --lx-ud-eski: #CCCCCC;
  --lx-ud-cizgi-fiyat: #E6E6E6;
  --lx-ud-cizgi-eylem: #E6E2E0;
  --lx-ud-ayrac: #DCDCDC;
  --lx-ud-tablo: #F6F6F6;
  --lx-ud-tablo-cizgi: #ECEEEF;
  --lx-ud-yorum-cizgi: #B5AAB0;
  --lx-ud-ok: #787878;
  --lx-ud-ok-hover: #232323;
  --lx-ud-ok-opak: .5;
  --lx-ud-kare-secili: #30373E;
  --lx-ud-gorsel-zemin: #F5F5F5;
  --lx-ud-karisim: multiply;
  --lx-ud-uyari: #FF9A52;
  --lx-ud-basari: #4CBB6C;
  --lx-ud-hata-metin: #C62828;
  --lx-ud-hap-secili: #FFFFFF;
  --lx-ud-sayac-metin: #FFFFFF;
  --lx-ud-x: #000000;
  --lx-ud-paylas-x: #000000;
  --lx-ud-onay-kenar: rgba(38, 48, 54, .35);
  --lx-ud-k: 1px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]):not([data-tema="kontrast"]) {
    --lx-ud-eski: #6E6B66; --lx-ud-cizgi-fiyat: #2C2A27; --lx-ud-cizgi-eylem: #2C2A27; --lx-ud-ayrac: #3A3633; --lx-ud-tablo: #1A1917;
    --lx-ud-tablo-cizgi: #2C2A27; --lx-ud-yorum-cizgi: #3A3633; --lx-ud-ok: #A9A59E; --lx-ud-ok-hover: #F2EFE9; --lx-ud-kare-secili: #C9C6C0;
    --lx-ud-gorsel-zemin: #1E1D1B; --lx-ud-karisim: normal; --lx-ud-hap-secili: #121110; --lx-ud-sayac-metin: #121110; --lx-ud-x: #F2EFE9;
    --lx-ud-paylas-x: #F2EFE9; --lx-ud-hata-metin: #FF8A80; --lx-ud-onay-kenar: rgba(242, 239, 233, .45);
  }
}
:root[data-tema="koyu"] {
  --lx-ud-eski: #6E6B66; --lx-ud-cizgi-fiyat: #2C2A27; --lx-ud-cizgi-eylem: #2C2A27; --lx-ud-ayrac: #3A3633; --lx-ud-tablo: #1A1917;
  --lx-ud-tablo-cizgi: #2C2A27; --lx-ud-yorum-cizgi: #3A3633; --lx-ud-ok: #A9A59E; --lx-ud-ok-hover: #F2EFE9; --lx-ud-kare-secili: #C9C6C0;
  --lx-ud-gorsel-zemin: #1E1D1B; --lx-ud-karisim: normal; --lx-ud-hap-secili: #121110; --lx-ud-sayac-metin: #121110; --lx-ud-x: #F2EFE9;
  --lx-ud-paylas-x: #F2EFE9; --lx-ud-hata-metin: #FF8A80; --lx-ud-onay-kenar: rgba(242, 239, 233, .45);
}
/* koyu zeminde koyu renk kareleri ve marka ikonları seçilebilir kalsın */
:root[data-tema="koyu"] .lx-ud-kare::before { box-shadow: 0 0 0 1px rgba(255, 255, 255, .22); }
:root[data-tema="koyu"] .lx-ud-paylas a.facebook { color: #8FA8E3; }
:root[data-tema="koyu"] .lx-ud-paylas a.whatsapp, :root[data-tema="koyu"] .lx-ud-guvence-ik.wp { color: #25D366; }
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]):not([data-tema="kontrast"]) .lx-ud-kare::before { box-shadow: 0 0 0 1px rgba(255, 255, 255, .22); }
  :root:not([data-tema="acik"]):not([data-tema="kontrast"]) .lx-ud-paylas a.facebook { color: #8FA8E3; }
  :root:not([data-tema="acik"]):not([data-tema="kontrast"]) :is(.lx-ud-paylas a.whatsapp, .lx-ud-guvence-ik.wp) { color: #25D366; }
}
:root[data-tema="kontrast"] {
  --lx-ud-eski: #5C5C5B; --lx-ud-cizgi-fiyat: #8A8A88; --lx-ud-cizgi-eylem: #8A8A88; --lx-ud-ayrac: #8A8A88; --lx-ud-tablo: #FFFFFF;
  --lx-ud-tablo-cizgi: #6B6B6B; --lx-ud-yorum-cizgi: #6B6B6B; --lx-ud-ok: #232323; --lx-ud-ok-opak: 1; --lx-ud-kare-secili: #000000;
  --lx-ud-gorsel-zemin: #FFFFFF; --lx-ud-hap-secili: #FFFFFF; --lx-ud-sayac-metin: #FFFFFF; --lx-ud-uyari: #A84A00; --lx-ud-basari: #145C32;
  --lx-ud-hata-metin: #8E2B22; --lx-ud-onay-kenar: #000000; --lx-ud-k: 2px;
}

/* ---------------- 2) İSKELET ---------------- */
.lx-ud { display: block; padding-bottom: 80px; color: var(--lx-text); font-family: var(--lx-font); font-size: 15px; line-height: 21.667px; }
.lx-ud :where(h1, h2, h3, h4, p, ul, ol, dl, dd, figure, fieldset) { margin: 0; }
/* çekirdek basic.css'in genel p kuralı (16/25 300 gri) bu sayfada geçersiz: paragraflar kabın yazı dilini alır */
:is(.lx-ud, .lx-ud-modal, .bp-armodal, .lx-ud-gor) :where(p) { margin: 0; color: inherit; font-size: inherit; font-weight: 400; line-height: inherit; }
.lx-ud :where(ul, ol) { padding: 0; list-style: none; }
.lx-ud :where(button) { font-family: inherit; }
.lx-ud img { max-width: 100%; }
.lx-ud .lx-ik { display: block; flex: none; width: 1em; height: 1em; }
.lx-ud-satir { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 30px; align-items: start; }
.lx-ud-sol { min-width: 0; padding: 0 20px 30px 0; }
.lx-ud-sag { min-width: 0; padding-top: 15px; }
.lx-ud-metin-dugme { display: inline; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; cursor: pointer; transition: color .3s; }
.lx-ud-metin-dugme:hover { color: var(--lx-gold); }
.lx-ud-metin-dugme.guclu { color: var(--lx-ink); font-weight: 600; }
.lx-ud-metin-dugme.guclu:hover { color: var(--lx-gold); }
.lx-ud-kucuk-baslik { margin: 0 0 10px; color: var(--lx-ink); font-size: 14px; font-weight: 600; line-height: 22px; letter-spacing: .5px; }
.lx-ud-tam { width: 100%; }
.lx-ud-girdi { display: block; width: 100%; 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: 400 15px/22px var(--lx-font); box-shadow: none; transition: border-color .3s, background-color .3s; }
.lx-ud-girdi::placeholder { color: var(--lx-muted); opacity: 1; }
.lx-ud-girdi:focus { border-color: var(--lx-gold); background: var(--lx-surface); outline: 0; }
.lx-ud-girdi[aria-invalid="true"] { border-color: var(--lx-err); }
.lx-ud-girdi.beyaz { background: var(--lx-surface); }
textarea.lx-ud-girdi { min-height: 120px; resize: vertical; }
.lx-ud-yukleniyor { display: inline-block; width: 18px; height: 18px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: lxUdDon .7s linear infinite; }
@keyframes lxUdDon { to { transform: rotate(360deg); } }

/* ---------------- 3) GALERİ (400:426, r18, 1px çizgi; 5'li küçük görsel şeridi) ---------------- */
.lx-ud-galeri { position: relative; }
.lx-ud-ana { position: relative; overflow: hidden; border-radius: 18px; background: var(--lx-bg); isolation: isolate; }
.lx-ud-iz { display: flex; will-change: transform; touch-action: pan-y; }
.lx-ud-slayt { position: relative; flex: 0 0 100%; min-width: 0; }
/* görsel zemini kutuda; fotoğraf "multiply" ile zemine karışır (beyaz fon → açık gri mücevher fonu) */
.lx-ud-slayt-a { display: block; overflow: hidden; border: 1px solid var(--lx-line); border-radius: 18px; background: var(--lx-ud-gorsel-zemin); cursor: pointer; }
.lx-ud-slayt-a:focus-visible { outline-offset: -3px !important; }
.lx-ud-slayt-a img { display: block; width: 100%; height: auto; aspect-ratio: 400 / 426; border: 0; border-radius: 0; background: transparent; object-fit: contain; mix-blend-mode: var(--lx-ud-karisim); }
.lx-ud-slayt-a img.kapla { object-fit: cover; }
.lx-ud-video-kapak { display: block; width: 100%; height: auto; aspect-ratio: 400 / 426; border: 1px solid var(--lx-line); border-radius: 18px; background: var(--lx-ud-gorsel-zemin); }
.lx-ud-slayt.video { background: #000; border-radius: 18px; }
.lx-ud-video-kapak { position: relative; padding: 0; overflow: hidden; cursor: pointer; }
.lx-ud-video-kapak img { width: 100%; height: 100%; border: 0; border-radius: 0; object-fit: cover; mix-blend-mode: normal; }
.lx-ud-oynat { position: absolute; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin: -32px 0 0 -32px;
  border-radius: 50%; background: #FFFFFF; color: #22201D; box-shadow: var(--lx-shadow-quick); transition: transform .3s; }
.lx-ud-oynat .lx-ik { width: 24px; height: 24px; margin-left: 3px; }
.lx-ud-video-kapak:hover .lx-ud-oynat { transform: scale(1.06); }
.lx-ud-slayt.oynuyor { aspect-ratio: 400 / 426; display: flex; align-items: center; background: #000; }
.lx-ud-slayt.oynuyor iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }
/* oklar: 32 × 28 kutu, ince açı, opaklık .5 → 1 (44 × 44 dokunma alanı) */
.lx-ud-ok { position: absolute; top: 50%; z-index: 3; display: flex; align-items: center; justify-content: center; width: 32px; height: 28px; margin-top: -16px; padding: 0;
  border: 0; background: transparent; color: var(--lx-ud-ok); opacity: var(--lx-ud-ok-opak); cursor: pointer; transition: color .2s, opacity .2s; }
.lx-ud-ok::before { content: ""; position: absolute; inset: -8px -6px; }
.lx-ud-ok.sol { left: 10px; } .lx-ud-ok.sag { right: 10px; }
.lx-ud-ok:hover, .lx-ud-ok:focus-visible { color: var(--lx-ud-ok-hover); opacity: 1; }
.lx-ud-ok-ik { display: block; width: 14px; height: 28px; }
/* rozetler (kart rozeti dili) */
.lx-ud-rozetler { position: absolute; top: 15px; left: 17px; z-index: 2; display: flex; flex-wrap: wrap; gap: 5px; max-width: calc(100% - 34px); pointer-events: none; }
.lx-ud-rozet { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 20px; padding: 0 8px; border-radius: 3px; background: var(--lx-sale);
  color: #FFFFFF; font-size: 11px; font-weight: 700; line-height: 20px; letter-spacing: 0; text-transform: uppercase; white-space: nowrap; }
.lx-ud-rozet.yeni { background: var(--lx-new); }
.lx-ud-rozet.kargo { background: #22201D; }
.lx-ud-rozet.alode { background: var(--lx-gold); color: var(--lx-gold-ink); }
.lx-ud-rozet.tukendi { background: #A1A1A0; }
:root[data-tema="kontrast"] .lx-ud-rozet { background: #000000 !important; color: #FFFFFF !important; }
/* kamerada dene çipi */
.lx-ud-ar { position: absolute; left: 15px; bottom: 15px; z-index: 2; display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border: 0; border-radius: 9px;
  background: #FFFFFF; color: #22201D; box-shadow: var(--lx-shadow-quick); font-size: 14px; font-weight: 600; line-height: 24px; cursor: pointer; transition: background-color .3s, color .3s; }
.lx-ud-ar .lx-ik { width: 16px; height: 16px; color: #4B4B4A; transition: color .3s; }
.lx-ud-ar:hover, .lx-ud-ar:focus-visible { background: #22201D; color: #FFFFFF; }
.lx-ud-ar:hover .lx-ik, .lx-ud-ar:focus-visible .lx-ik { color: #FFFFFF; }
/* görsel yok */
.lx-ud-ana.bos { aspect-ratio: 400 / 426; border: 1px solid var(--lx-line); background: var(--lx-ud-gorsel-zemin); }
.lx-ud-gorsel-yok { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: var(--lx-muted); }
.lx-ud-gorsel-yok .lx-ik { width: 48px; height: 48px; }
/* küçük görsel şeridi: 5 görünür, aralık 5, etkin altın çerçeve */
.lx-ud-kucukler { display: flex; gap: 5px; margin-top: 10px !important; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; scroll-snap-type: x proximity; }
.lx-ud-kucukler::-webkit-scrollbar { display: none; }
.lx-ud-kucukler > li { flex: 0 0 calc((100% - 20px) / 5); min-width: 0; scroll-snap-align: start; }
.lx-ud-kucuk { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; border: 1px solid var(--lx-line); border-radius: 18px; background: var(--lx-ud-gorsel-zemin); isolation: isolate; cursor: pointer; transition: border-color .3s; }
.lx-ud-kucuk img { display: block; width: 100%; height: auto; aspect-ratio: 400 / 426; object-fit: cover; background: transparent; mix-blend-mode: var(--lx-ud-karisim); }
.lx-ud-kucuk:hover, .lx-ud-kucuk[aria-current="true"] { border-color: var(--lx-gold); }
.lx-ud-kucuk:focus-visible { outline-offset: -3px !important; }
.lx-ud-kucuk.video img { object-fit: cover; mix-blend-mode: normal; }
.lx-ud-kucuk-oynat { position: absolute; right: 6px; bottom: 6px; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: #22201D; color: #FFFFFF; }
.lx-ud-kucuk-oynat .lx-ik { width: 10px; height: 10px; margin-left: 1px; }

/* ---------------- 4) BİLGİ SÜTUNU ---------------- */
.lx-ud-kat { height: 15px; margin: 0 0 7px; font-size: 12px; font-weight: 600; line-height: 15px; letter-spacing: .24px; text-transform: uppercase; }
.lx-ud-kat a { color: var(--lx-muted); transition: color .3s; }
.lx-ud-kat a:hover { color: var(--lx-gold); }
.lx-ud .lx-ud-baslik { margin: 0 0 8px; color: var(--lx-ink); font-size: 28px; font-weight: 500; line-height: 33px; letter-spacing: 0; overflow-wrap: anywhere; }
/* puan · yorum · soru · marka */
.lx-ud-puan-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 0; min-height: 24px; margin: 0 0 15px; }
.lx-ud-yorum-blok { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 0; margin-right: 15px; padding-right: 15px; border-right: 1px solid var(--lx-line); }
.lx-ud-yorum-blok.son { margin-right: 0; padding-right: 0; border-right: 0; }
.lx-ud-puan { display: inline-flex; margin-right: 10px; line-height: 0; }
.lx-ud-yildizlar { display: inline-flex; align-items: center; }
.lx-ud-yildiz { display: block; flex: none; width: 13px; height: 15px; margin: 0 .5px; padding: 1px 0; fill: var(--lx-muted); }
.lx-ud-yildiz.dolu { fill: var(--lx-sale); }
.lx-ud-pl { display: inline-flex; align-items: center; gap: 0 4px; padding: 0; border: 0; background: none; color: var(--lx-text); font-size: 14px; font-weight: 400; line-height: 20px; cursor: pointer; transition: color .3s; }
.lx-ud-pl .lx-ik { width: 16px; height: 16px; }
.lx-ud :is(.lx-ud-pl, .lx-ud-bg-oge) > span { line-height: inherit; }
.lx-ud-pl:hover { color: var(--lx-gold); }
.lx-ud-pl.ayrac { margin-left: 10px; padding-left: 10px; border-left: 1px solid var(--lx-ud-ayrac); }
/* ayraç çizgisi önceki öğenin sağında: satır kayınca alt satır çizgiyle başlamaz (çizgi üst satırın sonunda kalır) */
.lx-ud-pl:has(+ .ayrac) { margin-right: 10px; padding-right: 10px; border-right: 1px solid var(--lx-ud-ayrac); }
.lx-ud-pl:has(+ .ayrac) + .ayrac { margin-left: 0; padding-left: 0; border-left: 0; }
.lx-ud-marka { display: flex; align-items: center; color: var(--lx-ink); font-size: 14px; font-weight: 500; line-height: 24px; }
.lx-ud-marka > span { margin-right: 2px; color: var(--lx-muted); font-size: 15px; }
.lx-ud-marka a, .lx-ud-marka b { margin-left: 2px; color: var(--lx-ink); font-weight: 500; transition: color .3s; }
.lx-ud-marka a:hover { color: var(--lx-gold); }
/* fiyat (24/24 700) + taksit satırı */
.lx-ud-fiyat { display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 17px; padding: 0 0 20px; border-bottom: 1px solid var(--lx-ud-cizgi-fiyat); transition: opacity .2s; }
.lx-ud-fiyat[aria-busy="true"] .yenifiyat { opacity: .4; }
.lx-ud-fiyat .eskifiyat { margin-right: 5px; color: var(--lx-ud-eski); font-size: 16px; font-weight: 500; line-height: 24px; text-decoration: line-through; }
.lx-ud-fiyat .yenifiyat { margin-right: 10px; color: var(--lx-ink); font-size: 24px; font-weight: 700; line-height: 24px; }
.lx-ud-taksit { flex-basis: 100%; margin-top: 8px !important; color: var(--lx-text); font-size: 14px; line-height: 20px; }
.lx-ud-taksit b { color: var(--lx-ink); font-weight: 600; }
.lx-ud-nokta { color: var(--lx-muted); }
.lx-ud-taksit-link { display: inline; padding: 0; border: 0; background: none; color: var(--lx-ink); font-size: 14px; font-weight: 600; line-height: 20px; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; cursor: pointer; transition: color .3s; }
.lx-ud-taksit-link:hover { color: var(--lx-gold); }
/* kısa açıklama */
.lx-ud-kisa { margin: 0 0 20px; }
.lx-ud-kisa p { color: var(--lx-text); font-size: 15px; line-height: 22px; letter-spacing: .5px; }
/* geri sayım kutusu */
.lx-ud-sayac { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin: 0 0 20px; padding: 20px; border-radius: 8px; background: var(--lx-soft); }
.lx-ud-sayac-b { display: flex; flex-direction: column; align-items: center; text-align: center; }
.lx-ud-sayac-b 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-ud-sayac-metin);
  font-size: 18px; font-weight: 600; line-height: 28px; font-variant-numeric: tabular-nums; }
.lx-ud-sayac-b small { color: var(--lx-ink); font-size: 14px; font-weight: 500; line-height: 24px; text-transform: capitalize; }

/* ---------------- 5) SEÇENEKLER ---------------- */
.lx-ud-form { margin: 0; }
.lx-ud-eylem { display: flex; flex-direction: column; margin: 0 0 20px; padding: 0 0 10px; border-bottom: 1px solid var(--lx-ud-cizgi-eylem); }
.lx-ud-secim { min-width: 0; margin: 0 0 16px; padding: 0; border: 0; }
.lx-ud .lx-ud-etiket { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; float: none; width: auto; margin: 0 0 12px; padding: 0; color: var(--lx-ink); font-size: 15px; font-weight: 600; line-height: 22px; letter-spacing: .5px; }
.lx-ud .lx-ud-etiket .ad { margin: 0; color: inherit; font: inherit; letter-spacing: inherit; }
.lx-ud .lx-ud-etiket .deger { color: var(--lx-text); font-size: 14px; font-weight: 400; letter-spacing: 0; white-space: pre; }
legend.lx-ud-etiket { display: block; }
.lx-ud-secim.hata .lx-ud-etiket .ad { color: var(--lx-ud-hata-metin); }
.lx-ud-secim-hata { margin: 10px 0 0 !important; color: var(--lx-ud-hata-metin); font-size: 14px; line-height: 20px; }
.lx-ud-secenekler { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.lx-ud-secenekler > li { display: flex; }
/* (a) renk karesi: 24 × 24 r8; seçili koyu çerçeve içinde daire */
.lx-ud-kare { position: relative; display: block; width: 24px; height: 24px; margin: 0 2px 0 0; border: 1px solid transparent; border-radius: 8px; cursor: pointer; }
.lx-ud-kare::before { content: ""; position: absolute; inset: -1px; border-radius: 8px; background: var(--renk, #E6E6E6); transition: inset .2s, border-radius .2s; }
.lx-ud-kare.acik::before, .lx-ud-kare.bilinmeyen::before { box-shadow: 0 0 3px rgba(0, 0, 0, .15); }
.lx-ud-kare::after { content: ""; position: absolute; inset: -10px; }
.lx-ud-kare input { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.lx-ud-kare.secili, .lx-ud-kare:has(input:checked) { border-color: var(--lx-ud-kare-secili); }
.lx-ud-kare.secili::before, .lx-ud-kare:has(input:checked)::before { inset: 2px; border-radius: 50%; }
.lx-ud-kare:has(input:focus-visible) { outline: 2px solid var(--lx-focus); outline-offset: 3px; }
.lx-ud-kare.yok { cursor: not-allowed; opacity: .35; }
.lx-ud-kare.yok input { cursor: not-allowed; }
.lx-ud-kare.yok::before { background: linear-gradient(135deg, transparent calc(50% - .5px), var(--lx-text) calc(50% - .5px), var(--lx-text) calc(50% + .5px), transparent calc(50% + .5px)), var(--renk, #E6E6E6); }
/* kardeş ürün görsel karesi */
.lx-ud-gorsel-sec { display: block; width: 48px; height: 51px; overflow: hidden; border: 1px solid var(--lx-line); border-radius: 9px; background: var(--lx-ud-gorsel-zemin); transition: border-color .3s; }
.lx-ud-gorsel-sec img { display: block; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: var(--lx-ud-karisim); }
.lx-ud-gorsel-sec:hover, .lx-ud-gorsel-sec.secili { border-color: var(--lx-gold); }
.lx-ud-gorsel-sec.yok { opacity: .45; }
/* (b) metin hapı: min-h 34, r9; seçili altın dolgu */
.lx-ud-hap { position: relative; display: block; margin: 0; cursor: pointer; }
.lx-ud-hap input { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.lx-ud-hap-yazi { display: flex; align-items: center; justify-content: center; gap: 4px; min-width: 34px; min-height: 34px; padding: 2px 10px; border: 1px solid var(--lx-line); border-radius: 9px;
  background: var(--lx-bg); color: var(--lx-text); font-size: 14px; font-weight: 500; line-height: 14px; transition: border-color .3s, background-color .3s, color .3s; }
.lx-ud-hap-yazi small { color: var(--lx-muted); font-size: 12px; font-weight: 500; line-height: 14px; }
.lx-ud-hap:hover .lx-ud-hap-yazi { border-color: var(--lx-gold); }
.lx-ud-hap input:checked + .lx-ud-hap-yazi { border-color: var(--lx-gold); background: var(--lx-gold); color: var(--lx-ud-hap-secili); }
.lx-ud-hap input:checked + .lx-ud-hap-yazi small { color: inherit; opacity: .85; }
.lx-ud-hap input:focus-visible + .lx-ud-hap-yazi { outline: 2px solid var(--lx-focus); outline-offset: 2px; }
.lx-ud-hap.yok { cursor: not-allowed; }
.lx-ud-hap.yok input { cursor: not-allowed; }
.lx-ud-hap.yok .lx-ud-hap-yazi { border-color: var(--lx-line); background: var(--lx-bg); color: var(--lx-muted); text-decoration: line-through; }
/* (c) açılır liste: h48, #F6F6F6 zemin, r9, sağda 20 px açı */
.lx-ud-select { position: relative; width: min(100%, 330px); }
.lx-ud-select.dar { width: 200px; }
.lx-ud-select select { display: block; width: 100%; height: 48px; margin: 0; padding: 0 40px 0 16px; border: 1px solid var(--lx-line); border-radius: 9px; background: var(--lx-ud-tablo);
  color: var(--lx-text); font: 400 15px/22px var(--lx-font); appearance: none; -webkit-appearance: none; cursor: pointer; transition: border-color .3s; }
.lx-ud-select select:focus { border-color: var(--lx-gold); outline: 0; }
.lx-ud-select select:focus-visible { outline: 2px solid var(--lx-focus) !important; outline-offset: 2px; }
.lx-ud-select > .lx-ik { position: absolute; top: 50%; right: 14px; width: 20px; height: 20px; margin-top: -10px; color: var(--lx-text); pointer-events: none; }
.lx-ud-secim.hata select { border-color: var(--lx-err); }

/* ---------------- 6) ADET 120 × 50 + SEPETE EKLE + HEMEN AL ---------------- */
.lx-ud .lx-ud-etiket.adet { margin-bottom: 12px; }
/* son seçenek grubu ile "Adet" arası 24 (grup mb 16 + 8) */
.lx-ud .lx-ud-secim ~ .lx-ud-etiket.adet { margin-top: 8px; }
.lx-ud-satin { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.lx-ud-adet { position: relative; flex: none; width: 120px; height: 50px; }
.lx-ud-adet input { display: block; width: 120px; height: 50px; margin: 0; padding: 2.8px 34px; border: 2px solid var(--lx-soft); border-radius: 9px; background: var(--lx-soft);
  color: var(--lx-text); font: 500 16px/24px var(--lx-font); text-align: center; -moz-appearance: textfield; appearance: textfield; }
.lx-ud-adet input:focus { border-color: var(--lx-gold); outline: 0; }
.lx-ud-adet input::-webkit-outer-spin-button, .lx-ud-adet input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; }
.lx-ud-adet .bp-adet-btn { position: absolute; top: 0; display: flex; align-items: center; justify-content: center; width: 30px; height: 50px; padding: 0; border: 0; border-radius: 9px;
  background: transparent; color: var(--lx-ink); cursor: pointer; transition: color .3s; }
.lx-ud-adet .bp-adet-btn:first-child { left: 4px; } .lx-ud-adet .bp-adet-btn:last-child { right: 4px; }
.lx-ud-adet .bp-adet-btn .lx-ik { width: 10px; height: 10px; stroke-width: 2; }
.lx-ud-adet .bp-adet-btn:hover { color: var(--lx-gold); }
.lx-ud-adet .bp-adet-btn:disabled { color: var(--lx-muted); cursor: not-allowed; }
.lx-ud-adet.pasif { opacity: .65; }
.lx-ud-adet.pasif input { cursor: not-allowed; }
.lx-ud-sepete, .lx-ud-hemen { position: relative; display: inline-flex; align-items: center; justify-content: center; height: 50px; margin: 0; border-radius: 9px; font-family: var(--lx-font);
  font-size: 14px; font-weight: 600; line-height: 24px; letter-spacing: .28px; text-transform: none; white-space: nowrap; cursor: pointer; transition: background-color .3s, color .3s, border-color .3s; }
.lx-ud-sepete { flex: 1 1 0; min-width: 200px; padding: 0 15px; border: 1px solid transparent; background: var(--lx-btn-bg); color: var(--lx-btn-ink); }
.lx-ud-sepete:hover, .lx-ud-sepete:focus-visible { background: var(--lx-gold); color: var(--lx-gold-ink); }
.lx-ud-sepete:disabled { opacity: .65; cursor: not-allowed; }
.lx-ud-sepete:disabled:hover { background: var(--lx-btn-bg); color: var(--lx-btn-ink); }
/* (temaheader'daki çekirdek button[name="hemenal"] dolgu kuralı burada çerçeveli düğmeye döner) */
.lx-ud .lx-ud-satin .lx-ud-hemen { flex: 0 0 auto; padding: 0 24px; border: 1px solid var(--lx-ink) !important; background: var(--lx-bg) !important; color: var(--lx-ink) !important; }
.lx-ud .lx-ud-satin .lx-ud-hemen:hover, .lx-ud .lx-ud-satin .lx-ud-hemen:focus-visible { border-color: var(--lx-ink) !important; background: var(--lx-ink) !important; color: var(--lx-bg) !important; }
.lx-ud-sepete[aria-busy="true"], .lx-ud .lx-btn[aria-busy="true"], .lx-ud-modal .lx-btn[aria-busy="true"] { color: transparent !important; pointer-events: none; }
.lx-ud-sepete[aria-busy="true"]::after, .lx-ud .lx-btn[aria-busy="true"]::after, .lx-ud-modal .lx-btn[aria-busy="true"]::after { content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px;
  border: 2px solid var(--lx-btn-ink); border-right-color: transparent; border-radius: 50%; animation: lxUdDon .7s linear infinite; }

/* ---------------- 7) BAĞLANTILAR + STOK SATIRI + STOK ALARMI + ALTERNATİFLER ---------------- */
/* satın alma satırından 20 aşağıda; altında 10 (stok satırı varsa onun üstü) + blok alt boşluğu 10 */
.lx-ud-baglantilar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 0; width: 100%; margin: 20px 0 10px; }
.lx-ud-bg { display: flex; line-height: 1; }
.lx-ud-bg:not(:last-child) { margin-right: 15px; padding-right: 15px; }
.lx-ud-bg-oge { display: inline-flex; align-items: center; padding: 0; border: 0; background: none; color: var(--lx-text); font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: 0; cursor: pointer; transition: color .3s; }
.lx-ud-bg-oge .lx-ik { width: 15px; height: 15px; margin-right: 4px; }
.lx-ud-bg-oge .lx-ik.cetvel { width: 18px; height: 18px; }
.lx-ud-bg-oge:hover { color: var(--lx-ink); }
.lx-ud-bg-oge.secili { color: var(--lx-gold); }
.lx-ud-bg-oge.secili .lx-ik { fill: currentColor; }
.lx-ud-bg-oge.yukleniyor { opacity: .5; pointer-events: none; }
.lx-ud-stok { display: inline-flex; align-items: center; margin: 0 !important; color: var(--lx-text); font-size: 14px; font-weight: 600; line-height: 20px; }
.lx-ud-stok .lx-ik { width: 24px; height: 24px; margin-right: 6px; color: var(--lx-ud-uyari); }
.lx-ud-haber { margin: 16px 0 20px; padding: 20px; border-radius: 8px; background: var(--lx-soft); outline: 0; }
.lx-ud-haber form { margin: 0; }
.lx-ud-haber-baslik { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; color: var(--lx-ink); font-size: 15px; font-weight: 600; line-height: 22px; letter-spacing: .5px; }
.lx-ud-haber-baslik .lx-ik { width: 16px; height: 16px; }
.lx-ud-haber-satir { display: flex; gap: 10px; }
.lx-ud-haber-satir .lx-ud-girdi { flex: 1 1 auto; min-width: 0; }
.lx-ud-haber-dugme { flex: none; min-height: 48px; padding: 0 24px; }
.bp-alert-msg { color: var(--lx-text); font-size: 14px; line-height: 20px; }
.bp-alert-msg:not(:empty) { margin-top: 10px; }
.bp-alert-msg.ok { color: var(--lx-ok-text); } .bp-alert-msg.err { color: var(--lx-err-text); }
.lx-ud-alternatif { margin: 0 0 20px; }
.lx-ud-pkart { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; padding: 10px; border: 1px solid var(--lx-line); border-radius: 8px; background: var(--lx-surface); }
.lx-ud-pkart-gorsel { display: block; flex: none; width: 80px; height: 85px; overflow: hidden; border: 1px solid var(--lx-ud-tablo); border-radius: 8px; background: var(--lx-ud-gorsel-zemin); }
.lx-ud-pkart-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: var(--lx-ud-karisim); }
.lx-ud-pkart-orta { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; }
.lx-ud-pkart-ad { display: -webkit-box; flex: 1 1 auto; min-width: 0; overflow: hidden; color: var(--lx-ink); font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: .08px;
  -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: color .3s; }
a.lx-ud-pkart-ad:hover { color: var(--lx-gold); }
.lx-ud-pkart-et { color: var(--lx-muted); font-size: 12px; font-weight: 600; line-height: 15px; letter-spacing: .24px; text-transform: uppercase; }
.lx-ud-pkart-fiyat { display: flex; flex: none; flex-direction: column; align-items: flex-end; }
.lx-ud-pkart-fiyat del { color: var(--lx-ud-eski); font-size: 13px; line-height: 18px; }
.lx-ud-pkart-fiyat strong { color: var(--lx-ink); font-size: 16px; font-weight: 700; line-height: 23px; white-space: nowrap; }
.lx-ud-pkart-git, .lx-ud-pkart-not { flex: none; padding-left: 10px; border-left: 1px solid var(--lx-line); font-size: 14px; line-height: 20px; }
.lx-ud-pkart-not { color: var(--lx-muted); font-weight: 600; }

/* ---------------- 8) GÜVENCE · EK TEKLİFLER · ÖDEME · KÜNYE · PAYLAŞ ---------------- */
/* satırlar arası 12; son satırın altında da 12 (demo bloğu 3 satırda 101) */
.lx-ud-guvence { margin: 20px 0 !important; padding-bottom: 12px; }
.lx-ud-guvence li { display: flex; align-items: center; color: var(--lx-text); font-size: 14px; font-weight: 500; line-height: 18px; }
.lx-ud-guvence li + li { margin-top: 12px; }
.lx-ud-guvence li b { color: var(--lx-ink); font-weight: 600; }
.lx-ud-guvence-ik { display: flex; flex: none; align-items: center; justify-content: center; width: 20px; height: 22px; margin-right: 10px; color: var(--lx-ink); }
.lx-ud-guvence-ik .lx-ik { width: 18px; height: 18px; }
.lx-ud-guvence-ik.wp { color: #1E7E46; }
.lx-ud-kuponlar { margin: 0 0 20px; }
.lx-ud-kupon { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 8px; padding: 10px 14px; border: 1px dashed var(--lx-gold); border-radius: 9px; }
.lx-ud-kupon > div { display: flex; flex-direction: column; min-width: 0; }
.lx-ud-kupon-kod { color: var(--lx-ink); font-size: 14px; font-weight: 700; line-height: 20px; letter-spacing: .5px; text-transform: uppercase; overflow-wrap: anywhere; }
.lx-ud-kupon-alt { color: var(--lx-text); font-size: 14px; line-height: 20px; }
.lx-ud-kupon .lx-ud-metin-dugme { flex: none; font-size: 14px; line-height: 20px; }
.lx-ud-kupon .lx-ud-metin-dugme.tamam { color: var(--lx-ok-text); text-decoration: none; }
.lx-ud-kuponlar > .lx-ud-metin-dugme { font-size: 14px; font-weight: 600; line-height: 20px; color: var(--lx-ink); }
.lx-ud-odeme { margin: 0 0 20px; padding: 13px 0 17px; border-top: 1px solid var(--lx-line); border-bottom: 1px solid var(--lx-line); text-align: center; }
.lx-ud-odeme-baslik { margin: 0 0 5px; color: var(--lx-ink); font-size: 14px; font-weight: 600; line-height: 22px; letter-spacing: .5px; }
.lx-ud-odeme-gorsel { display: block; width: auto; max-width: min(100%, 350px); height: 35px; margin: 0 auto; object-fit: contain; }
.lx-ud-kartlar { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 8px; max-width: 100%; min-height: 35px; }
.lx-ud-kartlar li { display: flex; flex: 0 1 44px; align-items: center; justify-content: center; min-width: 0; aspect-ratio: 44 / 28; overflow: hidden; border: 1px solid var(--lx-line); border-radius: 4px; background: #FFFFFF; }
.lx-ud-kartlar svg { display: block; width: 100%; height: 100%; }
.lx-ud-kunye { margin: 0 0 0; color: var(--lx-ink); font-size: 14px; line-height: 20px; letter-spacing: .5px; }
.lx-ud-kunye > div { display: flex; flex-wrap: wrap; align-items: flex-start; font-size: 14px; font-weight: 500; line-height: 24px; }
.lx-ud-kunye dt { margin-right: 5px; color: var(--lx-muted); font-size: 15px; font-weight: 400; letter-spacing: .5px; }
.lx-ud-kunye dd { margin: 0; color: var(--lx-ink); font-weight: 500; letter-spacing: .5px; }
.lx-ud-kunye ul { display: flex; flex-wrap: wrap; gap: 0 6px; }
.lx-ud-kunye a { color: var(--lx-ink); transition: color .3s; }
.lx-ud-kunye a:hover { color: var(--lx-gold); }
.lx-ud-paylas { display: flex; align-items: center; min-height: 24px; }
.lx-ud-paylas-et { margin-right: 5px; color: var(--lx-muted); font-size: 14px; line-height: 24px; letter-spacing: .5px; }
.lx-ud-paylas ul { display: inline-flex; flex-wrap: wrap; align-items: center; }
.lx-ud-paylas li { display: flex; margin-right: 15px; }
.lx-ud-paylas li[hidden] { display: none; }
.lx-ud-paylas :is(a, button) { position: relative; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; padding: 0; border: 0; background: none; color: var(--lx-text);
  cursor: pointer; transition: transform .2s ease-in, color .3s; }
.lx-ud-paylas :is(a, button)::after { content: ""; position: absolute; inset: -12px -7px; }
.lx-ud-paylas .lx-ik { width: 16px; height: 16px; }
.lx-ud-paylas a.twitter .lx-ik { width: 20px; height: 20px; }
.lx-ud-paylas a.facebook { color: #3C5A98; } .lx-ud-paylas a.twitter { color: var(--lx-ud-paylas-x); } .lx-ud-paylas a.pinterest { color: #CB2027; } .lx-ud-paylas a.whatsapp { color: #1E7E46; }
.lx-ud-paylas :is(a, button):hover { transform: scale(1.1); }
.lx-ud-paylas button:hover { color: var(--lx-gold); }

/* ---------------- 9) SEKMELER (22/26 500; pasif gri, etkin koyu; gösterge çizgisi yok) ---------------- */
/* blok alt çizgisi kap genişliğinde (kenardan kenara değil) */
.lx-ud-sekmeler { padding: 80px 0 0; background: var(--lx-bg); }
.lx-ud-sekme-kap { padding-bottom: 30px; border-bottom: 1px solid var(--lx-line); }
.lx-ud-serit { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 10px 50px; padding-bottom: 18px; border-bottom: 1px solid var(--lx-line); }
.lx-ud-sekme { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; color: var(--lx-muted); font-size: 22px; font-weight: 500;
  line-height: 26px; letter-spacing: 0; cursor: pointer; transition: color .3s; }
.lx-ud-sekme .bp-tab-count { color: inherit; font: inherit; }
.lx-ud-sekme:hover, .lx-ud-sekme[aria-selected="true"] { color: var(--lx-ink); }
.lx-ud-panel { padding-top: 30px; outline: 0; }
.lx-ud-panel.active { animation: lxUdSol .15s linear; }
@keyframes lxUdSol { from { opacity: 0; } to { opacity: 1; } }
.lx-ud-panel-baslik { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }
.lx-ud-bos-metin { color: var(--lx-text); font-size: 15px; line-height: 22px; letter-spacing: .5px; }
/* zengin metin (açıklama, iade) */
.lx-ud-rte { max-width: 1000px; color: var(--lx-text); font-size: 15px; line-height: 21.667px; letter-spacing: .5px; overflow-wrap: anywhere; }
.lx-ud-rte p { margin: 0 0 16px; }
.lx-ud-rte > :last-child { margin-bottom: 0; }
.lx-ud-rte :is(h1, h2) { margin: 0 0 16px; color: var(--lx-ink); font-size: 28px; font-weight: 500; line-height: 30.8px; letter-spacing: 0; }
.lx-ud-rte :is(h1, h2) ~ :is(h1, h2) { margin-top: 48px; }
.lx-ud-rte h3 { margin: 24px 0 12px; color: var(--lx-ink); font-size: 22px; font-weight: 500; line-height: 26px; }
.lx-ud-rte h4 { margin: 0 0 16px; color: var(--lx-ink); font-size: 28px; font-weight: 500; line-height: 30.8px; letter-spacing: 0; }
.lx-ud-rte h4 ~ h4, .lx-ud-rte > .lx-ud-rte-ara { margin-top: 48px; }
.lx-ud-rte :is(h5, h6) { margin: 16px 0 8px; color: var(--lx-ink); font-size: 18px; font-weight: 500; line-height: 19.8px; letter-spacing: .5px; }
.lx-ud-rte :is(ul, ol) { margin: 0 0 16px; padding-left: 20px; }
.lx-ud-rte ul { list-style: disc; } .lx-ud-rte ol { list-style: decimal; }
.lx-ud-rte li { margin-bottom: 6px; }
.lx-ud-rte a { color: var(--lx-ink); text-decoration: underline; text-underline-offset: 3px; }
.lx-ud-rte a:hover { color: var(--lx-gold); }
.lx-ud-rte img { height: auto; border-radius: 18px; }
.lx-ud-rte table { width: 100%; margin: 0 0 16px; border-collapse: separate; border-spacing: 0 8px; }
.lx-ud-rte :is(td, th) { padding: 10px; background: var(--lx-ud-tablo); text-align: left; vertical-align: top; }
.lx-ud-rte iframe { max-width: 100%; }
.lx-ud-video-cerceve { max-width: 1000px; margin-top: 30px; overflow: hidden; border-radius: 18px; background: #000; aspect-ratio: 16 / 9; }
.lx-ud-video-cerceve iframe { display: block; width: 100%; height: 100%; border: 0; }
/* ürün detayları */
.lx-ud-detay-logo { display: inline-block; margin: 0 0 8px; }
.lx-ud-detay-logo img { display: block; width: auto; max-width: 120px; height: 35px; object-fit: contain; }
.lx-ud-detay-satir { color: var(--lx-text); font-size: 14px; font-weight: 500; line-height: 24px; }
.lx-ud-detay-satir span { margin-right: 5px; color: var(--lx-muted); font-size: 16px; }
.lx-ud-veri { margin-top: 20px; }
.lx-ud .lx-ud-veri-baslik { margin: 0 0 8px; color: var(--lx-ink); font-size: 18px; font-weight: 500; line-height: 19.8px; letter-spacing: .5px; }
.lx-ud-veri-tablo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1%; row-gap: 8px; max-width: 1000px; }
.lx-ud-veri-tablo :is(dt, dd) { margin: 0; min-height: 40px; padding: 10px; background: var(--lx-ud-tablo); color: var(--lx-text); font-size: 15px; font-weight: 400; line-height: 21.667px; word-break: break-word; }

/* ---------------- 10) DEĞERLENDİRMELER ---------------- */
.lx-ud-yb-ozet { display: flex; flex-wrap: wrap; align-items: center; gap: 24px 40px; margin: 0 0 30px; padding: 0 0 30px; border-bottom: 1px solid var(--lx-line); }
.lx-ud-yb-ort { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.lx-ud-yb-ort > b { color: var(--lx-ink); font-size: 44px; font-weight: 500; line-height: 44px; }
.lx-ud-yb-say { color: var(--lx-text); font-size: 14px; line-height: 20px; }
.lx-ud-yb-dag { flex: 1 1 260px; max-width: 360px; }
.lx-ud-yb-dag a { display: grid; grid-template-columns: 36px 1fr 44px; align-items: center; gap: 10px; color: var(--lx-text); font-size: 14px; font-weight: 500; line-height: 20px; transition: color .3s; }
.lx-ud-yb-dag li + li { margin-top: 4px; }
.lx-ud-yb-dag a:hover, .lx-ud-yb-dag a.secili { color: var(--lx-ink); font-weight: 600; }
.lx-ud-yb-dag i { position: relative; display: block; height: 6px; overflow: hidden; border-radius: 3px; background: var(--lx-line); }
.lx-ud-yb-dag em { position: absolute; inset: 0 auto 0 0; border-radius: 3px; background: var(--lx-sale); }
.lx-ud-yb-yuzde { color: var(--lx-muted); text-align: right; }
.lx-ud-yb-yaz { min-height: 46px; margin-left: auto; padding: 10px 30px; }
.lx-ud-yb-arac { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 30px; }
.lx-ud-yb-ara { position: relative; flex: 1 1 220px; max-width: 320px; margin: 0; }
.lx-ud-yb-ara > .lx-ik { position: absolute; top: 50%; left: 16px; width: 16px; height: 16px; margin-top: -8px; color: var(--lx-text); pointer-events: none; }
.lx-ud-yb-ara input { width: 100%; height: 48px; margin: 0; padding: 0 16px 0 42px; border: 1px solid var(--lx-line); border-radius: 9px; background: var(--lx-input-bg); color: var(--lx-text); font: 400 15px/22px var(--lx-font); }
.lx-ud-yb-ara input:focus { border-color: var(--lx-gold); background: var(--lx-surface); outline: 0; }
.lx-ud-yb-sag { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.lx-ud-yb-sirala { display: flex; align-items: center; gap: 10px; margin: 0; }
.lx-ud-yb-filtre { display: inline-flex; align-items: center; gap: 6px; color: var(--lx-ink); font-size: 14px; font-weight: 600; line-height: 20px; }
.lx-ud-yb-filtre .lx-ik { width: 14px; height: 14px; }
.lx-ud-yb-filtre:hover { color: var(--lx-gold); }
.lx-ud-yb-fotolar { margin: 0 0 30px; }
.lx-ud-yb-fotolar .lx-ud-veri-baslik { margin-bottom: 12px; }
.lx-ud-yb-foto-iz { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: thin; padding-bottom: 4px; }
.lx-ud-yb-foto { display: block; flex: none; width: 80px; height: 85px; overflow: hidden; border: 1px solid var(--lx-line); border-radius: 8px; }
.lx-ud-yb-foto img { display: block; width: 100%; height: 100%; object-fit: cover; transition: opacity .3s; }
.lx-ud-yb-foto:hover img { opacity: .85; }
.lx-ud-yorum { display: grid; grid-template-columns: 25% 75%; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid var(--lx-ud-yorum-cizgi); }
.lx-ud-yorum[hidden] { display: none; }
.lx-ud-yorum-yazar { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 0 15px 0 0; border-right: 1px solid var(--lx-ud-yorum-cizgi); }
.lx-ud-yorum-yazar .lx-ud-puan { margin: 0; }
.lx-ud-yorum-ad { color: var(--lx-text); font-size: 15px; line-height: 21.667px; }
.lx-ud-yorum-ad strong { color: var(--lx-text); font-weight: 700; }
.lx-ud-yorum-ad em { font-style: italic; }
.lx-ud-yorum-satin { display: inline-flex; align-items: center; gap: 3px; color: #5F7A0B; font-size: 12px; font-weight: 600; line-height: 15px; letter-spacing: .24px; text-transform: uppercase; }
.lx-ud-yorum-satin .lx-ik { width: 12px; height: 12px; stroke-width: 2.2; }
.lx-ud-yorum-govde { min-width: 0; padding: 0 0 0 15px; }
.lx-ud-yorum-metin { color: var(--lx-text); font-size: 15px; line-height: 21.667px; letter-spacing: .5px; overflow-wrap: anywhere; }
.lx-ud-yorum-metin p { margin: 0 0 16px; }
.lx-ud-yorum-fotolar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.lx-ud-yorum-fotolar a { display: block; width: 64px; height: 68px; overflow: hidden; border: 1px solid var(--lx-line); border-radius: 8px; }
.lx-ud-yorum-fotolar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lx-ud-cevap { margin-top: 10px; padding: 12px 16px; border-radius: 9px; background: var(--lx-ud-tablo); color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-ud-cevap-et { display: block; margin-bottom: 2px; color: var(--lx-muted); font-size: 12px; font-weight: 600; line-height: 15px; letter-spacing: .24px; text-transform: uppercase; }
/* oy çubuğu (ortak bileşen) — metin düğmesi diline */
.lx-ud .bp-oy { gap: 6px 14px; margin-top: 10px; padding-top: 0; border-top: 0; color: var(--lx-text); font-size: 14px; line-height: 20px; }
.lx-ud .bp-oy-soru { color: var(--lx-muted); font-size: 14px; }
.lx-ud .bp-oy-btn { gap: 4px; padding: 0; border: 0; border-radius: 0; background: none; color: var(--lx-text); font-size: 14px; font-weight: 500; line-height: 20px; }
.lx-ud .bp-oy-btn i { display: block; width: 16px; height: 16px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 11v9h-3v-9zM7.5 11l3.8-7a2 2 0 0 1 3.4 1.7L14 10h5.2a2 2 0 0 1 2 2.3l-1.2 6A2 2 0 0 1 18 20H7.5'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 11v9h-3v-9zM7.5 11l3.8-7a2 2 0 0 1 3.4 1.7L14 10h5.2a2 2 0 0 1 2 2.3l-1.2 6A2 2 0 0 1 18 20H7.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.lx-ud .bp-oy-btn[data-tip="faydasiz"] i { transform: scaleY(-1); }
.lx-ud .bp-oy-btn b { font-weight: 500; }
.lx-ud .bp-oy-btn b::before { content: "("; } .lx-ud .bp-oy-btn b::after { content: ")"; }
.lx-ud .bp-oy-btn:hover { border: 0; color: var(--lx-ink); }
.lx-ud .bp-oy-btn.aktif { border: 0; background: none; color: var(--lx-gold); }
.lx-ud .bp-oy-bildir { color: var(--lx-muted); font-size: 14px; }
.lx-ud .bp-oy-bildir:hover { color: var(--lx-err-text); }
/* pazaryeri yorumları (ortak bileşen) */
.lx-ud-yb-pz .bp-comment { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid var(--lx-ud-yorum-cizgi); }
.lx-ud-yb-pz .bp-comment-top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px; }
.lx-ud-yb-pz .bp-comment-user { display: flex; align-items: center; gap: 10px; }
.lx-ud-yb-pz .bp-comment-avatar { display: none; }
.lx-ud-yb-pz .bp-comment-name { color: var(--lx-text); font-weight: 700; }
.lx-ud-yb-pz .bp-comment-loc { color: var(--lx-muted); font-size: 12px; font-weight: 600; letter-spacing: .24px; text-transform: uppercase; }
.lx-ud-yb-pz .bp-comment-loc span { color: inherit !important; }
.lx-ud-yb-pz .bp-comment-stars { display: inline-flex; gap: 1px; }
.lx-ud-yb-pz .bp-comment-stars i { 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-ud-yb-pz .bp-comment-stars i.fa-star { background: var(--lx-sale); }
.lx-ud-yb-pz .bp-comment-body { margin-top: 6px; color: var(--lx-text); letter-spacing: .5px; }
.lx-ud-yb-pz img { border-color: var(--lx-line) !important; border-radius: 8px !important; }
.lx-ud-daha-kap { margin-top: 20px; text-align: center; }
.lx-ud-daha { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 8px 24px; border: 1px solid var(--lx-ink); border-radius: 9px; background: transparent;
  color: var(--lx-ink); font-size: 14px; font-weight: 600; line-height: 24px; letter-spacing: .28px; cursor: pointer; transition: background-color .3s, color .3s, border-color .3s; }
.lx-ud-daha:hover { border-color: var(--lx-gold); background: var(--lx-gold); color: #FFFFFF; }
.lx-ud-yb-yaz-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 0; border: 0; background: none; color: var(--lx-ink); font-size: 15px; line-height: 21.667px; cursor: pointer; transition: color .3s; }
.lx-ud-yb-yaz-link .lx-ik { width: 24px; height: 24px; }
.lx-ud-yb-yaz-link:hover { color: var(--lx-gold); }

/* ---------------- 11) SORU & CEVAP ---------------- */
.lx-ud-sss-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin: 0 0 30px; padding: 0 0 30px; border-bottom: 1px solid var(--lx-line); }
.lx-ud-sss-bas p { color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-ud-sss-bas .lx-btn { min-height: 46px; padding: 10px 30px; }
.lx-ud-sss-oge, .lx-ud-sss-pz .bp-qa { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid var(--lx-line); }
.lx-ud-sss-soru, .lx-ud-sss-pz .bp-qa-question { display: flex; align-items: baseline; gap: 8px; color: var(--lx-ink); font-size: 15px; font-weight: 600; line-height: 22px; }
.lx-ud-sss-s { flex: none; color: var(--lx-muted); font-size: 12px; font-weight: 600; line-height: 15px; text-transform: uppercase; }
.lx-ud-sss-meta { margin-top: 2px !important; color: var(--lx-muted); font-size: 14px; line-height: 20px; }
.lx-ud-sss-meta:empty { display: none; }
.lx-ud-sss-pz .bp-qa-answer { margin-top: 10px; padding: 12px 16px; border-radius: 9px; background: var(--lx-ud-tablo); color: var(--lx-text); }
.lx-ud-sss-pz .bp-qa-seller { color: var(--lx-muted); font-size: 12px; font-weight: 600; letter-spacing: .24px; text-transform: uppercase; }
.lx-ud-sss-pz .bp-qa-seller span { color: inherit !important; }
.lx-ud-sss-pz .bp-qa-date { color: var(--lx-muted); font-size: 14px; }

/* ---------------- 12) BÖLÜMLER (paket, banner, karuseller) ---------------- */
.lx-ud-bolum { margin-top: 80px; }
.lx-ud .lx-ud-bolum-baslik { margin: 0 0 42px; color: var(--lx-ink); font-size: 36px; font-weight: 500; line-height: 40px; letter-spacing: 0; text-align: center; text-transform: none; }
.lx-ud-paket { max-width: 900px; margin: 0 auto; }
.lx-ud-paket .lx-ud-pkart { min-height: 107px; }
.lx-ud-onay { position: relative; display: flex; flex: none; align-items: center; justify-content: center; width: 24px; height: 24px; margin: 0; cursor: pointer; }
.lx-ud-onay input { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.lx-ud-onay input:disabled { cursor: not-allowed; }
.lx-ud-onay > span[aria-hidden] { display: block; width: 14px; height: 14px; border: 1px solid var(--lx-ud-onay-kenar); border-radius: 50%; background: var(--lx-surface); transition: background-color .2s, border-color .2s; }
.lx-ud-onay input:checked + span[aria-hidden] { border-color: var(--lx-gold); background: var(--lx-gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3.5 7.3 2.3 2.2L10.5 4.6'/%3E%3C/svg%3E") center / 10px no-repeat; }
.lx-ud-onay input:disabled:not(:checked) + span[aria-hidden] { opacity: .45; }
.lx-ud-onay input:focus-visible + span[aria-hidden] { outline: 2px solid var(--lx-focus); outline-offset: 3px; }
.lx-ud-paket-toplam { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px 20px; margin-top: 8px; padding-top: 20px; border-top: 1px solid var(--lx-line); }
.lx-ud-paket-toplam p { color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-ud-paket-toplam b { margin-left: 4px; color: var(--lx-ink); font-size: 24px; font-weight: 700; line-height: 24px; }
.lx-ud-paket-sepet { min-height: 50px; padding: 0 30px; }
.lx-ud-paket-favori { display: inline-flex; align-items: center; gap: 4px; padding: 0; border: 0; background: none; color: var(--lx-text); font-size: 14px; font-weight: 500; line-height: 20px; cursor: pointer; transition: color .3s; }
.lx-ud-paket-favori .lx-ik { width: 15px; height: 15px; }
.lx-ud-paket-favori:hover { color: var(--lx-ink); }
.lx-ud-banner { display: block; overflow: hidden; border-radius: 18px; }
.lx-ud-banner img { display: block; width: 100%; height: auto; aspect-ratio: 1394 / 300; object-fit: cover; }
@media (max-width: 767.98px) { .lx-ud-banner img { aspect-ratio: 12 / 5; } .lx-ud-banner.mobilli img { aspect-ratio: 3 / 2; } }
/* karuseller: ok ve nokta yok; ≥1200: 5 · 992–1199: 4 · 768–991: 3 · 400–767: 2 · <400: 1 */
.lx-ud-ray { --lx-ud-gor: 5; position: relative; }
.lx-ud-ray-iz { display: flex; gap: 30px; margin: -4px 0 -10px; padding: 4px 0 10px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; outline: 0; }
.lx-ud-ray-iz::-webkit-scrollbar { display: none; }
.lx-ud-ray-iz:focus-visible { outline: 2px solid var(--lx-focus) !important; outline-offset: 4px; }
.lx-ud-ray-iz.surukle { scroll-snap-type: none; cursor: grabbing; user-select: none; }
.lx-ud-ray-iz.surukle * { pointer-events: none; }
.lx-ud-ray-oge { flex: 0 0 calc((100% - (var(--lx-ud-gor) - 1) * 30px) / var(--lx-ud-gor)); min-width: 0; scroll-snap-align: start; }

/* ---------------- 13) PENCERELER (perde .5, 450 genişlik, r12, gölgesiz) ---------------- */
.ex-modal.lx-ud-modal { z-index: 3000; align-items: flex-start; padding: 32px 10px; }
.lx-ud-modal .ex-modal-diyalog.lx-ud-diyalog { max-width: 450px; margin: 0 auto; }
.lx-ud-modal.genis .ex-modal-diyalog.lx-ud-diyalog { max-width: 720px; }
.lx-ud-modal-icerik { position: relative; border-radius: 12px; background: var(--lx-surface); color: var(--lx-text); font-family: var(--lx-font); font-size: 15px; line-height: 21.667px; }
.lx-ud-modal-bas { position: relative; padding: 15px 50px; }
.lx-ud-modal .lx-ud-modal-baslik { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0; color: var(--lx-ink); font-size: 28px; font-weight: 500; line-height: 42px; letter-spacing: 0; text-align: center; }
.lx-ud-modal .lx-ud-modal-baslik .lx-ik { width: 24px; height: 24px; }
.lx-ud-modal .lx-ud-modal-baslik.buyuk { font-size: 40px; line-height: 60px; text-transform: uppercase; }
.lx-ud-modal-x { position: absolute; top: 12px; right: 10px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; background: none;
  color: var(--lx-ud-x); font-size: 24px; font-weight: 400; line-height: 1; opacity: .6; cursor: pointer; transition: opacity .3s; }
.lx-ud-modal-x:hover, .lx-ud-modal-x:focus-visible { opacity: 1; }
.lx-ud-modal-govde { padding: 15px; }
.lx-ud-modal-alt { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; padding: 15px; }
.lx-ud-modal-alt .lx-btn { min-height: 46px; padding: 10px 25px; }
.lx-ud-modal-alt .lx-btn--form { padding: 10px 30px; }
.lx-ud-modal-metin { margin: 0 0 16px !important; color: var(--lx-text); font-size: 15px; line-height: 22px; text-align: center; }
.lx-ud-modal-not { margin: 12px 0 0 !important; color: var(--lx-muted); font-size: 14px; line-height: 20px; }
.lx-ud-modal .lx-btn.lx-ud-tam { margin-top: 12px; }
.lx-ud-modal .bp-alert-form { display: none; }
.lx-ud-modal .bp-alert-form.active { display: block; }
.lx-ud-modal .bp-alert-form .lx-ud-girdi + .lx-ud-girdi, .lx-ud-modal .bp-alert-form .lx-ud-alan-et + .lx-ud-girdi { margin-top: 10px; }
.lx-ud-alan { position: relative; display: block; margin: 0 0 16px; }
.lx-ud-modal .lx-ud-alan > label, .lx-ud-alan-et { display: block; margin: 0 0 8px; padding-top: 8px; color: #1A1A1A; font-size: 15px; font-weight: 500; line-height: 21.667px; }
:root[data-tema="koyu"] .lx-ud-modal .lx-ud-alan > label, :root[data-tema="koyu"] .lx-ud-alan-et { color: var(--lx-ink); }
@media (prefers-color-scheme: dark) { :root:not([data-tema="acik"]):not([data-tema="kontrast"]) :is(.lx-ud-modal .lx-ud-alan > label, .lx-ud-alan-et) { color: var(--lx-ink); } }
.lx-ud-alan sup, .lx-ud-kriter sup, .lx-ud-zorunlu sup { color: var(--lx-err-text); }
.lx-ud-alan-say { position: absolute; right: 10px; bottom: 6px; color: var(--lx-muted); font-size: 14px; line-height: 20px; pointer-events: none; }
.lx-ud-alan-say b { font-weight: 400; }
.lx-ud-alan-hata { margin: -8px 0 12px !important; color: var(--lx-ud-hata-metin); font-size: 14px; line-height: 20px; }
.lx-ud-zorunlu { margin: 0 !important; color: var(--lx-muted); font-size: 14px; line-height: 20px; }
/* segment (taksit: kart / havale · beden kalıbı · alarm türü) */
.lx-ud-segment { display: flex; gap: 0; margin: 0 0 16px; padding: 4px; border-radius: 9px; background: var(--lx-soft); }
.lx-ud-segment button { flex: 1 1 0; min-height: 38px; padding: 6px 12px; border: 0; border-radius: 7px; background: transparent; color: var(--lx-text); font-size: 14px; font-weight: 600; line-height: 20px; cursor: pointer; transition: background-color .3s, color .3s; }
.lx-ud-segment button:is([aria-selected="true"], [aria-checked="true"], .active, .on) { background: var(--lx-surface); color: var(--lx-ink); box-shadow: 0 0 0 1px var(--lx-line); }
/* tablo (taksit): başlık 15/15 700 büyük harf; tek satırlar zebra */
.lx-ud-tablo { width: 100%; border-collapse: collapse; color: var(--lx-text); font-size: 15px; line-height: 15px; font-variant-numeric: tabular-nums; }
.lx-ud-tablo thead th { padding: 12px; border-top: 1px solid var(--lx-ud-tablo-cizgi); border-bottom: 2px solid var(--lx-ud-tablo-cizgi); color: var(--lx-text); font-weight: 700; text-align: left; text-transform: uppercase; }
.lx-ud-tablo :is(tbody th, td) { padding: 12px; border-top: 1px solid var(--lx-ud-tablo-cizgi); text-align: left; vertical-align: middle; }
.lx-ud-tablo tbody th { font-weight: 700; }
.lx-ud-tablo :is(td, thead th:not(:first-child)) { text-align: right; }
.lx-ud-tablo tbody tr:nth-child(odd) { background: rgba(0, 0, 0, .05); }
:root[data-tema="koyu"] .lx-ud-tablo tbody tr:nth-child(odd) { background: rgba(255, 255, 255, .04); }
@media (prefers-color-scheme: dark) { :root:not([data-tema="acik"]):not([data-tema="kontrast"]) .lx-ud-tablo tbody tr:nth-child(odd) { background: rgba(255, 255, 255, .04); } }
.lx-ud-farksiz { display: inline-block; margin-left: 6px; padding: 0 6px; border-radius: 3px; background: #5F7A0B; color: #FFFFFF; font-size: 11px; font-weight: 700; line-height: 20px; text-transform: uppercase; vertical-align: middle; }
/* yorum penceresi: iki %50 sütun */
.lx-ud-yorum-govde.lx-ud-modal-govde { display: grid; grid-template-columns: 1fr 1fr; padding: 15px 0; }
.lx-ud-yorum-urun, .lx-ud-yorum-alanlar { min-width: 0; padding: 0 15px; }
/* sol sütun: görsel (galeri zemini) + ortalı ad (700) ve kısa açıklama */
.lx-ud-yorum-urun { text-align: center; }
.lx-ud-yorum-gorsel { display: block; overflow: hidden; border-radius: 18px; background: var(--lx-ud-gorsel-zemin); isolation: isolate; }
.lx-ud-yorum-gorsel img { display: block; width: 100%; height: auto; aspect-ratio: 195 / 208; margin: 0; object-fit: cover; mix-blend-mode: var(--lx-ud-karisim); }
.lx-ud-yorum-urun > div { margin-top: 20px; }
.lx-ud-yorum-urun strong { display: block; margin: 0 0 16px; color: var(--lx-text); font-size: 15px; font-weight: 700; line-height: 21.667px; }
.lx-ud-yorum-urun p { color: var(--lx-text); font-size: 15px; line-height: 21.667px; }
.lx-ud-kriter { margin: 0 0 16px; padding: 0 0 15px; border: 0; border-bottom: 1px solid #CCCCCC; }
.lx-ud-kriter-et { margin-right: 10px; color: var(--lx-ink); font-size: 15px; font-weight: 500; line-height: 21.667px; }
.lx-ud-kriter-yildiz { display: flex; flex-wrap: wrap; align-items: center; gap: 0; }
.lx-ud-kriter-yildiz label { display: flex; align-items: center; justify-content: center; width: 20px; height: 24px; margin: 0; cursor: pointer; }
.lx-ud-kriter-yildiz svg { display: block; width: 14px; height: 13px; fill: var(--lx-muted); transition: fill .15s; }
.lx-ud-kriter-yildiz label.dolu svg { fill: var(--lx-sale); }
.lx-ud-kriter-yildiz input:focus-visible + label { outline: 2px solid var(--lx-focus); outline-offset: 0; border-radius: 4px; }
.lx-ud-foto-kutular { display: flex; gap: 8px; }
.lx-ud-foto-kutu { position: relative; width: 58px; height: 62px; }
.lx-ud-foto-kutu label { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0; overflow: hidden; border: 1px dashed var(--lx-muted); border-radius: 8px; color: var(--lx-text); cursor: pointer; transition: border-color .3s, color .3s; }
.lx-ud-foto-kutu label:hover { border-color: var(--lx-gold); color: var(--lx-gold); }
.lx-ud-foto-kutu label .lx-ik { width: 16px; height: 16px; }
.lx-ud-foto-kutu.dolu label { border-style: solid; border-color: var(--lx-line); }
.lx-ud-foto-kutu.dolu label .lx-ik { display: none; }
.lx-ud-foto-kutu label img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lx-ud-foto-kutu input:focus-visible + label { outline: 2px solid var(--lx-focus); outline-offset: 2px; }
.lx-ud-foto-sil { position: absolute; top: -7px; right: -7px; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; padding: 0; border: 0; border-radius: 50%;
  background: var(--lx-ink); color: var(--lx-bg); cursor: pointer; }
.lx-ud-foto-sil::after { content: ""; position: absolute; inset: -12px; }
.lx-ud-foto-sil .lx-ik { width: 12px; height: 12px; stroke-width: 2; }
.lx-ud-giris { text-align: center; }
.lx-ud-giris p { margin: 0 0 16px !important; font-size: 15px; line-height: 22px; }
.lx-ud-giris-dugmeler { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
/* beden rehberi */
.lx-ud-beden-alanlar { display: grid; grid-template-columns: 1fr 1fr; column-gap: 10px; }
.lx-ud-beden-alanlar .lx-ud-alan.tam { grid-column: 1 / -1; }
.lx-ud-beden-alanlar .lx-ud-alan { margin-bottom: 8px; }
.lx-ud-beden-sonuc { margin-top: 12px; padding: 16px; border-radius: 8px; background: var(--lx-soft); color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-ud-beden-sonuc b { color: var(--lx-ink); }
.lx-ud-beden-sonuc.hata { color: var(--lx-err-text); }
/* harita */
.lx-ud-harita { margin: 0 0 12px; overflow: hidden; border-radius: 12px; background: var(--lx-soft); aspect-ratio: 16 / 10; }
.lx-ud-harita iframe { display: block; width: 100%; height: 100%; border: 0; }
.lx-ud-modal .lx-ud-harita + .lx-ud-modal-metin { text-align: left; margin-bottom: 6px !important; }
/* "Soru Sor" penceresi (ortak bileşen) — aynı kabuk */
html body #bpSoruSorModal { z-index: 3000 !important; align-items: flex-start !important; padding: 32px 10px !important; background: var(--lx-overlay) !important; overflow-y: auto; }
html body #bpSoruSorModal > div { max-width: 450px !important; margin: 0 auto; border-radius: 12px !important; background: var(--lx-surface) !important; font-family: var(--lx-font); }
html body #bpSoruSorModal > div > div:first-child { position: relative; justify-content: center !important; padding: 15px 50px !important; background: transparent !important; color: var(--lx-ink) !important; }
html body #bpSoruSorModal > div > div:first-child b { font-size: 28px !important; font-weight: 500 !important; line-height: 42px; text-align: center; }
html body #bpSoruSorModal > div > div:last-child p { margin: 0 0 16px !important; color: var(--lx-text) !important; font-size: 15px !important; line-height: 22px; }
html body #bpSoruSorModal > div > div:last-child a { padding: 11px 25px !important; font: 600 14px/24px var(--lx-font) !important; letter-spacing: .28px; transition: background-color .3s; }
html body #bpSoruSorModal > div > div:last-child a:hover { background: var(--lx-gold) !important; color: var(--lx-gold-ink) !important; }
html body #bpSoruSorModal > div > div:first-child b i { display: none; }
html body #bpSoruSorModal > div > div:first-child > span { position: absolute !important; top: 12px; right: 10px; width: 44px !important; height: 44px !important; opacity: .6 !important; color: var(--lx-ud-x) !important; }
html body #bpSoruSorModal > div > div:first-child > span:hover { opacity: 1 !important; color: var(--lx-ud-x) !important; }
html body #bpSoruSorModal form { padding: 15px !important; }
html body #bpSoruSorModal label { color: var(--lx-ink) !important; font-size: 15px !important; font-weight: 500 !important; }
html body #bpSoruSorModal textarea { min-height: 120px; border: 1px solid var(--lx-line) !important; border-radius: 9px !important; background: var(--lx-input-bg) !important; color: var(--lx-text) !important; font: 400 15px/22px var(--lx-font) !important; }
html body #bpSoruSorModal textarea:focus { border-color: var(--lx-gold) !important; background: var(--lx-surface) !important; }
html body #bpSoruSorModal form > div:not(:last-child) { color: var(--lx-muted) !important; font-size: 14px !important; }
html body #bpSoruSorModal form > div:not(:last-child) i { display: none; }
html body #bpSoruSorModal button { min-height: 46px; padding: 10px 25px !important; border: 1px solid var(--lx-btn-bg) !important; border-radius: 9px !important; background: var(--lx-btn-bg) !important; color: var(--lx-btn-ink) !important;
  font: 600 14px/24px var(--lx-font) !important; letter-spacing: .28px; transition: background-color .3s, border-color .3s; }
html body #bpSoruSorModal button:hover { border-color: var(--lx-gold) !important; background: var(--lx-gold) !important; }
html body #bpSoruSorModal a { border-radius: 9px !important; background: var(--lx-btn-bg) !important; color: var(--lx-btn-ink) !important; font-family: var(--lx-font); }
html body #bpSoruSorModal > div > div:last-child i.fa-lock { display: none !important; }
@media (max-width: 575.98px) { html body #bpSoruSorModal > div > div:first-child b { font-size: 24px !important; line-height: 34px; } }

/* ---------------- 14) KAMERADA DENE (720; sahne r12 siyah; araçlar 36 × 36 beyaz r9) ---------------- */
.bp-armodal { position: fixed; inset: 0; z-index: 3000; display: none; align-items: flex-start; justify-content: center; padding: 32px 10px; overflow-y: auto; background: var(--lx-overlay); font-family: var(--lx-font); }
.bp-armodal.acik { display: flex; }
.bp-armodal-box { position: relative; width: 100%; max-width: 720px; padding: 0 15px 15px; border-radius: 12px; background: var(--lx-surface); color: var(--lx-text); }
.bp-armodal-head { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; padding: 15px 50px; }
.bp-armodal-head .lx-ud-modal-baslik { margin: 0; color: var(--lx-ink); font-size: 28px; font-weight: 500; line-height: 42px; text-align: center; }
.bp-armodal-head .bp-armodal-tabs { flex-basis: 100%; max-width: 280px; margin: 0; }
.bp-armodal-head .lx-ud-modal-x { top: 12px; right: -5px; }
.bp-armodal-stage { position: relative; height: min(60vh, 480px); overflow: hidden; border-radius: 12px; background: #000; }
.bp-armodal-stage[hidden] { display: none; }
.bp-armodal-stage video { width: 100%; height: 100%; object-fit: cover; transform: scaleX(-1); }
.bp-ar-obj { position: absolute; top: 50%; left: 50%; width: 46%; margin: -23% 0 0 -23%; cursor: grab; touch-action: none; }
.bp-ar-obj.grab { cursor: grabbing; }
.bp-ar-obj img { width: 100%; height: auto; user-select: none; }
.bp-ar-loading { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 10px; color: #FFFFFF; font-size: 15px; }
.bp-ar-loading[hidden] { display: none; }
.bp-ar-hint { position: absolute; left: 50%; bottom: 12px; padding: 6px 12px; border-radius: 9px; background: rgba(0, 0, 0, .6); color: #FFFFFF; font-size: 13px; line-height: 18px; transform: translateX(-50%); white-space: nowrap; }
.bp-ar3d model-viewer { width: 100%; height: 100%; }
.bp-armodal-ctrls { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding-top: 15px; }
.bp-armodal-ctrls button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 36px; height: 36px; padding: 0 10px; border: 0; border-radius: 9px; background: #FFFFFF;
  color: #22201D; box-shadow: var(--lx-shadow-quick); font-size: 14px; font-weight: 600; cursor: pointer; transition: background-color .3s, color .3s; }
.bp-armodal-ctrls button .lx-ik { width: 16px; height: 16px; }
.bp-armodal-ctrls button:hover { background: #22201D; color: #FFFFFF; }
.bp-armodal-ctrls button.cap { padding: 0 16px; background: var(--lx-btn-bg); color: var(--lx-btn-ink); }
.bp-armodal-ctrls button.cap:hover { background: var(--lx-gold); color: var(--lx-gold-ink); }
.bp-ar-error { margin: 12px 0 0 !important; color: var(--lx-ud-hata-metin); font-size: 14px; line-height: 20px; text-align: center; }
.bp-ar-error[hidden] { display: none; }

/* ---------------- 15) TAM EKRAN GÖRÜNTÜLEYİCİ (siyah perde; araç çubuğu 47; oklar 42 × 39; küçük görsel şeridi 180) ---------------- */
.lx-ud-gor { position: fixed; inset: 0; z-index: 3500; display: flex; flex-direction: column; background: #000; color: #999999; font-family: var(--lx-font); opacity: 0; transition: opacity .15s; }
.lx-ud-gor[hidden] { display: none; }
.lx-ud-gor.acik { opacity: 1; }
.lx-ud-gor button { font-family: inherit; }
.lx-ud-gor :focus-visible { outline: 2px solid var(--lx-gold) !important; outline-offset: 2px; }
.lx-ud-gor-ust { position: absolute; top: 0; right: 0; left: 0; z-index: 3; display: flex; align-items: flex-start; justify-content: space-between; height: 47px; background: rgba(0, 0, 0, .45); }
.lx-ud-gor-sayac { padding: 12px 0 0 20px; color: #999999; font-size: 16px; line-height: 23px; }
.lx-ud-gor-araclar { display: flex; }
.lx-ud-gor-araclar button { display: flex; align-items: center; justify-content: center; width: 50px; height: 47px; padding: 0; border: 0; background: transparent; color: #999999; cursor: pointer; transition: color .2s linear; }
.lx-ud-gor-araclar button:hover, .lx-ud-gor-araclar button[aria-pressed="true"] { color: #FFFFFF; }
.lx-ud-gor-araclar .lx-ik { width: 24px; height: 24px; }
.lx-ud-gor-araclar [data-gor="oynat"] .lx-ik { width: 20px; height: 20px; }
.lx-ud-gor-araclar [data-gor="oynat"] .durdur, .lx-ud-gor.oynuyor [data-gor="oynat"] .oynat { display: none; }
.lx-ud-gor.oynuyor [data-gor="oynat"] .durdur { display: block; }
.lx-ud-gor-ilerleme { position: absolute; top: 0; left: 0; height: 5px; width: 0; background: var(--lx-gold); }
.lx-ud-gor-ilerleme.kos { animation: lxUdIlerle 3s linear forwards; }
@keyframes lxUdIlerle { from { width: 0; } to { width: 100%; } }
.lx-ud-gor-sahne { position: relative; display: flex; flex: 1 1 auto; align-items: center; justify-content: center; min-height: 0; padding: 57px 80px 10px; overflow: hidden; }
.lx-ud-gor-kutu { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0; }
.lx-ud-gor-kutu img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; cursor: zoom-in; transition: transform .3s cubic-bezier(0, 0, .25, 1); }
.lx-ud-gor.yakin .lx-ud-gor-kutu img { transform: scale(2); cursor: zoom-out; }
.lx-ud-gor.yakin .lx-ud-gor-sahne { overflow: auto; }
.lx-ud-gor-ok { position: absolute; top: 50%; z-index: 3; display: flex; align-items: center; justify-content: center; width: 42px; height: 39px; margin-top: -19px; padding: 8px 10px 9px; border: 0; border-radius: 2px;
  background: rgba(0, 0, 0, .45); color: #999999; cursor: pointer; transition: color .2s linear; }
.lx-ud-gor-ok .lx-ik { width: 22px; height: 22px; }
.lx-ud-gor-ok.sol { left: 20px; } .lx-ud-gor-ok.sag { right: 20px; }
.lx-ud-gor-ok:hover { color: #FFFFFF; }
.lx-ud-gor.tek :is(.lx-ud-gor-ok, .lx-ud-gor-kk, [data-gor="oynat"]) { display: none; }
.lx-ud-gor-alt { position: relative; flex: none; }
.lx-ud-gor-yazi { margin: 0; padding: 10px 80px; background: rgba(0, 0, 0, .45); color: #EEEEEE; font-size: 13px; font-weight: 700; line-height: 18px; text-align: center; }
.lx-ud-gor-yazi:empty { display: none; }
.lx-ud-gor-serit { position: relative; height: 180px; background: #0D0A0A; transition: height .25s ease; }
.lx-ud-gor.kucuksuz .lx-ud-gor-serit { height: 0; }
.lx-ud-gor-kk { position: absolute; right: 20px; bottom: 100%; display: flex; align-items: center; justify-content: center; width: 50px; height: 39px; padding: 0; border: 0; border-radius: 2px 2px 0 0;
  background: #0D0A0A; color: #999999; cursor: pointer; transition: color .2s linear; }
.lx-ud-gor-kk .lx-ik { width: 20px; height: 20px; }
.lx-ud-gor-kk:hover { color: #FFFFFF; }
.lx-ud-gor-kucukler { display: flex; height: 100%; padding: 10px 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; scrollbar-color: #444 transparent; }
.lx-ud-gor.kucuksuz .lx-ud-gor-kucukler { visibility: hidden; }
.lx-ud-gor-kucukler button { flex: none; width: 150px; height: 160px; margin-right: 5px; padding: 0; overflow: hidden; border: 2px solid #FFFFFF; border-radius: 4px; background: #111; cursor: pointer; transition: border-color .25s; }
.lx-ud-gor-kucukler button:hover, .lx-ud-gor-kucukler button[aria-current="true"] { border-color: var(--lx-gold); }
.lx-ud-gor-kucukler img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lx-ud-gor .lx-ud-gor-kucukler button:focus-visible { outline-offset: -5px !important; }
html.lx-ud-gor-acik body .bpa-wrap.ln-asistan, html.lx-ud-gor-acik body .lx-yukari, html.lx-ud-gor-acik body .ex-yukari { visibility: hidden; opacity: 0; pointer-events: none; }

/* ---------------- 16) MOBİL SABİT SEPET ÇUBUĞU (yalnız tema ayarıyla, <768) ---------------- */
.lx-ud-bar { display: none; }
@media (max-width: 767.98px) {
  .lx-ud-bar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1150; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 64px;
    padding: 8px 15px calc(8px + env(safe-area-inset-bottom)); border-top: 1px solid var(--lx-line); background: var(--lx-bg); font-family: var(--lx-font); transform: translateY(110%); visibility: hidden;
    transition: transform .3s ease, visibility 0s linear .3s; }
  .lx-ud-bar.acik { transform: none; visibility: visible; transition: transform .3s ease, visibility 0s; }
  .lx-ud-bar-fiyat { display: flex; flex-direction: column; min-width: 0; }
  .lx-ud-bar-fiyat del { color: var(--lx-ud-eski); font-size: 12px; line-height: 16px; }
  .lx-ud-bar-fiyat b { color: var(--lx-ink); font-size: 16px; font-weight: 700; line-height: 24px; white-space: nowrap; }
  .lx-ud-bar-sepet { flex: none; min-height: 44px; padding: 0 20px; border: 0; border-radius: 9px; background: var(--lx-btn-bg); color: var(--lx-btn-ink); font: 600 14px/24px var(--lx-font); letter-spacing: .28px; cursor: pointer; }
  .lx-ud-bar-sepet:hover { background: var(--lx-gold); color: var(--lx-gold-ink); }
  body.lx-ud-bar-acik .bpa-wrap.ln-asistan:not([style*="bottom"]) { bottom: calc(66px + 64px + env(safe-area-inset-bottom)) !important; }
  body.lx-ud-bar-acik :is(.lx-yukari, .ex-yukari) { bottom: calc(10px + 64px + env(safe-area-inset-bottom)) !important; }
}

/* ---------------- 17) DUYARLI ---------------- */
@media (max-width: 1199.98px) { .lx-ud-ray { --lx-ud-gor: 4; } }
@media (max-width: 1024.98px) {
  .lx-ud { padding-bottom: 70px; }
  .lx-ud-sekmeler { padding-top: 70px; }
  .lx-ud-bolum { margin-top: 70px; }
  .lx-ud .lx-ud-bolum-baslik { margin-bottom: 30px; font-size: 30px; line-height: 40px; }
}
@media (min-width: 768px) and (max-width: 991.98px) { .lx-ud .lx-ud-satin .lx-ud-hemen { flex-basis: 100%; } }
@media (max-width: 991.98px) {
  .lx-ud-sol { padding-right: 0; }
  .lx-ud-ray { --lx-ud-gor: 3; }
}
@media (max-width: 767.98px) {
  .lx-ud-satir { grid-template-columns: minmax(0, 1fr); }
  .lx-ud-sol { padding-bottom: 30px; }
  .lx-ud { padding-bottom: 60px; }
  .lx-ud-sekmeler { padding-top: 60px; }
  .lx-ud-serit { gap: 10px 30px; }
  .lx-ud-bolum { margin-top: 60px; }
  .lx-ud-ray { --lx-ud-gor: 2; }
  .lx-ud-ray-iz { gap: 30px; }
  .lx-ud-yb-yaz { flex-basis: 100%; margin-left: 0; }
  .lx-ud-yb-dag { max-width: none; }
  .lx-ud-yorum-govde.lx-ud-modal-govde { grid-template-columns: minmax(0, 1fr); row-gap: 15px; }
  .lx-ud-yorum-urun { display: flex; align-items: center; gap: 12px; text-align: left; }
  .lx-ud-yorum-gorsel { flex: none; width: 64px; border-radius: 9px; }
  .lx-ud-yorum-urun > div { margin-top: 0; }
  .lx-ud-yorum-urun strong { margin: 0; }
  .lx-ud-yorum-urun p { display: none; }
  .lx-ud-modal .lx-ud-modal-baslik.buyuk { font-size: 32px; line-height: 48px; }
  .lx-ud-paket-toplam { flex-direction: column; align-items: stretch; text-align: right; }
  .lx-ud-paket-sepet { width: 100%; }
  .lx-ud-paket-favori { align-self: center; }
  .lx-ud-gor-sahne { padding: 57px 10px 10px; }
  .lx-ud-gor-ok.sol { left: 10px; } .lx-ud-gor-ok.sag { right: 10px; }
  .lx-ud-gor-kucukler button { width: 100px; height: 107px; }
  .lx-ud-gor-serit { height: 127px; }
  .bp-armodal-stage { height: min(56vh, 420px); }
}
@media (max-width: 575.98px) {
  .lx-ud .lx-ud-satin .lx-ud-hemen { flex-basis: 100%; }
  .lx-ud-sepete { min-width: 0; }
  .lx-ud-haber-satir { flex-direction: column; }
  .lx-ud-veri-tablo { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
  .lx-ud-veri-tablo dt { margin-top: 8px; padding-bottom: 0; font-weight: 600; }
  .lx-ud-veri-tablo dd { min-height: 0; padding-top: 2px; }
  .lx-ud-yorum { grid-template-columns: minmax(0, 1fr); }
  .lx-ud-yorum-yazar { margin-bottom: 8px; border-right: 0; }
  .lx-ud-yb-ara { max-width: none; flex-basis: 100%; }
  .lx-ud-modal .ex-modal-diyalog.lx-ud-diyalog, .lx-ud-modal.genis .ex-modal-diyalog.lx-ud-diyalog { max-width: calc(100% - 0px); }
  .lx-ud-modal .lx-ud-modal-baslik { font-size: 24px; line-height: 34px; }
  .lx-ud-modal .lx-ud-modal-baslik.buyuk { font-size: 28px; line-height: 42px; }
  .lx-ud-pkart { flex-wrap: wrap; }
  .lx-ud-pkart-orta { flex-basis: calc(100% - 128px); }
  .lx-ud-pkart-fiyat { margin-left: auto; }
  .lx-ud-paket .lx-ud-pkart-fiyat { flex-direction: row; align-items: baseline; gap: 6px; margin-left: 128px; }
  .lx-ud-beden-alanlar { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 399.98px) { .lx-ud-ray { --lx-ud-gor: 1; } }

/* ---------------- 18) HAREKET AZALTMA · ZORUNLU RENKLER ---------------- */
@media (prefers-reduced-motion: reduce) {
  .lx-ud *, .lx-ud *::before, .lx-ud *::after, .lx-ud-modal *, .lx-ud-gor, .lx-ud-gor *, .lx-ud-bar { transition-duration: 0s !important; animation-duration: 0s !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
  .lx-ud-paylas :is(a, button):hover, .lx-ud-video-kapak:hover .lx-ud-oynat { transform: none; }
  .lx-ud-gor-ilerleme.kos { animation: none; width: 100%; opacity: .4; }
  .lx-ud-modal .ex-modal-diyalog { transform: none !important; }
}
:root[data-tema="kontrast"] .lx-ud :focus-visible, :root[data-tema="kontrast"] .lx-ud-modal :focus-visible { outline-width: 3px !important; }
:root[data-tema="kontrast"] .lx-ud :is(.lx-ud-ana, .lx-ud-kucuk, .lx-ud-hap-yazi, .lx-ud-pkart, .lx-ud-select select, .lx-ud-girdi, .lx-ud-adet input) { border-width: 2px; }
:root[data-tema="kontrast"] .lx-ud :is(.lx-ud-adet input, .lx-ud-sayac, .lx-ud-haber, .lx-ud-yb-ara input) { border: 2px solid var(--lx-line); }
:root[data-tema="kontrast"] .lx-ud-kare::before { box-shadow: 0 0 0 1px #000000; }
@media (forced-colors: active) {
  .lx-ud-kare::before { forced-color-adjust: none; }
  .lx-ud-kare.secili, .lx-ud-kare:has(input:checked) { outline: 2px solid Highlight; }
  .lx-ud-hap input:checked + .lx-ud-hap-yazi { border: 2px solid Highlight; }
  .lx-ud-kucuk[aria-current="true"] { border: 2px solid Highlight; }
  .lx-ud-sekme[aria-selected="true"] { text-decoration: underline; }
}