/* Fin All Design: Tailwind'in (tw.css) karşılamadığı birkaç durum. Katmansız: hepsinin üstünde. */
.li-badge:empty,.li-badge[data-n="0"]{display:none}
/* Favori: tici.js aria-pressed'i çevirir; kalp dolar ve kırmızı olur. */
[data-fav][aria-pressed="true"] .ph-heart{font-family:"Phosphor-Fill"!important;color:#a9803c}
@media (pointer:fine){.li-zoom{cursor:zoom-in}.li-zoom img{transition:transform .25s ease-out}.li-zoom:hover img{transform:scale(1.15)}}

/* Mobil alt sekme çubuğu: içerik ve yüzen düğmeler çubuğun üstünde kalır. */
@media (max-width:767px){
  :root{--tici-float-bottom:calc(56px + env(safe-area-inset-bottom,0px))}
  .li-tabbed{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}
  .li-tabbed .li-wa{bottom:calc(72px + env(safe-area-inset-bottom,0px));width:48px;height:48px}
  .li-tabbed #li-toast{bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  .li-tabbed:has(.li-cartbar) .li-wa{bottom:calc(136px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:1023px){.li-sticky-on .li-wa{bottom:88px}}

/* Çekirdek parçaları (yorumlar, soru, habercisi, taksit…) temanın dilinde */
.li-core .btn{border-radius:0;height:46px;padding:0 24px;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none}
.li-core .btn.primary,.li-core .product-alert-form .btn{background:#3e3e3e;border-color:#3e3e3e;color:#fff}
.li-core input:not([type=checkbox]):not([type=radio]),.li-core select,.li-core textarea{border-radius:0}
.li-core .h,.li-core h2{font-size:24px;font-weight:500;letter-spacing:0;text-transform:none}
.li-core .product-alert:empty{display:none}
.li-core .sec{padding-block:56px 0}.li-core .wrap{max-width:none;padding:0}
.li-core .whatsapp-order{display:flex;width:100%;margin-top:8px;align-items:center;justify-content:center;background:#fff;color:#3e3e3e;border:1px solid #d4d4d4}
.li-core .product-alert details summary{cursor:pointer}
[data-pane] table th[scope=row]{padding:4px 24px 4px 0;font-weight:400;color:#737373}
/* Tailwind preflight listeleri sıfırlar: açıklama, sekme ve CMS sayfalarında (KVKK, Mesafeli Satış) madde imleri ve numaralar geri. */
.prose ul{list-style:disc}.prose ol{list-style:decimal}

/* Bağlantıyla gidilen bölüm (ör. #iletisim, form hatası dönüşü) yapışkan üst alanın altında kalmasın. */
[id]{scroll-margin-top:7rem}

/* Logo altın tonlu PNG: koyu zeminli çekmecede de okunur. Kategori karesi ve ürün açıklaması Fin All Design dilinde. */
.prose{color:#3e3e3e;font-size:15px;line-height:1.85}.prose a{color:#a9803c}
.prose h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.75rem;font-weight:500;margin:1.5em 0 .5em}

/* Yenilenmiş görünüm: çekirdeğin çizdiği sayfa başlıkları (bilgi sayfaları, blog, ödeme, hesap, 404) temanın editoryal serifiyle. */
.sec-h .h,main h1.h{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:clamp(2.25rem,4vw,3.25rem);letter-spacing:0;line-height:1.1;text-transform:none}
.account-h,.li-core .h,.li-core h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:1.75rem}
/* Sabit üst alan: kaydırınca logo küçülür, ince gölge belirir. */
.li-head{transition:box-shadow .3s ease}
.li-head .li-logo{transition:height .3s ease}
.li-head.is-scrolled{box-shadow:0 10px 30px -22px rgba(62,48,30,.45)}
@media (min-width:1024px){.li-head.is-scrolled .li-logo{height:48px}}
/* Çekirdek düğmeleri (iletişim formu, ödeme, hesap) temanın dilinde: koyu, büyük harf, altın üzerine gelme. */
.btn.primary{background:#3e3e3e;border-color:#3e3e3e;border-radius:0;text-transform:uppercase;letter-spacing:.16em;font-size:12px;transition:background .3s ease,border-color .3s ease}
.btn.primary:hover{background:#a9803c;border-color:#a9803c}