/* ==========================================================================
   LUXURY GENEL KABUK — her sayfada yüklenir (luxury.css, kart.css, footer.css'ten sonra)
   1) üst şerit: bilgi şeridi (§3.1) + kayan şerit (§3.2) · 2) header satırı (§4) · 3) ana menü + mega + klasik açılır (§5)
   4) arama paneli (§6) · 5) hesap açılırı (§7.1) · 6) dil/para açılırı (§7.2) · 7) tam ekran menü (§9) · 8) sabit header (§10)
   9) mobil header + off-canvas (§20.2–20.3) · 10) kırıntı bandı (§15) · 11) bildirim şeridi (§12) · 12) yukarı-çık (§14)
   13) açılış popup'ı (§13) · 14) çerez + push kartları (§21.3) · 15) son gezdiklerim · 16) koyu / kontrast / hareket
   z: header 100 < mega 1000 < arama 1001 < yukarı 1100 < çerez 1200 < off-canvas 2000 < sepet 2100 < tam ekran 2200 < pencere 3000 < bildirim 4000
   ========================================================================== */

/* ---------------- 0) HEADER KAPSAYICI + ÜST BANNER ---------------- */
html body.lx-govde .lx-header { position: relative; top: auto; z-index: 100; display: block; padding: 0; background: var(--lx-header-bg); color: var(--lx-ink); font-family: var(--lx-font); }
:where(.lx-header, .lx-tam, .lx-oc) :where(ul, ol) { margin: 0; padding: 0; list-style: none; }
.lx-header button, .lx-tam button, .lx-oc button { font-family: inherit; }
.lx-ust-banner { position: relative; display: block; line-height: 0; background: var(--lx-bg); }
.lx-ust-banner-img { display: block; width: 100%; height: auto; max-height: 60px; object-fit: cover; }
.lx-ust-banner-kapat { position: absolute; top: 50%; right: 12px; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-top: -14px; padding: 0; border: 0;
  border-radius: 50%; background: rgba(255, 255, 255, .85); color: #22201D; cursor: pointer; }
.lx-ust-banner-kapat .ex-ik { width: 14px; height: 14px; }
.lx-ust-banner.kapali { display: none; }
@media (max-width: 767.98px) { .lx-ust-banner-img { max-height: 50px; } }

/* ---------------- 1a) BİLGİ ŞERİDİ (anasayfa — 37 px, 3 eşit sütun) ---------------- */
.lx-bilgi { position: relative; z-index: 110; padding: 10px 30px 11px; background: var(--lx-topbar-bg); color: var(--lx-topbar-ink); }
.lx-bilgi-sosyal > li, .lx-bilgi-linkler > li { display: flex; align-items: center; line-height: 15px; }
.lx-bilgi-ic { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; max-width: var(--lx-shell); min-height: 16px; margin: 0 auto; line-height: 15px; }
.lx-bilgi-sol, .lx-bilgi-sag { display: flex; align-items: center; min-width: 0; }
.lx-bilgi-sag { justify-content: flex-end; }
.lx-bilgi-sosyal { display: flex; align-items: center; gap: 15px; margin-right: 14px !important; padding-right: 15px !important; border-right: 1px solid var(--lx-on-dark-line); }
.lx-bilgi-sosyal a { position: relative; display: flex; width: 15px; height: 15px; color: currentColor; transition: color .3s; }
.lx-bilgi-sosyal a::after { content: ""; position: absolute; inset: -8px -6px; }
.lx-bilgi-sosyal .ex-ik { width: 15px; height: 15px; }
.lx-bilgi a:hover, .lx-bilgi a:focus-visible { color: var(--lx-gold); }
.lx-bilgi :focus-visible { outline-color: var(--lx-gold) !important; }
.lx-bilgi-iletisim { margin: 0; overflow: hidden; color: var(--lx-topbar-ink); font-size: 13px; font-weight: 600; line-height: 15px; letter-spacing: .13px; white-space: nowrap; text-overflow: ellipsis; }
.lx-bilgi-iletisim a { color: var(--lx-gold); }
.lx-bilgi-iletisim a:hover { text-decoration: underline; text-underline-offset: 2px; }
.lx-bilgi-orta p { height: 15px; margin: 0; overflow: hidden; color: var(--lx-topbar-ink); font-size: 12px; font-weight: 600; line-height: 15px; letter-spacing: .24px; text-align: center; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; }
.lx-bilgi-linkler { display: flex; align-items: center; margin-right: 15px !important; padding-right: 14px !important; border-right: 1px solid var(--lx-on-dark-line); }
.lx-bilgi-linkler a { display: inline-block; margin: 0 8px; color: var(--lx-topbar-ink); font-size: 12px; font-weight: 600; line-height: 15px; letter-spacing: .12px; white-space: nowrap; }
.lx-bilgi-linkler li:last-child a { margin-right: 0; }
.lx-bilgi-sag > :last-child { margin-right: 0 !important; padding-right: 0 !important; border-right: 0; }

/* ---------------- 1b) KAYAN DUYURU ŞERİDİ (iç sayfalar — 36 px, 85 s) ---------------- */
.lx-kayan { position: relative; z-index: 110; display: flex; align-items: center; min-height: 36px; overflow: hidden; background: var(--lx-topbar-bg); color: var(--lx-topbar-ink); }
.lx-kayan-iz { display: flex; flex: none; width: max-content; animation: lxKayan var(--lx-kayan-sure, 85s) linear infinite; will-change: transform; }
.lx-kayan:hover .lx-kayan-iz, .lx-kayan:focus-within .lx-kayan-iz { animation-play-state: paused; }
.lx-kayan-grup { display: flex; flex: none; align-items: center; }
.lx-kayan-grup li { display: flex; flex: none; align-items: center; color: inherit; font-size: 12px; font-weight: 700; line-height: 21.667px; letter-spacing: .24px; text-transform: uppercase; white-space: nowrap; }
.lx-kayan-grup a { color: inherit; transition: color .3s; }
.lx-kayan-grup a:hover, .lx-kayan-grup a:focus-visible { color: var(--lx-gold); outline-color: var(--lx-gold) !important; }
.lx-kayan-ayrac { width: 16px !important; height: 16px !important; margin: 0 28px; color: var(--lx-gold); }
@keyframes lxKayan { from { transform: translateX(0); } to { transform: translateX(-50%); } }
[dir="rtl"] .lx-kayan-iz { animation-direction: reverse; }

/* ---------------- 2) HEADER SATIRI (72 px; ızgara 1fr | logo | 1fr) ---------------- */
.lx-satir { position: relative; z-index: 100; border-bottom: 1px solid transparent; background: var(--lx-header-bg); }
@media (min-width: 992px) { body.lx-ic .lx-satir { padding-bottom: 1px; } }   /* iç sayfa: 36 + 74 = 110 (demo) */
.lx-satir-ic { position: static; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; max-width: var(--lx-shell); min-height: 72px; margin: 0 auto; padding: 0 30px; }
.lx-m-menu { display: none !important; }
.lx-nav-kap { grid-column: 1; grid-row: 1; min-width: 0; padding-inline-end: 16px; }
.lx-logo { grid-column: 2; grid-row: 1; display: inline-flex; align-items: center; justify-self: center; min-width: 0; color: var(--lx-ink); line-height: 0; }
:is(.lx-header, .lx-tam) .lx-logo img { display: block; width: auto; max-width: 180px; height: 31px; object-fit: contain; }
.lx-logo-koyu { display: none !important; }
.lx-logo-yazi { color: var(--lx-ink); font-size: 22px; font-weight: 600; line-height: 31px; letter-spacing: 1.5px; text-transform: uppercase; white-space: nowrap; }
.lx-ikonlar { grid-column: 3; grid-row: 1; display: flex; align-items: center; justify-self: end; }
.lx-ikonlar > li { position: relative; display: flex; align-items: center; }
.lx-ikonlar > li + li { margin-left: 19px; }
.lx-ikonlar > li:nth-child(2), .lx-ikonlar > li.lx-ik-menu { margin-left: 15px; }
.lx-ikon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0; background: none; color: var(--lx-ink);
  cursor: pointer; transition: color .3s; -webkit-tap-highlight-color: transparent; }
.lx-ikon::before { content: ""; position: absolute; inset: -10px; }
.lx-ikon .ex-ik { width: 24px; height: 24px; }
.lx-ikon:hover, .lx-ikon:focus-visible, .lx-ikon[aria-expanded="true"], .lx-ikon[aria-current="page"] { color: var(--lx-gold); }
.lx-ara-ac .lx-ik-kapat, .lx-ara-ac[aria-expanded="true"] .lx-ik-ara { display: none; }
.lx-ara-ac[aria-expanded="true"] .lx-ik-kapat { display: block; }
/* bildirim zili (çekirdek bpCustomerHeaderBell) — kendi ikon dilimize çekilir */
.lx-zil .bph-bell-wrap { position: relative; display: flex; }
html body .lx-zil .bph-bell { position: relative; display: inline-flex; width: 24px; height: 24px; min-width: 0; padding: 0; border: 0; border-radius: 0; background: none; color: var(--lx-ink); font-size: 0; cursor: pointer; }
html body .lx-zil .bph-bell::before { content: ""; position: absolute; inset: 0; 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='M6 9.5a6 6 0 0 1 12 0c0 4.6 1.6 6.3 2.3 7a.6.6 0 0 1-.4 1H4.1a.6.6 0 0 1-.4-1c.7-.7 2.3-2.4 2.3-7z'/%3E%3Cpath d='M10 20.5a2.2 2.2 0 0 0 4 0'/%3E%3C/svg%3E") center / 24px 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='M6 9.5a6 6 0 0 1 12 0c0 4.6 1.6 6.3 2.3 7a.6.6 0 0 1-.4 1H4.1a.6.6 0 0 1-.4-1c.7-.7 2.3-2.4 2.3-7z'/%3E%3Cpath d='M10 20.5a2.2 2.2 0 0 0 4 0'/%3E%3C/svg%3E") center / 24px no-repeat; }
html body .lx-zil .bph-bell::after { content: ""; position: absolute; inset: -10px; }
html body .lx-zil .bph-bell i { display: none; }
html body .lx-zil .bph-bell:hover, html body .lx-zil .bph-bell-wrap.open .bph-bell { border: 0; background: none; color: var(--lx-gold); }
html body .lx-zil .bph-bell-c { top: -2px; right: -8px; min-width: 16px; height: 16px; padding: 0 4px; border: 0; border-radius: 8px; background: var(--lx-gold); color: #FFFFFF; font: 600 12px/16px var(--lx-font); }
html body .lx-zil .bph-noti { top: calc(100% + 10px); right: 0; border: 1px solid var(--lx-line); border-radius: 0; background: var(--lx-drop-bg); box-shadow: none; font-family: var(--lx-font); }
html body .lx-zil .bph-noti-head { border-bottom-color: var(--lx-line); }
html body .lx-zil .bph-noti-head b { color: var(--lx-ink); font-size: 14px; font-weight: 600; }
html body .lx-zil .bph-noti-yeni { border-radius: 3px; background: var(--lx-soft); color: var(--lx-ink); }
html body .lx-zil .bph-ni { border-bottom-color: var(--lx-line); }
html body .lx-zil .bph-ni:hover, html body .lx-zil .bph-ni.unread, html body .lx-zil .bph-ni.unread:hover { background: var(--lx-soft); }
html body .lx-zil .bph-ni-tx b { color: var(--lx-ink); }
html body .lx-zil .bph-ni-msg { color: var(--lx-text); }
html body .lx-zil .bph-ni-time { color: var(--lx-muted); }
html body .lx-zil .bph-noti-foot { border-top-color: var(--lx-line); background: var(--lx-drop-bg); }
html body .lx-zil .bph-noti-readall { color: var(--lx-ink); text-decoration: underline; text-underline-offset: 3px; }
/* çekirdeğin yazı tipi ikonları (yüklenmeyen ikon seti) yerine kendi çizgi ikonlarımız */
html body .lx-zil :is(.bph-ni-ic, .bph-ni-bos) i { display: none; }
html body .lx-zil .bph-ni-ic { background: var(--lx-soft); color: var(--lx-gold); }
html body .lx-zil .bph-ni-ic::before, html body .lx-zil .bph-ni-bos::before { content: ""; 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='M6 9.5a6 6 0 0 1 12 0c0 4.6 1.6 6.3 2.3 7a.6.6 0 0 1-.4 1H4.1a.6.6 0 0 1-.4-1c.7-.7 2.3-2.4 2.3-7z'/%3E%3Cpath d='M10 20.5a2.2 2.2 0 0 0 4 0'/%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='M6 9.5a6 6 0 0 1 12 0c0 4.6 1.6 6.3 2.3 7a.6.6 0 0 1-.4 1H4.1a.6.6 0 0 1-.4-1c.7-.7 2.3-2.4 2.3-7z'/%3E%3Cpath d='M10 20.5a2.2 2.2 0 0 0 4 0'/%3E%3C/svg%3E") center / contain no-repeat; }
html body .lx-zil .bph-ni-bos { display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--lx-text); }
html body .lx-zil .bph-ni-bos::before { width: 28px; height: 28px; color: var(--lx-muted); }
html body .lx-zil .bph-ni-bos span { font-size: 14px; line-height: 22px; }

/* ---------------- 3) ANA MENÜ (13/16 600 büyük harf ls .26; öğe arası 19; hover/aktif altın) ---------------- */
.lx-nav { display: flex; flex-wrap: nowrap; align-items: center; gap: 0 var(--lx-menu-gap); min-width: 0; }
.lx-nav-oge { position: static; display: flex; flex: none; align-items: center; }
.lx-nav-oge[hidden] { display: none; }
.lx-nav-oge.lx-dd-li { position: relative; }
.lx-nav-a { display: inline-flex; align-items: center; height: 72px; padding: 0; color: var(--lx-ink); font-size: 13px; font-weight: 600; line-height: 16px; letter-spacing: .26px; text-transform: uppercase; white-space: nowrap; transition: color 350ms ease-out; }
.lx-nav-oge:hover > .lx-nav-a, .lx-nav-oge.acik > .lx-nav-a, .lx-nav-oge.aktif > .lx-nav-a, .lx-nav-a[aria-current="page"], .lx-nav-a:focus-visible { color: var(--lx-gold); }
.lx-nav-ac { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 10px; height: 16px; margin: -2px 0 0 5px; padding: 0; border: 0; background: none; color: var(--lx-ink); cursor: pointer; transition: color 350ms ease-out; }
.lx-nav-ac::after { content: ""; position: absolute; inset: -14px -6px; }
.lx-nav-oge:hover > .lx-nav-ac, .lx-nav-oge.acik > .lx-nav-ac, .lx-nav-oge.aktif > .lx-nav-ac { color: var(--lx-gold); }
.lx-nav-ok { width: 10px !important; height: 10px !important; transition: transform .25s ease-in-out; }
.lx-nav-oge.acik > .lx-nav-ac .lx-nav-ok { transform: rotate(180deg); }
.lx-menu-rozet { display: inline-block; margin-left: 4px; padding: 0 5px; border-radius: 3px; background: var(--lx-gold); color: #FFFFFF; font-size: 9px; font-weight: 700; line-height: 14px; letter-spacing: 0; text-transform: uppercase; transform: translateY(-8px); }
.lx-menu-rozet.firsat { background: var(--lx-sale); }

/* ortak açılır kabuk (mega + klasik): .25s opaklık + translateY(20px → 0); masaüstünde sayfa karartması yok */
.lx-mega, .lx-dd { visibility: hidden; opacity: 0; transform: translateY(20px); transition: opacity .25s ease-in-out, visibility .25s ease-in-out, transform .25s ease-in-out; pointer-events: none; }
.lx-nav-oge.acik > .lx-mega, .lx-nav-oge.acik > .lx-dd { visibility: visible; opacity: 1; transform: none; pointer-events: auto; }

/* tam genişlik mega (§5.2): 100vw, ekranda ortalı (header satırının iç kenarına yapışık: y 109), iç kap 1650 */
.lx-mega { position: absolute; top: 100%; left: 50%; z-index: 1000; width: 100vw; padding: var(--lx-mega-pad); background: var(--lx-drop-bg); box-shadow: var(--lx-shadow-drop); text-align: left;
  transform: translate(-50%, 20px); }
.lx-nav-oge.acik > .lx-mega { transform: translate(-50%, 0); }
.lx-mega-ic { max-width: var(--lx-mega-inner); margin: 0 auto; }
.lx-mega-izgara { display: grid; grid-template-columns: calc((100% + 30px) * 8 / 12 - 30px) calc((100% + 30px) * 4 / 12 - 30px); gap: 30px; align-items: start; }
.lx-mega-izgara.bannersiz { grid-template-columns: minmax(0, 1fr); }
.lx-mega-sutunlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; align-items: start; }
.lx-mega-izgara.bannersiz .lx-mega-sutunlar { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.lx-mega-baslik { display: block; margin: 0 0 11px; color: var(--lx-ink); font-size: 18px; font-weight: 500; line-height: 24px; transition: color .3s; }
a.lx-mega-baslik:hover { color: var(--lx-gold); }
.lx-mega-baslik.bos { visibility: hidden; }
.lx-mega-sutun li a { display: inline-block; color: var(--lx-text); font-size: 14px; font-weight: 500; line-height: 30px; transition: color .3s; }
.lx-mega-sutun li a:hover, .lx-mega-sutun li a:focus-visible { color: var(--lx-gold); }
.lx-mega-sutun li a.lx-mega-tumu { color: var(--lx-ink); font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.lx-mega-banner { position: relative; display: block; min-height: 320px; overflow: hidden; border-radius: 18px; background: #F4F4F4; isolation: isolate; }
.lx-mega-banner.kisa { min-height: 280px; }
.lx-mega-banner img { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; }
.lx-mega-banner.urun img { left: auto; width: 46%; object-fit: cover; mix-blend-mode: multiply; }
.lx-mega-banner-metin { position: absolute; inset: 45px 46px; display: flex; flex-direction: column; align-items: flex-start; }
.lx-mega-banner.urun .lx-mega-banner-metin { right: calc(46% + 24px); justify-content: center; }
.lx-mega-banner-ust { margin-bottom: 11px; color: #4B4B4A; font-size: 12px; font-weight: 600; line-height: 24px; letter-spacing: .6px; text-transform: uppercase; }
.lx-mega-banner-baslik { display: -webkit-box; max-width: 250px; margin-bottom: 32px; overflow: hidden; color: #22201D; font-size: 35px; font-weight: 500; line-height: 40px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.lx-mega-banner.urun .lx-mega-banner-baslik { max-width: none; margin-bottom: 12px; font-size: 22px; line-height: 28px; -webkit-line-clamp: 3; }
.lx-mega-banner.urun .lx-mega-banner-fiyat { margin: 0 0 24px; }
.lx-mega-banner-fiyat { margin: -20px 0 24px; color: #22201D; font-size: 16px; font-weight: 700; line-height: 24px; }
.lx-mega-banner:hover .lx-btn--white, .lx-mega-banner:focus-visible .lx-btn--white { border-color: var(--lx-gold); background: var(--lx-gold); color: #FFFFFF !important; }
/* ürün megası (§5.5): 6 mini kart */
.lx-mega-urunler { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 30px; }
.lx-mm-urun { display: flex; flex-direction: column; color: var(--lx-ink); }
.lx-mm-urun-gorsel { position: relative; display: block; aspect-ratio: 400 / 426; overflow: hidden; border-radius: 12px; background: #F4F4F4; }
.lx-mm-urun-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; }
.lx-mm-urun-gorsel .lx-rozet { position: absolute; top: 10px; right: 10px; }
.lx-mm-urun-ad { display: -webkit-box; margin-top: 20px; 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; }
.lx-mm-urun:hover .lx-mm-urun-ad, .lx-mm-urun:focus-visible .lx-mm-urun-ad { color: var(--lx-gold); }
.lx-mm-urun .lx-yildizlar { margin-top: 4px; }
.lx-mm-urun-fiyat { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 5px; margin-top: 4px; }
.lx-mm-urun-fiyat del { color: var(--lx-muted); font-size: 14px; font-weight: 500; line-height: 24px; }
.lx-mm-urun-fiyat ins { color: var(--lx-ink); font-size: 16px; font-weight: 700; line-height: 24px; text-decoration: none; }
/* görselli kategori megası (§5.6) */
.lx-mega.lx-mega--gorsel { padding: 74px 34px; background: var(--lx-mega-gorsel-bg); }
.lx-mega-gorseller { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 30px; }
.lx-mega-gorsel { display: block; color: var(--lx-ink); }
.lx-mega-gorsel-kutu { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 7 / 8; overflow: hidden; border-radius: 18px; background: var(--lx-surface); }
.lx-mega-gorsel-kutu img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lx-mega-gorsel-kutu.urun img { object-fit: cover; }
.lx-mega-gorsel-ik { width: 56px !important; height: 56px !important; color: var(--lx-gold); }
.lx-mega-gorsel-ad { display: block; margin-top: 20px; color: var(--lx-ink); font-size: 16px; font-weight: 600; line-height: 24px; text-align: center; transition: color .3s; }
.lx-mega-gorsel:hover .lx-mega-gorsel-ad { color: var(--lx-gold); }

/* klasik açılır (§5.7): 280, r18, 28/34; alt seviye sağa */
.lx-dd { position: absolute; top: 100%; left: 0; z-index: 1000; width: 280px; padding: var(--lx-drop-pad); border-radius: 18px; background: var(--lx-drop-bg); box-shadow: var(--lx-shadow-drop); text-align: left; }
.lx-dd.lx-dd-sag { left: auto; right: 0; }
.lx-dd li { position: relative; }
.lx-dd li > a, .lx-dd-alt-ac { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; padding: 0; border: 0; background: none; color: var(--lx-text);
  font-family: var(--lx-font); font-size: 14px; font-weight: 500; line-height: 30px; letter-spacing: .5px; text-align: left; cursor: pointer; transition: color .3s; }
.lx-dd-alt-ac { min-height: 30px; }
.lx-dd-alt-ac > span { line-height: 30px !important; }
.lx-dd li > a:hover, .lx-dd li > a:focus-visible, .lx-dd-alt-ac:hover, .lx-dd-alt.acik > .lx-dd-alt-ac { color: var(--lx-gold); }
.lx-dd-ok { width: 10px !important; height: 10px !important; }
.lx-dd .lx-dd-ic { top: -28px; left: calc(100% + 34px); }
.lx-dd .lx-dd-ic::before { content: ""; position: absolute; top: 0; bottom: 0; right: 100%; width: 34px; }
.lx-dd-alt:hover > .lx-dd-ic, .lx-dd-alt.acik > .lx-dd-ic, .lx-dd-alt:focus-within > .lx-dd-ic { visibility: visible; opacity: 1; transform: none; pointer-events: auto; }

/* ---------------- 4) ARAMA PANELİ (§6) ---------------- */
.lx-ara { position: absolute; top: calc(100% + 1px); left: 0; right: 0; z-index: 1001; padding: 15px 30px; border-top: 1px solid var(--lx-line); background: var(--lx-header-bg); }
.lx-ara[hidden] { display: none; }
.lx-ara-ic { max-width: calc(var(--lx-shell) - 60px); margin: 0 auto; }
.lx-ara-form { position: relative; margin: 0; }
html body .lx-input--search { display: block; box-sizing: border-box; width: 100%; height: 48px; margin: 0; padding: 0 132px 0 15px; border: 1px solid var(--lx-line); border-radius: 0; background: transparent; color: var(--lx-text);
  font: 400 15px/45px var(--lx-font); box-shadow: none; -webkit-appearance: none; appearance: none; transition: border-color .3s, box-shadow .3s; }
html body .lx-input--search::placeholder { color: var(--lx-muted); opacity: 1; }
html body .lx-input--search:focus { border-color: var(--lx-gold); color: var(--lx-ink); outline: 0 !important; box-shadow: 0 0 0 3px rgba(var(--lx-gold-rgb), .25); }
.lx-input--search::-webkit-search-cancel-button { display: none; }
.lx-ara-git, .lx-ara-ik { position: absolute; top: 0; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; background: transparent; color: var(--lx-text); cursor: pointer; transition: color .3s; }
.lx-ara-git { right: 0; width: 50px; height: 48px; border-radius: 9px; }
.lx-ara-ik { top: 6px; width: 36px; height: 36px; border-radius: 9px; }
.lx-ara-ik.bp-visual-search-btn { right: 54px; }
.lx-ara-ik.bp-voice-search-btn { right: 94px; }
.lx-ara-git .ex-ik, .lx-ara-ik .ex-ik { width: 18px; height: 18px; }
.lx-ara-git:hover, .lx-ara-ik:hover, .lx-ara-ik[aria-expanded="true"], .lx-ara-ik.is-listening { color: var(--lx-gold); }
.lx-ara-ik.is-listening .ex-ik { animation: lxNabiz 1s ease-in-out infinite; }
@keyframes lxNabiz { 50% { transform: scale(1.18); } }
.lx-ara-yuk { position: absolute; top: 16px; right: 136px; width: 16px; height: 16px; border: 2px solid var(--lx-line); border-top-color: var(--lx-gold); border-radius: 50%; animation: lxDon .7s linear infinite; }
.lx-ara-yuk[hidden] { display: none; }
.lx-ara-kutu { margin-top: 20px; overflow: hidden; border: 1px solid var(--lx-line); border-radius: 12px; background: var(--lx-surface); }
.lx-ara-kutu[hidden] { display: none; }
.lx-ara-baslik { margin: 0; padding: 15px 15px 10px; color: var(--lx-ink); font-size: 14px; font-weight: 500; line-height: 20px; text-transform: uppercase; }
.lx-ara-liste { display: flex; flex-direction: column; gap: 20px; max-height: 300px; padding: 0 15px 5px !important; overflow-y: auto; scrollbar-width: thin; }
.lx-ara-urun { display: flex; align-items: center; gap: 15px; color: var(--lx-ink); }
.lx-ara-urun-gorsel { flex: none; width: 60px; aspect-ratio: 400 / 426; overflow: hidden; border-radius: 9px; background: #F4F4F4; }
.lx-ara-urun-gorsel img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.lx-ara-urun-bilgi { display: flex; flex-direction: column; min-width: 0; }
.lx-ara-urun-ad { display: -webkit-box; margin-bottom: 10px; overflow: hidden; color: var(--lx-ink); font-size: 14px; font-weight: 400; line-height: 18px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: color .3s; }
.lx-ara-urun:hover .lx-ara-urun-ad, .lx-ara-urun:focus-visible .lx-ara-urun-ad { color: var(--lx-gold); }
.lx-ara-urun-fiyat { color: var(--lx-ink); font-size: 15px; font-weight: 500; line-height: 28px; }
.lx-ara-urun-fiyat del { margin-right: 6px; color: var(--lx-muted); font-size: 13px; font-weight: 400; }
.lx-ara-urun-fiyat ins { text-decoration: none; }
.lx-ara-urun-fiyat * { font-size: inherit; line-height: inherit; }
.lx-ara-tumu { display: inline-block; margin: 0; padding: 15px; color: var(--lx-ink); font-size: 14px; font-weight: 500; line-height: 20px; text-decoration: underline; text-underline-offset: 4px; }
.lx-ara-tumu:hover { color: var(--lx-gold); }
.lx-ara-durum { margin: 0; padding: 15px; color: var(--lx-text); font-size: 14px; line-height: 22px; }
.lx-ara-haplar { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 15px 15px !important; }
.lx-ara-haplar a { display: inline-flex; align-items: center; padding: 6px 12px; border: 1px solid var(--lx-line); border-radius: 9px; color: var(--lx-ink); font-size: 13px; font-weight: 500; line-height: 20px; transition: border-color .3s, color .3s; }
.lx-ara-haplar a:hover, .lx-ara-haplar a:focus-visible { border-color: var(--lx-gold); color: var(--lx-gold); }
.lx-ara-lens { padding: 15px; }
.lx-ara-lens-alan { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 120px; border: 1px dashed var(--lx-line); border-radius: 12px;
  color: var(--lx-text); font-size: 14px; line-height: 22px; text-align: center; cursor: pointer; transition: border-color .3s, color .3s; }
.lx-ara-lens-alan:hover, .lx-ara-lens-alan.surukle, .lx-ara-lens-alan:focus-visible { border-color: var(--lx-gold); color: var(--lx-ink); }
.lx-ara-lens-ik { width: 28px !important; height: 28px !important; color: var(--lx-gold); }
.lx-ara-lens-not { margin: 10px 0 0; color: var(--lx-muted); font-size: 13px; line-height: 20px; text-align: center; }

/* ---------------- 5) HESAP AÇILIRI (§7.1: 180 / girişli 220, 1px çizgi, r0, gölgesiz, .3s) ---------------- */
.lx-hesap { position: relative; }
.lx-hesap-menu { position: absolute; top: calc(100% + 10px); right: 0; z-index: 1000; width: 180px; padding: 10px; border: 1px solid var(--lx-line); background: var(--lx-drop-bg); color: var(--lx-text);
  text-align: left; visibility: hidden; opacity: 0; transform: translateY(20px); transition: opacity .3s, visibility .3s, transform .3s; pointer-events: none; }
.lx-hesap-menu::before { content: ""; position: absolute; bottom: 100%; left: 0; right: 0; height: 12px; }
.lx-hesap.girisli .lx-hesap-menu { width: 220px; }
.lx-hesap.acik .lx-hesap-menu { visibility: visible; opacity: 1; transform: none; pointer-events: auto; }
.lx-hesap-linkler li > a, .lx-hesap-dugme { display: block; width: 100%; padding: 0; border: 0; background: none; color: var(--lx-text); font: 400 14px/25px var(--lx-font); letter-spacing: .5px; text-align: left; cursor: pointer; transition: color .3s; }
.lx-hesap-linkler li > a:hover, .lx-hesap-dugme:hover, .lx-hesap-linkler li > a:focus-visible, .lx-hesap-dugme:focus-visible { color: var(--lx-gold); }
.lx-hesap-n { white-space: nowrap; }
.lx-hesap-bolum { margin-top: 5px; }
.lx-hesap-baslik { margin: 0 0 2px; color: var(--lx-ink); font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: .5px; }
.lx-hesap-dil, .lx-hesap-para { display: flex; flex-wrap: wrap; align-items: center; }
.lx-hesap-dil a { display: inline-flex; padding: 2px 5px; line-height: 0; }
.lx-hesap-dil a svg, .lx-hesap-dil a img { display: block; width: 16px; height: 13px; padding: 1px; border: 1px solid transparent; box-sizing: content-box; object-fit: cover; }
.lx-hesap-dil a.secili svg, .lx-hesap-dil a.secili img, .lx-hesap-dil a:hover svg { border-color: var(--lx-gold); }
.lx-hesap-para a { display: inline-block; padding: 0 6px; color: var(--lx-text); font-size: 14px; line-height: 25px; }
.lx-hesap-para a.secili, .lx-hesap-para a:hover { color: var(--lx-gold); }
.lx-hesap-merhaba { display: flex; flex-direction: column; gap: 2px; }
.lx-hesap-merhaba b { color: var(--lx-ink); font-size: 14px; font-weight: 600; line-height: 20px; }
.lx-hesap-puan { align-self: flex-start; color: var(--lx-gold); font-size: 12px; font-weight: 600; line-height: 16px; }
.lx-hesap-ayrac { height: 0; margin: 8px 0; border: 0; border-top: 1px solid var(--lx-line); opacity: 1; }
.lx-hesap-cikis { display: block; color: var(--lx-ink); font-size: 14px; font-weight: 600; line-height: 25px; }
.lx-hesap-cikis:hover { color: var(--lx-gold); }
.lx-gorunum { display: flex; height: 32px; margin-top: 4px; overflow: hidden; border: 1px solid var(--lx-line); border-radius: 9px; }
.lx-gorunum button { display: inline-flex; flex: 1 1 0; align-items: center; justify-content: center; gap: 6px; min-width: 0; padding: 0; border: 0; background: transparent; color: var(--lx-text);
  font: 500 13px/20px var(--lx-font); cursor: pointer; transition: background-color .3s, color .3s; }
.lx-gorunum button + button { border-left: 1px solid var(--lx-line); }
.lx-gorunum button .ex-ik { width: 16px; height: 16px; }
.lx-gorunum button:hover { color: var(--lx-gold); }
.lx-gorunum button[aria-pressed="true"] { background: var(--lx-ink); color: var(--lx-bg); }
.lx-gorunum.genis { height: 40px; }

/* ---------------- 6) DİL / PARA AÇILIRI (bilgi şeridi, §7.2) ---------------- */
.lx-secici { position: relative; display: flex; align-items: center; height: 16px; margin-right: 16px; line-height: 15px; }
.lx-secici-dugme { position: relative; display: inline-flex; align-items: center; gap: 6px; height: 16px; padding: 0; border: 0; background: none; color: var(--lx-topbar-ink); font: 600 12px/15px var(--lx-font); letter-spacing: .12px; white-space: nowrap; cursor: pointer; transition: color .3s; }
.lx-secici-dugme > span:not(.lx-bayrak) { line-height: 15px; }
.lx-secici-dugme::after { content: ""; position: absolute; inset: -11px -4px; }
.lx-secici-dugme:hover, .lx-secici.acik .lx-secici-dugme { color: var(--lx-gold); }
.lx-secici-ok { width: 10px !important; height: 10px !important; margin: -1px 0 0 -2px; transition: transform .25s; }
.lx-secici.acik .lx-secici-ok { transform: rotate(180deg); }
.lx-secici-liste { position: absolute; top: 100%; right: 0; z-index: 1000; min-width: 150px; margin-top: 8px !important; padding: 10px !important; border: 1px solid var(--lx-line); background: var(--lx-drop-bg);
  visibility: hidden; opacity: 0; transform: translateY(20px); transition: opacity .25s, visibility .25s, transform .25s; pointer-events: none; }
.lx-secici-liste::before { content: ""; position: absolute; bottom: 100%; left: 0; right: 0; height: 10px; }
.lx-secici.acik .lx-secici-liste { visibility: visible; opacity: 1; transform: none; pointer-events: auto; }
.lx-secici-liste > li { display: block; line-height: 26px; }
.lx-secici-liste a { display: flex; align-items: center; gap: 8px; min-height: 26px; padding: 0; color: var(--lx-ink); font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 0; white-space: nowrap; transition: color .3s; }
.lx-secici-liste a > span { line-height: 26px; }
.lx-secici-liste a.secili, .lx-secici-liste a:hover, .lx-secici-liste a:focus-visible { color: var(--lx-gold); }

/* ---------------- 7) TAM EKRAN MENÜ (§9, ≥992) ---------------- */
.lx-tam { position: fixed; top: 0; bottom: 0; left: 0; z-index: 2200; display: flex; width: 100vw; background: var(--lx-bg); visibility: hidden; opacity: 0; transform: scale(1.1); transition: opacity .3s, transform .3s, visibility 0s linear .3s; }
.lx-tam[hidden] { display: none; }
.lx-tam.acik { visibility: visible; opacity: 1; transform: none; transition: opacity .3s, transform .3s, visibility 0s; }
.lx-tam-gorsel { flex: 0 0 60%; height: 100%; overflow: hidden; background: #F5F5F5; }
.lx-tam-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lx-tam-gorsel.urun img { padding: 8%; object-fit: contain; mix-blend-mode: multiply; }
.lx-tam-sag { position: relative; display: flex; flex: 0 0 40%; flex-direction: column; align-items: flex-start; height: 100%; padding: 4.88vw; overflow-y: auto; overscroll-behavior: contain; color: var(--lx-text); }
.lx-tam-sag > nav, .lx-tam-iletisim { align-self: stretch; }
.lx-tam-kapat { position: absolute; top: 34px; right: 34px; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; border: 0; background: none; color: var(--lx-ink); cursor: pointer; transition: color .3s; }
.lx-tam-kapat .ex-ik { width: 18px; height: 18px; }
.lx-tam-kapat:hover { color: var(--lx-gold); }
.lx-tam-logo { display: inline-flex; margin-bottom: 93px; }
.lx-tam-linkler { margin-bottom: 72px !important; }
.lx-tam-linkler a { display: inline-block; color: var(--lx-ink); font-size: 50px; font-weight: 500; line-height: 66px; text-transform: capitalize; transition: color .3s; }
.lx-tam-linkler a:hover, .lx-tam-linkler a:focus-visible { color: var(--lx-gold); }
.lx-tam-iletisim { display: flex; flex-direction: column; gap: 0; }
.lx-tam-iletisim li { display: flex; align-items: flex-start; gap: 11px; color: var(--lx-text); font-size: 15px; line-height: 30px; letter-spacing: .5px; }
.lx-tam-iletisim .ex-ik { width: 20px; height: 20px; margin-top: 5px; color: var(--lx-gold); }
.lx-tam-iletisim a { color: var(--lx-text); transition: color .3s; }
.lx-tam-iletisim a:hover { color: var(--lx-gold); }
.lx-tam-iletisim li.tel a { color: var(--lx-gold); font-weight: 600; }
.lx-tam-iletisim li.tel a:hover { text-decoration: underline; }
.lx-tam-iletisim li.adres { margin-top: 5px; font-size: 14px; line-height: 22px; letter-spacing: 0; }
.lx-tam-iletisim li.adres .ex-ik { margin-top: 1px; }
.lx-tam-saat-baslik { margin: 22px 0 0; color: var(--lx-ink); font-size: 18px; font-weight: 500; line-height: 24px; }
.lx-tam-saat { margin: 12px 0 0; color: var(--lx-text); font-size: 15px; line-height: 22px; letter-spacing: .5px; }
.lx-tam-telif { margin: auto 0 0; padding-top: 24px; color: var(--lx-ink); font-size: 15px; line-height: 22px; letter-spacing: .5px; }

/* ---------------- 8) SABİT HEADER (§10 — varsayılan kapalı; lx_sabit_header; yalnız ≥992 — mobilde hiçbir zaman sabit değil) ---------------- */
.lx-satir-yer { display: none; height: 73px; }
@media (min-width: 992px) {
  .lx-satir.lx-sabitlenir.sabit { position: fixed; top: 0; left: 0; right: 0; z-index: 900; box-shadow: var(--lx-shadow-sticky); animation: lxSabitIn .25s ease; }
  .lx-satir.lx-sabitlenir.sabit.gizli { transform: translateY(-100%); transition: transform .25s ease; }
  .lx-satir.lx-sabitlenir.sabit:not(.gizli) { transform: none; transition: transform .25s ease; }
  .lx-sabit-acik .lx-satir-yer { display: block; }
  body.lx-ic .lx-satir-yer { height: 74px; }
}
@keyframes lxSabitIn { from { transform: translateY(-100%); } to { transform: none; } }

/* ---------------- 9) MOBİL OFF-CANVAS (§20.3; ≤991 ☰) ---------------- */
.lx-oc.ex-cekmece { width: 380px; max-width: calc(100vw - 32px); padding: 0 0 24px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; background: var(--lx-surface); }
.lx-oc-ust { display: flex; justify-content: flex-end; margin: 15px 10px 0; }
.lx-oc-kapat { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; border: 0; background: none; color: var(--lx-ink); cursor: pointer; transition: color .3s; }
.lx-oc-kapat .ex-ik { width: 20px; height: 20px; }
.lx-oc-kapat:hover { color: var(--lx-gold); }
.lx-oc-oge { position: relative; border-bottom: 1px solid var(--lx-line); }
.lx-oc-a { display: block; padding: 10px 56px 10px 30px; color: var(--lx-ink); font-size: 14px; font-weight: 600; line-height: 20px; text-transform: uppercase; transition: color .3s; }
.lx-oc-a:hover, .lx-oc-a:focus-visible { color: var(--lx-gold); }
.lx-oc-ac { position: absolute; top: 0; right: 0; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 40px; padding: 0; border: 0; background: none; color: var(--lx-ink); cursor: pointer; }
.lx-oc-ok { width: 15px !important; height: 15px !important; transition: transform .25s; }
.lx-oc-ac[aria-expanded="true"] .lx-oc-ok, .lx-oc-secici-dugme[aria-expanded="true"] .lx-oc-ok { transform: rotate(180deg); }
.lx-oc-alt { padding: 0 30px 20px; }
.lx-oc-alt[hidden] { display: none; }
.lx-oc-grup + .lx-oc-grup { margin-top: 20px; }
.lx-oc-grup-baslik { display: block; margin: 0; padding-bottom: 6px; color: var(--lx-ink); font-size: 18px; font-weight: 500; line-height: 26px; }
a.lx-oc-grup-baslik:hover { color: var(--lx-gold); }
.lx-oc-grup ul { padding-left: 7px !important; }
.lx-oc-grup li a { display: block; padding: 5px 0 5px 10px; color: var(--lx-text); font-size: 14px; font-weight: 500; line-height: 20px; transition: color .3s; }
.lx-oc-grup li a:hover, .lx-oc-grup li a:focus-visible { color: var(--lx-gold); }
.lx-oc-son { padding: 16px 30px 0; }
.lx-oc-hesap { display: flex; align-items: center; gap: 10px; padding: 10px 0; color: var(--lx-ink); font-size: 14px; font-weight: 600; line-height: 20px; }
.lx-oc-hesap .ex-ik { width: 20px; height: 20px; }
.lx-oc-hesap:hover { color: var(--lx-gold); }
.lx-oc-kisa { padding-bottom: 8px !important; }
.lx-oc-kisa a { display: block; padding: 5px 0; color: var(--lx-text); font-size: 14px; font-weight: 500; line-height: 20px; }
.lx-oc-kisa a:hover { color: var(--lx-gold); }
.lx-oc-secici-dugme { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 44px; padding: 0; border: 0; border-top: 1px solid var(--lx-line); background: none; color: var(--lx-ink);
  font: 600 14px/20px var(--lx-font); text-align: left; cursor: pointer; }
.lx-oc-secici-dugme b { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; color: var(--lx-text); font-weight: 400; }
.lx-oc-secici-liste { padding: 0 0 10px !important; }
.lx-oc-secici-liste[hidden] { display: none; }
.lx-oc-secici-liste a { display: block; padding: 5px 10px; color: var(--lx-text); font-size: 14px; line-height: 20px; }
.lx-oc-secici-liste a.secili, .lx-oc-secici-liste a:hover { color: var(--lx-gold); }
.lx-oc-gorunum { padding: 12px 0; border-top: 1px solid var(--lx-line); }
.lx-oc-gorunum p { margin: 0 0 8px; color: var(--lx-ink); font-size: 14px; font-weight: 600; line-height: 20px; }
.lx-oc-tel { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; color: var(--lx-gold); font-size: 15px; font-weight: 600; line-height: 30px; letter-spacing: .5px; }
.lx-oc-tel .ex-ik { width: 18px; height: 18px; }

/* ---------------- 10) KIRINTI BANDI (§15; ürün sayfası "duz" varyantı) ---------------- */
.lx-bant { position: relative; z-index: 0; display: flex; align-items: center; justify-content: center; width: 100vw; max-width: 100vw; min-height: 280px;
  margin: 0 calc(50% - 50vw) 80px; overflow: hidden; background: var(--lx-bant-yedek); font-family: var(--lx-font); isolation: isolate; }
html body .lx-bant > .lx-bant-gorsel { position: absolute; inset: 0; z-index: -2; display: block; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0; border-radius: 0; object-fit: cover; object-position: center; }
.lx-bant--foto::after { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(0, 0, 0, var(--lx-k, .25)); pointer-events: none; }
.lx-bant--foto.gorselsiz::after { display: none; }
.lx-k-0 { --lx-k: 0; } .lx-k-5 { --lx-k: .05; } .lx-k-10 { --lx-k: .1; } .lx-k-15 { --lx-k: .15; } .lx-k-20 { --lx-k: .2; } .lx-k-25 { --lx-k: .25; } .lx-k-30 { --lx-k: .3; }
.lx-k-35 { --lx-k: .35; } .lx-k-40 { --lx-k: .4; } .lx-k-45 { --lx-k: .45; } .lx-k-50 { --lx-k: .5; } .lx-k-55 { --lx-k: .55; } .lx-k-60 { --lx-k: .6; }
.lx-bant-ic { width: 100%; max-width: var(--lx-container); margin: 30px auto; padding: 0 15px; }
.lx-kirinti-nav { position: relative; }
.lx-bant--foto .lx-kirinti-nav::before { content: ""; position: absolute; top: -6px; left: 50%; width: 100vw; height: 1px; background: rgba(0, 0, 0, .1); transform: translateX(-50%); }
.lx-kirinti { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 !important; padding: 0 !important; list-style: none; }
.lx-kirinti li { display: inline-flex; align-items: center; min-width: 0; color: #FFFFFF; font-size: 12px; font-weight: 600; line-height: 24px; letter-spacing: .6px; text-transform: uppercase; }
.lx-kirinti li + li::before { content: ">"; display: inline-block; flex: none; width: 6px; margin: 0 8px; text-align: center; }
.lx-kirinti a { color: #FFFFFF; transition: color .3s; }
.lx-kirinti a:hover, .lx-kirinti a:focus-visible { color: var(--lx-gold); outline-color: var(--lx-gold) !important; }
.lx-bant--duz { justify-content: flex-start; min-height: 60px; margin-bottom: 8px; background: none; }
.lx-bant--duz .lx-kirinti { justify-content: flex-start; }
.lx-bant--duz .lx-kirinti li, .lx-bant--duz .lx-kirinti a { color: var(--lx-muted); }
.lx-bant--duz .lx-kirinti a:hover { color: var(--lx-gold); }
.lx-bant--duz .lx-kirinti [aria-current="page"] { color: var(--lx-ink); }
@media (max-width: 1199.98px) { .lx-bant--foto { min-height: 200px; margin-bottom: 60px; } }
@media (max-width: 1024.98px) { .lx-bant--duz .lx-bant-ic { margin: 20px auto; } }
@media (max-width: 767.98px) { .lx-bant--foto { min-height: 150px; margin-bottom: 40px; } }

/* ---------------- 11) BİLDİRİM ŞERİDİ (§12 — üstten iner; AA renkleri) ---------------- */
.lx-bildirim-kap { position: fixed; top: 0; left: 0; z-index: 4000; display: flex; flex-direction: column; width: 100%; pointer-events: none; font-family: var(--lx-font); }
.lx-bildirim { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; max-height: 100px; margin-bottom: 5px; padding: 10px 44px 10px 15px; overflow: hidden;
  background: #1E7E46; color: #FFFFFF; font-size: 14px; line-height: 25px; text-align: center; pointer-events: auto; cursor: pointer; opacity: 0; transform: translateY(-50px); transition: transform .7s, opacity .7s; }
.lx-bildirim.acik { opacity: 1; transform: none; }
.lx-bildirim-cip { margin-right: 15px; padding: 0 15px; background: #165F35; font-weight: 600; line-height: 30px; }
.lx-bildirim a { margin-left: 6px; color: #FFFFFF; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.lx-bildirim-x { position: absolute; top: 8px; right: 10px; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; padding: 0; border: 0; background: rgba(255, 255, 255, .2); color: #FFFFFF; font-size: 10px; cursor: pointer; }
.lx-bildirim-x::after { content: ""; position: absolute; inset: -10px; }
.lx-bildirim-x .ex-ik { width: 10px; height: 10px; }
.lx-bildirim.hata { background: #B03A2E; } .lx-bildirim.hata .lx-bildirim-cip { background: #8E2B22; }
.lx-bildirim.uyari { background: #8A5A00; } .lx-bildirim.uyari .lx-bildirim-cip { background: #6B4500; }
.lx-bildirim.bilgi { background: #22201D; } .lx-bildirim.bilgi .lx-bildirim-cip { background: #000000; }
html body.lx-govde #toast-container, .ex-tost-kap { display: none !important; }
@media (max-width: 767.98px) { .lx-bildirim-cip { margin: 0 8px 0 0; padding: 0 10px; } }

/* ---------------- 12) YUKARI-ÇIK (§14: 40 daire siyah, sağ alt 30/30 — ≤991 10/10) ---------------- */
.ex-yukari, .lx-yukari { position: fixed; right: 30px; bottom: 30px; z-index: 1100; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 0;
  border-radius: 50%; background: var(--lx-backtop); color: #FFFFFF; box-shadow: var(--lx-shadow-backtop); cursor: pointer; visibility: hidden; opacity: 0; transform: none;
  transition: opacity .3s, visibility .3s, background-color .3s; }
.ex-yukari.gorunur, .lx-yukari.gorunur { visibility: visible; opacity: 1; }
.ex-yukari:hover, .ex-yukari:focus-visible, .lx-yukari:hover { background: var(--lx-gold); color: #FFFFFF; }
.ex-yukari .ex-ik, .lx-yukari .ex-ik { width: 16px; height: 16px; transform: none !important; }
.ex-yukari-halka { display: none !important; }

/* ---------------- 13) AÇILIŞ POPUP'I (§13 — 800 px, 2 sütun: görsel | metin + bülten formu) ---------------- */
.ex-popup .ex-modal-diyalog { max-width: 520px; }
.ex-popup .ex-modal-diyalog:has(.ex-popup-gorsel) { max-width: 800px; }
.ex-popup .ex-modal-icerik { display: grid; grid-template-columns: minmax(0, 1fr); padding: 48px 40px; overflow: hidden; text-align: left; }
.ex-popup .ex-modal-icerik:has(.ex-popup-gorsel) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: minmax(48px, 1fr) auto auto auto auto auto minmax(48px, 1fr); column-gap: 40px; padding: 0 40px 0 0; }
.ex-popup-gorsel { grid-column: 1; grid-row: 1 / -1; min-height: 440px; margin: 0; overflow: hidden; background: var(--lx-soft-2); }
.ex-popup-gorsel a, .ex-popup-gorsel img { display: block; width: 100%; height: 100%; }
.ex-popup-gorsel img { object-fit: cover; }
.ex-popup .ex-modal-icerik:has(.ex-popup-gorsel) > :not(.ex-popup-gorsel) { grid-column: 2; }
.ex-popup-baslik { grid-row: 2; margin: 0 0 16px; color: var(--lx-ink); font-size: 35px !important; font-weight: 500 !important; line-height: 40px !important; }
.ex-popup-metin { grid-row: 3; margin: 0 0 24px; color: var(--lx-text); font-size: 15px; line-height: 22px; letter-spacing: .5px; }
.ex-popup-form { grid-row: 4; display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.ex-popup-form .ex-girdi { flex: 1 1 200px; height: 50px; padding: 14px 20px; border-color: transparent; background: var(--lx-soft); }
.ex-popup-dugme { display: inline-flex; flex: none; align-items: center; justify-content: center; min-height: 50px; padding: 13px 30px; border: 0; border-radius: 9px; background: var(--lx-gold); color: var(--lx-gold-ink);
  font: 600 14px/24px var(--lx-font); letter-spacing: .28px; cursor: pointer; transition: background-color .3s, color .3s; }
.ex-popup-dugme:hover { background: var(--lx-ink); color: var(--lx-bg); }
.ex-popup-ilgisiz { grid-row: 5; justify-self: start; margin: 16px 0 0; padding: 0 0 1px; border: 0; background: linear-gradient(currentColor, currentColor) left bottom / 100% 1px no-repeat; color: var(--lx-ink);
  font: 500 14px/24px var(--lx-font); cursor: pointer; }
.ex-popup-ilgisiz:hover { color: var(--lx-gold); }
.ex-popup-kvkk { grid-row: 6; margin: 12px 0 0; color: var(--lx-muted); font-size: 12px; line-height: 18px; }
.ex-popup-kvkk a { color: var(--lx-gold); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 767.98px) {
  .ex-popup .ex-modal-diyalog:has(.ex-popup-gorsel) { max-width: calc(100% - 0px); }
  .ex-popup .ex-modal-icerik:has(.ex-popup-gorsel) { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; padding: 0 20px 24px; }
  .ex-popup-gorsel { grid-column: 1; grid-row: auto; min-height: 180px; height: 180px; margin: 0 -20px 24px; }
  .ex-popup .ex-modal-icerik:has(.ex-popup-gorsel) > :not(.ex-popup-gorsel) { grid-column: 1; }
  .ex-popup .ex-modal-icerik > * { grid-row: auto !important; }
  .ex-popup-baslik { font-size: 28px !important; line-height: 33px !important; }
}

/* ---------------- 14) ÇEREZ + PUSH KARTLARI (§21.3 — sol alt 30/30, 420, r12) ---------------- */
html body.lx-govde .cc-window.cc-floating, html body.lx-govde .cc-window.ex-cerez { top: auto; left: 30px !important; right: auto !important; bottom: 30px !important; z-index: 1200; display: flex; flex-direction: column;
  align-items: stretch; gap: 0; width: 420px; max-width: calc(100% - 20px); min-height: 0; padding: 20px 24px !important; border: 1px solid var(--lx-line); border-radius: 12px !important;
  background: var(--lx-surface) !important; color: var(--lx-text) !important; box-shadow: var(--lx-shadow-drop); font-family: var(--lx-font); font-size: 14px; line-height: 22px; transform: none; opacity: 1; }
html body.lx-govde .cc-window.cc-invisible { opacity: 0; }
.ex-cerez-ik { display: none !important; }
html body.lx-govde .cc-window .cc-message { flex: none; margin: 0 0 16px !important; padding-right: 20px; color: var(--lx-text); font-size: 14px; line-height: 22px; letter-spacing: .5px; }
html body.lx-govde .cc-window .cc-message a { color: var(--lx-gold); text-decoration: underline; }
.ex-cerez-baslik { display: block; margin-bottom: 8px; color: var(--lx-ink); font-size: 18px; font-weight: 500; line-height: 24px; letter-spacing: 0; }
html body.lx-govde .cc-window .cc-compliance { display: flex !important; flex: none !important; justify-content: flex-end; gap: 10px; }
html body.lx-govde .cc-window .cc-btn, .ex-cerez-detay { display: inline-flex !important; align-items: center; justify-content: center; min-width: 0 !important; min-height: 42px; padding: 8px 20px !important;
  border: 1px solid var(--lx-btn-bg) !important; border-radius: 9px !important; font: 600 14px/24px var(--lx-font) !important; letter-spacing: .28px; text-decoration: none !important; cursor: pointer; transition: background-color .3s, color .3s, border-color .3s; }
html body.lx-govde .cc-window .cc-btn { flex: none !important; background: var(--lx-btn-bg) !important; color: var(--lx-btn-ink) !important; }
html body.lx-govde .cc-window .ex-cerez-detay { flex: none !important; }
html body.lx-govde .cc-window .cc-btn:hover { border-color: var(--lx-gold) !important; background: var(--lx-gold) !important; color: var(--lx-gold-ink) !important; }
.ex-cerez-detay { border-color: var(--lx-ink) !important; background: transparent !important; color: var(--lx-ink) !important; opacity: 1 !important; }
.ex-cerez-detay:hover { border-color: var(--lx-gold) !important; background: var(--lx-gold) !important; color: #FFFFFF !important; }
.ex-cerez-x { position: absolute; top: 14px; right: 14px; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0; background: none; color: var(--lx-ink); opacity: .6; cursor: pointer; }
.ex-cerez-x:hover { opacity: 1; }
.ex-cerez-x .ex-ik { width: 16px; height: 16px; }
.ex-cerez-x::after { content: ""; position: absolute; inset: -10px; }
.ex-push { position: fixed; left: 30px; bottom: 30px; z-index: 1200; width: 420px; max-width: calc(100% - 20px); align-items: flex-start; gap: 16px; padding: 20px 24px; border: 1px solid var(--lx-line); border-radius: 12px;
  background: var(--lx-surface); box-shadow: var(--lx-shadow-drop); font-family: var(--lx-font); color: var(--lx-ink); }
.ex-push-ik { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--lx-soft); color: var(--lx-gold); }
.ex-push-ik .ex-ik { width: 20px; height: 20px; }
.ex-push-govde { flex: 1; min-width: 0; }
.ex-push-govde b { display: block; color: var(--lx-ink); font-size: 18px; font-weight: 500; line-height: 24px; }
.ex-push-govde > span { display: block; margin-top: 4px; color: var(--lx-text); font-size: 14px; line-height: 22px; letter-spacing: .5px; }
.ex-push-dugmeler { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 14px; }
.ex-push-dugmeler .ex-dugme { min-height: 42px; padding: 8px 20px; }
.ex-push-dugmeler .ex-dugme-gri { min-height: 0; padding: 0 0 1px; border: 0; border-radius: 0; background: linear-gradient(currentColor, currentColor) left bottom / 100% 1px no-repeat; color: var(--lx-ink) !important; }
.ex-push-dugmeler .ex-dugme-gri:hover { background-color: transparent; color: var(--lx-gold) !important; }
@media (max-width: 767.98px) {
  html body.lx-govde .cc-window.cc-floating, html body.lx-govde .cc-window.ex-cerez { left: 10px !important; right: 10px !important; bottom: 10px !important; width: auto; max-width: none; }
  .ex-push { left: 10px; right: 10px; bottom: 10px; width: auto; }
}

/* ---------------- 15) SON GEZDİKLERİM (yazdırma kartı yoksa yalın liste) ---------------- */
.lx-son-liste { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.lx-son-liste a { color: var(--lx-ink); font-size: 15px; line-height: 22px; }
.lx-son-liste a:hover { color: var(--lx-gold); }

/* ---------------- DUYARLI (§20) ---------------- */
@media (max-width: 1199.98px) {
  .lx-mega { padding: 48px 24px 56px; }
  .lx-mega-banner-baslik { font-size: 28px; line-height: 34px; }
  .lx-mega-urunler, .lx-mega-gorseller { gap: 20px; }
}
@media (max-width: 1024.98px) {
  .lx-bilgi { padding: 10px 15px 11px; }
  .lx-bilgi-ic { display: flex; justify-content: space-between; gap: 16px; }
  .lx-bilgi-orta { display: none; }
  .lx-satir-ic { grid-template-columns: auto minmax(0, 1fr) auto; padding: 0 16px; }
  .lx-logo { grid-column: 1; justify-self: start; }
  .lx-nav-kap { grid-column: 2; margin-left: 30px; }
  .lx-ikonlar { grid-column: 3; }
  .lx-ara { padding: 15px; }
  .lx-tam-sag { padding: 40px; }
  .lx-tam-linkler { margin-bottom: 50px !important; }
  .lx-tam-linkler a { font-size: 40px; line-height: 55px; }
}
@media (max-width: 991.98px) {
  .lx-nav-kap, .lx-ik-menu, .lx-tam { display: none !important; }
  .lx-m-menu { display: inline-flex !important; }
  .lx-satir-ic { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); min-height: 60px; }
  .lx-m-menu { grid-column: 1; grid-row: 1; justify-self: start; }
  .lx-logo { grid-column: 2; justify-self: center; }
  .lx-ikonlar { grid-column: 3; }
  .lx-satir-yer { height: 61px; }
  .ex-yukari, .lx-yukari { right: 10px; bottom: 10px; }
}
@media (max-width: 767.98px) {
  /* bilgi şeridi 2 satır (60): iletişim / dil + para birimi */
  .lx-bilgi { padding: 10px 15px 11px; }
  .lx-bilgi-ic { flex-direction: column; justify-content: center; gap: 8px; }
  .lx-bilgi-sosyal, .lx-bilgi-linkler { display: none !important; }
  .lx-bilgi-sol, .lx-bilgi-sag { justify-content: center; width: 100%; }
  .lx-bilgi-sag:not(:has(.lx-secici)) { display: none; }
  .lx-bilgi-sol:not(:has(.lx-bilgi-iletisim)) { display: none; }
  .lx-bilgi-iletisim { text-align: center; }
  .lx-bilgi-sag .lx-secici:last-child { margin-right: 0; }
  .lx-secici-liste { right: auto; left: 50%; transform: translate(-50%, 20px); }
  .lx-secici.acik .lx-secici-liste { transform: translate(-50%, 0); }
  /* header satırı 51 (+1): ☰ · logo (☰'in 20 px sağında, x 62) · ara / sepet / favori / hesap (x 225 · 264 · 307 · 350) */
  .lx-satir-ic { grid-template-columns: auto auto minmax(0, 1fr); min-height: 51px; padding: 10px 16px; }
  .lx-logo { margin-left: 22px; }
  :is(.lx-header, .lx-tam) .lx-logo img { max-width: 124px; }
  .lx-ikonlar > li + li { margin-left: 19px; }
  .lx-ikonlar > li:nth-child(2) { margin-left: 15px; }
  /* bildirim zili hesap açılırına taşınır (yer yok): satırdaki düğme gizlenir, bildirim paneli header'ın altına açılır */
  .lx-ikonlar > li.lx-zil { position: static; width: 0; margin: 0 !important; overflow: visible; }
  html body .lx-zil .bph-bell-wrap { position: static; }
  html body .lx-zil .bph-bell, html body .lx-zil .bph-bell-c { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  html body .lx-zil .bph-noti { position: absolute !important; top: calc(100% + 1px) !important; left: 16px !important; right: 16px !important; width: auto !important; }
  .lx-ara { padding: 10px 15px; }
  html body .lx-input--search { font-size: 16px; }
}
@media (max-width: 359.98px) {
  .lx-satir-ic { column-gap: 0; padding: 10px 12px; }
  .lx-logo { margin-left: 14px; }
  :is(.lx-header, .lx-tam) .lx-logo img { max-width: 96px; }
  .lx-logo-yazi { font-size: 16px; letter-spacing: .5px; }
  .lx-ikonlar > li + li, .lx-ikonlar > li:nth-child(2) { margin-left: 14px; }
}
@media (max-width: 335.98px) {
  .lx-logo { margin-left: 12px; }
  :is(.lx-header, .lx-tam) .lx-logo img { max-width: 84px; }
  .lx-ikonlar > li + li, .lx-ikonlar > li:nth-child(2) { margin-left: 12px; }
}
@media (min-width: 992px) {
  /* üzerine gelince açılma (JS 150 ms niyet gecikmesiyle .acik verir; JS yoksa CSS yedeği) */
  html:not(.lx-js) .lx-nav-oge[data-lx-acilir]:hover > .lx-dd, html:not(.lx-js) .lx-hesap:hover .lx-hesap-menu { visibility: visible; opacity: 1; transform: none; pointer-events: auto; }
  html:not(.lx-js) .lx-nav-oge[data-lx-acilir]:hover > .lx-mega { visibility: visible; opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
}

/* ---------------- 16) KOYU · KONTRAST · HAREKET ---------------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]):not([data-tema="kontrast"]) .lx-logo:has(.lx-logo-koyu) .lx-logo-acik { display: none; }
  :root:not([data-tema="acik"]):not([data-tema="kontrast"]) .lx-logo-koyu { display: block !important; }
  :root:not([data-tema="acik"]):not([data-tema="kontrast"]) .lx-kayan, :root:not([data-tema="acik"]):not([data-tema="kontrast"]) .lx-bilgi { border-bottom: 1px solid #2C2A27; }
  :root:not([data-tema="acik"]):not([data-tema="kontrast"]) .lx-bant--foto::after { background: rgba(0, 0, 0, calc(var(--lx-k, .25) + .1)); }
  :root:not([data-tema="acik"]):not([data-tema="kontrast"]) :is(.lx-mm-urun-gorsel, .lx-ara-urun-gorsel, .lx-mega-banner.urun) { background: #EDEBE7; }
}
:root[data-tema="koyu"] .lx-logo:has(.lx-logo-koyu) .lx-logo-acik { display: none; }
:root[data-tema="koyu"] .lx-logo-koyu { display: block !important; }
:root[data-tema="koyu"] :is(.lx-kayan, .lx-bilgi) { border-bottom: 1px solid #2C2A27; }
:root[data-tema="koyu"] .lx-bant--foto::after { background: rgba(0, 0, 0, calc(var(--lx-k, .25) + .1)); }
:root[data-tema="koyu"] :is(.lx-mm-urun-gorsel, .lx-ara-urun-gorsel, .lx-mega-banner.urun) { background: #EDEBE7; }
:root[data-tema="kontrast"] .lx-bant--foto::after { background: rgba(0, 0, 0, .5); }
:root[data-tema="kontrast"] :is(.lx-mega, .lx-dd, .lx-hesap-menu, .lx-secici-liste, .lx-ara-kutu, .ex-cekmece, .lx-tam-sag, .ex-modal-icerik) { border: 2px solid #000000; box-shadow: none; }
:root[data-tema="kontrast"] :is(.lx-satir, .lx-oc-oge, .lx-ara) { border-color: #6B6B6B; }
:root[data-tema="kontrast"] .lx-input--search { border-width: 2px; }
:root[data-tema="kontrast"] .lx-sayac, :root[data-tema="kontrast"] .lx-menu-rozet { background: #DBAF36; color: #000000; }
@media (prefers-contrast: more) {
  .lx-bant--foto::after { background: rgba(0, 0, 0, .5); }
  :is(.lx-mega, .lx-dd, .lx-hesap-menu, .lx-secici-liste) { border: 2px solid currentColor; }
}
@media (prefers-reduced-motion: reduce) {
  .lx-kayan-iz { width: 100%; justify-content: center; animation: none !important; }
  .lx-kayan-grup + .lx-kayan-grup, .lx-kayan-grup li:not(:first-child) { display: none; }
  .lx-kayan-grup li:first-child .lx-kayan-ayrac { display: none; }
  .lx-mega, .lx-dd, .lx-hesap-menu, .lx-secici-liste, .lx-tam, .lx-bildirim, .ex-yukari, .lx-nav-a, .lx-nav-ok, .lx-satir.sabit, .lx-oc-ok, .lx-secici-ok { transition: none !important; animation: none !important; }
}
@media (forced-colors: active) {
  .lx-mega, .lx-dd, .lx-hesap-menu, .lx-secici-liste, .lx-ara-kutu, .lx-tam-sag, .lx-bildirim { border: 1px solid CanvasText; }
  .lx-sayac, .lx-menu-rozet { forced-color-adjust: none; }
}
@media print {
  .lx-bilgi, .lx-kayan, .lx-ikonlar, .lx-nav-kap, .lx-m-menu, .lx-ara, .lx-tam, .lx-oc, .ex-yukari, .lx-bildirim-kap { display: none !important; }
}