/* ==========================================================================
   LUXURY — ANASAYFA (temaheader yalnız anasayfa rotasında yükler)
   İçindekiler: 0 belirteçler (açık · koyu · yüksek kontrast) · 1 kap, bölüm başlığı, ayraç, çizgili bağlantı · 2 kaydırıcı (.lx-a-ray) ·
   3 kategori şeridi · 4 hero · 5 hikayeler · 6 hizmet şeridi · 7 ürün kaydırıcıları · 8 koleksiyon kartları · 9 haftanın fırsatları + sayaç ·
   10 büyük banner · 11 ikili banner · 12 markalar · 13 yorumlar · 14 trend bannerı · 15 blog · 16 boş durum · 17 giriş animasyonları ·
   18 hareket azaltma
   Belirteçler luxury.css'teki kanonik --lx-* adlarıdır; burada yalnız anasayfaya özgü --lx-a-* ekleri tanımlanır.
   Fotoğraflı banner ve hero metin renkleri sabittir (#FFF / #22201D): görsel koyu temada değişmediği için metin de değişmez.
   ========================================================================== */

/* ---------------- 0) BELİRTEÇLER ---------------- */
.lx-ana {
  --lx-a-acik: #F6F6F6;                       /* kategori karosu, yorum kartı (ürün görsel kutusuyla aynı) */
  --lx-a-cizgi-ince: rgba(34, 32, 29, .13);   /* kategori şeridi üst çizgisi */
  --lx-a-sayac-zemin: rgba(252, 207, 85, .16);
  --lx-a-sayac-kenar: var(--lx-ink);
  --lx-a-urun-zemin: #F4F3F1;                 /* ürün modlu banner / fırsat kutusu */
  --lx-a-yildiz: var(--lx-sale);
  --lx-a-yildiz-bos: var(--lx-muted);
  --lx-a-canak-opak: 1;
  --lx-a-katk-ik: var(--lx-gold);
  --lx-a-katk-hover-ink: var(--lx-gold-ink);
  --lx-a-marka-filtre: grayscale(1);
  --lx-a-kontrast-perde: 0;
  --lx-a-kol-gradyan: .28;
  --lx-a-sayac-kenar-stil: dashed;
  --lx-a-sayac-kenar-k: 1px;
  display: block;
  background: var(--lx-bg);
  color: var(--lx-text);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]):not([data-tema="kontrast"]) .lx-ana {
    --lx-a-acik: #1E1D1B; --lx-a-cizgi-ince: rgba(242, 239, 233, .13); --lx-a-sayac-zemin: rgba(226, 188, 82, .16); --lx-a-sayac-kenar: var(--lx-text);
    --lx-a-canak-opak: .06; --lx-a-marka-filtre: grayscale(1) invert(.85);
  }
}
:root[data-tema="koyu"] .lx-ana {
  --lx-a-acik: #1E1D1B; --lx-a-cizgi-ince: rgba(242, 239, 233, .13); --lx-a-sayac-zemin: rgba(226, 188, 82, .16); --lx-a-sayac-kenar: var(--lx-text);
  --lx-a-canak-opak: .06; --lx-a-marka-filtre: grayscale(1) invert(.85);
}
:root[data-tema="kontrast"] .lx-ana {
  --lx-a-acik: #FFFFFF; --lx-a-cizgi-ince: #6B6B6B; --lx-a-yildiz: #A4501C; --lx-a-yildiz-bos: #5C5C5B; --lx-a-katk-ik: #7A5C0E;
  --lx-a-kontrast-perde: .35; --lx-a-kol-gradyan: .45; --lx-a-sayac-kenar-stil: solid; --lx-a-sayac-kenar-k: 2px; --lx-a-canak-opak: 0;
}

/* ---------------- 1) KAP · BÖLÜM BAŞLIĞI · AYRAÇ · ÇİZGİLİ BAĞLANTI ---------------- */
.lx-ana .lx-a-kap { box-sizing: border-box; width: 100%; max-width: calc(1730px + 60px); margin: 0 auto; padding: 0 30px; }
.lx-ana .lx-a-bolum { position: relative; }
.lx-ana :where(h2, h3, p, ul, figure, blockquote) { margin: 0; }
.lx-ana :where(ul) { padding: 0; list-style: none; }
.lx-ana :focus-visible { outline: 2px solid var(--lx-focus); outline-offset: 2px; }
:root[data-tema="kontrast"] .lx-ana :focus-visible { outline-width: 3px; }

.lx-a-baslik { text-align: center; }
.lx-a-baslik h2 { margin: 0 0 15px; color: var(--lx-ink); font-family: var(--lx-font); font-size: 36px; font-weight: 500; line-height: 40px; }
.lx-a-baslik h2:last-child { margin-bottom: 42px; }
.lx-a-baslik p { margin: 0 0 42px; color: var(--lx-text); font-size: 15px; font-weight: 400; line-height: 22px; letter-spacing: .5px; }
.lx-a-ayrac { padding-top: 80px; border-top: 1px solid var(--lx-line); }
/* fırsatlar başlığının üst boşluğu her genişlikte 80 */
.lx-ana .lx-a-firsat-bas { padding-top: 80px; }

.lx-a-cizgili { position: relative; display: inline-block; padding: 0; color: var(--lx-ink); font-size: 14px; font-weight: 600; line-height: 24px; letter-spacing: .28px; text-decoration: none; transition: color .3s; }
.lx-a-cizgili::before, .lx-a-cizgili::after { content: ""; position: absolute; bottom: 0; left: -1px; width: 100%; height: 1px; transition: transform .3s cubic-bezier(.47, .05, .5, .94); }
.lx-a-cizgili::after { background: var(--lx-ink); transform-origin: right center; transition-delay: .2s; }
.lx-a-cizgili::before { background: var(--lx-gold); transform: scaleX(0); transform-origin: left center; }
.lx-a-cizgili:hover, .lx-a-cizgili:focus-visible { color: var(--lx-gold); }
.lx-a-cizgili:hover::after, .lx-a-cizgili:focus-visible::after { transform: scaleX(0); transition-delay: 0s; }
.lx-a-cizgili:hover::before, .lx-a-cizgili:focus-visible::before { transform: scaleX(1); transition-delay: .2s; }
:root[data-tema="kontrast"] .lx-a-cizgili:hover, :root[data-tema="kontrast"] .lx-a-cizgili:focus-visible { color: var(--lx-ink); }

@media (max-width: 1024.98px) {
  .lx-ana .lx-a-kap { padding: 0 15px; }
  .lx-a-baslik h2 { font-size: 30px; line-height: 40px; }
  .lx-a-baslik p, .lx-a-baslik h2:last-child { margin-bottom: 30px; }
  .lx-a-ayrac { padding-top: 70px; }
}
@media (max-width: 767.98px) {
  .lx-a-ayrac { padding-top: 60px; }
}

/* ---------------- 2) KAYDIRICI (.lx-a-ray — oksuz/noktasız; görünen sayı --lx-gor, kayma adımı --lx-adim; davranış anasayfa.js) ---------------- */
.lx-a-ray { --lx-gor: 4; --lx-oluk: 30px; --lx-adim: 0; position: relative; min-width: 0; }
.lx-a-ray-iz { display: flex; gap: var(--lx-oluk); margin: 0; padding: 0; list-style: none; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.lx-a-ray-iz::-webkit-scrollbar { display: none; }
.lx-a-ray-iz:focus-visible { outline-offset: 4px; }
.lx-a-ray-oge { display: flex; flex: 0 0 calc((100% - (var(--lx-gor) - 1) * var(--lx-oluk)) / var(--lx-gor)); min-width: 0; scroll-snap-align: start; }
.lx-a-ray-oge > * { flex: 1 1 auto; min-width: 0; }
.lx-a-ray.az .lx-a-ray-iz { justify-content: center; }
.lx-a-ray.surukle .lx-a-ray-iz { cursor: grabbing; scroll-snap-type: none; user-select: none; }
.lx-a-ray.surukle a { pointer-events: none; }
@media (max-width: 1024.98px) { .lx-a-ray { --lx-oluk: 20px; } }

/* ---------------- 3) KATEGORİ ŞERİDİ (§1 — 180 px: 1 + 21 + 130 + 28) ---------------- */
.lx-a-katserit-ic { padding: 21px 0 28px; border-top: 1px solid var(--lx-a-cizgi-ince); }
.lx-a-ray-kat { --lx-oluk: 10px; --lx-gor: 8; --lx-adim: 4; }
@media (min-width: 1500px) { .lx-a-ray-kat { --lx-gor: 12; --lx-adim: 2; } }
@media (max-width: 1024.98px) { .lx-a-ray-kat { --lx-oluk: 10px; --lx-gor: 6; --lx-adim: 3; } }
@media (max-width: 767.98px) { .lx-a-ray-kat { --lx-gor: 4; --lx-adim: 2; } }
@media (max-width: 575.98px) { .lx-a-ray-kat { --lx-gor: 3; --lx-adim: 3; } }
@media (max-width: 399.98px) { .lx-a-ray-kat { --lx-gor: 2; --lx-adim: 2; } }
.lx-a-katk { position: relative; z-index: 0; display: flex; flex-direction: column; align-items: center; min-height: 130px; padding: 22px 10px 19px; overflow: hidden;
  border-radius: 18px; background: var(--lx-a-acik); color: var(--lx-ink); text-align: center; text-decoration: none; isolation: isolate; transition: background-color .3s, color .3s; }
.lx-a-katk::before { content: ""; position: absolute; top: 0; left: 0; right: 0; z-index: -1; height: 81px; opacity: var(--lx-a-canak-opak); transition: opacity .3s;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='135' height='81' viewBox='0 0 135 81'%3E%3Cdefs%3E%3ClinearGradient id='c' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FFFFFF' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FFFFFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0h135l-30.2 57.4c-15.9 30.4-58.6 30.3-74.4-.2z' fill='url(%23c)'/%3E%3C/svg%3E") center top / auto no-repeat; }
:root[data-tema="kontrast"] .lx-a-katk { border: 1px solid var(--lx-line); }
.lx-a-katk-ik { display: flex; align-items: center; justify-content: center; flex: none; width: 48px; height: 48px; color: var(--lx-a-katk-ik); transition: color .3s; }
.lx-a-katk-ik .ex-ik { width: 48px; height: 48px; stroke-width: .9; }
.lx-a-katk-ik img { display: block; width: 48px; height: 48px; object-fit: contain; transition: filter .3s; }
.lx-a-katk-ik img.daire { border-radius: 50%; object-fit: cover; }
.lx-a-katk-ad { display: -webkit-box; min-height: 24px; padding-top: 17px; overflow: hidden; color: inherit; font-size: 15px; font-weight: 500; line-height: 24px; word-break: break-word;
  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.lx-a-katk:hover, .lx-a-katk:focus-visible { background: var(--lx-gold); color: var(--lx-a-katk-hover-ink); }
.lx-a-katk:hover::before, .lx-a-katk:focus-visible::before { opacity: .18; }
.lx-a-katk:hover .lx-a-katk-ik, .lx-a-katk:focus-visible .lx-a-katk-ik { color: var(--lx-a-katk-hover-ink); }
.lx-a-katk:hover .lx-a-katk-ik.gorsel img, .lx-a-katk:focus-visible .lx-a-katk-ik.gorsel img { filter: brightness(0) invert(1); }
.lx-a-katk:focus-visible { outline: 2px solid var(--lx-ink); outline-offset: 2px; }
.lx-a-ray-kat .lx-a-ray-iz { padding: 3px 0; margin: -3px 0; }

/* ---------------- 4) HERO (§2 — ≥1200 tuval 1730×820 ölçeği: N tuval px = N × 100cqw / 1730) ---------------- */
.lx-hero { position: relative; z-index: 0; overflow: hidden; border-radius: 18px; background: var(--lx-a-urun-zemin); aspect-ratio: 1730 / 820; container-type: inline-size; isolation: isolate; }
@supports not (aspect-ratio: 1 / 1) { .lx-hero { height: 44vw; max-height: 820px; } }
.lx-hero-iz { position: absolute; inset: 0; }
.lx-hero-slayt { position: absolute; inset: 0; z-index: 1; overflow: hidden; visibility: hidden; color: #FFFFFF; }
/* ilk slayt JS'siz de görünür (sunucu .aktif yazar; JS hazır olunca .hazir ile devralır) */
.lx-hero:not(.hazir) .lx-hero-slayt:first-child,
.lx-hero-slayt.aktif { z-index: 2; visibility: visible; }
.lx-hero-slayt.cikis { z-index: 2; visibility: visible; }
.lx-hero-slayt.giris { z-index: 3; visibility: visible; animation: .5s ease both; }
.lx-hero-slayt.giris.fx-fade { animation-name: lxHeroFade; }
.lx-hero-slayt.giris.fx-sol { animation-name: lxHeroSol; }
.lx-hero-slayt.giris.fx-sag { animation-name: lxHeroSag; }
.lx-hero-slayt.giris.fx-perde { animation-name: lxHeroPerde; }
@keyframes lxHeroFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes lxHeroSol { from { transform: translateX(-100%); } to { transform: none; } }
@keyframes lxHeroSag { from { transform: translateX(100%); } to { transform: none; } }
@keyframes lxHeroPerde { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0); } }
.lx-hero-resim, .lx-hero-resim img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.lx-hero-resim img { object-fit: cover; object-position: center; }
/* perde: max() desteklemeyen tarayıcıda yalnız slayt karartması (geçersiz değer opaklığı 1 yapıp kartı karartmasın) */
.lx-hero-slayt::after { content: ""; position: absolute; inset: 0; z-index: 1; background: #000000; opacity: var(--lx-a-perde, 0); pointer-events: none; transition: opacity .3s; }
@supports (opacity: max(0, 1)) { .lx-hero-slayt::after { opacity: max(var(--lx-a-perde, 0), var(--lx-a-kontrast-perde, 0)); } }
.lx-hero-slayt.koyu::after { background: #FFFFFF; opacity: calc(var(--lx-a-kontrast-perde, 0) * 1.5); }
.lx-hero-slayt.urun { background: var(--lx-hero-zemin, var(--lx-a-urun-zemin)); }
.lx-hero-slayt.urun .lx-hero-resim { inset: 8% 6% 8% auto; width: 46%; height: 84%; }
.lx-hero-slayt.urun .lx-hero-resim img { object-fit: contain; mix-blend-mode: darken; }
.lx-hero-tum { position: absolute; inset: 0; z-index: 2; }

.lx-hero-metin { position: absolute; z-index: 2; top: 192.5px; left: 101px; max-width: 552px; text-align: left; }
.lx-hero-ust { margin: 0; color: inherit; font-size: 11px; font-weight: 600; line-height: 18.9px; letter-spacing: .05em; text-transform: uppercase; }
.lx-hero-baslik { margin: 11px 0 0; color: inherit; font-family: var(--lx-font); font-size: 63.1px; font-weight: 500; line-height: 67.9px; text-transform: none; }
.lx-hero-acik { max-width: 316px; margin: 20.5px 0 0; color: inherit; font-size: 14.2px; font-weight: 500; line-height: 18.9px; }
.lx-hero-dugme { display: inline-flex; align-items: center; justify-content: center; margin-top: 31.6px; padding: 9.5px 30.8px; border: 1px solid #FFFFFF; border-radius: 7.1px;
  background: transparent; color: #FFFFFF; font-size: 11px; font-weight: 700; line-height: 18.9px; text-decoration: none; transition: background-color .3s, border-color .3s, color .3s; }
@supports (width: 1cqw) {
  .lx-hero-metin { top: 14.104cqw; left: 7.3988cqw; max-width: 40.4624cqw; }
  .lx-hero-ust { font-size: .8092cqw; line-height: 1.3873cqw; }
  .lx-hero-baslik { margin-top: .8092cqw; font-size: 4.6243cqw; line-height: 4.9711cqw; }
  .lx-hero-acik { max-width: 23.1214cqw; margin-top: 1.5029cqw; font-size: 1.0405cqw; line-height: 1.3873cqw; }
  .lx-hero-dugme { margin-top: 2.3121cqw; padding: .6936cqw 2.2543cqw; border-radius: .5202cqw; font-size: .8092cqw; line-height: 1.3873cqw; }
}
.lx-hero-dugme:hover, .lx-hero-dugme:focus-visible { border-color: var(--lx-gold); background: var(--lx-gold); color: #FFFFFF; }
.lx-hero-slayt :focus-visible { outline-color: #FFFFFF; }
.lx-hero-slayt.koyu { color: #22201D; }
.lx-hero-slayt.koyu .lx-hero-dugme { border-color: #22201D; color: #22201D; }
.lx-hero-slayt.koyu .lx-hero-dugme:hover, .lx-hero-slayt.koyu .lx-hero-dugme:focus-visible { border-color: var(--lx-gold); background: var(--lx-gold); color: #FFFFFF; }
.lx-hero-slayt.koyu :focus-visible { outline-color: #22201D; }
/* slayt değişiminde metin girişi (ilk yüklemede yok — LCP metni beklemez) */
.lx-hero-slayt.oyna .lx-hero-ust { animation: lxHeroWipeSol .5s cubic-bezier(.37, 0, .63, 1) both; }
.lx-hero-slayt.oyna .lx-hero-baslik { animation: lxHeroWipeSag .5s cubic-bezier(.37, 0, .63, 1) .5s both; }
.lx-hero-slayt.oyna .lx-hero-acik { animation: lxHeroWipeAsagi .5s cubic-bezier(.37, 0, .63, 1) 1s both; }
.lx-hero-slayt.oyna .lx-hero-dugme { animation: lxHeroWipeAsagi .5s cubic-bezier(.37, 0, .63, 1) 1.5s both; }
@keyframes lxHeroWipeSol { from { opacity: 0; transform: translateX(-40px); } to { opacity: 1; transform: none; } }
@keyframes lxHeroWipeSag { from { opacity: 0; transform: translateX(40px); } to { opacity: 1; transform: none; } }
@keyframes lxHeroWipeAsagi { from { opacity: 0; transform: translateY(-24px); } to { opacity: 1; transform: none; } }

/* oklar: normalde kart dışında (kırpılır), hover / odakta 10 px içeri kayar */
.lx-hero-ok { position: absolute; top: 50%; z-index: 5; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin: -25px 0 0; padding: 0;
  border: 0; border-radius: 0; background: rgba(0, 0, 0, .1); color: #FFFFFF; opacity: .6; cursor: pointer;
  transition: left .3s ease-in-out, right .3s ease-in-out, opacity .3s, background-color .3s; }
.lx-hero-ok svg { width: 20px; height: 20px; }
.lx-hero-ok.onceki { left: -50px; }
.lx-hero-ok.sonraki { right: -50px; }
.lx-hero:hover .lx-hero-ok, .lx-hero:focus-within .lx-hero-ok { opacity: 1; }
.lx-hero:hover .lx-hero-ok.onceki, .lx-hero:focus-within .lx-hero-ok.onceki { left: 10px; }
.lx-hero:hover .lx-hero-ok.sonraki, .lx-hero:focus-within .lx-hero-ok.sonraki { right: 10px; }
.lx-hero-ok:hover, .lx-hero-ok:focus-visible { background: var(--lx-gold); opacity: 1; }
.lx-hero-ok:focus-visible { outline-color: #FFFFFF; outline-offset: -4px; }
@media (hover: none) { .lx-hero:not(:focus-within) .lx-hero-ok { visibility: hidden; } }

/* noktalar (6×6, adım 16; alt kenar kart altından 26 px yukarıda) + duraklat */
.lx-hero-alt { position: absolute; left: 0; right: 0; bottom: 26px; z-index: 5; display: flex; align-items: center; justify-content: center; height: 6px; opacity: .6; transition: opacity .3s; pointer-events: none; }
.lx-hero:hover .lx-hero-alt, .lx-hero:focus-within .lx-hero-alt { opacity: 1; }
.lx-hero-noktalar { position: relative; display: flex; align-items: center; pointer-events: auto; }
.lx-hero-noktalar [data-lx-hero-git] { position: relative; width: 6px; height: 6px; margin: 0 5px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .5); cursor: pointer; }
.lx-hero-noktalar [data-lx-hero-git]::before { content: ""; position: absolute; inset: -9px -5px; }
.lx-hero-noktalar [data-lx-hero-git]:hover, .lx-hero-noktalar [data-lx-hero-git][aria-current="true"] { background: #FFFFFF; }
.lx-hero-noktalar [data-lx-hero-git]:focus-visible { outline-color: #FFFFFF; outline-offset: 3px; }
/* duraklat düğmesi noktaların sağında, akış dışında (nokta grubu kartın tam ortasında kalır) */
.lx-hero-durdur { position: absolute; top: 50%; left: 100%; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin: -12px 0 0 4px; padding: 0; border: 0; background: transparent; color: #FFFFFF; cursor: pointer; }
.lx-hero-durdur svg { width: 10px; height: 10px; }
.lx-hero-durdur .oyna, .lx-hero-durdur[aria-pressed="true"] .dur { display: none; }
.lx-hero-durdur[aria-pressed="true"] .oyna { display: block; }
.lx-hero-durdur:focus-visible { outline-color: #FFFFFF; outline-offset: 0; }
.lx-hero.koyu-aktif .lx-hero-noktalar [data-lx-hero-git] { background: rgba(34, 32, 29, .35); }
.lx-hero.koyu-aktif .lx-hero-noktalar [data-lx-hero-git]:hover, .lx-hero.koyu-aktif .lx-hero-noktalar [data-lx-hero-git][aria-current="true"] { background: #22201D; }
.lx-hero.koyu-aktif .lx-hero-durdur { color: #22201D; }
.lx-hero.koyu-aktif :is(.lx-hero-noktalar [data-lx-hero-git], .lx-hero-durdur):focus-visible { outline-color: #22201D; }

@media (max-width: 1199.98px) {
  .lx-hero { height: 600px; aspect-ratio: auto; }
  .lx-hero-metin { top: 50%; left: 0; right: 0; max-width: none; padding: 0 30px; transform: translateY(-50%); }
  .lx-hero-ust { font-size: 14px; line-height: 24px; letter-spacing: .7px; }
  .lx-hero-baslik { max-width: 640px; margin: 10px 0 0; font-size: 60px; line-height: 64.5px; }
  .lx-hero-acik { max-width: 420px; margin: 20px 0 0; font-size: 18px; line-height: 24px; }
  .lx-hero-dugme { min-height: 50px; margin-top: 30px; padding: 12px 39px; border-radius: 9px; font-size: 14px; line-height: 24px; }
  .lx-hero-slayt.urun .lx-hero-resim { width: 44%; }
}
@media (max-width: 767.98px) {
  .lx-hero { height: 450px; }
  .lx-hero-slayt::after { opacity: .1; }
  @supports (opacity: max(0, 1)) { .lx-hero-slayt::after { opacity: max(var(--lx-a-perde, 0), .1, var(--lx-a-kontrast-perde, 0)); } }
  .lx-hero-slayt.koyu::after { opacity: calc(var(--lx-a-kontrast-perde, 0) * 1.5); }
  .lx-hero-baslik { font-size: 40px; line-height: 43px; }
  .lx-hero-acik { max-width: none; }
  .lx-hero-slayt.urun .lx-hero-resim { inset: auto 4% 4% auto; width: 52%; height: 46%; opacity: .9; }
}
@media (max-width: 600px) {
  .lx-hero-ok { width: 40px; height: 40px; margin-top: -20px; }
}

/* ---------------- 5) [HİKAYELER] ---------------- */
.lx-a-hikaye { padding-top: 30px; }
.lx-a-ray-hk { --lx-gor: 14; --lx-oluk: 20px; }
@media (max-width: 1199.98px) { .lx-a-ray-hk { --lx-gor: 10; } }
@media (max-width: 767.98px) { .lx-a-ray-hk { --lx-gor: 4.5; --lx-oluk: 16px; } }
.lx-a-hk { display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--lx-ink); text-decoration: none; }
.lx-a-hk-daire { display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; overflow: hidden; border: 1px solid var(--lx-line); border-radius: 50%;
  background: var(--lx-a-acik); color: var(--lx-ink); font-size: 22px; font-weight: 500; transition: border-color .3s, box-shadow .3s; }
.lx-a-hk-daire img { width: 100%; height: 100%; object-fit: cover; }
.lx-a-hk:hover .lx-a-hk-daire, .lx-a-hk:focus-visible .lx-a-hk-daire { border-color: var(--lx-gold); box-shadow: inset 0 0 0 1px var(--lx-gold); }
.lx-a-hk-ad { display: block; max-width: 80px; overflow: hidden; font-size: 13px; font-weight: 500; line-height: 18px; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 767.98px) { .lx-a-hk-daire { width: 60px; height: 60px; } }

/* ---------------- 6) HİZMET ŞERİDİ (§3) ---------------- */
.lx-a-hizmet { padding: 60px 0; }
.lx-a-hizmet-liste { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 1410px; margin: 0 auto; }
.lx-a-hizmet-liste.n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lx-a-hizmet-liste.n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lx-a-hizmet-liste.n1 { grid-template-columns: minmax(0, 1fr); }
.lx-a-hizmet-liste > li { min-width: 0; padding-right: 15px; }
.lx-a-hizmet-oge { display: flex; align-items: flex-start; color: inherit; text-decoration: none; }
.lx-a-hizmet-ik { display: flex; flex: none; width: 38px; height: 38px; margin-right: 21px; color: var(--lx-ink); transition: color .3s; }
.lx-a-hizmet-ik .ex-ik { width: 100%; height: 100%; stroke-width: 1; }
.lx-a-hizmet-metin { min-width: 0; }
.lx-a-hizmet h3 { margin: 0 0 12px; color: var(--lx-ink); font-family: var(--lx-font); font-size: 18px; font-weight: 500; line-height: 24px; }
.lx-a-hizmet p { color: var(--lx-text); font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: .5px; }
a.lx-a-hizmet-oge:focus-visible { outline-offset: 4px; }
@media (max-width: 1024.98px) {
  /* tablet: 2×2, sütun içi 15 px iç boşluk (tek sütunda sağda, çift sütunda solda), öğe en çok 350 px */
  .lx-a-hizmet-liste, .lx-a-hizmet-liste.n3 { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 20px; }
  .lx-a-hizmet-liste > li { padding-right: 15px; }
  .lx-a-hizmet-liste > li:nth-child(even) { padding-right: 0; padding-left: 15px; }
  .lx-a-hizmet-oge { max-width: 350px; }
}
@media (max-width: 767.98px) {
  .lx-a-hizmet-liste, .lx-a-hizmet-liste.n3, .lx-a-hizmet-liste.n2 { grid-template-columns: minmax(0, 1fr); row-gap: 20px; }
  .lx-a-hizmet-liste > li, .lx-a-hizmet-liste > li:nth-child(even) { padding: 0; }
  .lx-a-hizmet-oge { flex-direction: column; align-items: center; margin: 0 auto; text-align: center; }
  .lx-a-hizmet-ik { width: 46px; height: 46px; margin: 0 0 21px; }
}

/* ---------------- 7) ÜRÜN KAYDIRICILARI (Öne Çıkanlar §4 · ek bloklar) ---------------- */
.lx-a-urunler { margin-bottom: 60px; }
.lx-a-ray-urun { --lx-gor: 6; }
@media (max-width: 1399.98px) { .lx-a-ray-urun { --lx-gor: 5; } }
@media (max-width: 1199.98px) { .lx-a-ray-urun { --lx-gor: 4; } }
@media (max-width: 1024.98px) { .lx-a-ray-urun { --lx-gor: 3; } .lx-a-urunler { margin-bottom: 50px; } }
@media (max-width: 767.98px) { .lx-a-ray-urun { --lx-gor: 2; } .lx-a-urunler { margin-bottom: 40px; } }
@media (max-width: 479.98px) { .lx-a-ray-urun { --lx-gor: 1; } }
.lx-a-tumu { margin: 30px 0 0; text-align: center; }

/* ---------------- 8) KOLEKSİYON KARTLARI (§6 — 480:580, r18) ---------------- */
.lx-a-koleksiyon { margin-bottom: 80px; }
.lx-a-kol-liste { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; }
.lx-a-kol-liste.n2, .lx-a-kol-liste.n3 { grid-template-columns: repeat(var(--lx-kol-n, 4), minmax(0, calc((100% - 90px) / 4))); justify-content: center; }
.lx-a-kol-liste.n2 { --lx-kol-n: 2; }
.lx-a-kol-liste.n3 { --lx-kol-n: 3; }
.lx-a-kol { min-width: 0; text-align: center; }
.lx-a-kol-gorsel { position: relative; display: block; aspect-ratio: 480 / 580; overflow: hidden; border-radius: 18px; background: var(--lx-a-acik); isolation: isolate; }
.lx-a-kol-resim { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.lx-a-kol:hover .lx-a-kol-resim { transform: scale(1.1); }
.lx-a-kol-gorsel::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; height: 35%; background: linear-gradient(to top, rgba(0, 0, 0, var(--lx-a-kol-gradyan)), rgba(0, 0, 0, 0)); pointer-events: none; }
.lx-a-kol-sekil, .lx-a-kol-katman { position: absolute; left: 0; z-index: 2; display: block; width: 100%; pointer-events: none; }
.lx-a-kol-sekil.v, .lx-a-kol-katman.ust { top: 0; height: 66.2%; }
.lx-a-kol-sekil.kemer, .lx-a-kol-katman.alt { bottom: 0; height: 66.5%; }
.lx-a-kol-katman { object-fit: fill; }
.lx-a-kol-etiket { position: absolute; left: 0; right: 0; bottom: 25px; z-index: 3; padding: 0 15px; color: #FFFFFF; font-size: 12px; font-weight: 600; line-height: 22px; letter-spacing: 1px; text-transform: uppercase; }
.lx-a-kol.oto .lx-a-kol-resim { object-fit: contain; mix-blend-mode: darken; }
.lx-a-kol.oto .lx-a-kol-gorsel::after { display: none; }
.lx-a-kol.oto .lx-a-kol-etiket { color: var(--lx-ink); }
.lx-a-kol-baslik { margin: 28px 0 12px; overflow: hidden; color: var(--lx-ink); font-family: var(--lx-font); font-size: 22px; font-weight: 500; line-height: 26px; white-space: nowrap; text-overflow: ellipsis; }
.lx-a-kol-baslik a { color: inherit; text-decoration: none; transition: color .3s; }
.lx-a-kol-baslik a:hover { color: var(--lx-gold); }
.lx-a-kol-acik { display: -webkit-box; margin: 0 0 20px; overflow: hidden; color: var(--lx-text); font-size: 15px; font-weight: 400; line-height: 22px; letter-spacing: .5px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
:root[data-tema="koyu"] .lx-a-kol.oto .lx-a-kol-resim { mix-blend-mode: normal; }
@media (prefers-color-scheme: dark) { :root:not([data-tema="acik"]):not([data-tema="kontrast"]) .lx-a-kol.oto .lx-a-kol-resim { mix-blend-mode: normal; } }
@media (max-width: 1024.98px) {
  .lx-a-koleksiyon { margin-bottom: 70px; }
  .lx-a-kol-liste, .lx-a-kol-liste.n3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
}
@media (max-width: 767.98px) {
  .lx-a-koleksiyon { margin-bottom: 60px; }
  .lx-a-kol-liste, .lx-a-kol-liste.n3 { gap: 30px 20px; }
}
@media (max-width: 480px) {
  .lx-a-kol-liste, .lx-a-kol-liste.n2, .lx-a-kol-liste.n3 { grid-template-columns: minmax(0, 1fr); gap: 30px; }
}

/* ---------------- 9) HAFTANIN FIRSATLARI (§7) ---------------- */
.lx-a-firsat { margin-bottom: 60px; }
.lx-a-firsat-govde { display: flex; align-items: stretch; }
.lx-a-firsat-sol { flex: 0 0 33%; max-width: 33%; padding-right: 15px; }
.lx-a-firsat-sag { flex: 0 0 67%; max-width: 67%; min-width: 0; padding-left: 15px; }
.lx-a-firsat.kutusuz .lx-a-firsat-sag { flex-basis: 100%; max-width: 100%; padding-left: 0; }
.lx-a-firsat-kutu { position: relative; z-index: 0; display: flex; flex-direction: column; min-height: 716px; padding: 70px 30px 30px; overflow: hidden; border-radius: 18px;
  background: var(--lx-kutu-zemin, var(--lx-a-urun-zemin)); color: #22201D; text-align: center; isolation: isolate; }
.lx-a-firsat-resim { position: absolute; inset: 0; z-index: -1; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.lx-a-firsat-kutu.urun .lx-a-firsat-resim { inset: auto 0 0; height: 52%; padding: 0 12% 8%; object-fit: contain; mix-blend-mode: darken; }
.lx-a-firsat-ust { margin: 0 0 15px; color: #4B4B4A; font-size: 12px; font-weight: 600; line-height: 15px; letter-spacing: .24px; text-transform: uppercase; }
.lx-a-firsat-baslik { margin: 0 0 30px; color: #22201D; font-family: var(--lx-font); font-size: 36px; font-weight: 500; line-height: 40px; }
.lx-a-firsat-kutu.acik, .lx-a-firsat-kutu.acik .lx-a-firsat-baslik, .lx-a-firsat-kutu.acik .lx-a-firsat-ust { color: #FFFFFF; }
.lx-a-firsat-dugme { display: inline-flex; align-items: center; justify-content: center; align-self: center; min-height: 46px; padding: 11px 25px; border: 0; border-radius: 9px;
  background: #22201D; color: #FFFFFF; font-size: 14px; font-weight: 600; line-height: 24px; letter-spacing: .28px; text-decoration: none; transition: background-color .3s, color .3s; }
.lx-a-firsat-dugme:hover, .lx-a-firsat-dugme:focus-visible { background: var(--lx-gold); color: #FFFFFF; }
.lx-a-firsat-kutu :focus-visible { outline-color: #22201D; }
/* geri sayım (§7.4) */
.lx-sayac-kap { margin: 0 0 40px; }
.lx-sayac-kap[hidden], .lx-a-sayac-bitti[hidden], .lx-a-sayac-k[hidden] { display: none !important; }
.lx-a-sayac { display: flex; align-items: center; justify-content: center; gap: 15px; }
.lx-a-sayac-k { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 6px; box-sizing: border-box;
  border: var(--lx-a-sayac-kenar-k) var(--lx-a-sayac-kenar-stil) #22201D; border-radius: 9px; background: rgba(252, 207, 85, .16); }
.lx-a-sayac-k b { color: #22201D; font-size: 16px; font-weight: 600; line-height: 24px; font-variant-numeric: tabular-nums; }
.lx-a-sayac-k:not(.son)::after { content: ":"; position: absolute; top: 9px; right: -10px; color: #22201D; font-size: 14px; font-weight: 700; line-height: 16px; }
.lx-a-sayac-bitti p { margin: 0 0 40px; color: #4B4B4A; font-size: 14px; font-weight: 600; line-height: 24px; }
.lx-a-firsat-kutu.acik .lx-a-sayac-k { border-color: #FFFFFF; }
.lx-a-firsat-kutu.acik .lx-a-sayac-k b, .lx-a-firsat-kutu.acik .lx-a-sayac-k::after, .lx-a-firsat-kutu.acik .lx-a-sayac-bitti p { color: #FFFFFF; }
/* 2 sıralı ürün kaydırıcısı (§7.5) */
.lx-a-ray-firsat { --lx-gor: 4; }
.lx-a-cift { display: flex; flex-direction: column; gap: 10px; }
.lx-a-cift > * { flex: 1 1 0; }
@media (max-width: 1199.98px) { .lx-a-ray-firsat { --lx-gor: 3; } }
@media (max-width: 1024.98px) {
  .lx-a-firsat { margin-bottom: 50px; }
  .lx-a-ray-firsat { --lx-gor: 2; }
  .lx-a-firsat-sol { flex-basis: 40%; max-width: 40%; }
  .lx-a-firsat-sag { flex-basis: 60%; max-width: 60%; }
  .lx-a-firsat-kutu { min-height: 620px; padding: 60px 15px 0; }
}
@media (max-width: 767.98px) {
  .lx-a-firsat-govde { flex-direction: column; }
  .lx-a-firsat-sol, .lx-a-firsat-sag { flex-basis: auto; max-width: none; padding: 0; }
  .lx-a-firsat-sol { margin-bottom: 30px; }
  .lx-a-firsat-kutu { min-height: 620px; }
}
@media (max-width: 479.98px) { .lx-a-ray-firsat { --lx-gor: 1; } }

/* ---------------- ortak banner metni ---------------- */
.lx-a-bn-ust { margin: 0 0 12px; color: inherit; font-size: 12px; font-weight: 600; line-height: 24px; letter-spacing: .6px; text-transform: uppercase; }
.lx-a-bn-dugme { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 25px; border: 0; border-radius: 9px;
  background: #FFFFFF; color: #22201D; font-size: 14px; font-weight: 600; line-height: 24px; letter-spacing: .28px; text-decoration: none; transition: background-color .3s, border-color .3s, color .3s; }
.lx-a-bn-dugme.kucuk { min-height: 40px; padding: 8px 20px; }
.lx-a-bn-dugme:hover, .lx-a-bn-dugme:focus-visible { background: var(--lx-gold); color: #FFFFFF; }
.lx-a-banner-resim { position: absolute; inset: 0; z-index: -1; display: block; width: 100%; height: 100%; object-fit: cover; }

/* ---------------- 10) BÜYÜK KOLEKSİYON BANNERI (§8 — 680 / 500) ---------------- */
.lx-a-buyuk-kart { position: relative; z-index: 0; display: flex; align-items: center; min-height: 680px; padding: 0 12% 0 2%; overflow: hidden; border-radius: 18px; background: #2A2520; color: #FFFFFF; isolation: isolate; }
.lx-a-buyuk-kart picture { position: absolute; inset: 0; z-index: -1; }
.lx-a-buyuk-kart .lx-a-banner-resim { object-position: 70% 50%; }
.lx-a-buyuk-kart::before, .lx-a-trend-kart::before, .lx-a-ikili-kart::before { content: ""; position: absolute; inset: 0; z-index: -1; background: #000000; opacity: var(--lx-a-perde, 0); pointer-events: none; }
@supports (opacity: max(0, 1)) { .lx-a-buyuk-kart::before, .lx-a-trend-kart::before, .lx-a-ikili-kart::before { opacity: max(var(--lx-a-perde, 0), var(--lx-a-kontrast-perde, 0)); } }
.lx-a-buyuk-kart.koyu::before, .lx-a-trend-kart:not(.acik)::before, .lx-a-ikili-kart:not(.acik)::before { background: #FFFFFF; opacity: calc(var(--lx-a-kontrast-perde, 0) * 1.5); }
.lx-a-buyuk-metin { flex: 0 1 513px; width: 513px; max-width: 513px; margin-left: auto; text-align: left; }
.lx-a-buyuk-baslik { margin: 0 0 20px; color: inherit; font-family: var(--lx-font); font-size: 48px; font-weight: 500; line-height: 54px; }
.lx-a-buyuk-acik { max-width: 415px; margin: 0 0 40px; color: inherit; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 1px; }
.lx-a-buyuk-kart.koyu { color: #22201D; }
.lx-a-buyuk-kart.koyu .lx-a-bn-dugme { background: #22201D; color: #FFFFFF; }
.lx-a-buyuk-kart.koyu .lx-a-bn-dugme:hover, .lx-a-buyuk-kart.koyu .lx-a-bn-dugme:focus-visible { background: var(--lx-gold); }
.lx-a-buyuk-kart :focus-visible { outline-color: #FFFFFF; }
.lx-a-buyuk-kart.koyu :focus-visible { outline-color: #22201D; }
@media (max-width: 1024.98px) {
  .lx-a-buyuk .lx-a-kap { padding: 0 15px 0 16px; }
  .lx-a-buyuk-kart { min-height: 500px; padding: 0 30px; }
  .lx-a-buyuk-metin { padding-left: 30px; }
  .lx-a-buyuk-baslik { font-size: 36px; line-height: 40px; }
}
@media (max-width: 767.98px) {
  .lx-a-buyuk .lx-a-kap { padding: 0; }
  .lx-a-buyuk-kart { padding: 0 20px; border-radius: 0; }
  .lx-a-buyuk-metin { flex-basis: 100%; width: 100%; max-width: 100%; margin-left: 0; padding: 0; }
  .lx-a-buyuk-baslik { font-size: 30px; line-height: 40px; }
  .lx-a-buyuk-acik { max-width: 100%; }
  .lx-a-buyuk-kart:not(.koyu)::before { opacity: .2; }
  @supports (opacity: max(0, 1)) { .lx-a-buyuk-kart:not(.koyu)::before { opacity: max(var(--lx-a-perde, 0), .2, var(--lx-a-kontrast-perde, 0)); } }
}

/* ---------------- 11) İKİLİ BANNER (§9 — 390 / 400) ---------------- */
.lx-a-ikili { margin-top: 30px; }
.lx-a-ikili-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
.lx-a-ikili.tek .lx-a-ikili-liste { grid-template-columns: minmax(0, 1fr); }
.lx-a-ikili-liste > li { display: flex; min-width: 0; }
.lx-a-ikili-kart { position: relative; z-index: 0; display: flex; flex: 1 1 auto; flex-direction: column; align-items: flex-start; min-height: 390px; padding: 60px 56px; overflow: hidden;
  border-radius: 18px; background: var(--lx-kutu-zemin, var(--lx-a-urun-zemin)); color: #22201D; isolation: isolate; }
.lx-a-ikili-kart > .lx-a-ikili-resim { position: absolute; inset: 0; z-index: -1; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.lx-a-ikili-kart.urun > .lx-a-ikili-resim { inset: 8% 4% 8% auto; width: 46%; height: 84%; object-fit: contain; mix-blend-mode: darken; }
.lx-a-ikili-metin { max-width: 50%; }
@media (max-width: 1024.98px) { .lx-a-ikili-metin { max-width: 60%; } }
.lx-a-ikili-kart .lx-a-bn-ust { margin-bottom: 3px; color: #4B4B4A; }
.lx-a-ikili-baslik { margin: 0 0 14px; color: #22201D; font-family: var(--lx-font); font-size: 36px; font-weight: 500; line-height: 45px; }
.lx-a-ikili-acik { margin: 0 0 30px; color: #4B4B4A; font-size: 15px; font-weight: 400; line-height: 22px; letter-spacing: .5px; }
.lx-a-ikili-kart.acik, .lx-a-ikili-kart.acik :is(.lx-a-bn-ust, .lx-a-ikili-baslik, .lx-a-ikili-acik) { color: #FFFFFF; }
.lx-a-ikili-kart :focus-visible { outline-color: #22201D; }
.lx-a-ikili-kart.acik :focus-visible { outline-color: #FFFFFF; }
@media (max-width: 1024.98px) {
  .lx-a-ikili-liste { gap: 20px; }
  .lx-a-ikili-kart { min-height: 400px; padding: 40px; }
  .lx-a-ikili-baslik { font-size: 30px; line-height: 40px; }
}
@media (max-width: 767.98px) {
  .lx-a-ikili-liste { grid-template-columns: minmax(0, 1fr); }
  .lx-a-ikili-metin { max-width: 60%; }
}

/* ---------------- 12) MARKALAR (§10 — 241 / 221 / 201) ---------------- */
.lx-a-markalar-ic { padding: 80px 0; border-bottom: 1px solid var(--lx-line); }
.lx-a-ray-marka { --lx-gor: 9; }
@media (max-width: 1024.98px) { .lx-a-ray-marka { --lx-gor: 5; } .lx-a-markalar-ic { padding: 70px 0; } }
@media (max-width: 767.98px) { .lx-a-ray-marka { --lx-gor: 3; } .lx-a-markalar-ic { padding: 60px 0; } }
@media (max-width: 479.98px) { .lx-a-ray-marka { --lx-gor: 2; } }
.lx-a-marka { display: flex; align-items: center; justify-content: center; height: 80px; padding: 0 5px; border-radius: 9px; transition: background-color .3s; }
.lx-a-marka img { display: block; width: auto; max-width: 100%; height: auto; max-height: 80px; object-fit: contain; filter: var(--lx-a-marka-filtre); opacity: .75; transition: filter .3s, opacity .3s; }
.lx-a-marka:hover img, .lx-a-marka:focus-visible img { filter: none; opacity: 1; }
:root[data-tema="koyu"] .lx-a-marka:hover, :root[data-tema="koyu"] .lx-a-marka:focus-visible { background: #FFFFFF; }
@media (prefers-color-scheme: dark) { :root:not([data-tema="acik"]):not([data-tema="kontrast"]) .lx-a-marka:is(:hover, :focus-visible) { background: #FFFFFF; } }
:root[data-tema="kontrast"] .lx-a-marka img { opacity: 1; }

/* ---------------- 13) MÜŞTERİ YORUMLARI (§11) ---------------- */
.lx-a-yorumlar { margin: 80px 0; }
.lx-a-ray-yorum { --lx-gor: 4; --lx-adim: 1; }
@media (max-width: 1024.98px) { .lx-a-yorumlar { margin: 70px 0; } .lx-a-ray-yorum { --lx-gor: 2; --lx-adim: 2; } }
@media (max-width: 767.98px) { .lx-a-yorumlar { margin: 60px 0; } .lx-a-ray-yorum { --lx-gor: 1; --lx-adim: 1; } }
.lx-a-yorum { display: flex; flex-direction: column; height: 100%; padding: 39px 40px 37px; border-radius: 18px; background: var(--lx-a-acik); text-align: left; box-sizing: border-box; }
:root[data-tema="kontrast"] .lx-a-yorum { border: 1px solid var(--lx-line); }
.lx-a-yildizlar { display: flex; align-items: flex-start; gap: 4px; height: 21.7px; margin: 0 0 12px; }
.lx-a-yildiz { display: block; width: 16px; height: 16px; fill: var(--lx-a-yildiz-bos); }
.lx-a-yildiz.dolu { fill: var(--lx-a-yildiz); }
.lx-a-yorum-baslik { display: -webkit-box; margin: 0 0 15px; overflow: hidden; color: var(--lx-ink); font-family: var(--lx-font); font-size: 18px; font-weight: 500; line-height: 24px; letter-spacing: .09px;
  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.lx-a-yorum-metin { margin: 0 0 25px; }
.lx-a-yorum-metin p { display: -webkit-box; overflow: hidden; color: var(--lx-ink); font-size: 15px; font-weight: 400; line-height: 22px; letter-spacing: .5px; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.lx-a-yorum-yazar { display: flex; align-items: center; gap: 16px; margin-top: auto; }
.lx-a-yorum-avatar { position: relative; display: flex; flex: none; width: 54px; height: 54px; }
.lx-a-yorum-avatar img { width: 54px; height: 54px; border-radius: 50%; object-fit: cover; }
.lx-a-yorum-harf { display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 50%; background: rgba(219, 175, 54, .16); color: var(--lx-ink); font-size: 18px; font-weight: 600; line-height: 24px; }
.lx-a-yorum-arti { position: absolute; right: -4px; bottom: -2px; min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box; border-radius: 9px; background: #22201D; color: #FFFFFF; font-size: 10px; font-weight: 600; line-height: 18px; text-align: center; }
.lx-a-yorum-kim { display: flex; flex-direction: column; min-width: 0; }
.lx-a-yorum-kim b { margin: 0 0 3px; color: var(--lx-ink); font-size: 18px; font-weight: 500; line-height: 24px; }
.lx-a-yorum-alt { display: flex; align-items: center; gap: 4px; overflow: hidden; color: var(--lx-text); font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: .5px; white-space: nowrap; }
.lx-a-yorum-baslik a { color: inherit; text-decoration: none; transition: color .3s; }
.lx-a-yorum-baslik a:hover { color: var(--lx-gold); }
.lx-a-yorum-onay { display: inline-flex; flex: none; width: 12px; height: 12px; color: var(--lx-ok-text); }
.lx-a-yorum-onay .ex-ik { width: 12px; height: 12px; stroke-width: 2.2; }
@media (min-width: 1025px) and (max-width: 1200px) { .lx-a-yorum { padding: 30px 20px; } }

/* ---------------- 14) TREND BANNERI (§12 — r16, 420 / 346) ---------------- */
.lx-a-trend-kart { position: relative; z-index: 0; display: flex; align-items: center; justify-content: center; min-height: 300px; padding: 60px 30px; box-sizing: content-box; overflow: hidden;
  border-radius: 16px; background: var(--lx-a-urun-zemin); color: #22201D; text-align: center; isolation: isolate; }
.lx-a-trend-kart picture { position: absolute; inset: 0; z-index: -1; }
.lx-a-trend-metin { max-width: 640px; }
.lx-a-trend-kart .lx-a-bn-ust { margin-bottom: 10px; }
.lx-a-trend-baslik { margin: 0 0 20px; color: inherit; font-family: var(--lx-font); font-size: 40px; font-weight: 500; line-height: 45px; }
.lx-a-trend-acik { max-width: 327px; margin: 0 auto 40px; color: inherit; font-size: 15px; font-weight: 400; line-height: 22px; letter-spacing: .5px; }
.lx-a-trend-kart .lx-a-bn-dugme { padding: 12px 24px; }
.lx-a-trend-kart.acik { color: #FFFFFF; }
.lx-a-trend-kart :focus-visible { outline-color: #22201D; }
.lx-a-trend-kart.acik :focus-visible { outline-color: #FFFFFF; }
@media (max-width: 1024.98px) {
  .lx-a-trend-kart { min-height: 200px; padding: 60px 15px; }
  .lx-a-trend-baslik { font-size: 30px; line-height: 40px; }
}

/* ---------------- 15) BLOG (§13) ---------------- */
.lx-a-blog-bolum { padding: 80px 0; }
.lx-a-ray-blog { --lx-gor: 4; }
@media (max-width: 1024.98px) { .lx-a-blog-bolum { padding: 70px 0; } .lx-a-ray-blog { --lx-gor: 2; } }
@media (max-width: 767.98px) { .lx-a-blog-bolum { padding: 60px 0; } .lx-a-ray-blog { --lx-gor: 1; } }
.lx-a-blog { text-align: center; }
.lx-a-blog-gorsel { display: block; aspect-ratio: 600 / 380; margin: 0 0 17px; overflow: hidden; border-radius: 18px; background: var(--lx-a-acik); }
.lx-a-blog-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lx-a-blog-bos { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: var(--lx-gold); }
.lx-a-blog-bos .ex-ik { width: 40px; height: 40px; stroke-width: 1; }
.lx-a-blog-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 0 8px; color: var(--lx-muted); font-size: 12px; font-weight: 500; line-height: 22px; letter-spacing: .5px; text-transform: uppercase; }
.lx-a-blog-meta > * { line-height: 22px; }
.lx-a-blog-meta .ayrac { margin: 0 5px; }
.lx-a-blog-baslik { display: -webkit-box; margin: 0 0 20px; overflow: hidden; font-family: var(--lx-font); font-size: 24px; font-weight: 500; line-height: 26px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.lx-a-blog-baslik a { color: var(--lx-ink); text-decoration: none; transition: color .3s; }
.lx-a-blog-baslik a:hover { color: var(--lx-gold); }
.lx-a-blog-ozet { display: -webkit-box; margin: 0 0 23px; padding: 0 23px; overflow: hidden; color: var(--lx-text); font-size: 15px; font-weight: 400; line-height: 22px; letter-spacing: .5px; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
@media (max-width: 767.98px) { .lx-a-blog-ozet { padding: 0; } }

/* ---------------- 16) BOŞ DURUM (§19.2) ---------------- */
.lx-a-bos-bolum { padding: 80px 0; }
.lx-a-bos { display: flex; flex-direction: column; align-items: center; max-width: 520px; margin: 0 auto; text-align: center; }
.lx-a-bos-ik { position: relative; display: flex; align-items: center; justify-content: center; width: 96px; height: 96px; margin-bottom: 24px; border-radius: 50%; background: var(--lx-soft); color: var(--lx-ink); }
.lx-a-bos-ik svg { width: 40px; height: 40px; }
.lx-a-bos-pirilti { position: absolute; top: 14px; right: 16px; width: 12px; height: 12px; background: var(--lx-gold); clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%); }
.lx-a-bos h2 { margin: 0 0 12px; color: var(--lx-ink); font-size: 22px; font-weight: 500; line-height: 26px; }
.lx-a-bos p { max-width: 420px; margin: 0 0 24px; color: var(--lx-text); font-size: 15px; line-height: 22px; }
.lx-a-bos-dugmeler { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 16px; }

/* ---------------- 17) GİRİŞ ANİMASYONLARI (zoomIn · fadeInUp/Left/Right — en çok 60 px, ≈.75 s; yalnız JS hazırsa) ---------------- */
.lx-a-anim .bekle[data-lx-anim] { opacity: 0; }
.lx-a-anim .goster[data-lx-anim="zoom"] { animation: lxAZoom .75s ease both; }
.lx-a-anim .goster[data-lx-anim="yukari"] { animation: lxAYukari .75s ease both; }
.lx-a-anim .goster[data-lx-anim="sol"] { animation: lxASol .75s ease both; }
.lx-a-anim .goster[data-lx-anim="sag"] { animation: lxASag .75s ease both; }
@keyframes lxAZoom { from { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } to { opacity: 1; transform: none; } }
@keyframes lxAYukari { from { opacity: 0; transform: translate3d(0, 60px, 0); } to { opacity: 1; transform: none; } }
@keyframes lxASol { from { opacity: 0; transform: translate3d(-60px, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes lxASag { from { opacity: 0; transform: translate3d(60px, 0, 0); } to { opacity: 1; transform: none; } }

/* ---------------- 18) HAREKET AZALTMA ---------------- */
@media (prefers-reduced-motion: reduce) {
  .lx-ana *, .lx-ana *::before, .lx-ana *::after { animation-duration: .01ms !important; animation-delay: 0s !important; transition-duration: .01ms !important; transition-delay: 0s !important; }
  .lx-a-kol:hover .lx-a-kol-resim { transform: none; }
  .lx-a-anim .bekle[data-lx-anim] { opacity: 1; }
}