/* LC Leather Club - shared styles */
html { scroll-behavior: smooth; scroll-padding-top: 80px; } /* sticky header (68px) altinda anchor/target kesilmesin */
body { font-family: 'Jost', system-ui, sans-serif; color: #17120d; background: #f7f2ea; -webkit-font-smoothing: antialiased; overflow-wrap: break-word; }
/* i18n guvenlik agi: uzun cevrilmis kelimeler (RU/AR genelde TR'den uzun) konteyneri tasirmasin.
   Etiketler son care olarak kelime ortasindan kirilir (cakisma/tasma yerine). Flex hucrelerinde
   ayrica min-w-0 gerekir (flex item min-width:auto'yu ezer); bunu ilgili bilesenlerde veriyoruz. */
.label { overflow-wrap: anywhere; }
.font-serif { font-family: 'Cormorant Garamond', serif; }
/* Fiyat/rakam tipografisi - profesyonel perakende standardi: hizali (tabular) + duz-tabanli (lining) rakamlar.
   Cormorant'in varsayilan oldstyle (asagi-yukari savrulan) rakamlarini fiyatlarda kapatir; tum fiyat alanlari (data-lc-price) ayni hizada. */
[data-lc-price], .lc-num { font-family: 'Jost', system-ui, sans-serif; font-variant-numeric: lining-nums tabular-nums; font-feature-settings: "lnum" 1, "tnum" 1; }
/* Footer alt bari: yuzen AI butonu (fixed bottom-5 right-5) odeme ibarelerini ortmesin diye alt bosluk. Cutover'da kalsa da zararsiz. */
.lc-footbar { padding-bottom: 6rem; }
/* Kategori facet filtreleri - kendi stilimiz (tw.css purge'dan bagimsiz; md:block gibi sinif eksikligine takilmaz). */
.lc-filter-toggle { display:inline-flex; align-items:center; gap:.5rem; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:rgba(23,18,13,.7); border:1px solid rgba(23,18,13,.25); border-radius:9999px; padding:.55rem 1.1rem; background:transparent; cursor:pointer; }
@media (min-width:768px){ .lc-filter-toggle { display:none; } }
.lc-facets { display:none; }
.lc-facets.is-open { display:block; }
@media (min-width:768px){ .lc-facets { display:block; } }
.lc-facets > div, .lc-facets > button { margin-top:.6rem; }
.lc-facets > div:first-child { margin-top:0; }
.lc-facet-label { font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:rgba(23,18,13,.55); width:4rem; flex:0 0 auto; padding-top:.35rem; }
.lc-chip { font-size:10px; letter-spacing:.14em; text-transform:uppercase; padding:.45rem 1rem; min-height:24px; display:inline-flex; align-items:center; border:1px solid rgba(23,18,13,.25); color:rgba(23,18,13,.7); background:transparent; transition:all .15s; cursor:pointer; line-height:1.1; }
.lc-chip:hover { border-color:#17120d; color:#17120d; }
.lc-chip.is-on { background:#17120d; color:#f7f2ea; border-color:#17120d; }
.lc-facet-clear { font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:#8a5a30; text-decoration:underline; background:transparent; border:0; cursor:pointer; }
/* Beden Tablosu modali (resmi LC olculeri; assets/sizechart.js) */
.lc-szc-link { font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#8a5a30; background:transparent; border:0; cursor:pointer; text-decoration:underline; text-underline-offset:3px; padding:0; }
.lc-szc-link:hover { color:#17120d; }
.lc-szc-overlay { position:fixed; inset:0; z-index:80; background:rgba(15,11,7,.55); display:none; }
.lc-szc-overlay.is-open { display:block; }
.lc-szc-panel { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:min(92vw,760px); max-height:88vh; overflow-y:auto; background:#f7f2ea; border:1px solid rgba(23,18,13,.15); box-shadow:0 30px 80px -20px rgba(0,0,0,.45); padding:1.8rem 1.6rem; }
@media (min-width:640px){ .lc-szc-panel { padding:2.2rem 2.4rem; } }
.lc-szc-close { position:absolute; top:.9rem; right:1rem; background:transparent; border:0; cursor:pointer; color:rgba(23,18,13,.55); padding:.4rem; }
[dir="rtl"] .lc-szc-close { right:auto; left:1rem; }
.lc-szc-close:hover { color:#17120d; }
/* Beden bulucu -> beden seciciDE onerilen bedeni isaretler (cognac halka + kose ✓ rozeti) */
.lc-size.lc-fit-suggested { box-shadow:0 0 0 2px #8a5a30; position:relative; }
.lc-size.lc-fit-suggested::after { content:"✓"; position:absolute; top:-7px; right:-7px; width:16px; height:16px; display:grid; place-items:center; background:#8a5a30; color:#f7f2ea; font-size:9px; line-height:1; border-radius:9999px; }
[dir="rtl"] .lc-size.lc-fit-suggested::after { right:auto; left:-7px; }
.lc-szc-title { font-family:'Cormorant Garamond',serif; font-size:1.7rem; line-height:1.15; color:#17120d; }
.lc-szc-gender { display:flex; gap:.5rem; margin-top:1rem; }
.lc-szc-scroll { overflow-x:auto; margin-top:1.1rem; -webkit-overflow-scrolling:touch; }
.lc-szc-table { border-collapse:collapse; min-width:560px; width:100%; font-size:12.5px; font-weight:300; color:rgba(23,18,13,.85); font-variant-numeric:lining-nums tabular-nums; }
.lc-szc-table th, .lc-szc-table td { border:1px solid rgba(23,18,13,.12); padding:.45rem .6rem; text-align:center; white-space:nowrap; }
.lc-szc-table thead th { background:#17120d; color:#f7f2ea; font-size:10px; letter-spacing:.14em; text-transform:uppercase; font-weight:500; }
.lc-szc-table td:first-child { text-align:left; font-weight:400; background:rgba(23,18,13,.04); }
[dir="rtl"] .lc-szc-table td:first-child { text-align:right; }
.lc-szc-table tr.lc-szc-intl td { color:rgba(23,18,13,.55); }
.lc-szc-table tr.lc-szc-cm td { font-weight:400; }
.lc-szc-notes { margin-top:1.1rem; font-size:12px; font-weight:300; color:rgba(23,18,13,.65); line-height:1.55; }
.lc-szc-notes p { margin-top:.45rem; }
.lc-szc-bespoke { margin-top:1rem; padding:.85rem 1rem; border:1px solid rgba(138,90,48,.35); background:rgba(222,205,182,.25); font-size:12.5px; font-weight:300; color:rgba(23,18,13,.8); }
.lc-szc-bespoke a { color:#8a5a30; text-decoration:underline; text-underline-offset:3px; }
/* PDP guven seridi: i18n-saglam -> sabit 6 kolon DEGIL, auto-fit (her hucre >=160px).
   TR'de 6'ya kadar tek satir; RU/AR uzun kelimeler icin kolon sayisi otomatik azalir, hucre
   genis kalir -> tasma/cakisma olmaz. min-w-0 + overflow-wrap span'lerde ek guvence. */
@media (min-width:1024px){ #pTrust { grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); } }
/* Hakiki malzeme: mense & guvence karti (assets/sizechart.js degil; urun.html renderTexts doldurur) */
.lc-prov-top { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.lc-prov-headwrap { display:flex; align-items:center; gap:9px; }
.lc-prov-ico { color:#8a5a30; flex-shrink:0; display:inline-flex; }
.lc-prov-head { font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:#8a5a30; font-weight:500; }
.lc-prov-sealwrap { display:flex; flex-direction:column; align-items:center; gap:3px; flex-shrink:0; }
.lc-prov-seal { width:38px; height:38px; border-radius:50%; border:1px solid #8a5a30; display:flex; align-items:center; justify-content:center; color:#8a5a30; }
.lc-prov-seallbl { font-size:9px; letter-spacing:.14em; text-transform:uppercase; color:#8a5a30; }
.lc-prov-body { font-family:'Cormorant Garamond',serif; font-size:19px; line-height:1.35; color:#17120d; margin-top:12px; font-weight:500; }
.lc-prov-type { font-size:12.5px; line-height:1.55; color:rgba(23,18,13,.6); font-weight:300; margin-top:6px; }
.lc-prov-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px 24px; border-top:1px solid rgba(138,90,48,.22); padding-top:15px; margin-top:15px; }
.lc-prov-grid .k { display:flex; align-items:center; gap:6px; font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:#8a5a30; margin-bottom:3px; }
.lc-prov-grid .v { font-size:13.5px; color:#17120d; font-weight:400; line-height:1.45; }
.lc-prov-foot { display:flex; align-items:center; flex-wrap:wrap; gap:10px; border-top:1px solid rgba(138,90,48,.22); margin-top:15px; padding-top:13px; }
.lc-prov-cta { font-size:12px; color:rgba(23,18,13,.6); font-weight:300; flex:1; min-width:160px; }
.lc-prov-pill { font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:#8a5a30; border:1px solid rgba(138,90,48,.5); padding:7px 13px; background:transparent; cursor:pointer; text-decoration:none; transition:background .2s, color .2s; white-space:nowrap; }
.lc-prov-pill:hover { background:#8a5a30; color:#f7f2ea; }
/* Arama overlay: gorsel arama ince link + populer aramalar cipleri + surukle-birak (search.js) */
.lc-vis-link { display:inline-flex; align-items:center; gap:7px; background:transparent; border:0; border-left:1px solid rgba(23,18,13,.14); padding:2px 0 2px 14px; color:#8a5a30; cursor:pointer; font-size:11px; letter-spacing:.12em; text-transform:uppercase; transition:color .2s; white-space:nowrap; }
.lc-vis-link:hover { color:#17120d; }
@media (max-width:600px){ .lc-vis-txt { display:none; } .lc-vis-link { padding-left:10px; } }
.lc-pop-h { font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:#8a5a30; margin-bottom:16px; }
.lc-pop { display:flex; flex-wrap:wrap; gap:10px; }
.lc-pop button { font-size:13.5px; color:#17120d; font-weight:300; border:1px solid rgba(138,90,48,.35); padding:9px 17px; background:#fff; cursor:pointer; transition:background .2s, border-color .2s; }
.lc-pop button:hover { background:#ece1d2; border-color:#8a5a30; }
.lc-vis-tip { display:flex; align-items:center; gap:8px; margin-top:26px; padding-top:18px; border-top:1px solid rgba(23,18,13,.08); color:rgba(23,18,13,.5); font-size:12.5px; font-weight:300; }
.lc-vis-tip svg { color:#8a5a30; flex-shrink:0; }
#lcSearchScroll.lc-drop-on { outline:2px dashed #8a5a30; outline-offset:-8px; background:rgba(222,205,182,.25); }
/* Footer bulteni (koyu zemin) */
.lc-news { margin-top:24px; max-width:280px; }
.lc-news-h { font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:#c89b5a; margin-bottom:10px; }
.lc-news-row { display:flex; border-bottom:1px solid rgba(247,242,234,.3); }
.lc-news-in { flex:1; min-width:0; background:transparent; border:0; outline:none; color:#f7f2ea; font-size:13px; padding:6px 2px; font-family:inherit; }
.lc-news-in::placeholder { color:rgba(247,242,234,.6); }
.lc-news-go { background:transparent; border:0; color:#c89b5a; cursor:pointer; padding:6px 4px; transition:color .2s; }
.lc-news-go:hover { color:#f7f2ea; }
.lc-news-note { margin-top:8px; font-size:11px; font-weight:300; color:rgba(247,242,234,.5); line-height:1.5; }
.lc-news-ok { margin-top:10px; font-size:12px; color:#c89b5a; font-weight:300; }
.lc-news-chk { display:flex; align-items:flex-start; gap:8px; margin-top:10px; font-size:11px; font-weight:300; color:rgba(247,242,234,.62); line-height:1.5; cursor:pointer; }
.lc-news-chk input { margin-top:2px; accent-color:#c89b5a; flex:0 0 auto; }
.lc-news-trust { color:rgba(247,242,234,.4); }
/* PDP stoga gelince haber ver */
.lc-restock { border:1px solid rgba(138,90,48,.4); background:rgba(222,205,182,.25); padding:14px 16px; }
.lc-restock-lbl { font-size:13px; color:#17120d; font-weight:400; margin-bottom:10px; }
.lc-restock-form { display:flex; gap:8px; }
.lc-restock-in { flex:1; min-width:0; background:#fff; border:1px solid rgba(23,18,13,.2); padding:10px 12px; font-size:13px; font-family:inherit; color:#17120d; outline:none; }
.lc-restock-in:focus { border-color:#8a5a30; }
.lc-restock-go { background:#8a5a30; color:#f7f2ea; border:0; padding:10px 18px; font-size:11px; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; white-space:nowrap; transition:background .2s; }
.lc-restock-go:hover { background:#17120d; }
.lc-restock-note { margin-top:8px; font-size:11px; color:rgba(23,18,13,.55); font-weight:300; }
.lc-restock-ok { font-size:13px; color:#8a5a30; font-weight:400; }
/* Orijinallik / Kurk Pasaportu (/pasaport) */
.lc-pp-top { display:flex; align-items:center; justify-content:center; padding:18px; border-bottom:1px solid rgba(23,18,13,.08); }
.lc-pp-top a { display:flex; flex-direction:column; align-items:center; line-height:1; text-decoration:none; }
.lc-pp-wrap { max-width:680px; margin:40px auto 60px; padding:0 18px; }
.lc-pp { background:#fdfaf4; border:1px solid rgba(138,90,48,.45); box-shadow:0 20px 60px -30px rgba(23,18,13,.35); }
.lc-pp-h { text-align:center; padding:28px 24px 18px; border-bottom:1px solid rgba(138,90,48,.2); }
.lc-pp-brand { font-size:10px; letter-spacing:.34em; text-transform:uppercase; color:#8a5a30; }
.lc-pp-title { font-family:'Cormorant Garamond',serif; font-size:30px; color:#17120d; margin-top:6px; line-height:1.1; }
.lc-pp-sub { font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:rgba(23,18,13,.5); margin-top:4px; }
.lc-pp-b { padding:22px 24px; }
.lc-pp-prod { display:flex; gap:16px; align-items:flex-start; }
.lc-pp-img { width:84px; height:112px; object-fit:cover; object-position:50% 18%; background:#ece1d2; flex-shrink:0; }
.lc-pp-cat { font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:#8a5a30; }
.lc-pp-name { font-family:'Cormorant Garamond',serif; font-size:21px; color:#17120d; line-height:1.2; margin-top:2px; }
.lc-pp-no { font-size:12px; color:rgba(23,18,13,.55); margin-top:8px; font-variant-numeric:lining-nums tabular-nums; }
.lc-pp-no b { color:#17120d; font-weight:500; letter-spacing:.04em; }
.lc-pp-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px 22px; border-top:1px solid rgba(138,90,48,.18); padding-top:16px; margin-top:18px; }
.lc-pp-grid .k { font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:#8a5a30; margin-bottom:3px; }
.lc-pp-grid .v { font-size:13.5px; color:#17120d; line-height:1.4; }
.lc-pp-care-wrap { border-top:1px solid rgba(138,90,48,.18); margin-top:16px; padding-top:14px; }
.lc-pp-care-h { font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:#8a5a30; margin-bottom:6px; }
.lc-pp-care { font-size:12.5px; line-height:1.6; color:rgba(23,18,13,.72); font-weight:300; margin:0; }
.lc-pp-seal { display:flex; align-items:center; gap:16px; border-top:1px solid rgba(138,90,48,.18); margin-top:16px; padding-top:16px; }
.lc-pp-seal-c { width:46px; height:46px; border-radius:50%; border:1px solid #8a5a30; display:flex; align-items:center; justify-content:center; color:#8a5a30; flex-shrink:0; }
.lc-pp-verified { font-family:'Cormorant Garamond',serif; font-size:15px; color:#17120d; font-style:italic; }
.lc-pp-stores { font-size:11px; color:rgba(23,18,13,.5); margin-top:3px; }
.lc-pp-foot { text-align:center; padding:13px; border-top:1px solid rgba(138,90,48,.2); background:rgba(222,205,182,.3); }
.lc-pp-print { display:inline-flex; align-items:center; gap:7px; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#8a5a30; background:transparent; border:0; cursor:pointer; }
.lc-pp-print:hover { color:#17120d; }
.lc-pp-back { display:block; text-align:center; margin-top:20px; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#8a5a30; text-decoration:none; }
.lc-pp-back:hover { color:#17120d; }
@media print {
  body > *:not(#ppMain) { display:none !important; }
  #ppMain { margin:0; }
  .lc-pp-wrap { margin:0; max-width:none; padding:0; }
  .lc-pp { box-shadow:none; }
  .lc-pp-foot, .lc-pp-back { display:none !important; }
}
/* Pasaport modal (urun sayfasinda acilir; standalone /pasaport korunur - yazdir/QR icin) */
.lc-ppm-overlay { position:fixed; inset:0; z-index:90; background:rgba(15,11,7,.6); display:none; }
.lc-ppm-overlay.is-open { display:block; }
.lc-ppm-scroll { position:absolute; inset:0; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:44px 16px; }
.lc-ppm-panel { position:relative; width:min(94vw,600px); margin:0 auto; }
.lc-ppm-close { position:absolute; top:10px; right:10px; z-index:2; width:34px; height:34px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(247,242,234,.92); border:1px solid rgba(138,90,48,.35); color:#17120d; cursor:pointer; }
.lc-ppm-close:hover { background:#fff; color:#8a5a30; }
[dir="rtl"] .lc-ppm-close { right:auto; left:10px; }
/* Urun galeri navigasyonu (B - klasik carousel; scroll-hijack KALDIRILDI, zoom yok) */
.lc-gal-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:10; width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(247,242,234,.85); color:#17120d; border:1px solid rgba(138,90,48,.25); cursor:pointer; opacity:0; transition:opacity .25s ease, background .2s, color .2s; }
.group:hover .lc-gal-arrow { opacity:1; }
.lc-gal-arrow:hover { background:#fff; color:#8a5a30; }
.lc-gal-arrow:focus-visible { opacity:1; outline:2px solid #8a5a30; outline-offset:2px; }
.lc-gal-prev { left:12px; }
.lc-gal-next { right:12px; }
.lc-gal-count { position:absolute; bottom:14px; right:14px; z-index:10; background:rgba(23,18,13,.7); color:#f7f2ea; font-size:11px; letter-spacing:.08em; padding:3px 9px; border-radius:999px; font-variant-numeric:lining-nums tabular-nums; }
[dir="rtl"] .lc-gal-prev { left:auto; right:12px; }
[dir="rtl"] .lc-gal-next { right:auto; left:12px; }
[dir="rtl"] .lc-gal-count { right:auto; left:14px; }
.lc-gal-arrow.hidden { display:none; } /* uctaki ok gizlensin: Tailwind .hidden, .lc-gal-arrow display:flex base'ini ezmeli */
@media (max-width:1023px){ .lc-gal-arrow:not(.hidden) { opacity:1; } } /* dokunmatik/tablet: hover yok -> gorunur oklar acik (gizliler haric) */
/* Ekran-okuyucu-only (gorsel gizli) - a11y canli-bolge duyurulari + skip-link icin */
.lc-sr { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
/* Skip-to-content linki (WCAG 2.4.1): normalde gizli, klavye odaginda gorunur */
.lc-skip { position:absolute; left:8px; top:-64px; z-index:200; background:#17120d; color:#f7f2ea; padding:10px 18px; font-size:13px; letter-spacing:.08em; text-decoration:none; transition:top .15s ease; }
.lc-skip:focus { top:8px; outline:2px solid #c89b5a; outline-offset:2px; }
.label { letter-spacing: .28em; text-transform: uppercase; font-size: .68rem; font-weight: 500; }
.hero-fade { background: linear-gradient(90deg, rgba(15,11,7,.78) 0%, rgba(15,11,7,.45) 40%, rgba(15,11,7,.12) 75%, rgba(15,11,7,0) 100%); }
.img-fade { background: linear-gradient(180deg, rgba(15,11,7,0) 35%, rgba(15,11,7,.72) 100%); }
.card-img { transition: transform .9s cubic-bezier(.2,.7,.2,1); object-position: 50% 18%; }
.group:hover .card-img { transform: scale(1.06); }
.lc-fav svg { transition: fill .2s ease, stroke .2s ease, transform .2s ease; }
.lc-fav.is-fav svg { fill: #8a5a30; stroke: #8a5a30; }
.lc-fav:active svg { transform: scale(.85); }
/* RTL (Arapca): sag-acilan drawer'lar + hesap dropdown sola aynalanir */
[dir="rtl"] #lcCart aside, [dir="rtl"] #lcFav aside { right: auto; left: 0; }
[dir="rtl"] #lcCart aside.translate-x-full, [dir="rtl"] #lcFav aside.translate-x-full { transform: translateX(-100%); }
[dir="rtl"] .lc-acct-menu { right: auto; left: 0; }
/* RTL (AR): AI Stil Danismani paneli sola aynalanir (eskiden #lcChat icin RTL kurali yoktu -> Arapcada sag kenarda kaliyordu) */
[dir="rtl"] #lcChat { right: auto; left: 0; }
@media (min-width:640px){ [dir="rtl"] #lcChat { right: auto; left: 1.25rem; } }
/* kart-ici absolute-konumlu ogeler aynalanir (flex'ler dir=rtl ile zaten oto-doner) */
[dir="rtl"] #lcChat .lc-pick { right: auto; left: 0.5rem; }
[dir="rtl"] #lcChat .lc-oos { left: auto; right: 0.5rem; }
/* Duyuru cubugu: "1985'ten beri... Antalya, Istanbul" mobilde truncate ile kesiliyordu -> mobilde kayan yazi (marquee), masaustunde statik (sigar). */
.lc-ann { min-width:0; flex:1 1 auto; overflow:hidden; }
.lc-ann-track { display:flex; width:max-content; white-space:nowrap; }
.lc-ann-seg { padding-right:2.75rem; }
@media (max-width:639.5px){ .lc-ann-track { animation: lc-ann-scroll 15s linear infinite; } }
@media (min-width:640px){ .lc-ann { overflow:visible; } .lc-ann-seg + .lc-ann-seg { display:none; } }
@keyframes lc-ann-scroll { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce){ .lc-ann-track { animation:none; } .lc-ann { overflow-x:auto; } .lc-ann-seg + .lc-ann-seg { display:none; } }
/* RTL (AR): kart/PDP kalp butonu + sepet/favori sayac rozetleri sola aynalanir (1.3.2) */
[dir="rtl"] .lc-fav { right: auto; left: .75rem; }
[dir="rtl"] #pFav { right: auto; left: 1rem; }
[dir="rtl"] .lc-cart-count, [dir="rtl"] .lc-fav-count { right: auto; left: 0; }
.underline-grow { position: relative; }
.underline-grow::after { content:''; position:absolute; left:0; bottom:-3px; height:1px; width:0; background:currentColor; transition:width .4s ease; }
.underline-grow:hover::after { width:100%; }
.marquee { animation: marquee 32s linear infinite; }
@keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }
header.scrolled { box-shadow: 0 1px 0 rgba(0,0,0,.08), 0 8px 30px -18px rgba(0,0,0,.4); }
.no-scroll { overflow: hidden; }
.lc-cards { scrollbar-width: none; -ms-overflow-style: none; }
.lc-cards::-webkit-scrollbar { display: none; }
/* Klavye odak göstergesi - marka-tutarlı (cognac). Sadece :focus-visible ile,
   fare tıklamasında halka çıkmaz; lüks görünüm korunur. */
:focus-visible { outline: 2px solid #8a5a30; outline-offset: 2px; border-radius: 1px; }
/* outline-none ile susturulan input'larda klavye odağını geri getir. */
input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid #8a5a30; outline-offset: 1px; }
/* Karanlık zeminde (footer .bg-cocoa, duyuru/promosyon .bg-ink) cognac halka
   görünmez (kontrast <3:1). Daha yüksek kontrastlı gold'a geç (ink üstünde 7.35:1). */
.bg-ink :focus-visible, .bg-cocoa :focus-visible { outline-color: #c89b5a; }
/* Hareket azaltma tercihi: marquee/zoom/smooth-scroll'u durdur (a11y + vestibüler konfor). */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .marquee { animation: none; }
  .group:hover .card-img { transform: none; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}
/* SEO kategori sayfası giriş metni (workflow ham <p>) */
.lc-cat-intro p { margin-bottom: .85rem; }
.lc-cat-intro p:last-child { margin-bottom: 0; }
/* SEO rehber (blog) makale gövdesi */
.lc-article h2 { font-family:'Cormorant Garamond',serif; font-size:1.6rem; line-height:1.2; margin:2rem 0 .7rem; color:#17120d; }
.lc-article p { margin-bottom:1rem; }
.lc-article ul { list-style:disc; padding-left:1.4rem; margin:.5rem 0 1.2rem; }
.lc-article li { margin-bottom:.4rem; }
.lc-article strong { font-weight:600; color:#17120d; }
[dir="rtl"] .lc-article ul { padding-left:0; padding-right:1.4rem; }
/* Checkout form girişleri */
.lc-in { display:block; width:100%; margin-top:6px; background:#fff; border:1px solid rgba(23,18,13,.18); padding:12px 14px; font-size:14px; font-weight:300; font-family:inherit; color:#17120d; outline:none; transition:border-color .15s; }
.lc-in:focus { border-color:#8a5a30; }
textarea.lc-in { resize:vertical; }

/* PDP foto lightbox (urun.html: ana fotoya tikla -> tam ekran modal, sag/sol gezinme) */
.lc-lbx { position:fixed; inset:0; z-index:120; display:none; align-items:center; justify-content:center; background:rgba(15,11,7,.93); }
.lc-lbx.is-open { display:flex; }
.lc-lbx-img { max-width:92vw; max-height:92vh; object-fit:contain; box-shadow:0 20px 80px -30px rgba(0,0,0,.9); }
.lc-lbx-x { position:absolute; top:12px; right:16px; width:44px; height:44px; font-size:30px; line-height:1; color:#f7f2ea; background:transparent; border:0; cursor:pointer; }
.lc-lbx-arrow { position:absolute; top:50%; transform:translateY(-50%); width:50px; height:50px; font-size:32px; line-height:1; color:#f7f2ea; background:rgba(0,0,0,.3); border:0; border-radius:999px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.lc-lbx-arrow:hover { background:rgba(0,0,0,.55); }
.lc-lbx-p { left:14px; }
.lc-lbx-n { right:14px; }
[dir="rtl"] .lc-lbx-p { left:auto; right:14px; }
[dir="rtl"] .lc-lbx-n { right:auto; left:14px; }

/* Kategori filtre - renk swatch butonlari (lc-chip yerine renk dairesi) */
.lc-swatch { width:26px; height:26px; border-radius:9999px; border:1px solid rgba(23,18,13,.22); cursor:pointer; padding:0; flex-shrink:0; transition:transform .15s ease, box-shadow .15s ease; }
.lc-swatch:hover { transform:scale(1.12); }
.lc-swatch.is-on { box-shadow:0 0 0 2px #f7f2ea, 0 0 0 4px #8a5a30; }

/* Kart foto-seridi (cok-fotolu urun karti: mobil swipe + masaustu ok/trackpad + alt noktalar) */
.lc-cardimgs { scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.lc-cardimgs::-webkit-scrollbar { display: none; }
.lc-cardimg { scroll-snap-align: center; object-position: 50% 18%; }
.lc-card-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:10; width:30px; height:30px; display:grid; place-items:center; border-radius:9999px; background:rgba(247,242,234,.85); color:#17120d; font-size:20px; line-height:1; opacity:0; transition:opacity .2s ease; cursor:pointer; box-shadow:0 1px 4px rgba(23,18,13,.18); }
.lc-card-prev { left:8px; }
.lc-card-next { right:8px; }
.lc-card-arrow:hover { background:#f7f2ea; }
@media (hover:hover) { .group:hover .lc-card-arrow { opacity:1; } }
.lc-carddots { position:absolute; bottom:8px; left:50%; transform:translateX(-50%); z-index:10; display:flex; gap:4px; pointer-events:none; }
.lc-carddots i { width:5px; height:5px; border-radius:9999px; background:rgba(247,242,234,.5); box-shadow:0 0 2px rgba(23,18,13,.3); transition:background .2s ease; }
.lc-carddots i.is-on { background:#f7f2ea; }
[dir="rtl"] .lc-card-prev { left:auto; right:8px; }
[dir="rtl"] .lc-card-next { right:auto; left:8px; }

/* "Bunlarla Kombinleyin" yatay carousel (maks 10 urun; oklarla gezinme, scroll-snap) */
.lc-rel-track { display:flex; gap:0.75rem; overflow-x:auto; scroll-behavior:smooth; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding-bottom:4px; }
.lc-rel-track::-webkit-scrollbar { display:none; }
.lc-rel-track > a { flex:0 0 auto; width:calc(50% - 0.375rem); scroll-snap-align:start; }
@media (min-width:768px) { .lc-rel-track { gap:1.5rem; } .lc-rel-track > a { width:calc(25% - 1.125rem); } }
.lc-rel-arrow { position:absolute; top:32%; transform:translateY(-50%); width:44px; height:44px; z-index:10; cursor:pointer; transition:opacity .25s ease, background .2s ease, color .2s ease; }
.lc-rel-prev { left:-10px; }
.lc-rel-next { right:-10px; }
.lc-rel-arrow.is-off { opacity:0; pointer-events:none; }
.lc-rel-arrow[hidden] { display:none; }
[dir="rtl"] .lc-rel-prev { left:auto; right:-10px; }
[dir="rtl"] .lc-rel-next { right:auto; left:-10px; }
[dir="rtl"] .lc-rel-arrow svg { transform:scaleX(-1); }
@media (max-width:767px) { .lc-rel-arrow { width:38px; height:38px; top:30%; } .lc-rel-prev { left:0; } .lc-rel-next { right:0; } }

/* Urun kapak videosu (PILOT; cover-video.js) - hover'da statik fotonun uzerinde belirir */
.lc-cover-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 18%; opacity:0; transition:opacity .4s ease; pointer-events:none; z-index:5; background:transparent; }
.lc-cover-video.is-on { opacity:1; }
/* PDP ana gorseli object-contain -> video da contain (letterbox saydam: altta statik foto/sand gorunur) */
.lc-cover-contain { object-fit:contain; object-position:center; background:transparent; }

/* === PDP GALERI: native scroll-snap kaydirmali serit (ok yok; parmakla/surukleyerek kayar) === */
.lc-pgal { position:absolute; inset:0; display:flex; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; scroll-behavior:smooth; }
.lc-pgal::-webkit-scrollbar { display:none; }
.lc-pgal-s { flex:0 0 100%; width:100%; height:100%; scroll-snap-align:center; position:relative; }
.lc-pgal-img { width:100%; height:100%; object-fit:contain; object-position:center; display:block; }
.lc-pgal-s:not(.lc-pgal-vs) { cursor:zoom-in; }                 /* foto slayti tikla -> lightbox (video slayti haric) */
.lc-pgal-video { background:#17120d; }                          /* mobil video slayti: poster yuklenene dek koyu zemin */
/* MASAUSTU hover video overlay: oynayinca seridi gizle -> kenar foto-tasmasi YOK (sade sand zemin) */
.lc-pgal-ov { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; object-position:center; opacity:0; transition:opacity .35s ease; pointer-events:none; z-index:5; }
.group.lc-ov-on .lc-pgal-ov { opacity:1; }
.group.lc-ov-on .lc-pgal { opacity:0; transition:opacity .35s ease; }   /* hover'da fotograf gizli -> yalniz video gorunur, taşma olmaz */
/* nokta gostergesi (ok yerine) */
.lc-pgal-dots { position:absolute; left:0; right:0; bottom:12px; display:flex; justify-content:center; gap:6px; z-index:6; pointer-events:auto; }
.lc-pgal-dot { width:7px; height:7px; border-radius:50%; background:rgba(247,242,234,.5); border:1px solid rgba(23,18,13,.18); padding:0; cursor:pointer; transition:background .2s, transform .2s; }
.lc-pgal-dot.is-on { background:#f7f2ea; transform:scale(1.25); border-color:rgba(138,90,48,.5); }
.lc-pgal-dot:focus-visible { outline:2px solid #8a5a30; outline-offset:2px; }
/* MOBIL: videosu olan kartta ▶ rozet (dokun -> modal) */
.lc-cover-badge { position:absolute; right:10px; bottom:10px; z-index:6; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:rgba(247,242,234,.92); color:#8a5a30; box-shadow:0 1px 6px rgba(23,18,13,.20); pointer-events:none; padding-left:2px; }
/* MOBIL urun video modali */
.lc-vmodal { position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; padding:18px; }
.lc-vmodal[hidden] { display:none; }
.lc-vmodal-bg { position:absolute; inset:0; background:rgba(23,18,13,.82); }
.lc-vmodal-box { position:relative; width:100%; max-width:380px; background:#f7f2ea; border-radius:6px; overflow:hidden; box-shadow:0 18px 50px rgba(0,0,0,.45); animation:lcvIn .25s ease; }
@keyframes lcvIn { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
.lc-vmodal-media { position:relative; cursor:pointer; line-height:0; }
.lc-vmodal-video { display:block; width:100%; aspect-ratio:2/3; object-fit:cover; background:#efe6d8; }
.lc-vmodal-play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:62px; height:62px; display:grid; place-items:center; border-radius:50%; background:rgba(23,18,13,.55); color:#f7f2ea; pointer-events:none; transition:opacity .25s ease; padding-left:3px; }
.lc-vmodal-media.is-playing .lc-vmodal-play { opacity:0; }
.lc-vmodal-close { position:absolute; top:8px; right:8px; z-index:2; width:36px; height:36px; border:0; border-radius:50%; background:rgba(247,242,234,.92); color:#17120d; font-size:22px; line-height:1; cursor:pointer; }
.lc-vmodal-info { padding:14px 16px 18px; text-align:center; }
.lc-vmodal-name { font-family:'Cormorant Garamond',serif; font-size:19px; color:#17120d; line-height:1.25; margin-bottom:12px; }
.lc-vmodal-cta { display:block; width:100%; background:#8a5a30; color:#f7f2ea; padding:13px; text-align:center; text-decoration:none; font-size:12px; letter-spacing:.14em; text-transform:uppercase; }
.lc-vmodal-cta:hover, .lc-vmodal-cta:focus { background:#17120d; }

/* TIER1 Mobil: WCAG dokunma hedefleri (mobil viewport VEYA dokunmatik; masaustu fare etkilenmez) */
@media (max-width: 767px), (pointer: coarse) {
  .lc-chip { min-height: 44px; }
  .lc-swatch { width: 40px; height: 40px; }
  .lc-card-arrow { width: 44px; height: 44px; font-size: 22px; }
  .lc-rel-arrow { width: 46px; height: 46px; }
  .lc-szc-gender button, .lcFitTab { min-height: 44px; }
  .lc-szc-link, .lc-vis-link, .lc-facet-clear, .lc-filter-toggle { min-height: 44px; display: inline-flex; align-items: center; }
  #lcFit input { min-height: 44px; }
}

/* TIER1 RTL (AR): form alanlari saga yaslanir; e-posta/tel/sayi LTR icerik; fiyat LTR-izole (₺ tutarli) */
[dir="rtl"] input, [dir="rtl"] textarea { text-align: right; }
[dir="rtl"] input[type="email"], [dir="rtl"] input[type="tel"], [dir="rtl"] input[type="number"] { direction: ltr; text-align: right; }
[dir="rtl"] [data-lc-price] { unicode-bidi: isolate; direction: ltr; }