/* Fontlar artik </head> Oncesi'nde <link rel=stylesheet> ile yukleniyor (preconnect + sadece kullanilan agirliklar: Cormorant 600, Montserrat 400/500/600/700). @import CSS'i zincir halinde bloklayip FCP'yi geciktiriyordu. 22.08.2026 */
/* ===== FARMANEVA — Marka Gorunumu ===== */
:root{ --fn-yesil:#3d4937; --fn-yesil2:#55684b; --fn-altin:#b28a3e; --fn-cerceve:#e6e0d4; --fn-krem:#f7f4ec; }
.productBox{ border:1px solid var(--fn-cerceve) !important; border-radius:12px !important; background:#fff !important; overflow:hidden; transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.productBox:hover{ border-color:var(--fn-altin) !important; box-shadow:0 8px 22px rgba(14,61,38,.10) !important; transform:translateY(-2px); }
.item-product-image-box{ background:#fff; display:flex; align-items:center; justify-content:center; padding:10px 10px 4px; }
.item-product-image-box > a{ width:100%; display:flex; align-items:center; justify-content:center; }
img.item-product-image{ width:auto !important; max-width:100% !important; height:190px !important; object-fit:contain !important; }
@media (max-width:576px){ img.item-product-image{ height:140px !important; } }
.item-product-name, .productBox .item-product-name a{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.6em; line-height:1.3; }
.item-product-brand{ color:var(--fn-yesil) !important; font-weight:600 !important; letter-spacing:.4px; text-transform:uppercase; font-size:.78rem !important; }
.item-product-price, .productBox .price{ font-weight:700 !important; }
.favitem-btn{ background:#fff !important; border:1px solid var(--fn-cerceve) !important; width:34px; height:34px; border-radius:50% !important; display:flex !important; align-items:center; justify-content:center; box-shadow:0 2px 6px rgba(0,0,0,.06); }
.favitem-btn:hover{ border-color:var(--fn-altin) !important; }
.productBox .btn-add-cart, .productBox .sepeteEkle{ border-radius:8px !important; font-weight:600 !important; letter-spacing:.3px; }
.cmp .component-title, .cmp h2, .cmp h3, .comp-title{ position:relative; padding-bottom:12px; font-weight:600 !important; }
.cmp .component-title::after, .cmp h2::after, .cmp h3::after, .comp-title::after{ content:""; position:absolute; left:0; bottom:0; width:54px; height:3px; border-radius:2px; background:var(--fn-altin); }
.filter-area .card-header, .filterBox .card-header, .product-filter .card-header, .filter-title, .filterTitle{ background:var(--fn-yesil) !important; color:#fff !important; border-radius:8px !important; padding:10px 14px !important; font-weight:600 !important; border:none !important; }
.filter-area .card-header *, .filterBox .card-header *, .filter-title *{ color:#fff !important; }
.filter-area, .filterBox, .product-filter{ background:var(--fn-krem); border:1px solid var(--fn-cerceve); border-radius:12px; padding:14px; }
.listing-top-bar, .product-list-header{ background:var(--fn-krem); border:1px solid var(--fn-cerceve); border-radius:10px; padding:10px 14px; }
img.brand-logos-image{ border:1px solid var(--fn-cerceve); border-radius:10px; background:#fff; padding:8px; transition:border-color .18s ease; }
img.brand-logos-image:hover{ border-color:var(--fn-altin); }
.navbar-nav .nav-link:hover, .menu-item a:hover{ color:var(--fn-altin) !important; }
.card, .box{ border-radius:12px; }

/* ===== EK: filtre, vitrin basligi, ust serit ===== */
.ny-filter-home{ background:var(--fn-krem); border:1px solid var(--fn-cerceve); border-radius:12px; padding:0 0 10px; margin-bottom:14px; overflow:hidden; }
.ny-filter-title{ background:var(--fn-yesil) !important; color:#fff !important; padding:11px 14px !important; font-weight:600 !important; letter-spacing:.3px; margin:0 !important; border:none !important; }
.ny-filter-title *{ color:#fff !important; }
.ny-filter-item{ padding:10px 14px 4px !important; }
.ny-category-item{ padding:3px 0; }
.ny-category-item:hover{ color:var(--fn-altin); }

/* Vitrin basliklari: altin alt cizgi */
.productTitle{ position:relative; padding-bottom:14px !important; margin-bottom:6px; }
.home-product-title{ font-weight:600 !important; letter-spacing:.3px; }
.productTitle::after{ content:""; position:absolute; left:12px; bottom:2px; width:56px; height:3px; border-radius:2px; background:var(--fn-altin); }

/* Ust duyuru seridi */
.topBanner{ background:var(--fn-yesil) !important; color:#fff !important; text-align:center; padding:9px 12px !important; font-size:.9rem; letter-spacing:.3px; }
.topBanner *{ color:#fff !important; margin:0 !important; }

/* Adet secici: sade ve hizali */
.productBox input[type="number"], .productBox .quantity input{ border:1px solid var(--fn-cerceve) !important; border-radius:6px !important; }

/* Listeleme ust alani */
.ny-listing-head, .listing-head{ background:var(--fn-krem); border:1px solid var(--fn-cerceve); border-radius:10px; padding:10px 14px; }

/* Ust serit: tasmayi engelle, ortala */
.topBanner{ overflow:hidden !important; }
.topBanner .ps-noti{ width:100% !important; max-width:100% !important; }
.topBanner .container{ margin-left:auto !important; margin-right:auto !important; }
.topBanner p{ font-size:.88rem !important; letter-spacing:.4px; }

/* Filtre kutusu: kirpmayi kaldir, basliga yuvarlak kose ver */
.ny-filter-home{ overflow:visible !important; }
.ny-filter-title{ border-radius:12px 12px 0 0 !important; }
.ny-filter-item{ padding-bottom:10px !important; }

/* ===== TIPOGRAFI — Cormorant Garamond (baslik) + Montserrat (govde) ===== */
:root{ --fn-baslik:'Cormorant Garamond', Georgia, serif; --fn-govde:'Montserrat', -apple-system, 'Segoe UI', sans-serif; }
body, .btn, input, select, textarea, button{ font-family:var(--fn-govde); }
body{ font-size:16px; line-height:1.6; letter-spacing:.1px; -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4,h5,h6, .home-product-title, .productTitle, .page-title, .category-title, .product-detail-name{
  font-family:var(--fn-baslik) !important; font-weight:600 !important; letter-spacing:.3px; line-height:1.25; }
h1, .page-title{ font-size:2.4rem !important; }
h2, .home-product-title{ font-size:1.9rem !important; }
h3{ font-size:1.5rem !important; }
.item-product-name, .item-product-name a{ font-family:var(--fn-govde) !important; font-weight:500 !important; font-size:.92rem !important; line-height:1.4 !important; }
.item-product-brand{ font-family:var(--fn-govde) !important; }
.item-product-price, .productBox .price, [class*="price"]{ font-family:var(--fn-govde) !important; font-weight:700 !important; font-variant-numeric:tabular-nums; font-feature-settings:"tnum"; }
.btn, button, .sepeteEkle{ font-family:var(--fn-govde) !important; font-weight:600 !important; letter-spacing:.3px; }
.navbar-nav .nav-link, .menu-item a{ font-family:var(--fn-govde) !important; font-weight:500 !important; letter-spacing:.2px; }
footer, footer *{ font-family:var(--fn-govde); }
footer h1, footer h2, footer h3, footer h4, footer h5{ font-family:var(--fn-baslik) !important; }

/* ===== ERISILEBILIRLIK: odak halkasi + azaltilmis hareket ===== */
a:focus-visible, button:focus-visible, .btn:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible,
[tabindex]:focus-visible, .favitem-btn:focus-visible{
  outline:3px solid var(--fn-altin) !important;
  outline-offset:2px !important;
  border-radius:6px;
}
/* Fare tiklamasinda halka cikmasin, klavyede ciksin */
a:focus:not(:focus-visible), button:focus:not(:focus-visible), .btn:focus:not(:focus-visible){ outline:none !important; }
/* Form alanlari: odakta yesil cerceve */
input:focus, select:focus, textarea:focus{ border-color:var(--fn-yesil) !important; box-shadow:0 0 0 3px rgba(178,138,62,.22) !important; }

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:.01ms !important; animation-iteration-count:1 !important;
    transition-duration:.01ms !important; scroll-behavior:auto !important;
  }
  .productBox:hover{ transform:none !important; }
}

/* ===== PALET DISI KALAN OGELER (denetim bulgulari) ===== */
/* Bootstrap mavi butonlar -> marka yesili (satir ici stil oldugu icin !important) */
.btn-primary, .site-bt, button.btn-primary, a.btn-primary{
  background-color:var(--fn-yesil) !important;
  border-color:var(--fn-yesil) !important;
  color:#fff !important;
}
.btn-primary:hover, .site-bt:hover, button.btn-primary:hover, a.btn-primary:hover{
  background-color:var(--fn-yesil2) !important; border-color:var(--fn-yesil2) !important; color:#fff !important;
}
/* Urun detay guven ikonlari: saf kirmizi -> altin */
i.fa-user-tie, i.fa-shipping-fast, i.fa-credit-card,
i.fa-headset, i.fa-truck, i.fa-shield-alt, i.fa-lock{
  color:var(--fn-altin) !important;
}
/* Guven rozet kutusu: cerceve ve zemin */
.product-detail-icons, .productDetailIcons{
  background:var(--fn-krem) !important; border:1px solid var(--fn-cerceve) !important; border-radius:12px;
}
/* 404 sayfasi: markadan kopuk illustrasyonu yumusat */
.error-page img, .page404 img{ opacity:.9; }

/* ===== URUN DETAY SAYFASI ===== */
/* Ana gorsel: kart diliyle ayni cerceve */
.productPhotos, .product-detail-image-box{
  border:1px solid var(--fn-cerceve); border-radius:14px; background:#fff; overflow:hidden;
}
/* Kucuk gorseller */
.swiper-slide.productPhotosThumb img, .product-thumb img{
  border:1px solid var(--fn-cerceve); border-radius:10px; background:#fff; padding:4px;
}
.swiper-slide-thumb-active img{ border-color:var(--fn-altin) !important; }

/* Sekmeler: aktif olan altin alt cizgi */
.nav-tabs{ border-bottom:1px solid var(--fn-cerceve) !important; gap:4px; }
.nav-tabs .nav-link{
  border:none !important; border-bottom:3px solid transparent !important;
  color:#4a5c53 !important; font-weight:500 !important; padding:10px 18px !important; border-radius:0 !important;
}
.nav-tabs .nav-link:hover{ color:var(--fn-yesil) !important; border-bottom-color:var(--fn-cerceve) !important; }
.nav-tabs .nav-link.active{
  color:var(--fn-yesil) !important; background:transparent !important;
  border-bottom-color:var(--fn-altin) !important; font-weight:600 !important;
}

/* Bilgi tablosu: etiket/deger hizasi */
.product-detail-information table, .tab-pane table.table{ margin-bottom:0; }
.product-detail-information th, .tab-pane table th{
  width:38%; white-space:nowrap; font-weight:500 !important; color:#4a5c53 !important; vertical-align:middle;
}
.product-detail-information td, .tab-pane table td{ vertical-align:middle; }

/* Fiyat blogu nefes alsin */
.product-detail-price, .detail-price{ margin:10px 0 16px; }

/* Urun basligi */
.product-detail-name, h1.product-name{ line-height:1.2; margin-bottom:10px; }

/* ============ LOGO UYUMU - 14 Agu 2026 ============ */
:root{ --fn-adacayi:#76826a; --fn-zemin:#f7f4ec; }
body{ background-color:var(--fn-zemin); }
.productBox,.modal-content,.card,.ny-filter-home{ background-color:#fff; }
img[src*="/logo-"],img[src*="/mobilLogo-"]{ max-width:190px; height:auto; }

/* ====== ERISILEBILIRLIK + MARKA SERIDI DUZELTMESI - 14 Agu 2026 ====== */
:root{ --fn-altin-metin:#8a6629; }
/* marka seridinde 2. gorsel yuvasi bos gelenler kirik ikon gosteriyordu */
img.brand-logos-image[src$="/markalar/"],
img[src$="/uploads/markalar/"]{ display:none !important; }
/* altin YAZI olarak kullanildiginda 2.8:1 kaliyordu -> 5.2:1 */
.productTitle,.home-product-title,.productTitle a,
a.tumunu-gor,.tumunuGor,.showAll,
.item-product-brand,.breadcrumb a{ color:var(--fn-altin-metin) !important; }

/* ====== KALAN PALET/KONTRAST ARTIKLARI - 14 Agu 2026 ====== */
/* ustu cizili eski fiyat #a7a7a7 = 2.4:1 idi */
.item-product-priceOld,.productCartDiscText,.priceOld{ color:#6f6a60 !important; }
/* "Sepete Eklendi" penceresi tema yesili kullaniyordu */
.ny-add-cart-success-title,.ny-add-cart-modal i.fa-circle-check{ color:var(--fn-yesil2) !important; }
.ny-add-cart-modal-cart-btn{ background-color:var(--fn-yesil) !important;
 border-color:var(--fn-yesil) !important; color:#fff !important; }
/* sepet & favori sayac rozetleri siyahti */
.cartcountBox{ background-color:var(--fn-yesil) !important; }
/* cerez bandi: anahtar turuncu (#e95018), buton siyahti */
.cookie_check_label{ background-color:var(--fn-yesil) !important; }
.cookie_btn.accept{ background-color:var(--fn-yesil) !important; border-radius:4px; }
.cookie_btn{ border-radius:4px; }

/* ====== SON RÖTUŞLAR - 14 Agu 2026 ====== */
/* bos marka gorseli sadece gizlenince arkasinda bos beyaz kutu kaliyordu */
.item-product-box:has(img[src$="/uploads/markalar/"]),
.swiper-slide:has(img[src$="/uploads/markalar/"]){ display:none !important; }
/* slider ve banner'lar sayfa zeminiyle ayni krem oldugu icin kenari kayboluyordu */
img[src*="/uploads/sliders/"]{ border:1px solid #ded6c6;
 box-shadow:0 10px 30px rgba(45,56,42,.09); }
img[src*="/uploads/banners/"]{ border:1px solid #ded6c6; border-radius:8px; }

/* ====== MOBIL DOKUNMA HEDEFLERI - 14 Agu 2026 ====== */
@media (max-width:767px){
  /* 18-21px yuksekliginde link satirlari 44px'e cikarildi */
  a.home-product-see-btn{ display:inline-flex; align-items:center; min-height:44px; padding:0 6px; }
  .welcome-msg a.hleft-link{ display:inline-flex; align-items:center; min-height:40px;
   padding:0 8px 0 0; margin-right:4px; }
  /* 11px kucuk yazi -> 12px */
  .ny-sub-box-consent,.ny-sub-box-desc{ font-size:12px !important; line-height:1.5; }
}

/* ================= TIPOGRAFI SISTEMI - 14 Agu 2026 =================
   Modüler ölçek: 12 / 13 / 14 / 16 / 20 / 25 / 31
   Öncesi: 14 farklı punto (14, 14.1, 14.4, 14.7, 15, 16, 17...) + menüde
   sisteme ait olmayan Poppins. Kaynak: ui-ux-pro-max "Font Size Scale",
   "Line Length", "Line Height", "Heading Hierarchy" kuralları.        */
:root{
  --fn-t-xs:12px; --fn-t-sm:13px; --fn-t-md:14px; --fn-t-base:16px;
  --fn-t-lg:20px; --fn-t-xl:25px; --fn-t-2xl:31px;
}

/* --- ana menü Poppins basıyordu, sistem fontuna alındı --- */
.nav-link,.navbar-nav a,.nav-item a{
  font-family:var(--fn-govde) !important; font-size:var(--fn-t-md) !important;
  font-weight:500; letter-spacing:.2px;
}

/* --- vitrin başlıkları: 29px ve 30.4px iki ayrı değerdeydi --- */
.productTitle,.productTitle span,.home-product-title{
  font-family:var(--fn-baslik) !important; font-size:var(--fn-t-2xl) !important;
  font-weight:600; letter-spacing:-.2px; line-height:1.15;
}
/* "Tümünü Gör" bir UI bağlantısı; serif başlık ailesinden çıkarıldı */
a.home-product-see-btn{
  font-family:var(--fn-govde) !important; font-size:var(--fn-t-sm) !important;
  font-weight:600; letter-spacing:.3px;
}

/* --- semantik başlıklar görsel olarak geri plandaydı (h2:17px, h3:16px) --- */
h1{ font-family:var(--fn-baslik); font-size:var(--fn-t-2xl); font-weight:600; line-height:1.15; }
h2{ font-family:var(--fn-baslik); font-size:var(--fn-t-xl); font-weight:600; line-height:1.2; }
h3{ font-family:var(--fn-baslik); font-size:var(--fn-t-lg); font-weight:600; line-height:1.25; }
h1,h2,h3{ text-wrap:balance; max-inline-size:34ch; }

/* --- ürün kartı: tarama hiyerarşisi (marka < ad < FIYAT) --- */
.item-product-brand{ font-size:var(--fn-t-xs) !important; font-weight:600; letter-spacing:.6px; }
.item-product-name{ font-size:var(--fn-t-md) !important; line-height:1.45; }
.item-product-priceOld{ font-size:var(--fn-t-sm) !important; }
.item-product-priceSale,.priceSale{
  font-size:var(--fn-t-lg) !important; font-weight:600; letter-spacing:-.3px;
  font-variant-numeric:tabular-nums lining-nums;
}
.addSptBt,.productBt{ font-size:var(--fn-t-md) !important; font-weight:600; letter-spacing:.2px; }
.cartcountBox{ font-size:11px !important; }

/* --- satır uzunluğu: SEO metni satır başına 156 karakterdi (ilke 65-75) --- */
.textshort p,.textshort li,#tab-description p,.tab-content p{
  font-size:var(--fn-t-base); line-height:1.7; max-width:76ch;
}
.textshort p,.textshort h2,.textshort h3{ margin-inline:auto; }

/* --- etkileşim geri bildirimi: bağlantılarda geçiş süresi 0s idi --- */
a,button,.btn,.addSptBt,.favitem-btn{
  transition:color .18s ease, background-color .18s ease,
             border-color .18s ease, opacity .18s ease;
}

/* --- ölçek dışında kalan son öğeler --- */
/* ürün adı metni <a> içindeydi, kap elemana verilen boyut ulaşmıyordu */
.item-product-name,.item-product-name a{ font-size:var(--fn-t-md) !important; line-height:1.45; }
/* tema h2'yi 17px'e sabitliyordu */
body h2,.container h2{ font-size:var(--fn-t-xl) !important; }
/* footer sütun başlıkları gövde fontunda 17px idi */
.widget-title{ font-family:var(--fn-baslik) !important; font-size:var(--fn-t-lg) !important;
 font-weight:600; letter-spacing:.2px; }
/* üst güven şeridi 14.1px gibi ara bir değerdeydi */
.topBanner,.topBanner p,.topBanner span{ font-size:var(--fn-t-sm) !important; }
/* onay metni masaüstünde 11px kalıyordu (yalnız mobilde düzeltilmişti) */
.ny-sub-box-consent,.ny-sub-box-desc{ font-size:var(--fn-t-xs) !important; line-height:1.5; }

/* --- ölçeğin en üst basamağı: ürün detay h1 (31 x 1.25 = 38) --- */
:root{ --fn-t-3xl:38px; }
/* ürün detay başlığı 38px'ti, uzun ürün adlarında 3 satıra taşıp
   sayfayı eziyordu; ölçekte bir basamak inildi (31px) */
body h1,.container h1{ font-size:var(--fn-t-2xl) !important; line-height:1.15; }
/* ürün bilgi tablosunda etiket sütunu dar kalıp ":" alt satıra düşüyordu */
.product-detail-information td:first-child,.table.table-bordered th.pl-2{
 white-space:nowrap; width:1%; padding-right:22px; }

/* ============ MENU CUBUGU + MEGA MENU + URUN SAYFASI - 14 Agu 2026 ============ */

/* --- menü çubuğu beyaz bir şerit olarak göze batıyordu (panelden kreme alındı),
       başlık/içerik sınırı kaybolmasın diye ince çizgi --- */
.fullHorizontalMenuRow{ border-bottom:1px solid var(--fn-cerceve); }

/* --- MEGA MENÜ: panel tam ekran genişlikteydi, içerik sola sıkışıp
       sağda kocaman boşluk kalıyordu; başlık ile alt maddeler aynı puntodaydı --- */
.dropdown-mega .dropdown-menu{
  background:#fff !important; border:1px solid var(--fn-cerceve);
  border-top:2px solid var(--fn-altin); border-radius:0 0 12px 12px;
  box-shadow:0 20px 44px rgba(45,56,42,.13); padding:28px 0 32px;
}
/* menüler 3 ile 21 sütun arasında değişiyor: esnek + ortalanmış düzen
   her ikisinde de dengeli duruyor; panel ekranı taşmasın diye yükseklik sınırı */
/* 7 gruba kadar: tek sıra, eşit paylaşımlı sütunlar. flex-wrap:nowrap
   olduğu için satır kırılıp boşluk oluşması imkânsız; genişlik tam dolar. */
.dropdown-mega .mega-content .row.col-8{
  display:flex !important; flex-wrap:nowrap; justify-content:center;
  gap:0 28px; margin-left:auto !important; margin-right:auto !important;
  max-width:1296px; flex:none !important;
  max-height:70vh; overflow-y:auto; overscroll-behavior:contain;
}
.dropdown-mega .mega-content .row.col-8 > *{
  flex:1 1 0 !important; min-width:0 !important; width:auto !important;
  max-width:290px !important; padding:0 0 18px !important;
}
/* sütun başlığı = listenin ilk maddesi */
.dropdown-mega .submenu-ny{ list-style:none; padding:0; margin:0; }
.dropdown-mega .submenu-ny > li:first-child > a{
  font-family:var(--fn-baslik); font-size:18px !important; font-weight:600;
  color:var(--fn-yesil) !important; display:inline-block;
  padding:0 0 8px !important; margin-bottom:10px;
  border-bottom:2px solid var(--fn-altin);
}
.dropdown-mega .submenu-ny > li + li > a{
  display:block; padding:6px 0 !important; font-size:13.5px;
  color:#5a6350 !important; border-radius:4px;
}
.dropdown-mega .submenu-ny > li + li > a:hover{
  color:var(--fn-altin-metin) !important; padding-left:6px !important;
}

/* --- ÜRÜN DETAY: tüm sayfa tek parça beyaz bir bloktu (satır içi
       background-color:#fff), bu yüzden hiçbir bölüm ayrışmıyordu.
       Zemin kreme alınıp bölümler beyaz kartlara ayrıldı. --- */
.container:has(.productDetails),
.container:has(.product-media-zone){ background-color:transparent !important; }
.product-media-zone,.productDetails,
.cmp.col-12:has(> nav > .nav-tabs){
  background:#fff; border:1px solid var(--fn-cerceve); border-radius:12px;
  box-sizing:border-box; box-shadow:0 2px 10px rgba(45,56,42,.04);
}
.product-media-zone{ padding:18px; }
.productDetails{ padding:26px 28px; }
.cmp.col-12:has(> nav > .nav-tabs){ padding:8px 26px 26px; margin-top:26px; }
/* alt maddesi olmayan kategoriler: alt çizgi gereksiz görsel gürültü yapıyordu */
.dropdown-mega .submenu-ny > li:only-child > a{ border-bottom:none !important; margin-bottom:0; }

/* ================= SEPET ÇEKMECESİ (offcanvas) - 14 Agu 2026 =================
   Alt bar siyahtı ve "Toplam" yazısı rgba(33,37,41,.75) ile siyah üstüne
   koyu gri geliyordu (okunmuyordu). CTA'lar renksiz Bootstrap varsayılanıydı. */

/* başlık: "Sepet (1)" */
.offcanvas-end .offcanvas-header{
  border-bottom:1px solid var(--fn-cerceve); background:var(--fn-zemin);
}
.offcanvas-end .bag-tit,.offcanvas-end .bag-tit *{
  font-family:var(--fn-baslik) !important; font-size:22px !important; font-weight:600;
  color:var(--fn-yesil) !important;
}
.offcanvas-end .ny-offcanvas-close{ color:var(--fn-yesil) !important; opacity:.75; }
.offcanvas-end .ny-offcanvas-close:hover{ opacity:1; }

/* ürün satırı */
.offcanvas-end .ny-cart-item{
  border-bottom:1px solid var(--fn-cerceve); padding-bottom:14px; margin-bottom:14px;
}
.offcanvas-end .ny-cart-img{
  border:1px solid var(--fn-cerceve); border-radius:8px; background:#fff; overflow:hidden;
}
.offcanvas-end .ny-cart-title{
  font-size:14px !important; line-height:1.45; color:var(--fn-yesil) !important; font-weight:500;
}
.offcanvas-end .nyCartProductSubTitle{
  font-size:15px; font-weight:600; color:var(--fn-yesil);
  font-variant-numeric:tabular-nums lining-nums;
}
.offcanvas-end .ny-counter-btn{
  border:1px solid var(--fn-cerceve) !important; border-radius:5px;
  color:var(--fn-yesil) !important; min-width:30px; min-height:30px;
}
.offcanvas-end .ny-counter-btn:hover{ background:var(--fn-zemin) !important; }
.offcanvas-end .ny-cart-delete-btn{ color:#8d8579 !important; }
.offcanvas-end .ny-cart-delete-btn:hover{ color:#a33a2a !important; }
.offcanvas-end .ny-cart-update-btn{
  background:var(--fn-yesil) !important; color:#fff !important; border-radius:4px;
}

/* ana eylem: ödeme (para adımı -> altın) */
.offcanvas-end .ny-offcanvas-payment{
  background:var(--fn-altin-metin) !important; color:#fff !important;
  border:none !important; border-radius:4px; font-weight:600; letter-spacing:.2px;
  padding:14px 0; font-size:15px;
}
.offcanvas-end .ny-offcanvas-payment:hover{ background:#75561f !important; }

/* alt toplam şeridi: siyahtı, marka yeşiline alındı */
.offcanvas-end a.goto-bag{
  background:var(--fn-yesil) !important; color:#f2e9d5 !important; border-radius:0;
}
.offcanvas-end a.goto-bag *{ color:#f2e9d5 !important; }
.offcanvas-end a.goto-bag:hover{ background:#33402d !important; }
.offcanvas-end .offcanvas-price-detail{
  color:#f2e9d5 !important; font-variant-numeric:tabular-nums lining-nums;
}
.offcanvas-end .offcanvas-footer{ background:var(--fn-zemin); border-top:1px solid var(--fn-cerceve); }

/* --- MEGA MENÜ YERLEŞİMİ: satır bazlı sarmada her satırın yüksekliği en uzun
   sütuna göre belirleniyor, tek başına kalan uzun gruplar (ör. Saç Bakımı)
   etrafında devasa boşluk bırakıyordu. 6+ sütunlu menülerde gazete düzeni
   (çok sütunlu dikey paketleme) kullanılıyor; az sütunlu menüler ortalanmış
   esnek düzende kalıyor çünkü multicol kısmi sütunları ortalayamıyor. --- */
.dropdown-mega .mega-content .row.col-8:has(> :nth-child(5)){
  display:block !important; column-count:4; column-gap:44px;
  column-fill:balance; text-align:left;
}
/* column-width kullanilinca, cok uzun bir grup (or. Yuz Bakimi 13 madde)
   dengeleme yuksekligini belirleyip son sutunu bos birakiyordu; sutun
   sayisi sabitlenince icerik tum genislige yayiliyor. */
@media (max-width:1199px){
  .dropdown-mega .mega-content .row.col-8:has(> :nth-child(5)){ column-count:3; }
}
.dropdown-mega .mega-content .row.col-8:has(> :nth-child(5)) > *{
  break-inside:avoid; -webkit-column-break-inside:avoid; page-break-inside:avoid;
  display:block; width:100% !important; max-width:none !important;
  padding:0 0 26px !important; margin:0;
}
/* ürün kartında marka adı ortalandı */
.item-product-brand{ text-align:center; }

/* ====== MENÜ OKUNABİLİRLİĞİ + KAYAN ÜST ŞERİT - 14 Agu 2026 ====== */
/* ana menü font-weight:300 (Light) geliyordu, ince ve soluk duruyordu */
.fullHorizontalMenuRow .nav-link,.navbar-nav > li > a{
  font-weight:600 !important; font-size:15px !important;
  color:var(--fn-yesil) !important; letter-spacing:.1px;
}
.fullHorizontalMenuRow .nav-link:hover{ color:var(--fn-altin-metin) !important; }
/* mega menü maddeleri de inceydi */
.dropdown-mega .submenu-ny > li + li > a{
  font-size:14px !important; font-weight:500; color:#4a5245 !important;
}
.dropdown-mega .submenu-ny > li:first-child > a{ font-size:19px !important; }

/* üst şerit kayan yazı */
.topBanner{ overflow:hidden; }
.topBanner .ps-noti{
  display:inline-block !important; white-space:nowrap; padding-left:100%;
  animation:fn-kayanSerit 20s linear infinite; will-change:transform;
}
@keyframes fn-kayanSerit{ 0%{transform:translateX(0)} 100%{transform:translateX(-100%)} }
/* okumak isteyen durdurabilsin (otomatik hareket için gerekli) */
.topBanner:hover .ps-noti,.topBanner:focus-within .ps-noti{ animation-play-state:paused; }
@media (prefers-reduced-motion:reduce){
  .topBanner .ps-noti{ animation:none; padding-left:0; text-align:center; display:block !important; }
}

/* ====== MEGA MENÜ HİZASI: içerik sayfa kabına oturtuldu - 14 Agu 2026 ======
   Bootstrap'in "col-8 offset-lg-2" sarmalayıcısı içeriği panelin soluna
   sıkıştırıp sağda büyük boşluk bırakıyordu. Panel tam genişlikte kalıyor,
   içerik sitenin 1296px'lik kabında ortalanıyor. */
.dropdown-mega .dropdown-menu > .mega-content{
  padding-left:0 !important; padding-right:0 !important;
}
.dropdown-mega .mega-content > .container-fluid{
  max-width:1296px !important; margin-left:auto !important; margin-right:auto !important;
  padding-left:24px !important; padding-right:24px !important;
}
.dropdown-mega .mega-content > .container-fluid > .row{ margin-left:0 !important; margin-right:0 !important; }
.dropdown-mega .mega-content .row.col-8{
  margin-left:0 !important; margin-right:0 !important;
  width:100% !important; max-width:100% !important; padding:0 !important;
}

/* ====== MEGA MENÜ SIKILAŞTIRMA - 14 Agu 2026 ======
   Alt kategorisi olmayan başlıklar (Omega 3, Koenzim Q10, Göz Sağlığı...)
   19px başlık gibi basılıp aralarında büyük boşluk bırakıyordu. Artık ara
   kademe: 16px, altında liste olmadığı için alt boşluğu da sıfır.        */
.dropdown-mega .submenu-ny > li:only-child > a{
  font-size:16px !important; padding:0 !important; margin:0 !important;
  border-bottom:none !important; line-height:1.35;
}
/* grup arası ve madde arası nefes payı kısıldı */
.dropdown-mega .mega-content .row.col-8 > *{ padding-bottom:13px !important; }
.dropdown-mega .submenu-ny > li:first-child > a{
  padding-bottom:6px !important; margin-bottom:7px !important; line-height:1.25;
}
.dropdown-mega .submenu-ny > li + li > a{ padding:5px 0 !important; }
.dropdown-mega .dropdown-menu{ padding:22px 0 26px !important; }
/* tek satırlık (alt maddesiz) kategoriler arasındaki boşluk hâlâ açıktı;
   yalnızca onlar sıkıştırıldı, listeli gruplar nefes payını koruyor */
.dropdown-mega .mega-content .row.col-8 > *:not(:has(li + li)){
  padding-bottom:5px !important;
}
/* multicol bloğundaki 26px alt boşluk yukarıdaki sıkılaştırmayı eziyordu;
   çok sütunlu menüler için ayrıca yazıldı */
.dropdown-mega .mega-content .row.col-8:has(> :nth-child(5)) > *{
  padding:0 0 14px !important;
}
.dropdown-mega .mega-content .row.col-8:has(> :nth-child(5)) > *:not(:has(li + li)){
  padding:0 0 4px !important;
}
.dropdown-mega .submenu-ny li{ margin:0 !important; }

/* ====== 2. KADEME KATEGORİLERİN HEPSİ AYNI GÖRÜNSÜN - 14 Agu 2026 ======
   Hiyerarşi: menü çubuğu (1) > sütun kategorisi (2) > alt madde (3).
   Alt listesi olan "Vitaminler" çizgiliyken, aynı kademedeki "Omega 3",
   "Göz Sağlığı" gibi kategorilerin çizgisi yoktu; ikisi de 2. kademe
   olduğu için aynı boyut + aynı altın alt çizgi verildi. Boşluklar
   sıkı kaldığı için menü yine kısa duruyor.                            */
.dropdown-mega .submenu-ny > li:only-child > a{
  font-family:var(--fn-baslik) !important; font-size:19px !important;
  font-weight:600; color:var(--fn-yesil) !important;
  display:inline-block; line-height:1.25;
  padding:0 0 6px !important; margin:0 !important;
  border-bottom:2px solid var(--fn-altin) !important;
}
/* alt çizgi eklendiği için tek satırlıklara biraz nefes payı geri verildi */
.dropdown-mega .mega-content .row.col-8 > *:not(:has(li + li)),
.dropdown-mega .mega-content .row.col-8:has(> :nth-child(5)) > *:not(:has(li + li)){
  padding:0 0 13px !important;
}
/* alt listesi olan başlık serif yerine Montserrat basıyordu (font-family
   !important taşımadığı için eziliyordu); iki 2. kademe de aynı oldu */
.dropdown-mega .submenu-ny > li:first-child > a,
.dropdown-mega .submenu-ny > li:only-child > a{
  font-family:var(--fn-baslik) !important; font-weight:600 !important;
  color:var(--fn-yesil) !important;
}

/* ============================================================
   MEGA MENÜ - KADEME TANIMLARI (NİHAİ, 14 Agu 2026)
   Bu blok en sonda durur ve önceki tüm parçalı kuralları bağlar.
   Aynı kademedeki her öğe birebir aynı: font, punto, ağırlık,
   renk, satır yüksekliği, boşluk, çizgi ve hover davranışı.
   Kademe 1 = menü çubuğu | 2 = sütun kategorisi | 3 = alt madde
   ============================================================ */

/* --- KADEME 2: sütun kategorileri (alt listesi olsun olmasın aynı) --- */
.dropdown-mega .submenu-ny > li:first-child > a,
.dropdown-mega .submenu-ny > li:only-child > a{
  font-family:var(--fn-baslik) !important;
  font-size:19px !important;
  font-weight:600 !important;
  color:var(--fn-yesil) !important;
  line-height:1.25 !important;
  letter-spacing:.2px !important;
  text-transform:none !important;
  display:inline-block !important;
  padding:0 0 6px !important;
  margin:0 0 8px !important;
  border:0 !important;
  border-bottom:2px solid var(--fn-altin) !important;
  transition:color .18s ease, border-color .18s ease;
}
.dropdown-mega .submenu-ny > li:first-child > a:hover,
.dropdown-mega .submenu-ny > li:only-child > a:hover{
  color:var(--fn-altin-metin) !important;
  border-bottom-color:var(--fn-altin-metin) !important;
}

/* --- KADEME 3: alt maddeler --- */
.dropdown-mega .submenu-ny > li + li > a{
  font-family:var(--fn-govde) !important;
  font-size:14px !important;
  font-weight:500 !important;
  color:#4a5245 !important;
  line-height:1.45 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  display:block !important;
  padding:5px 0 !important;
  margin:0 !important;
  border:0 !important;
  transition:color .18s ease, padding-left .18s ease;
}
.dropdown-mega .submenu-ny > li + li > a:hover{
  color:var(--fn-altin-metin) !important;
  padding-left:6px !important;
}

/* 5-7 gruplu menülerde 4 sütun istendiğinde, uzun bir grup (Yüz Bakımı
   13 madde) dengeleme yüksekliğini kilitleyip son sütunu boş bırakıyor.
   Bu aralık 3 sütuna alındı: hem 4 sınırının altında hem genişlik tam dolu. */
.dropdown-mega .mega-content .row.col-8:has(> :nth-child(5)):not(:has(> :nth-child(8))){
  column-count:3 !important;
}

/* ============================================================
   ZEMİN BEYAZA ÇEVRİLDİ - 14 Agu 2026
   Sayfa zemini krem (#f7f4ec) idi; kartlar beyaz kaldığı için
   ayrım tonla sağlanıyordu. Beyaza dönünce o ton farkı kalmadı,
   ayrım artık çerçeve + hafif gölge ile sağlanıyor.
   İkincil yüzeyler (filtre, liste başlığı, çekmece) tamamen
   beyaz yapılırsa yapı kayboluyor; kırık beyaza alındı.
   ============================================================ */
:root{
  --fn-zemin:#ffffff !important;
  --fn-krem:#faf9f6 !important;
  --fn-hover:#f4f2ed;
}
body{ background-color:#ffffff !important; }

/* kartlar artık tonla değil kenarla ayrışıyor */
.productBox{
  border-color:#e4e0d6 !important;
  box-shadow:0 1px 3px rgba(45,56,42,.05);
}
.productBox:hover{
  border-color:var(--fn-altin) !important;
  box-shadow:0 6px 18px rgba(45,56,42,.10);
}
/* Slider ve banner görselleri KREM zeminli kalıyor (kullanıcı tercihi,
   dokunulmadı). Beyaz sayfada sıcak bir panel gibi duruyorlar; kenarları
   belirsizleşmesin diye çerçeve biraz güçlendirildi. */
img[src*="/uploads/sliders/"]{ border-color:#e4e0d6 !important; }
img[src*="/uploads/banners/"]{ border-color:#e4e0d6 !important; }
/* zemin beyaz olunca hover geri bildirimi kayboluyordu */
.offcanvas-end .ny-counter-btn:hover{ background:var(--fn-hover) !important; }


/* ================= 16 Agu 2026 MOBIL/MASAUSTU OLCEK DUZELTMELERI ================= */

/* 1) Mobil logo: 600x306 gorsel max-width:150px ile 150x77 ciziliyordu,
      baslik satiri ise 70px -> logo satirdan tasiyor, ikonlarla hizasiz kaliyordu. */
@media (max-width: 991.98px){
  .logoImg, .ny-logo-img{max-width:104px !important;max-height:53px !important;
    width:auto !important;height:auto !important;object-fit:contain}
}

/* 2) Mobil anasayfa bannerlari: 1 tam + 2 yarim + 1 oksuz diziliyordu.
      Mobilde hepsi tam genislik -> duzen oturuyor, yazilar okunur oluyor. */
@media (max-width: 767.98px){
  .home-page > div[class*="home-comp-"].col-6{flex:0 0 100% !important;
    max-width:100% !important;width:100% !important}
}

/* 3) Urun detay basligi: 31px -> 24px (mobilde 21px) */
h1.product-title{font-size:24px !important;line-height:1.22 !important}
@media (max-width: 767.98px){ h1.product-title{font-size:21px !important} }

/* 4) Mobil liste sayfasi: baslik 31px, Filtreleme 23px, fiyat kutulari 23px,
      baslik cevresinde 55px bos dikey alan vardi. */
@media (max-width: 767.98px){
  .categoriTitle.page_header_title_zone{padding:16px 0 6px !important}
  body h1.page-header-title, .container h1.page-header-title{font-size:25px !important;line-height:1.16 !important;margin-bottom:6px !important}
  .cmp:has(> .breadcrumbBox){padding:6px 0 12px !important}
  .ny-filter-titleMob{font-size:17px !important}
  /* iOS 16px altindaki input'a dokununca sayfayi zoomluyor, altina inme */
  .nyFilterPriceInput{font-size:16px !important}
  .ny-filter-item{font-size:15px !important}
}


/* ================= MOBIL BASLIK DUZENI (hamburger | logo | ikonlar / arama) =========
   Arama formu HTML'de vardi ama mobilde gizliydi (.mx-auto display:none + .menuBox mobHide).
   Formda min-width:400px oldugu icin ayrica min-width:0 gerekiyor.                     */
@media (max-width: 991.98px){
  header.container{flex-wrap:wrap !important; position:relative !important;
    padding-top:10px !important; padding-bottom:0 !important}
  header.container > a{order:1 !important; flex:0 0 auto !important}
  header.container > .ny-menu-right{order:2 !important; flex:1 1 auto !important;
    min-height:58px !important; display:flex !important; align-items:center !important;
    justify-content:flex-end !important}
  /* logo, hamburger ile sag ikonlarin arasinda tam ortada */
  header.container > a > img.logoImg{position:absolute !important; left:50% !important; top:10px !important;
    transform:translateX(-50%) !important; margin:0 !important;
    max-height:46px !important; max-width:92px !important; width:auto !important; height:auto !important}
  /* arama cubugu ikinci satirda, sayfayi kaplayacak sekilde */
  header.container > div.mx-auto{display:block !important; order:3 !important; flex:0 0 100% !important;
    max-width:100% !important; width:100% !important; margin:0 0 10px !important; padding:0 10px !important}
  header.container > div.mx-auto .menuBox{display:block !important; width:100% !important}
  header.container .top-header-search-box{display:flex !important; width:100% !important;
    max-width:100% !important; min-width:0 !important}
  header.container .top-header-search-box input{width:100% !important; max-width:100% !important;
    min-width:0 !important; flex:1 1 auto !important}
  /* cubuk hep acik oldugu icin buyutec ikonuna gerek kalmadi */
  li.mob-search-icon{display:none !important}
}


/* ============ URUN SAYFASI: ALT SEPET CUBUGU HEP ACIK (mobil) ============
   Tema #bottomCartAdd'e inline display:none veriyor, sayfa kaydirilinca aciyor.
   Kullanici urun sayfasina girer girmez gorunmesini istedi.
   Cubuk 65px oldugu icin uste-don ve WhatsApp butonlari yukari kaydirildi.      */
@media (max-width: 991.98px){
  #bottomCartAdd{display:block !important}
  body:has(#bottomCartAdd){--fn-yuzen-alt:90px}   /* #399 G3: yuzen dugmeler FN-YUZEN-399 */
}


/* ============ ALT SEPET CUBUGU GORUNUMU (mobil) ============
   Once: %rozet + eski fiyat + yeni fiyat tek satirda sikisip alt alta kiriliyordu
   ("815,26 / TL"). Simdi iki satir: ust satir rozet + ustu cizili eski fiyat,
   alt satir buyuk guncel fiyat; sagda tam genislikte buton.               */
@media (max-width: 991.98px){
  #bottomCartAdd{padding:8px 0 !important; border-top:1px solid #e8e4d9 !important;
    box-shadow:0 -6px 18px rgba(20,38,26,.12) !important}
  #bottomCartAdd, #bottomCartAdd > div, #bottomCartAdd .container, #bottomCartAdd .row{
    height:auto !important; min-height:0 !important}
  #bottomCartAdd .container{padding:0 12px !important}
  #bottomCartAdd .row{align-items:center !important; margin:0 !important; padding:0 !important}
  #bottomCartAdd .row > .col-6:first-child{flex:0 0 46% !important; max-width:46% !important; padding:0 !important}
  #bottomCartAdd .row > .col-6:last-child{flex:0 0 54% !important; max-width:54% !important;
    padding:0 0 0 10px !important}
  #bottomCartAdd .col-6 > span, #bottomCartAdd .col-6 .d-flex{width:100% !important}
  #bottomCartAdd .productPrices{display:grid !important; width:100% !important; height:auto !important;
    grid-template-columns:auto 1fr !important; grid-template-areas:"rozet eski" "fiyat fiyat" !important;
    align-items:center !important; column-gap:6px !important; row-gap:1px !important}
  #bottomCartAdd .product-discount{grid-area:rozet !important; width:auto !important; height:auto !important;
    min-width:0 !important; padding:1px 6px !important; border-radius:3px !important;
    font-size:11px !important; font-weight:700 !important; line-height:1.5 !important;
    display:inline-flex !important; align-items:center !important; justify-self:start !important}
  #bottomCartAdd .product-price-old{grid-area:eski !important; font-size:12px !important;
    font-weight:500 !important; white-space:nowrap !important; justify-self:start !important}
  #bottomCartAdd .product-price-sale{grid-area:fiyat !important; font-size:19px !important;
    font-weight:700 !important; white-space:nowrap !important; line-height:1.15 !important;
    justify-self:start !important}
  #bottomCartAdd .product-price-sale .price{font-size:19px !important; white-space:nowrap !important}
  #bottomCartAdd .col-6:last-child > div,
  #bottomCartAdd .col-6:last-child > div > div{width:100% !important; margin:0 !important}
  #bottomCartAdd a.product-cart-add.bottomAdd{width:100% !important; height:46px !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    gap:8px !important; font-size:14px !important; font-weight:600 !important;
    border-radius:6px !important; padding:0 8px !important}
}

/* === CLS onleme: gorsel oran rezervasyonu === */
#main-logo,img.logoImg{aspect-ratio:800/409}
img.product_IMG,img.nyComment-product-image,img.ny-soico{aspect-ratio:1/1}
img.variant_50{aspect-ratio:400/130}


/* === CLS: urun kart gorsellerinde oran rezervasyonu (19 Agu 2026) ===
   Kart img etiketlerinde width/height niteligi yok, gorsel yuklenene kadar
   yukseklik 0 kalip sayfayi kaydiriyordu. Kartlar 1:1 (1024x1024). */
img.item-product-image-home,
img.item-product-image-box,
img.item-product-image,
img.productPhoto_200,
img.productPhoto_300{aspect-ratio:1/1;height:auto}

/* ---- CWV r2: mobil slider + urun galerisi yukseklik rezervasyonu (21.08.2026) ---- */
@media (max-width: 768px){
  div[data-cmp-type="slider"] .swiper-slide{aspect-ratio:1024/1280;overflow:hidden;}
  div[data-cmp-type="slider"] .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block;}
}
.main-slider .swiper-slide.productPhotos{aspect-ratio:1/1;}
.product_IMG{width:100%;height:100%;object-fit:contain;background:#f7f4ec;}

/* ---- Blog liste kartlari (22.08.2026, duzeltildi: onceki .searchlistblog secicisi arama
   acilir listesine aitti, kartlara hic uygulanmiyordu). html.fn-blog sinifi </head> Oncesi
   script'i ile /blog yollarinda ekleniyor. Kapak gorselleri farkli oranlarda geldigi icin
   basliklar hizasizdi -> sabit 4:3 oran + kart ici dikey esnek duzen. ---- */
html.fn-blog .card{height:100%;border:1px solid var(--fn-cerceve);border-radius:12px;box-shadow:0 2px 10px rgba(61,73,55,.06);transition:box-shadow .2s ease, transform .2s ease;overflow:hidden;background:#fff;}
html.fn-blog .card:hover{box-shadow:0 8px 22px rgba(61,73,55,.14);transform:translateY(-3px);}
html.fn-blog .card > a.card-link{display:block;line-height:0;}
html.fn-blog .card img.card-img-top{aspect-ratio:4/3;width:100%;height:auto;object-fit:cover;display:block;}
html.fn-blog .card .card-body{display:flex;flex-direction:column;flex:1 1 auto;padding:16px 16px 14px;}
html.fn-blog .card .card-title{font-size:var(--fn-t-lg) !important;line-height:1.3 !important;margin:0 0 10px;min-height:calc(1.3em * 3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
html.fn-blog .card .card-title a{color:var(--fn-yesil) !important;}
html.fn-blog .card .card-text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--fn-t-md);line-height:1.55;margin-bottom:12px;}
html.fn-blog .card .card-body > a.card-link{margin-top:auto;font-weight:600;color:var(--fn-altin-metin) !important;}
@media (prefers-reduced-motion:reduce){ html.fn-blog .card:hover{transform:none;} }
/* ---- PSI a11y/perf duzeltmeleri (22.08.2026) ---- */
.swiper-pagination-bullet{width:10px;height:10px;margin:0 7px!important;}
.ac[data-readmore-toggle]{color:#555!important;}
#q::placeholder{color:#6b6b6b;opacity:1;}

/* ---- Kategori sayfasi duzeni (22.08.2026) ----
   1) Baslik: h1/h2/h3'e verilen max-inline-size:34ch blogu daraltiyor, .text-center
      metni o dar kutu icinde ortaladigi icin baslik solda gorunuyordu -> kutu ortalandi.
   2) Kategori aciklamasi (.catTextBox) </head> Oncesi script'iyle breadcrumb'in altina
      tasiniyor; burada sadece gorunumu duzenleniyor (tema 13px Poppins + 200px kaydirma). */
h1.text-center,h2.text-center,h3.text-center{margin-inline:auto;}
.category-page .categoriTitle{text-align:center;}
.category-page .categoriTitle h1,.category-page h1.page-header-title{text-align:center !important;margin-inline:auto;}
.category-page .catTextBox{font-family:var(--fn-govde) !important;font-size:var(--fn-t-md) !important;line-height:1.65;max-height:240px;padding:16px 20px !important;border:1px solid var(--fn-cerceve) !important;border-radius:12px !important;background:#fff;margin:0 0 22px;}
.category-page .catTextBox::-webkit-scrollbar-thumb{background-color:var(--fn-altin) !important;}
.category-page .catTextBox h2{font-size:var(--fn-t-lg) !important;margin:14px 0 8px;}
.category-page .catTextBox h3{font-size:var(--fn-t-base) !important;margin:12px 0 6px;}
.category-page .catTextBox p{margin-bottom:8px;}
.category-page .catTextBox a{color:var(--fn-altin-metin) !important;text-decoration:underline;}
@media (max-width:767.98px){ .category-page .catTextBox{max-height:180px;padding:12px 14px !important;margin-left:12px;margin-right:12px;width:calc(100% - 24px) !important;max-width:calc(100% - 24px) !important;flex:0 0 calc(100% - 24px) !important;} }

/* ---- Ana sayfa SEO metni (#home_seo_article) — ortali kart, "Devamini Oku" kaldirildi (22.08.2026)
   Tema readmore eklentisi aria-expanded'i div'e basiyordu (PSI ajan/a11y uyarisi); blokta eklenti
   </head> Oncesi fn-layout script'i ile devre disi birakildi, metin tam gorunur. ---- */
#home_seo_article{background:#fff !important;border:1px solid var(--fn-cerceve) !important;border-radius:14px !important;padding:34px 22px !important;box-shadow:0 2px 12px rgba(45,56,42,.05);text-align:center;}
#home_seo_article .container{max-width:920px;padding:0;}
#home_seo_article .textshort{max-height:none !important;height:auto !important;overflow:visible !important;text-align:center;}
#home_seo_article .textshort h1{font-size:var(--fn-t-xl) !important;line-height:1.25 !important;max-inline-size:none !important;margin:0 auto 16px;text-align:center;text-wrap:balance;}
#home_seo_article .textshort h3{font-size:var(--fn-t-lg) !important;margin:22px auto 10px;display:inline-block;padding-bottom:10px;max-inline-size:none !important;}
#home_seo_article .textshort h3::after{left:50% !important;transform:translateX(-50%);width:44px;}
#home_seo_article .textshort p{font-size:var(--fn-t-base);line-height:1.7;max-width:76ch;margin:0 auto 12px;color:#3f463a;}
#home_seo_article .ac[data-readmore-toggle],#home_seo_article a[data-readmore-toggle]{display:none !important;}
@media (max-width:767.98px){ #home_seo_article{padding:22px 14px !important;} #home_seo_article .textshort h1{font-size:var(--fn-t-lg) !important;} #home_seo_article .textshort p{font-size:var(--fn-t-md);} }

/* ============================================================
   TIPOGRAFI 2.0 — NIHAI DUZEN (22.08.2026)
   Amac: her yerde ayni iki aile (basliklar Cormorant Garamond 600, geri kalan her sey
   Montserrat), tek olcek (12/13/14/15/16/18/20/22/25/31), tutarli satir yuksekligi,
   65-76 karakter satir uzunlugu; temanin Poppins sizintilari (breadcrumb, sayfalama,
   urun sayaci, satin al butonu, urun meta) kapatildi. Bu blok en sonda durur ve onceki
   parcali kurallari baglar. Ikon fontlari (Font Awesome / bootstrap-icons) korunur.
   ============================================================ */
:root{ --fn-t-15:15px; --fn-t-18:18px; --fn-t-22:22px; --fn-lh-ui:1.5; --fn-lh-text:1.7; }

/* --- 1) Poppins'i bitir: metin tasiyan UI ogeleri Montserrat (ikonlar haric) --- */
.breadcrumb, .breadcrumb :not(i), .pagination, .pagination :not(i), .page-link,
.catProductCount, .filterTop, .filterTop :not(i), .filter-top-right :not(i),
.productDetails :is(p,span,label,small,a,li,td,th,div,button,input,select,strong,b,em,dd,dt),
.product-cart-add, .productBt, .addSptBt, .bottomAdd,
select, input, textarea, button:not(.fa):not(.bi),
.catTextBox, .catTextBox *, .blogDetail, .blogDetail *:not(i),
.nyCommentBox, .nyCommentBox *:not(i), .ny-sub-box :not(i), .welcome-msg, .welcome-msg :not(i){
  font-family:var(--fn-govde) !important;
}
/* basliklar ve baslik rolundeki ogeler: serif (ikonlar haric) */
h1,h2,h3,h4,h5,h6,
.catTextBox h1,.catTextBox h2,.catTextBox h3,.catTextBox h4,
.blogDetail h1,.blogDetail h2,.blogDetail h3,.blogDetail h4,
.tab-content h2,.tab-content h3,.tab-content h4,
#home_seo_article h1,#home_seo_article h3,
.widget-title,.productTitle,.home-product-title,.offcanvas-end .bag-tit{
  font-family:var(--fn-baslik) !important; font-weight:600 !important;
}

/* --- 2) Baslik kutusu daralmasi: icerik alanlarinda ve sayfa basliklarinda
       max-inline-size:34ch kaldirildi (sacma satir kirilmasinin kaynagi) --- */
.catTextBox h1,.catTextBox h2,.catTextBox h3,.catTextBox h4,
.textshort h1,.textshort h2,.textshort h3,
.blogDetail h1,.blogDetail h2,.blogDetail h3,
.tab-content h2,.tab-content h3,.tab-content h4,
.categoriTitle h1,h1.page-header-title,h1.product-title,.product-detail-name,
.card-title,.productTitle,.home-product-title{
  max-inline-size:none !important; text-wrap:pretty;
}
h1.text-center,h2.text-center,h3.text-center{ margin-inline:auto; }

/* --- 3) Olcek: sayfa basliklari --- */
body h1,.container h1,h1.page-header-title{ font-size:var(--fn-t-2xl) !important; line-height:1.15 !important; }
h1.product-title,.product-detail-name{ font-size:24px !important; line-height:1.22 !important; }
.blogDetail h1{ font-size:var(--fn-t-2xl) !important; line-height:1.2 !important; margin-bottom:14px; }

/* --- 4) Icerik metni (urun aciklama sekmeleri, blog yazisi): okuma tipografisi --- */
.tab-content p,.tab-content li,.blogDetail p,.blogDetail li{
  font-family:var(--fn-govde) !important; font-size:var(--fn-t-base) !important;
  line-height:var(--fn-lh-text) !important; max-width:76ch; color:#2f352c;
}
.tab-content p,.blogDetail p{ margin:0 0 14px; }
.tab-content ul,.tab-content ol,.blogDetail ul,.blogDetail ol{ padding-left:22px; margin:0 0 14px; max-width:76ch; }
.tab-content li,.blogDetail li{ margin-bottom:6px; }
.tab-content h2,.blogDetail h2{ font-size:var(--fn-t-22) !important; line-height:1.25 !important; margin:26px 0 10px !important; }
.tab-content h3,.blogDetail h3{ font-size:var(--fn-t-18) !important; line-height:1.3 !important; margin:20px 0 8px !important; }
.tab-content h4,.blogDetail h4{ font-size:var(--fn-t-base) !important; line-height:1.35 !important; margin:16px 0 6px !important; }
.tab-content table,.blogDetail table{ font-size:var(--fn-t-md); line-height:1.5; }
.tab-content a,.blogDetail a{ color:var(--fn-altin-metin) !important; text-decoration:underline; text-underline-offset:2px; }
.tab-content strong,.blogDetail strong{ font-weight:600; color:#1f241c; }
.blogDetail .blog-date,.blogDetail small,.blogDetail time{ font-size:var(--fn-t-sm) !important; color:#6f6a60; }

/* --- 5) Kategori aciklama kutusu (kompakt metin) --- */
.catTextBox p,.catTextBox li{ font-size:var(--fn-t-md) !important; line-height:1.65 !important; max-width:none; }
.catTextBox h2{ font-size:var(--fn-t-lg) !important; line-height:1.25 !important; margin:14px 0 8px !important; }
.catTextBox h3{ font-size:var(--fn-t-base) !important; line-height:1.3 !important; margin:12px 0 6px !important; }
.catTextBox ul,.catTextBox ol{ padding-left:20px; margin:0 0 8px; }
.catTextBox small{ font-size:var(--fn-t-xs) !important; color:#6f6a60; }

/* --- 6) Gezinme ve yardimci metinler --- */
.breadcrumb{ font-size:var(--fn-t-sm) !important; line-height:var(--fn-lh-ui) !important; margin:0; }
.breadcrumb-item, .breadcrumb-item a{ font-size:var(--fn-t-sm) !important; line-height:var(--fn-lh-ui) !important; }
.breadcrumb-item a{ color:var(--fn-altin-metin) !important; }
.breadcrumb-item.active, .breadcrumb-item[aria-current]{ color:#5a6350; }
.catProductCount,.filterTop label,.filterTop select,.filterTop span{ font-size:var(--fn-t-md) !important; line-height:var(--fn-lh-ui) !important; }
.pagination .page-link,.pagination a,.pagination span{ font-size:var(--fn-t-md) !important; font-weight:500 !important; line-height:1 !important; }
.pagination .page-link{ min-width:40px; min-height:40px; display:inline-flex; align-items:center; justify-content:center; }
.ny-filter-item label,.ny-filter-item a,.ny-category-item,.ny-category-item a{ font-size:var(--fn-t-md) !important; font-weight:500 !important; line-height:1.5 !important; }
.ny-filter-item small,.ny-category-item small,.ny-filter-item .count{ font-size:var(--fn-t-xs) !important; font-weight:500 !important; color:#6f6a60; }
.widget-title,footer h1,footer h2,footer h3,footer h4,footer h5{ font-size:var(--fn-t-lg) !important; font-weight:600 !important; line-height:1.3 !important; }
footer p,footer a,footer li,footer span{ font-size:var(--fn-t-md); line-height:1.55; }

/* --- 7) Urun sayfasi: fiyat, butonlar, meta --- */
.productDetails .product-price-sale,.productDetails .priceSale{ font-size:28px !important; font-weight:700 !important; line-height:1.2 !important; letter-spacing:-.3px; }
.productDetails .product-price-old,.productDetails .priceOld{ font-size:var(--fn-t-base) !important; font-weight:500 !important; }
.productDetails label,.productDetails small,.productDetails .product-meta,.productDetails .product-meta *{ font-size:var(--fn-t-sm) !important; line-height:1.5 !important; }
.product-cart-add,.productBt,.addSptBt{ font-size:var(--fn-t-15) !important; font-weight:600 !important; letter-spacing:.2px; line-height:1.2 !important; }
.nav-tabs .nav-link{ font-size:var(--fn-t-md) !important; font-weight:600 !important; }

/* --- 8) Urun karti (tum liste/vitrin/related) tek tip --- */
.item-product-brand{ font-size:var(--fn-t-xs) !important; font-weight:600 !important; letter-spacing:.6px; line-height:1.4 !important; }
.item-product-name,.item-product-name a{ font-size:var(--fn-t-md) !important; font-weight:500 !important; line-height:1.45 !important; }
.item-product-priceSale,.priceSale{ font-size:var(--fn-t-lg) !important; font-weight:700 !important; line-height:1.2 !important; }
.item-product-priceOld{ font-size:var(--fn-t-sm) !important; font-weight:500 !important; line-height:1.4 !important; }
.addSptBt,.productBt{ font-size:var(--fn-t-md) !important; }

/* --- 9) Mobil olcek (<=767px): bir basamak asagi, satir uzunlugu korunur --- */
@media (max-width:767.98px){
  body h1,.container h1,h1.page-header-title,.blogDetail h1{ font-size:var(--fn-t-xl) !important; }
  h1.product-title,.product-detail-name{ font-size:21px !important; }
  .tab-content h2,.blogDetail h2{ font-size:var(--fn-t-lg) !important; }
  .tab-content h3,.blogDetail h3{ font-size:var(--fn-t-base) !important; }
  .tab-content p,.tab-content li,.blogDetail p,.blogDetail li{ font-size:var(--fn-t-15) !important; line-height:1.65 !important; }
  .catTextBox p,.catTextBox li{ font-size:var(--fn-t-sm) !important; line-height:1.6 !important; }
  .catTextBox h2{ font-size:var(--fn-t-18) !important; }
  .catTextBox h3{ font-size:var(--fn-t-15) !important; }
  .productDetails .product-price-sale,.productDetails .priceSale{ font-size:24px !important; }
  .item-product-name,.item-product-name a{ font-size:var(--fn-t-sm) !important; }
  .item-product-priceSale,.priceSale{ font-size:var(--fn-t-18) !important; }
  .breadcrumb-item,.breadcrumb-item a{ font-size:var(--fn-t-xs) !important; }
  #home_seo_article .textshort h1{ font-size:var(--fn-t-lg) !important; }
}

/* --- 10) Urun basligi + marka logosu satiri: mobilde baslik 155px'e sikisip 3 satira kiriliyordu --- */
.productDetails .cmp.d-flex:has(> h1.product-title){ align-items:flex-start; gap:10px; }
.productDetails .cmp.d-flex > h1.product-title{ flex:1 1 auto; min-width:0; }
.productDetails .cmp.d-flex > .product-brand{ flex:0 0 auto; max-width:30%; }
@media (max-width:767.98px){ .productDetails .cmp.d-flex > .product-brand{ max-width:26%; } }


/* ============================================================
   PSI / ERISILEBILIRLIK TURU (22.08.2026 aksam) — Tipografi 2.0'dan sonra gelir
   Kaynak: PageSpeed urun / kategori / blog olcumleri. Sadece iyilestirme; tema kurali silinmedi.
   ============================================================ */
/* 1) Kategori aciklamasi: JS ile DOM tasima (CLS 0.15 + LCP gecikmesi) yerine CSS sirasi.
      category_text temada category_detail_right icinde en sondadir; sutunu flex-column yapip
      metni en uste aliyoruz. Ilk boyamada dogru yerde olur, kayma olmaz. */
/* category_text, category_detail_right > .row (flex-wrap) icinde son cocuk; order:-1 ile en basa alinir */
.category-page .category_detail_right .row > [data-cmp-type="category_text"]{ order:-1; margin-bottom:14px; }

/* 2) Mobil logo boyutu sabit (unsized image -> CLS). Dosya 400x204, gosterim 90x46. */
img.ny-logo-img[src*="mobilLogo"]{ width:90px !important; height:46px !important; aspect-ratio:400/204; object-fit:contain; } /* !important: .img-fluid height:auto yuzunden olcusuz sayiliyordu */

/* 3) Kontrast (WCAG AA 4.5:1) — Lighthouse color-contrast bulgulari */
.form-control::placeholder{ color:#6d6d6d !important; opacity:1; }
.product-price-old{ color:#757575 !important; }
div.alert-color, .alert-color[data-cmp-type]{ color:#c62828 !important; } /* temanin satir ici <style> .alert-color{red!important} kuralini ozgulluk ile gecer */
.share-btn{ color:#6d6d6d !important; }
.productPropertion .info p{ color:#596570 !important; }

/* 4) Dokunma hedefi >=24px: breadcrumb baglantilari (target-size) */
.breadcrumb-item a{ display:inline-block; padding:3px 0; }

/* 5) Cerez penceresi temanin Quicksand fontunu indirmesin (2 woff2 daha az) */
#cookiepopup, #cookiepopup *{ font-family:var(--fn-govde) !important; }

/* 6) CLS: logo olculeri kesin (Lighthouse "boyutu belirlenmemis resim"). Dosyalar 400x204.
      id secici, temanin/onceki kuralin width:auto !important'ini gecer. */
img#main-logo[src*="mobilLogo"]{ width:90px !important; height:46px !important; }
@media (max-width:991.98px){ img#main-logo[src*="/logo-"]{ width:90px !important; height:46px !important; } }
@media (min-width:992px){ img#main-logo[src*="/logo-"]{ width:190px !important; height:auto !important; aspect-ratio:400/204; } }

/* 7) CLS: ana sayfa slider gorselleri yuklenmeden once yer ayir (masaustu 1920x750, mobil 1024x1280).
      Tablet araligina dokunulmaz; object-fit:cover olasi oran farkinda bozulmayi onler. */
@media (min-width:1200px){ .nyslider .swiper-slide > a > img.d-block.w-100{ aspect-ratio:1920/750; object-fit:cover; } }
@media (max-width:575.98px){ .nyslider .swiper-slide > a > img.d-block.w-100{ aspect-ratio:1024/1280; object-fit:cover; } }

/* 8) CLS: web fontu gelmeden once yedek fontu ayni olculere getir (size-adjust). Swap aninda satirlar kaymaz.
      Degerler Montserrat/Arial ve Cormorant Garamond 600/Times New Roman metriklerinden hesaplandi (22.08.2026). */
@font-face{ font-family:"Montserrat Fallback"; src:local("Arial"), local("Liberation Sans"), local("Helvetica Neue"), local("Roboto"); size-adjust:110.98%; ascent-override:87.22%; descent-override:22.62%; line-gap-override:0%; }
@font-face{ font-family:"Cormorant Fallback"; src:local("Times New Roman"), local("Liberation Serif"), local("Tinos"), local("Noto Serif"); size-adjust:98.04%; ascent-override:94.25%; descent-override:29.28%; line-gap-override:0%; }
:root{ --fn-govde:'Montserrat','Montserrat Fallback',-apple-system,'Segoe UI',sans-serif; --fn-baslik:'Cormorant Garamond','Cormorant Fallback',Georgia,serif; }

/* 9) CLS: urun kartinda adet kutusu (bootstrap-touchspin) JS ile 55px'ten 104px'e buyuyunce
      "Sepete Ekle" daraliyor, iki satira sariyor ve kart uzuyordu. Genislik bastan ayrilir, yazi sarmaz. */
.item-product-cart-add .product-sepet .product-single-qty{ flex:0 0 104px; width:104px; }
.item-product-cart-add .product-sepet .addSptBt{ white-space:nowrap; min-width:0; flex:1 1 auto; }
@media (max-width:768px){ /* tema bu esikte sutuna gecer */ .item-product-cart-add .product-sepet .product-single-qty{ flex:0 0 auto; width:auto; } }
/* 10) Kontrast: arama kutusu metni (#999) 2.85:1 idi; yazilan metin ve animasyonlu yer tutucu koyu */
#q.form-control, .top-header-search-box .form-control{ color:#2f352c !important; }

/* 11) CLS (mobil): filtre alani iskelet yukleyicileri (skeleton) temanin filter.css'i govdede gec yuklendigi icin
      ilk boyamada gorunup sonra gizleniyordu -> urun listesi yukari zipliyordu. Ayni kurallar bastan (head) uygulanir. */
.ny-filter-itemMob{ display:none; }
.ny-filter-itemMob.active{ display:block; }
@media only screen and (min-width:768px){ .ny-filter-titleMob{ display:none; } .ny-filter-itemMob{ display:block; } }

/* 12) CLS (kategori): aciklama kutusu HTML'in sonunda geliyor, order:-1 ile uste cikiyor; ama ilk boyamada henuz
      ayristirilmamis oldugu icin gelince urun listesi 194 px (mobil) / 254 px (masaustu) asagi kayiyordu (Lighthouse izi).
      Kutu ayristirilana kadar ayni boyda yer tutucu; kutu yuksekligi sabit (min=max). */
html:not(.fn-notext) .category-page .category_detail_right > .row:not(:has(> [data-cmp-type="category_text"]))::before{ content:""; display:block; order:-1; flex:0 0 100%; width:100%; height:254px; }
.category-page .catTextBox{ min-height:240px; }
@media (max-width:767.98px){
  html:not(.fn-notext) .category-page .category_detail_right > .row:not(:has(> [data-cmp-type="category_text"]))::before{ height:194px; }
  .category-page .catTextBox{ min-height:180px; }
}

/* 13) Erisilebilirlik: filtre adet rozetleri (#a4a4b0, 2.6:1) -> 5:1 */
.ny-checkbox-count{ color:#6f6a60 !important; }


/* ================= 24 Agu - MOBIL DUZEN TOPARLAMA ================= */
/* 1) Urun kartinda hizalama birligi: marka adi ortali, urun adi/fiyat solaydi */
.item-product-brand{ text-align:left !important; }

/* 2) Urun adi kutusu tasiyordu (kutu 35px, icerik 38px) -> 2 satir clamp */
.item-product-name{ height:auto !important; min-height:36px !important; }
.item-product-name a{ display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.35; }

/* 3) Urun detayinda marka logosu sagdan tasiyordu (max-width:none idi) */
img.variant_50{ max-width:100% !important; height:auto !important; }

/* 4) Marka logolari yerine tiklanabilir yazi cipleri */
.fn-brand-chip{ display:inline-flex; align-items:center; justify-content:center; padding:8px 14px; border:1px solid #e3e0d8; border-radius:999px; font-size:13px; line-height:1.2; color:#3d4937 !important; background:#fff; text-decoration:none !important; white-space:nowrap; min-height:38px; }
.fn-brand-chip:hover{ background:#f7f4ec; border-color:#b28a3e; }
[data-cmp-type="brand_logos"] .swiper-slide{ width:auto !important; height:auto !important; }
[data-cmp-type="brand_logos"] .swiper-wrapper{ align-items:center; }

@media (max-width:767px){
  img.variant_50{ max-width:118px !important; }
  .item-product-name{ min-height:34px !important; }
  .item-product-name a{ font-size:13px; }
}

/* 5) Mobilde kenar boslugu 36px idi -> 16px (urun karti buyuyor) MOBIL KENAR BOSLUGU */
@media (max-width:767px){
  .cmp.homeComp{ padding-left:6px !important; padding-right:6px !important; }
  .cmp.homeComp > .container{ padding-left:6px !important; padding-right:6px !important; }
  .cmp.homeComp .carousel-wrap > [class*="col-"]{ padding-left:4px !important; padding-right:4px !important; }
}

/* 6) BANNER VE URUN GORSELI - mobil (markafarma referansi) */
@media (max-width:767px){
  div[data-cmp-type="slider"] .swiper-slide{ aspect-ratio:1920/750 !important; }
  div[data-cmp-type="slider"] .swiper-slide img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center top !important; border-radius:10px; }
  .swiper-slide.productPhotos{ padding:10px !important; }
  /* Banner kaydirma oklari mobilde buyuk ve cirkin duruyordu - nokta gosterge yeterli */
  div[data-cmp-type="slider"] .swiper-button-next,
  div[data-cmp-type="slider"] .swiper-button-prev{ display:none !important; }
}


/* ================= 24 Agu - MOBIL TIPOGRAFI VE DUZEN (Gratis referansi) ================= */
/* A) Urun kartinda ters hiyerarsi: marka adi 16px/w600, urun adi 13px/w500 idi */
.item-product-brand, .item-product-brand a{ font-size:12px !important; font-weight:500 !important; color:#6f6a60 !important; }
.item-product-name a{ font-size:14px !important; font-weight:600 !important; }

/* B) Bolum basligi 31px cok buyuktu */
h3.home-product-title{ font-size:24px !important; }

/* C) Urun basligi: Cormorant serif 21px -> sans 22px (referans sitelerin hicbiri urun adinda serif kullanmiyor) */
h1.product-title{ font-family:"Montserrat",system-ui,-apple-system,sans-serif !important; font-size:22px !important; font-weight:600 !important; line-height:1.3 !important; }

/* D) Olcek birligi */
.breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a{ font-size:12px !important; }

/* E) Form alanlari 16px: iOS 16px altinda sayfayi zorla yakinlastirir */
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],input:not([type]),textarea,select{ font-size:16px !important; }

/* F) Dokunma hedefleri: sepet ikonu 18x22 idi (oneri 44x44) */
a.ny-offcanvas-show{ min-width:44px !important; min-height:44px !important; display:inline-flex !important; align-items:center; justify-content:center; }
a.dropdownAc-btn{ min-height:44px !important; }

/* G) Sepete Ekle 40px -> 48px */
a.addSptBt, .addSptBt{ min-height:48px !important; display:flex !important; align-items:center; justify-content:center; }

@media (max-width:767px){
  /* H) Telefon/e-posta seridi 55px yer kapliyordu, mobilde gereksiz */
  .header-top{ display:none !important; }
  /* I) Breadcrumb 84px (3 satir) -> tek satir kaydirmali */
  .breadcrumbBox .breadcrumb{ flex-wrap:nowrap !important; overflow-x:auto; white-space:nowrap; }
  .breadcrumbBox .breadcrumb > *{ flex:0 0 auto !important; min-width:auto !important; }
  /* J) ILK EKRAN SIKISTIRMA: fiyat 812px altinda kaliyordu */
  .productSticky{ margin-bottom:6px !important; }
  h1.product-title{ margin-top:2px !important; margin-bottom:4px !important; }
  .product-price-old.price2{ margin-bottom:0 !important; line-height:1.2 !important; }
  .product-detail-price-box, .product-price-box{ margin-top:4px !important; }
  .breadcrumbBox .breadcrumb::-webkit-scrollbar{ display:none; }
}

/* K) OLCEK BIRLIGI: 13 / 14.4 / 15 / 19 px dagiliktan 12-14-16-18-20-22-24 olcegine */
.ps-noti p{ font-size:14px !important; }
.mobile-menu-close-title{ font-size:14px !important; }
.tab-pane ul li, .tab-pane p{ font-size:16px !important; line-height:1.65 !important; }
.product-price-old.price2{ font-size:13px !important; }
span.price{ font-size:24px !important; }


/* 25 Agu - SEPET: URUN KALDIRMA DOKUNMA ALANI (Clarity: eksi butonuna 39 tiklama) */
.nyCartRemove{ position:relative; z-index:2; }
.nyCartRemove::after{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:44px; height:44px; }
@media (max-width:767px){
  .nyCartRemove i{ font-size:16px !important; }
}


/* 26 Agu - CEREZ KUTUSU MOBILDE INCE SERIT (Clarity: urun sayfasinin en cok tiklanan ogesi, 259px yer kapliyordu) */
@media (max-width:767px){
  #cookiepopup{ padding:12px 14px !important; bottom:0 !important; left:0 !important; right:0 !important; max-width:100% !important; width:100% !important; border-radius:12px 12px 0 0 !important; box-shadow:0 -2px 12px rgba(0,0,0,.15) !important; }
  #cookiepopup .cookie_title{ font-size:13px !important; line-height:1.25 !important; display:block !important; margin:0 0 4px !important; }
  #cookiepopup .cookie_description{ font-size:11.5px !important; line-height:1.4 !important; max-height:46px !important; overflow-y:auto !important; margin:0 0 8px !important; scrollbar-width:thin !important; scrollbar-color:#c9c9c9 transparent !important; }
  #cookiepopup .cookie_description::-webkit-scrollbar{ width:3px; }
  #cookiepopup .cookie_description::-webkit-scrollbar-thumb{ background:#c9c9c9; border-radius:3px; }
  #cookiepopup .cookie_footer{ margin-top:0 !important; }
  #cookiepopup .cookie_btn{ min-height:40px !important; }
}


/* ===== Sepet mobil duzeltmesi — 30.08.2026 =====
   Sorun: mobilde urun adi silme (cop kutusu) butonunun altina giriyordu.
   Sebep: .cartProductDetail flex satirinda width:100% aldigi icin kabindan
   tasiyordu (kart 363px'de bitiyor, kutu 437px'e uzaniyordu).
   Cozum: flex cocugunun daralmasina izin ver. Sadece <=600px. */
@media screen and (max-width:600px){
  .ny-cart-single .cartProductDetail{ min-width:0; width:auto; flex:1 1 auto; }
}


/* ===== iOS odak yakinlastirma onlemi - 01.09.2026 ===== */
@media screen and (max-width:768px){
  input, select, textarea { font-size:16px !important; }
}

@media screen and (max-width:768px){ .swal2-popup{ width:92% !important; } }


/* ==== FN-KAMPANYA BASLANGIC (04.09.2026) — geri almak icin bu blogu sil ==== */
:root{
  --fn-kazanc:#b2402f; --fn-kazanc-zemin:#fbedea; --fn-kazanc-cerceve:#f0d3cd;
  --fn-kargo:#2f6b3a;  --fn-kargo-zemin:#eaf3e9;  --fn-kargo-cerceve:#d3e6d2;
}

/* 1) Bilgi sirasi — kampanya kutusu sayfanin dibinden fiyatin altina */
.productDetails{ align-content:flex-start; }
.productDetails > [data-cmp-type="product_title_zone"]         { order:1 }
.productDetails > [data-cmp-type="product_price"],
.productDetails > [data-cmp-type="product_line"]               { order:2 }
.productDetails > #fn-deal                                     { order:3 }
.productDetails > [data-cmp-type="product_detail_campaign_box"]{ order:4 }
.productDetails > #fn-kargo-bilgi                              { order:5 }
.productDetails > [data-cmp-type="product_detail_information"] { order:6 }
.productDetails > [data-cmp-type="product_view_status"]        { order:7 }
.productDetails > [data-cmp-type="product_qty_box"]            { order:8 }
.productDetails > [data-cmp-type="product_cart_box"]           { order:9 }
.productDetails > [data-cmp-type="product_cart_buynow_btn"]    { order:10 }
.productDetails > [data-cmp-type="product_multiple_info_box"]  { order:11 }
.productDetails > [data-cmp-type="product_share_box"]          { order:12 }

/* 2) Indirim rozeti — krem zeminde yesil rozet gorunmuyordu, altin yapildi */
.productDetails .productPrices{ display:flex; align-items:center; gap:10px; margin:0 0 4px !important; }
.productDetails .product-discount.nyDiscountRate{
  background:linear-gradient(135deg,var(--fn-altin),var(--fn-altin-metin));
  color:#fff; font-size:var(--fn-t-sm); font-weight:700; line-height:1;
  padding:6px 10px; border-radius:8px;
}

/* 3) Kazanc + kargo kesim seridi — icerigi </body> oncesi JS basar */
#fn-deal{ width:100%; display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:2px 0 12px; }
.fn-save,.fn-cutoff{ display:inline-flex; align-items:center; gap:8px; border-radius:999px; padding:8px 14px; font-size:var(--fn-t-sm); line-height:1.2; }
.fn-save{ background:var(--fn-kazanc-zemin); color:var(--fn-kazanc); border:1px solid var(--fn-kazanc-cerceve); font-weight:700; }
.fn-cutoff{ background:var(--fn-kargo-zemin); color:var(--fn-kargo); border:1px solid var(--fn-kargo-cerceve); font-weight:600; }
.fn-cutoff .fn-dot{ width:7px; height:7px; border-radius:50%; flex:none; background:var(--fn-kargo); animation:fn-pulse 1.9s ease-in-out infinite; }
@keyframes fn-pulse{ 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.3;transform:scale(.7)} }
@media (prefers-reduced-motion:reduce){ .fn-cutoff .fn-dot{ animation:none } }

/* 4) Kampanya kutusu — mevcut CSS'te hic kurali yoktu */
.productDetails .product-campaign-box.productInfo{ padding:0 !important; margin:0 0 2px !important; width:100%; }
.product-campaign-box fieldset{ border:1px solid var(--fn-cerceve) !important; border-radius:14px; background:#fbf8f1; padding:4px 16px 14px !important; margin:0; }
.product-campaign-box legend{ float:none; width:auto; padding:0 8px; margin:0 0 2px -8px; font-family:var(--fn-govde); font-size:var(--fn-t-xs); font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--fn-altin-metin); }
.product-campaign-box .row{ margin:0 !important }
.product-campaign-box .form-group{ padding:0; font-size:var(--fn-t-md); line-height:1.75; }
.product-campaign-box .form-group .fa-tag{ color:var(--fn-altin-metin); font-size:var(--fn-t-xs); margin-right:9px; }

/* 5) Kargo satiri */
#fn-kargo-bilgi{ width:100%; background:#fff !important; border:1px solid var(--fn-cerceve); border-radius:10px; padding:9px 13px !important; margin:8px 0 0 !important; font-size:var(--fn-t-sm); }

/* 6) Listeleme kartlari */
.item-product-disc.salePriceBox{ background:linear-gradient(135deg,var(--fn-altin),var(--fn-altin-metin)) !important; color:#fff !important; font-weight:700; border-radius:8px; }
.fn-card-save{ display:inline-block; margin-top:3px; font-size:var(--fn-t-xs); font-weight:700; color:var(--fn-kazanc); }

/* 7) Mobil */
@media (max-width:768px){
  #fn-deal{ gap:6px; margin:2px 0 10px }
  .fn-save,.fn-cutoff{ width:100%; justify-content:flex-start; border-radius:12px; padding:10px 12px; white-space:normal; }
  .product-campaign-box fieldset{ padding:4px 13px 12px !important }
}

/* 8) Anasayfa duzeltmeleri (04.09.2026) */
/* Bolum basliginin altinda IKI altin cizgi ust uste biniyordu:
   biri temanin .home-product-title::after kurali, digeri yukaridaki
   .productTitle::after. Sadece ikisinin cakistigi yerde biri kapatilir;
   .home-product-title bulunmayan sayfalarda cizgi yerinde kalir. */
.productTitle:has(.home-product-title)::after{ display:none }

/* Kart fiyat satiri: indirim rozeti fiyata ve kart kenarina yapisikti */
.item-product-price{ gap:8px }

/* 9) Vitrin kartlari — gercek teklif rozeti + mevzuat sart satiri (04.09.2026) */
.item-product-image-box{ position:relative }
.fn-offer{
  position:absolute; top:10px; left:10px; z-index:3;
  display:inline-flex; align-items:center;
  background:linear-gradient(135deg,var(--fn-altin),var(--fn-altin-metin));
  color:#fff; font-family:var(--fn-govde);
  font-size:11px; font-weight:800; letter-spacing:.03em; line-height:1;
  padding:6px 9px; border-radius:8px;
  box-shadow:0 2px 8px rgba(138,102,41,.30);
  pointer-events:none;
}
.fn-gizle{ display:none !important }
.fn-offer{ max-width:calc(100% - 56px); white-space:normal; line-height:1.15 } /* #233: kalp dugmesine degmesin, uzun rozet iki satira iner */

/* Mevzuat: indirimli satisin bitis tarihi, uyelik sarti ve stok siniri
   gosterilmek zorunda (Ticari Reklam ve Haksiz Ticari Uygulamalar Yon.) */
.fn-kosul{ width:100%; margin:-4px 0 14px; font-size:var(--fn-t-sm); line-height:1.55; color:#7C8476 }
.fn-kosul b{ color:var(--fn-ink); font-weight:700 }
.fn-kosul-mini{ margin-top:10px; padding-top:9px; border-top:1px solid var(--fn-cerceve); font-size:var(--fn-t-xs); line-height:1.5; color:#7C8476 }
.fn-kosul-mini b{ color:var(--fn-ink); font-weight:700 }

/* Kartta marka etiketi ortalandi (tema left veriyor, ozgullugu asiyoruz) */
.productBox .item-product-brand{ text-align:center !important }
.productBox .item-product-brand a{ padding-right:0 !important }

@media (max-width:768px){
  .fn-offer{ font-size:10px; padding:5px 8px; top:8px; left:8px }
  .fn-kosul{ margin:-2px 0 12px }
}
/* ==== FN-KAMPANYA BITIS ==== */

/* ==== FN-TEMIZLIK BASLANGIC (06.09.2026 - fis 42) - geri almak icin bu blogu sil ==== */
.productTitle::after{ left:50%; transform:translateX(-50%) }
.banner img.img-fluid{ aspect-ratio:500/270; height:auto }
.nyslider img{ aspect-ratio:1920/750; height:auto }
.catTextBox{ max-height:11.5em; overflow:hidden; position:relative }
.catTextBox::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:3.5em; background:linear-gradient(rgba(255,255,255,0),#fff); pointer-events:none }
.catTextBox.fn-acik{ max-height:none }
.catTextBox.fn-acik::after{ display:none }
.fn-devam{ display:inline-flex; align-items:center; min-height:40px; margin:4px 0 16px; padding:0 14px; border:1px solid var(--fn-cerceve); border-radius:8px; background:#faf9f6; font-family:var(--fn-govde); font-size:13px; font-weight:600; color:var(--fn-altin-metin); cursor:pointer }
.filter-top-right{ display:flex; align-items:center; gap:12px; flex-wrap:wrap }
.filter-top-right .filtreSelectGroup{ align-items:center; margin-bottom:0 }
.filter-top-right label{ display:flex; align-items:center; gap:8px; min-height:40px; margin:0 }
.filter-top-right #stokin{ width:18px; height:18px; margin:0 }
.filter-top-right select.sortfiltre{ height:40px !important; padding:4px 10px !important }
@media (max-width:767px){ .breadcrumb{ flex-wrap:wrap !important; overflow:visible !important; row-gap:2px } }
a.addSptBt.addcartHome, a.product-cart-add.ekleSepet{ min-height:48px; display:inline-flex; align-items:center; justify-content:center }
.btn-primary{ min-height:44px; display:inline-flex; align-items:center; justify-content:center }
.btn.btn-number{ min-width:40px }
.product-view-switch-btn{ width:40px !important; height:40px !important }
@media (max-width:767px){ .mobileMenuSelector{ min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center } .swiper-pagination-bullet{ width:12px; height:12px; margin:0 6px !important } .hleft-link, .top-link{ min-height:40px; display:inline-flex; align-items:center } }
.fn-offer{ font-size:12px }
.cookie_description a{ font-size:12px }
.item-product-priceSale.disc-price{ font-size:20px }
.home-product-title, .home-product-title > a{ font-size:25px }
/* 1b) Bolum basligi solda hizali: altin cizgi zaten sola sabit */
.home-product-title{ text-align:left }
/* ==== FN-TEMIZLIK BITIS ==== */

/* ==== FN-TEMIZLIK EK (07.09.2026 - fis 42 kalan 2 satir) ==== */
@media (max-width:767px){ .breadcrumbBox .breadcrumb{ flex-wrap:wrap !important; overflow:visible !important; white-space:normal !important } }
.swiper-slide-v img.img-fluid{ aspect-ratio:1/1; height:auto }
/* ==== FN-VITRIN BASLANGIC (07.09.2026 - fis 43) - geri almak icin bu blogu sil ==== */
.fn-vitrin-bant{ background:#faf9f6; border-top:1px solid var(--fn-cerceve); border-bottom:1px solid var(--fn-cerceve); padding:24px 0 20px; margin:8px 0 4px }
.fn-vb-ic{ max-width:1200px; margin:0 auto; padding:0 16px; text-align:center }
.fn-vb-ust{ display:block; font-family:var(--fn-govde); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--fn-altin-metin) }
.fn-vb-bas{ display:block; font-family:var(--fn-baslik); font-weight:600; font-size:31px; line-height:1.15; color:var(--fn-yesil); margin:4px 0 6px }
.fn-vb-alt{ display:block; font-size:13px; color:#6b7264 }
@media (max-width:767px){ .fn-vitrin-bant{ padding:18px 0 16px } .fn-vb-bas{ font-size:25px } .fn-vb-alt{ font-size:12px } }
/* ==== FN-VITRIN BITIS ==== */

/* ==== FN-GIZLE-MARKA BASLANGIC (07.09.2026 - fis 67) - geri almak icin bu blogu sil ==== */
.cmp:has(.productTitle a[href$="/dermoskin-1"]), .cmp:has(.productTitle a[href$="/nuxe-1"]){ display:none !important }
/* ==== FN-GIZLE-MARKA BITIS ==== */



/* ==== FN-ODEME-HEDEF BASLANGIC (fis #146, 11 Eyl 2026) - odeme yontemi kartinin tamami tiklanabilir; geri alma: bu blok silinir ==== */
.payment-row .form-check{position:relative;min-height:44px;display:flex;align-items:center}
.payment-row .form-check label{cursor:pointer}
.payment-row .form-check label::after{content:"";position:absolute;inset:0}
/* ==== FN-ODEME-HEDEF BITIS ==== */


/* ==== FN-CEREZ BASLANGIC (fis #150, 11 Eyl 2026) - cerez bandi: alta yasli serit, belirgin butonlar; metin tema JS inde, dokunulmadi. Geri alma: bu blok silinir ==== */
.cookiepopup{left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;max-width:none !important;border-radius:0 !important}
.cookiepopup .cookie_body{max-width:1100px;margin:0 auto;padding:16px 20px 0}
.cookiepopup .cookie_title{font-size:16px;font-weight:600}
.cookiepopup .cookie_description{font-size:14px;line-height:1.5}
.cookiepopup .cookie_footer{max-width:1100px;margin:0 auto;padding:12px 20px 16px}
.cookiepopup .cookie_footer_buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end;width:100%}
#cookiepopup .cookie_btn{min-height:48px !important;min-width:170px;font-size:15px;font-weight:600;border-radius:6px}
.cookiepopup .cookie_btn.reject{background:transparent !important;color:#3d4937 !important;border:1px solid #3d4937 !important}
.cookiepopup .config{margin-right:auto;font-size:14px;text-decoration:underline}
@media (max-width:767px){
  #cookiepopup .cookie_footer_buttons{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}
  #cookiepopup .cookie_btn{flex:1 1 0;min-width:0;width:auto}
  #cookiepopup .config{flex:1 0 100%;margin:0 0 6px;text-align:center}
  body:has(#bottomCartAdd) .cookiepopup{bottom:74px !important}
}
/* ==== FN-CEREZ BITIS ==== */


/* ==== FN-ARAMA-BOS BASLANGIC (fis #160, 11 Eyl 2026) - bos arama sonucu sayfasi. Geri alma: bu blok silinir ==== */
.product-list-wrapper:empty{min-height:340px}
.fn-abos{width:100%;padding:24px 16px 8px;color:#3d4937}
.fn-abos-baslik{font-size:20px;font-weight:600;margin:0 0 6px}
.fn-abos-ipucu{font-size:14px;line-height:1.5;margin:0 0 20px;color:#55684b}
.fn-abos-alt{font-size:15px;font-weight:600;margin:0 0 10px}
.fn-abos-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:0 0 22px}
.fn-abos-kart{display:grid;grid-template-columns:56px minmax(0,1fr);align-content:center;column-gap:10px;row-gap:2px;padding:10px;border:1px solid #e6e0d4;border-radius:8px;text-decoration:none;color:inherit;min-height:80px}
.fn-abos-kart img{grid-row:span 2;align-self:center;width:56px;height:56px;object-fit:contain}
.fn-abos-ad,.fn-abos-fiyat{grid-column:2}
.fn-abos-kart:hover{border-color:#b28a3e}
.fn-abos-ad{font-size:13px;line-height:1.35}
.fn-abos-fiyat{font-size:13px;font-weight:600;color:#8a6629}
.fn-abos-cipler{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.fn-abos-cip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #e6e0d4;border-radius:22px;font-size:14px;text-decoration:none;color:#3d4937}
.fn-abos-cip:hover{border-color:#8a6629;color:#8a6629}
.fn-abos-wa{margin:0 0 8px}
.fn-abos-wa a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#2f6b3a;text-decoration:underline}
@media (max-width:767px){.fn-abos{padding:18px 12px 4px}.fn-abos-baslik{font-size:18px}.fn-abos-kartlar{grid-template-columns:1fr}}
/* ==== FN-ARAMA-BOS BITIS ==== */


/* ==== FN-SEPET-RAF BASLANGIC (fis #166, 11 Eyl 2026) - sepet tamamlayici urun rafi. Geri alma: bu blok silinir ==== */
.fn-raf{margin:20px 0 8px}
.fn-raf-baslik{font-size:16px;font-weight:600;color:#3d4937;margin:0 0 10px}
.fn-raf-satir{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}
.fn-raf-kart{flex:0 0 170px;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid #e6e0d4;border-radius:8px;background:#fff}
.fn-raf-bag{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:#3d4937}
.fn-raf-bag img{width:64px;height:64px;object-fit:contain;align-self:center}
.fn-raf-ad{font-size:13px;line-height:1.3}
.fn-raf-fiyat{font-size:14px;font-weight:600;color:#8a6629}
.fn-raf-ekle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #8a6629;border-radius:6px;background:#8a6629;color:#fff !important;font-size:14px;font-weight:600;text-decoration:none}
.fn-raf-ekle:hover{background:#7a5a24;border-color:#7a5a24}
@media (min-width:768px){.fn-raf-satir{flex-wrap:wrap;overflow:visible}.fn-raf-kart{flex:0 0 calc(25% - 9px)}}
/* hizalama duzeltmesi (fis #173): kart icerigi ne olursa olsun fiyat ve dugme ayni hizada */
.fn-raf-satir{align-items:stretch}
.fn-raf-kart{justify-content:flex-start}
.fn-raf-bag{flex:1 1 auto}
.fn-raf-ad{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:51px}
.fn-raf-fiyat{margin-top:auto}
.fn-raf-ekle{margin-top:8px}
/* ==== FN-SEPET-RAF BITIS ==== */


/* ==== FN-GUVEN-KARGO BASLANGIC (fis #170, 11 Eyl 2026) - sepette kargo satiri + odeme adiminda guven seridi. Geri alma: bu blok silinir ==== */
.fn-kargo{font-size:13px;line-height:1.45;color:#3d4937;margin:6px 0 0}
.fn-kargo b{color:#2f6b3a;font-weight:600}
.fn-kargo-esik{font-size:13px;line-height:1.45;color:#8a6629;margin:4px 0 0;font-weight:600}
/* #233 sepet: kargo cubugu + sepet indirimi basamagi (fn-kargo-esik ile ayni olcek) */
.fn-kargo-cubuk{margin:6px 0 0}
.fn-kargo-cubuk-yazi{margin:0 0 5px;font-size:13px;line-height:1.45;font-weight:600;color:#8a6629}
.fn-kargo-ray{height:8px;border-radius:999px;background:#ece6da;overflow:hidden}
.fn-kargo-dolu{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#b8912f,#8a6629)}
.fn-kargo-bedava{margin:4px 0 0;font-size:13px;line-height:1.45;font-weight:600;color:#2f6b3a}
.fn-sepet-basamak{margin:4px 0 0;font-size:13px;line-height:1.45;font-weight:600;color:#8a6629}
.fn-guven{display:flex;flex-wrap:wrap;gap:10px 20px;margin:14px 0 4px;padding:12px 14px;border:1px solid #e6e0d4;border-radius:8px;font-size:13px;line-height:1.4;color:#3d4937}
.fn-guven span,.fn-guven a{display:block;flex:1 1 200px}
.fn-guven a{color:#2f6b3a;text-decoration:underline}
@media (max-width:767px){.fn-guven{gap:8px 12px}.fn-guven span,.fn-guven a{flex:1 1 calc(50% - 12px);font-size:12.5px}}
/* #391 teslim satiri, odeme ust kargo satiri, mobil yapiskan Satin Al */
.fn-teslim{font-size:13px;line-height:1.45;color:#3d4937;margin:4px 0 0}
.fn-kargo-ust{margin:0 0 12px;padding:8px 12px;border:1px solid #e6e0d4;border-radius:8px;background:#FBF8F1;font-size:13px;line-height:1.45;color:#3d4937}
.fn-yapiskan{display:none}
@media (max-width:767px){
html.fn-yapiskan-acik .fn-yapiskan{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:999;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e6e0d4;box-shadow:0 -4px 14px rgba(0,0,0,.08)}
.fn-yapiskan-toplam{font-size:14px;font-weight:600;color:#2E3829}
.fn-yapiskan button{border:0;border-radius:6px;background:#3d4937;color:#fff;font:600 16px/1 inherit;padding:14px 22px;min-height:44px}
html.fn-yapiskan-acik body{padding-bottom:72px}
html.fn-yapiskan-acik{--fn-yuzen-alt:88px}   /* #399 G3: yuzen dugmeler FN-YUZEN-399 */
}
/* ==== FN-GUVEN-KARGO BITIS ==== */

/* ==== FN-CLS-252 BASLANGIC (19-20.09.2026) — geç yerleşen kutulara yer ayrılır (SEO: CLS).
   Rezerv ölçülen son yükseklikten KÜÇÜK tutulur ki hiçbir sayfada boş boşluk kalmasın.
   Kampanyasız üründe .fn-kampanyali sınıfı yok → rezerv de yok. Raf rezervi #259 ile FN-ESIK bloğuna taşındı.
   Geri alma: bu bloğu sil. ==== */
.product-campaign-box { min-height: 116px }
html.fn-kampanyali .product-campaign-box { min-height: 340px }   /* #267: 3 kademeli itici kutuyu büyüttü (ölçüm 371) */
@media (max-width: 767px) {
  .product-campaign-box { min-height: 138px }
  html.fn-kampanyali .product-campaign-box { min-height: 470px }  /* #267: 375'te ölçüm 511 */
}
/* ==== FN-CLS-252 BITIS ==== */

/* ==== FN-ESIK-252-257 BASLANGIC (20.09.2026) — eşik çubuğu + belirgin itici.
   Renk dili: altın kampanya vurgusu, koyu yeşil yalnız uygulanmış kazanım (Codex 257). ==== */
/* SEO CLS: yer tutucu ILK BOYAMADAN ONCE, head'deki Genel CSS'te ayrilir — cubuk </body>'de girince
   tablo asagi itilmesin. Kosul .cart-table-container: kap yalniz DOLU sepette var, bos sepette rezerv de yok.
   Cubuk girer girmez JS <html>'e fn-cubuk-var koyar ve bosluk ayni anda sifirlanir → net kayma 0.
   Cubuk hic gelmezse (JS hatasi) DOMContentLoaded'da fn-cubuk-yok konur ve bosluk kalkar. */
.col-lg-8:has(.cart-table-container)::before{content:"";display:block;height:256px}   /* 240 kap + 16 margin */
html.fn-cubuk-var .col-lg-8::before,html.fn-cubuk-yok .col-lg-8::before{display:none}
.fn-ilerleme-dip{min-height:47px}      /* yazi tipi gec yuklenince satir sayisi degismesin */
.fn-ilerleme{border:2px solid #8A6629;border-radius:12px;background:#FBF8F1;padding:14px 16px 12px;margin:0 0 16px;min-height:240px}   /* sabit kap: en uzun durum (iki rozet) — SEO CLS */
.fn-ilerleme.fn-gizli{display:none}
.fn-rozetler{flex:0 0 auto;min-height:26px}   /* rozet gelince kutu büyümesin */
.fn-uygulandi.fn-gizli{display:none}
.fn-ilerleme-ust{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.fn-ilerleme-yazi{flex:1 1 260px;min-width:0}
.fn-ilerleme .fn-kalan{display:block;font-size:22px;line-height:1.2;color:#2E3829}
.fn-ilerleme .fn-fayda{display:block;font-size:15px;color:#3d4937;margin-top:2px}
.fn-ilerleme-toplam{font-size:13px;color:#6b6f63}
.fn-uygulandi{display:inline-block;background:#EAF3EA;color:#2F6B3A;border:1px solid #CADFCA;border-radius:999px;
  padding:3px 10px;font-size:13px;font-weight:700;margin:0 8px 6px 0;flex:0 0 auto}
.fn-ray{position:relative;height:12px;border-radius:999px;background:#EDE7D9;margin:16px 0 54px}
.fn-dolu{position:absolute;top:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(90deg,#8A6629,#6E5020)}
.fn-kademe{position:absolute;top:-4px;transform:translateX(-50%);text-align:center;width:104px}
.fn-kademe.son{transform:translateX(-86%)}
.fn-kademe i{display:block;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #DCD3BE;margin:0 auto}
.fn-kademe.gecti i{border-color:#2F6B3A;background:#2F6B3A}
.fn-kademe.sonraki i{border-color:#8A6629;box-shadow:0 0 0 5px rgba(138,102,41,.18)}
.fn-kademe.kargo i{border-style:dashed}                 /* kargo kademesi indirim kademesi sanılmasın (Codex 257) */
.fn-kademe b{display:block;font-size:13px;margin-top:6px;color:#2E3829}
.fn-kademe span{display:block;font-size:12px;line-height:1.25;margin-top:2px;color:#6b6f63}
.fn-kademe.gecti b{color:#2F6B3A}
.fn-kademe.sonraki b{color:#6E5020}
.fn-kunye{display:none;font-size:12px;color:#6b6f63;margin:0 0 8px}
.fn-ilerleme-dip{font-size:12px;color:#6b6f63;border-top:1px solid #E6DFD0;padding-top:8px;margin:4px 0 0}
@media (max-width:991px){
  .col-lg-8:has(.cart-table-container)::before{height:376px}   /* 360 kap + 16 margin */
  .fn-ilerleme-dip{min-height:67px}
}
@media (max-width:480px){
  .col-lg-8:has(.cart-table-container)::before{height:244px}   /* #391: 228 kap + 16 margin */
  .fn-ilerleme{min-height:228px;padding:10px 12px 8px}   /* #391 kısaltıldı (383 → 228): dipnot gizli, rozetler kendi satırında sarar; 375'te en uzun durum 221 */
  .fn-ilerleme-ust{margin-bottom:6px;gap:4px 10px}
  .fn-rozetler{flex:1 1 100%;min-height:0;display:flex;flex-wrap:wrap;gap:4px 6px}   /* #391: iki rozet 441 px taşıyordu */
  .fn-uygulandi{margin:0;font-size:12px;padding:2px 8px}
  .fn-ilerleme .fn-kalan{font-size:18px}
  .fn-ilerleme .fn-fayda{font-size:14px}
  .fn-ilerleme-dip{display:none}
  .fn-kademe span{display:none}
  .fn-kademe{width:80px} .fn-kademe b{font-size:13px;white-space:nowrap}   /* #391: "2.500 TL ✓" kırılıp künyeye biniyordu */
  .fn-ray{margin:12px 0 34px}
  .fn-kunye{display:block;margin:0}
}
/* --- belirgin itici (ürün sayfası + sepet satırı) --- */
#fn-itici,.fn-itici-satir{margin-top:10px;border:2px solid #8A6629;border-radius:10px;background:#FBF8F1;
  padding:10px 12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#fn-itici .fn-rozet,.fn-itici-satir .fn-rozet{background:#8A6629;color:#fff;border-radius:6px;padding:3px 9px;
  font-size:12px;font-weight:700}
#fn-itici .fn-yazi,.fn-itici-satir .fn-yazi{flex:1 1 200px;font-size:14px;color:#2E3829;white-space:normal}
#fn-itici .fn-yazi b,.fn-itici-satir .fn-yazi b{font-size:15px}
#fn-itici .fn-not,.fn-itici-satir .fn-not{display:block;font-size:12px;color:#6b6f63;margin-top:2px}  /* #267 kademe notu */
#fn-itici button,.fn-itici-satir button{border:0;border-radius:8px;background:#8A6629;color:#fff;
  font:600 15px/1 inherit;padding:12px 18px;min-height:44px;cursor:pointer}
#fn-itici button:hover,.fn-itici-satir button:hover{background:#6E5020}
/* --- raf (#259): normal boy gorsel, alakali rozet --- */
.fn-raf{margin-top:22px;border:1px solid #E6DFD0;border-radius:12px;padding:16px;background:#fff;min-height:330px}
.fn-raf-baslik{margin:0 0 4px;font-size:18px;font-weight:700;color:#2E3829}
.fn-raf-alt{margin:0 0 14px;font-size:13px;color:#6b6f63}
.fn-raf-satir{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.fn-raf-kart{border:1px solid #E6DFD0;border-radius:10px;padding:10px;display:flex;flex-direction:column;background:#fff}
.fn-raf-bag{text-decoration:none;color:inherit;display:block}
.fn-raf-gorsel{position:relative;display:block;text-align:center}
.fn-raf-gorsel img,.fn-raf-bag img{width:100%;height:140px;object-fit:contain;align-self:auto}  /* #166'daki 64 px ikon boyutunu ezer */
.fn-raf-etiket{position:absolute;top:6px;left:6px;background:#2F6B3A;color:#fff;font-size:11px;font-weight:700;
  border-radius:6px;padding:2px 7px}
.fn-raf-etiket.marka{background:#8A6629}
.fn-raf-ad{display:block;font-size:13px;line-height:1.3;margin:8px 0 6px;min-height:34px;color:#2E3829}
.fn-raf-fiyat{font-size:16px;font-weight:700;margin:0 0 8px;color:#2E3829}
.fn-raf-ekle{display:block;text-align:center;background:#8A6629;color:#fff;text-decoration:none;border-radius:8px;
  padding:11px 8px;min-height:44px;font-weight:600;font-size:14px;margin-top:auto}
.fn-raf-ekle:hover{background:#6E5020;color:#fff}
@media (max-width:760px){
  .fn-raf{min-height:390px;padding:12px}   /* #391: 2x2 ızgara (700) yerine yatay şerit */
  .fn-raf-satir{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:44%;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:4px}
  .fn-raf-kart{scroll-snap-align:start}
  .fn-raf-gorsel img,.fn-raf-bag img{height:110px}
}
/* ==== FN-ESIK-252-257 BITIS ==== */

/* FN-TOPTAN BASLANGIC */
.fn-toptan{position:relative;background:#f6f4ef;border-top:1px solid #e6e1d6;border-bottom:1px solid #e6e1d6;min-height:74px}
.fn-toptan__ic{max-width:1200px;margin:0 auto;padding:14px 46px;display:flex;align-items:center;
  justify-content:center;gap:14px;flex-wrap:wrap;text-align:center}
.fn-toptan__yazi{font-size:15px;line-height:1.4;color:#3a3a3a;margin:0}
.fn-toptan__yazi b{font-weight:600}
.fn-toptan__dugmeler{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.fn-toptan__dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;padding:0 18px;border-radius:6px;font-size:14px;font-weight:600;
  text-decoration:none;white-space:nowrap}
.fn-toptan__dugme--mail{background:#3D4937;color:#fff;border:1px solid #3D4937}
.fn-toptan__dugme--wp{background:#fff;color:#3D4937;border:1px solid #3D4937}
.fn-toptan__dugme:hover{opacity:.85}
.fn-toptan__kapat{position:absolute;top:50%;right:10px;transform:translateY(-50%);
  width:32px;height:32px;line-height:30px;text-align:center;border:0;border-radius:50%;
  background:transparent;color:#6b6b6b;font-size:20px;cursor:pointer}
.fn-toptan__kapat:hover{background:#ece8de;color:#3a3a3a}

/* Mobil: alttan çıkan bant. #399 G2: kompakt (yazı + × tek satır, düğmeler altında), iç boşluk 16/16,
   açıkken sayfa sonu + WhatsApp + yukarı çık bandın gerçek yüksekliği (--fn-toptan-h, JS ölçer) kadar yukarı */
.fn-toptan--mobil{position:fixed;left:0;right:0;bottom:0;z-index:10000;min-height:0;
  border-bottom:0;box-shadow:0 -4px 14px rgba(0,0,0,.12);
  transform:translateY(100%);transition:transform .28s ease}
.fn-toptan--mobil.fn-toptan--acik{transform:translateY(0)}
.fn-toptan--mobil .fn-toptan__kapat{top:4px;right:4px;transform:none;width:40px;height:40px;line-height:38px;font-size:24px}
body.fn-toptan-acik{padding-bottom:var(--fn-toptan-h,110px)}
body.fn-toptan-acik{--fn-yuzen-alt:calc(var(--fn-toptan-h,110px) + 16px)}

@media (max-width:767px){
  .fn-toptan{min-height:0}
  .fn-toptan__ic{flex-direction:column;align-items:stretch;gap:8px;padding:10px 16px 12px}
  .fn-toptan__yazi{font-size:13px;text-align:left;padding-right:36px}
  .fn-toptan__dugmeler{width:100%;flex-wrap:nowrap}
  .fn-toptan__dugme{flex:1 1 0;min-width:0;min-height:40px;padding:0 10px}
}
/* FN-TOPTAN BITIS */
/* ==== FN-KUPON-MOBIL BASLANGIC ==== */
/* #324 mobil ödeme: "Sepet Toplamı" başlığında tutar üst üste binmesin */
.accordion-button:has(#toplamSonucMH){gap:8px}
.accordion-button:has(#toplamSonucMH)::after{margin-left:0}
#toplamSonucMH{position:static!important;margin-left:auto;font-size:14px;text-align:right;line-height:1.25}
#fn-kupon-mobil{padding-top:12px}
#fn-kupon-mobil #kupon_alani{margin-top:0!important}
#fn-kupon-mobil .text-secondary{white-space:nowrap}
/* ==== FN-KUPON-MOBIL BITIS ==== */

/* ==== FN-KUPON BASLANGIC ==== */
/* #368 HOSGELDIN5 satiri */
.fn-kupon{margin:0;padding:8px 12px;border:1px dashed #D9CEB6;border-radius:8px;background:#FBF8F1;color:#3F4A3A;font-size:13px;line-height:1.45;white-space:normal;width:100%}
.fn-kupon .fn-kupon-kod{color:#9C7631;letter-spacing:.04em;white-space:nowrap}
.fn-kupon-ana{margin:0 0 18px;font-size:14px}
.col-12:has(>.fn-kupon-ana){padding-left:0;padding-right:0}
.fn-kupon-sepet{margin-top:12px}
.fn-kupon-odeme{margin-top:8px}
/* ==== FN-KUPON BITIS ==== */

/* FN-KART-399 BASLANGIC (04.10.2026, hizalama denetimi G1 A7 K1 K2 K3 G14) */
/* G1: kart icine 12px yatay bosluk; marka, ad, fiyat ayni sol hizada */
.productBox .item-product-info{padding:10px 12px 12px !important}
.productBox .item-product-brand{text-align:left !important}
/* K3: ad kutusu tam 2 satir (yarim satir kesilmesin); kap elemanin klamp/max-height'i kalkar, klamp <a>'da */
.productBox .item-product-name{display:block !important;max-height:none !important;min-height:0 !important;overflow:visible !important;-webkit-line-clamp:unset !important}
.productBox .item-product-name a{line-height:1.35 !important;min-height:2.7em}
/* K2 + A7: adet ustte, Sepete Ekle altinda tam genislik (375 duzeni 1200'de de); dugme koseleri yuvarlak */
.productBox .item-product-cart-add .product-sepet{flex-direction:column;gap:8px}
.productBox .item-product-cart-add .product-sepet .product-single-qty{flex:0 0 auto;height:auto !important;width:100%;max-width:100% !important;margin:0 !important}
.productBox .item-product-cart-add .product-sepet .addSptBt{width:100%;margin:0;border-radius:8px}
/* K1: alt alta kartlar arasinda 16px */
.product-list-wrapper > .prdslider{margin-bottom:16px}
/* G14: coklu gorsel noktalari gorselin ustunden alta, kendi seridine */
.productBox .item-product-image-box{padding-bottom:14px}
.productBox .product-multi-image-pagination{bottom:2px !important}
/* FN-KART-399 BITIS */

/* FN-YUZEN-399 BASLANGIC (04.10.2026, hizalama denetimi G3) */
/* WhatsApp solda, yukari cik sagda: ikisi kenardan 16px, 48px yukseklik, ayni alt cizgi.
   Alt bosluk --fn-yuzen-alt: urun alt sepet cubugu (74+16), sepet yapiskani (72+16), toptan bandi (--fn-toptan-h+16) acikken o kadar yukari */
a.whatsappOrder,#scrollTopBtn,a.scroll-top{bottom:var(--fn-yuzen-alt,16px) !important}
/* #442 05.10: her genislikte 48px yuvarlak ikon (masaustu 213px hap kaldirildi) */
a.whatsappOrder{left:16px !important;width:48px;height:48px;border-radius:24px;padding:0;justify-content:center;font-size:13px}
a.whatsappOrder span{font-size:22px;margin:0}
a.whatsappOrder aside{display:none}
#scrollTopBtn.pos-right{right:16px !important}
@media (min-width:992px){body:has(#bottomCartAdd:not([style*="none"])){--fn-yuzen-alt:81px}}   /* #442: masaustu alt sepet cubugu (65px) acikken ikonlar ustune cikar */
/* FN-YUZEN-399 BITIS */

/* FN-HIZA-399 BASLANGIC (04.10.2026, hizalama denetimi; adim adim eklenir) */
/* G11: dokunma hedefleri >= 44px; gorunum degismez, gorunmez ::after ile alan genisler */
@media (max-width:767px){
  .product-single-qty,.bootstrap-touchspin{max-height:none !important}
  .bootstrap-touchspin,.bootstrap-touchspin .input-group-btn,.bootstrap-touchspin .btn,.bootstrap-touchspin input{height:44px !important}
  .bootstrap-touchspin .btn{min-width:44px}
  .productCount{height:44px !important}
  .productCount .btn-number,.productCount .input-number{height:44px !important}
  .productCount .btn-number{min-width:44px}
}
a.close_btn,a.dropdownAc-btn{position:relative}
a.close_btn::after{content:'';position:absolute;inset:-13px -14px}
a.dropdownAc-btn::after{content:'';position:absolute;inset:0 -9px}
[data-cmp-type=slider] .swiper-pagination-bullet{position:relative;margin:0 16px !important}
[data-cmp-type=slider] .swiper-pagination-bullet::after{content:'';position:absolute;inset:-16px}
/* G6: mobil uygulama bandi tek satir (44px), kapat x sagda 44x44; G13: mobil hamburger ve sepet kenardan 16, rozet ice */
@media (max-width:767px){
  .mobilband{padding:0 !important}
  .mobilbandcon{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 44px 0 16px !important}
  .mobilbandcon > span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobilbandcon .mobile-app-link{font-size:13px;line-height:1.3}
  .mobilbandcon a.close_btn{position:absolute;right:0;top:0;width:44px;height:44px;margin:0 !important;display:flex;align-items:center;justify-content:center}
  .mobilbandcon a.close_btn::after{display:none}
  .mobileMenuSelector{left:12px !important}
  a.header-cart-icon{position:relative;left:9px}
  a.header-cart-icon .cartcountBox{right:3px !important}
}
/* G13 masaustu: favori, uye, sepet ayni 44px kutu, aralar 12px */
@media (min-width:768px){
  .ny-menu-right .cartIconBox{gap:12px}
  .ny-menu-right .cartIconBox > li{margin:0 !important;padding:0 !important}
  .ny-menu-right .cartIconBox > li > a,.ny-menu-right a.dropdownAc-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;padding:0 !important}
}
/* G5: arama kutusu sayfa ekseninde (logo ve ikon alani esit genislik); tema row-reverse, ikonlar sagda kalir */
@media (min-width:992px){
  header.container > a:first-child,header.container > .ny-menu-right{flex:1 1 0;min-width:0}
  .ny-menu-right .cartIconBox{justify-content:flex-start !important}
}
/* G4 ikon yazi tipi: FN-KAMPANYA tipografi kuralinda breadcrumb/pagination/filterTop/filter-top-right/ny-sub-box/welcome-msg "*" yerine ":not(i)" (yerinde duzeltildi) */
/* G9: mobil tek sol kenar 16px; G10: masaustu tek icerik cizgisi (header/slider kenari, 1185'te 35) */
@media (max-width:767px){
  header.container > div.mx-auto.ny-menu-center{padding-left:16px !important;padding-right:16px !important}
  .home-page > [data-cmp-type=slider],.home-page > [data-cmp-type=banner]{padding-left:4px !important;padding-right:4px !important}
  .home-page > .container,.home-page [data-cmp-type=brand_logos] .container{padding-left:4px !important;padding-right:4px !important}
  .home-page > [data-cmp-type=seo_article]{padding:11px !important;margin:0 4px;width:calc(100% - 8px)}
  .home-page .fn-kosul{padding-left:4px !important;padding-right:4px !important}
  .category-page.container{padding-left:16px !important;padding-right:16px !important}
  .category-page .filter-top-right > .filtreSelectGroup:first-child{margin-right:auto !important}
}
.category-page .breadcrumbBox{padding-left:12px !important}
.category-page .category_detail_left{padding-left:12px !important;padding-right:12px !important}
@media (min-width:768px){
  .home-page > .homeComp,.home-page > .container,.home-page .carousel-wrap > .col-12,.home-page [data-cmp-type=brand_logos] .container{padding-left:0 !important;padding-right:0 !important}
}
@media (min-width:992px){
  .category-page .catTextBox{margin:0 12px;flex:0 0 calc(100% - 24px);max-width:calc(100% - 24px)}
  /* 4'lu banner: dis kenarlar 0, aralar 6, gorseller esit */
  :not([data-cmp-type=banner]) + [data-cmp-type=banner]{padding:0 4.5px 0 0 !important}
  :not([data-cmp-type=banner]) + [data-cmp-type=banner] + [data-cmp-type=banner]{padding:0 3px 0 1.5px !important}
  :not([data-cmp-type=banner]) + [data-cmp-type=banner] + [data-cmp-type=banner] + [data-cmp-type=banner]{padding:0 1.5px 0 3px !important}
  :not([data-cmp-type=banner]) + [data-cmp-type=banner] + [data-cmp-type=banner] + [data-cmp-type=banner] + [data-cmp-type=banner]{padding:0 0 0 4.5px !important}
}
/* G7 G8: alt bilgi ayni cizgide (mobil 16, masaustu 35/1151), ic satir simetrik, etiket=deger 13px, masaustu 5 kolon, SEO kartindan sonra bosluk */
.cmp.footer .row.col-lg-12{margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important}
.cmp.footer .footerBottom{padding-left:12px !important;padding-right:12px !important}
.cmp.footer .widget-body label{font-size:13px !important}
.home-page > [data-cmp-type=seo_article]{margin-bottom:32px !important}
@media (max-width:767px){
  .cmp.footer{padding-left:4px !important;padding-right:4px !important}
  .home-page > [data-cmp-type=seo_article]{margin-bottom:24px !important}
}
@media (min-width:992px){
  .cmp.footer .row.col-lg-12 > .col-lg-3{flex:0 0 20%;max-width:20%}
}
/* A1-A10 anasayfa: tek baslik stili (24px sola, 54px altin cizgi); Markalar ustu 32; marka cipi tek cerceve + sagda solma; Tumunu Gor oku 6px; slider noktalari gorsel altinda marka renginde; kampanya rozeti dengeli (1180+ tek satir); Mevsim izgarasi 8/8; karusel oklari icerik cizgisinin icinde */
.home-page .productTitle{text-align:left !important}
.home-page .productTitle::after{display:none !important}
.home-page .productTitle > span,.home-page .productTitle .home-product-title{font-size:24px !important;text-align:left !important;position:relative;display:inline-block;padding-bottom:12px !important;margin:0 0 8px !important}
.home-page .productTitle > span::after,.home-page .productTitle .home-product-title::after{content:"";position:absolute;left:0;bottom:0;top:auto;width:54px;height:3px;border-radius:2px;background:var(--fn-altin)}
.home-page > [data-cmp-type=brand_logos]{margin-top:32px}
[data-cmp-type=brand_logos] .productBox{border:0 !important;box-shadow:none !important;background:none !important}
[data-cmp-type=brand_logos] .item-product-image-box{padding:0 !important}
[data-cmp-type=brand_logos] .swiper-container{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.home-product-see-btn i{margin-left:6px}
[data-cmp-type=slider] .swiper-container{padding-bottom:28px}
[data-cmp-type=slider] .swiper-pagination{bottom:0 !important}
[data-cmp-type=slider] .swiper-pagination-bullet{background:#3d4937;opacity:.25}
[data-cmp-type=slider] .swiper-pagination-bullet-active{background:var(--fn-altin);opacity:1}
.productBox .fn-offer{text-wrap:balance}
@media (min-width:1180px){
  .home-page .productBox .fn-offer{white-space:nowrap;font-size:11px !important;letter-spacing:0 !important}
}
@media (max-width:767px){
  .home-page > .container ~ [data-cmp-type=banner]{padding:4px !important}
  .home-page > .container ~ [data-cmp-type=banner] img{display:block}
}
@media (min-width:768px){
  .home-page .carousel-wrap .swiper-button-prev{left:8px !important}
  .home-page .carousel-wrap .swiper-button-next{right:8px !important;left:auto !important}
}
/* K4-K8 kategori: Devamini oku aciklamanin hemen altinda (12px); sayfalama tam yuvarlak, mobilde ortada; mobil arac cubugu tek satir; masaustu h1-yol-icerik araliklari esit (25) */
@media (min-width:992px){
  .category-page .categoriTitle{padding-bottom:0 !important}
  .category-page .categoriTitle h1{margin-bottom:0 !important}
  .category-page .row:has(> .cmp > .categoriTitle){margin-bottom:0 !important}
}
.category-page .fn-devam{order:-1;flex:0 0 auto;width:auto !important;max-width:none;margin:8px 12px 16px !important;align-self:flex-start}
.pagination li a,.pagination li span,.pagination .active a{border-radius:99px !important}
@media (max-width:767px){
  .pagination{float:none !important;justify-content:center !important;margin-left:auto !important;margin-right:auto !important;width:max-content}
  .category-page .filter-top-right{flex-wrap:nowrap !important;gap:8px}
  .category-page .filter-top-right > .filtreSelectGroup{margin:0 !important}
  .category-page .filter-top-right > .filtreSelectGroup + .filtreSelectGroup{flex:1 1 auto;min-width:0;width:auto !important;max-width:none !important}
  .category-page .filter-top-right > .filtreSelectGroup + .filtreSelectGroup *{min-width:0;max-width:100%}
  .category-page .filter-top-right > .product-view-switch-group{flex:0 0 auto;margin:0 !important}
}
/* A9 4'lu banner: gorseller yazisiz (Codex), baslik + Incele dugmesi her birinde ayni stil ve konumda CSS ile */
.home-page > [data-cmp-type=banner] a[href$="/vitamin-takviye"],.home-page > [data-cmp-type=banner] a[href$="/kisisel-bakim"],.home-page > [data-cmp-type=banner] a[href$="/anne-bebek"],.home-page > [data-cmp-type=banner] a[href$="/cilt-bakimi"]{position:relative;display:block;container-type:inline-size}
.home-page > [data-cmp-type=banner] a[href$="/vitamin-takviye"]::before,.home-page > [data-cmp-type=banner] a[href$="/kisisel-bakim"]::before,.home-page > [data-cmp-type=banner] a[href$="/anne-bebek"]::before,.home-page > [data-cmp-type=banner] a[href$="/cilt-bakimi"]::before{position:absolute;left:6%;top:22%;width:34%;white-space:pre-line;font-family:var(--fn-baslik);font-weight:600;font-size:7.2cqw;line-height:1.08;color:#2e3829;pointer-events:none}
.home-page > [data-cmp-type=banner] a[href$="/vitamin-takviye"]::after,.home-page > [data-cmp-type=banner] a[href$="/kisisel-bakim"]::after,.home-page > [data-cmp-type=banner] a[href$="/anne-bebek"]::after,.home-page > [data-cmp-type=banner] a[href$="/cilt-bakimi"]::after{content:"İncele →";position:absolute;left:6%;top:63%;padding:1.6cqw 3.6cqw;border-radius:1.4cqw;background:#8a6629;color:#fff;font-family:var(--fn-govde);font-size:3.6cqw;font-weight:600;line-height:1.2;pointer-events:none}
.home-page > [data-cmp-type=banner] a[href$="/vitamin-takviye"]::before{content:"Vitamin &\A Takviye"}
.home-page > [data-cmp-type=banner] a[href$="/kisisel-bakim"]::before{content:"Kişisel\A Bakım"}
.home-page > [data-cmp-type=banner] a[href$="/anne-bebek"]::before{content:"Anne &\A Bebek"}
.home-page > [data-cmp-type=banner] a[href$="/cilt-bakimi"]::before{content:"Cilt\A Bakımı"}
/* M1-M3 MM1 G12 menu + arama: mobil menude acik kalem kalin olmaz (ok doner), menu acikken WhatsApp/yukari/toptan gizli, Menu basligi ve x kalemlerle ayni girinti/sag sutun, oklar dikey ortali; Anne & Bebek mega menu 4 / 5+5 / 2; arama paneli tek bosluk (16+6), fiyat adin altinda, odak halkasi icte */
body.mmenu-active a.whatsappOrder,body.mmenu-active #scrollTopBtn,body.mmenu-active a.scroll-top,body.mmenu-active .fn-toptan{display:none !important}
.mobile-menu > li.open > a{font-weight:400 !important}
.mobile-menu li.open > a > .mmenu-btn{transform:rotate(180deg)}
.mobile-menu .mmenu-btn{display:flex !important;align-items:center;justify-content:center}
.mobile-menu .mmenu-btn::before{vertical-align:0 !important}
.mobile-menu-close-title{padding-left:10px}
.mobile-menu-close{display:flex;justify-content:center;width:48px;margin-right:-3px}
@media (min-width:992px){
  .menuBox .dropdown-mega:has(> a[href$="/anne-bebek"]) .mega-content .row.col-8 > div:nth-child(2){flex:0 0 50% !important;max-width:50% !important;width:50% !important}
  .menuBox .dropdown-mega:has(> a[href$="/anne-bebek"]) .mega-content .row.col-8 > div:nth-child(2) .submenu-ny{columns:2;column-gap:24px}
  .menuBox .dropdown-mega:has(> a[href$="/anne-bebek"]) .mega-content .row.col-8 > div:nth-child(2) .submenu-ny > li:first-child{column-span:all}
}
.ny-sm-panel .ny-sm-section{padding:14px 16px 0 !important}
.ny-sm-panel .ny-sm-title{padding-left:6px !important}
.ny-sm-panel .ny-sm-link:has(.ny-sm-thumb){display:grid !important;grid-template-columns:56px 1fr;column-gap:12px;row-gap:2px;align-items:center}
.ny-sm-panel .ny-sm-link:has(.ny-sm-prices) .ny-sm-thumb{grid-row:1 / span 2}
.ny-sm-panel .ny-sm-link:has(.ny-sm-thumb) .ny-sm-prices{grid-column:2;justify-self:start;margin:0 !important;text-align:left}
.ny-sm-panel .ny-sm-thumb img{object-fit:contain !important;padding:3px}
#q:focus,#q:focus-visible{outline-offset:-3px !important}
/* #399 B2 kalan sayfalar: breadcrumb uzun adda alt satira iner, ayrac tek tip (">" onceki kalemle), mobil sag 16; bos sepet kutusu ortali 24/20 ic bosluk; urun kampanya listesi asili girinti; mobil marka cipi basligin ustunde; urun sekmeleri tek satir */
.breadcrumbBox .breadcrumb > li{min-width:0;max-width:100%}
.breadcrumbBox .breadcrumb > li:last-child,.breadcrumbBox .breadcrumb > li:last-child > a{white-space:normal !important}
.customBreadcrumb > li{margin-right:0 !important}
.breadcrumb:not(.customBreadcrumb) > .breadcrumb-item + .breadcrumb-item::before{content:none !important;padding:0 !important}
.breadcrumb:not(.customBreadcrumb) > .breadcrumb-item:not(:last-child)::after{content:">";padding:0 8px;color:rgba(33,37,41,.75)}
.row.blogDetail{margin-top:20px}
.cartBosDiv{height:auto !important;padding:24px 20px !important;text-align:center}
.cartBosDiv > *{flex-shrink:0}
.cartBosDiv .cartTitle{font-size:20px !important;line-height:1.35 !important;margin:16px 0 8px !important}
.cartBosDiv .cartDesc{font-size:14px;line-height:1.5;margin:0 !important}
.cartBosDiv .cartButton{margin-top:20px}
.product-campaign-box fieldset .form-group{padding-left:22px}
.product-campaign-box fieldset .form-group > i.fa-tag{position:absolute;margin-left:-22px;margin-top:5px}
.product-campaign-box fieldset .form-group > div{margin-left:-22px}
@media (max-width:767px){
  .breadcrumbBox{padding-right:16px}
  .productDetails .cmp.d-flex:has(> h1.product-title){flex-wrap:wrap;row-gap:8px}
  .productDetails .cmp.d-flex:has(> h1.product-title) > .product-brand{order:-1;flex-basis:100%;margin-left:0 !important;width:auto !important;max-width:100%}
  .productDetails .cmp.d-flex:has(> h1.product-title) > h1.product-title{flex-basis:100%}
  .nav.nav-tabs:has(.product-detail-information-btn){flex-wrap:nowrap !important}
  .nav.nav-tabs:has(.product-detail-information-btn) > .nav-link{flex:1 1 auto;padding:10px 8px !important;white-space:nowrap;text-align:center}
}
/* S2-S8 sepet: masaustu siparis ozeti yapiskan; Alisverise Devam / Sepeti Bosalt esit genislik 12 aralik, bosaltma ikincil (cerceveli); urun gorseli ustte 80x80; mobilde ad 2 satir, etiket sutunu 92 sabit (degerler tek hizada, iki nokta ayni glif), -/+/adet/cop dokunma alani buyuk */
div:has(> a.destroy_cart){display:flex;gap:12px;margin:16px 0 !important}
div:has(> a.destroy_cart) > a{flex:1 1 0;float:none !important;min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 8px !important}
html body div:has(> a.destroy_cart) > a.btn.btn-primary.destroy_cart{background:#fff !important;color:#3d4937 !important;border:1px solid #3d4937 !important}
html body div:has(> a.destroy_cart) > a.btn.btn-primary.destroy_cart:hover{background:#3d4937 !important;color:#fff !important}
.ny-cart-image{align-items:flex-start !important}
.ny-cart-image img{width:80px !important;height:80px !important;object-fit:contain}
.nyCartProductTitle{white-space:normal !important;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-right:24px}
@media (min-width:992px){
  .col-lg-4:has(> .summary-card){align-self:stretch !important}
  .col-lg-4 > .summary-card{position:sticky;top:24px}
}
@media (max-width:767px){
  .nyShowMobile .nyCartMobileRow{display:flex !important;flex-wrap:nowrap !important;gap:0 !important;align-items:center;font-size:0;min-height:28px}
  .nyShowMobile .nyCartMobileRow > *{font-size:13px;margin:0 !important}
  .nyShowMobile .nyCartMobileRow > .nyCartProductSubTitle{flex:0 0 92px;padding-right:8px;box-sizing:border-box;white-space:nowrap}
  .nyShowMobile .nyCartMobileRow:not(.nyCartMobileQtyRow):not(.nyCartMobilePriceRow) > .nyCartProductSubTitle::after{content:":"}
  .nyShowMobile .nyCounterBt{display:inline-flex !important;align-items:center;justify-content:center;flex:0 0 34px;height:40px}
  .nyShowMobile .nyCountInput{flex:0 0 40px;width:40px !important;height:36px !important;text-align:center}
  .nyCartRemoveMobile{top:0 !important;right:0 !important;padding:12px}
}
/* O1-O10 odeme: form sutunu iki yanda esit (375: 12-363), alan girintisi yok, Fatura adresim farkli sola, odeme kutusu radyo 20px + 8 aralik, mobil Sepet Toplami tek satir, radyo/onay kutusu 20px, guven kutusu dengeli satir */
.nyCheckoutF > .row.address{margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important}
.address-contact-information{padding-left:12px !important}
.row.payment-row{margin-left:-12px !important;margin-right:-12px !important}
.form-check.ms-auto:has(> input[id^=powermail_field_doruovaciaadresa2]){margin-left:0 !important;align-self:flex-start !important;flex-basis:100%}
.nyotype{display:flex !important;align-items:center;flex-wrap:wrap;gap:8px;padding:12px !important;min-height:48px}
.nyotype > input.odemeTur{float:none !important;margin:0 !important;width:20px;height:20px;flex:0 0 20px}
.nyotype > label{margin:0 !important;flex:1 1 auto;cursor:pointer}
.nyotype > .float-end{float:none !important;margin-left:auto}
.nyCheckoutF .form-check:has(> .form-check-input){padding-left:30px;min-height:28px}
.nyCheckoutF .form-check > .form-check-input{width:20px;height:20px;margin-left:-30px;margin-top:1px}
#myAccordion .accordion-button{white-space:nowrap;gap:8px;padding-top:12px;padding-bottom:12px}
#myAccordion .accordion-button > .summary-product-total-price{position:static !important;margin-left:auto;transform:none !important}
#myAccordion .accordion-button::after{margin-left:0 !important}
.fn-guven > *{text-wrap:balance}
/* U15 B7 C4 Z1 O19 breadcrumb sol hizasi: yol, altindaki baslik/metinle ayni cizgide (urun 23 galeriyle, sayfa/blog/odeme 35) */
@media (min-width:768px){.breadcrumbBox:has(> .customBreadcrumb){padding-left:0 !important}}
[class*=col-] > .breadcrumbBox{padding-left:0 !important}
.row > .breadcrumbBox{padding-left:12px !important}
/* FN-HIZA-399 BITIS */

/* ==== FN-YASAL BASLANGIC (fis #408 O9, 5 Eki 2026) - odeme sayfasi alti yasal link satiri: ayrac gizli, 12px yan bosluk (375px kenara yapismasin). Geri alma: bu blok silinir ==== */
.nyCheckoutF .row.address > div:has(> a[href$="/kvkk-metni"]){gap:6px 14px !important;padding-left:12px !important;padding-right:12px !important}
.nyCheckoutF .row.address > div:has(> a[href$="/kvkk-metni"]) > span{display:none}
/* ==== FN-YASAL BITIS ==== */
/* ==== FN-ARAMA-KILIT BASLANGIC (5 Eki 2026, Hakan acil) - tema arama paneli (search-modal.js, ny-sm-*) acikken sayfa kaymaz; tema panel+karartmayi inputa yapistiriyor, kayinca panel ekran disina cikip karartma yarim kaliyordu. Geri alma: bu blok silinir ==== */
html:has(.ny-sm-panel.is-open){overflow:hidden !important;scrollbar-gutter:stable}
body:has(.ny-sm-panel.is-open){overflow:hidden !important}
.ny-sm-panel{overscroll-behavior:contain}
/* ==== FN-ARAMA-KILIT BITIS ==== */
/* ==== FN-MOBIL-413 BASLANGIC (fis #413, 5 Eki 2026) - hiz/mobil denetimi: arama CLS, dokunma hedefleri 44px, sirala 16px, kart rozeti 2 satir. Geri alma: bu blok silinir ==== */
/* CLS: kategori aciklama yer tutucusu (FN-KAMPANYA 12) aramada da yer tutuyordu; aramada aciklama yok, fn-notext DOMContentLoaded'da gelince liste 194/254 px kayiyordu (mobil CLS 0,136) */
.category-page:has(#filterArea[data-type="search"]) .category_detail_right > .row::before{content:none}
@media (max-width:767.98px){
  .breadcrumb-item a{padding:13px 0 !important;margin:-13px 0}   /* 44px hedef, satir yuksekligi ayni */
  .item-product-brand a{display:inline-block;min-width:44px;padding:15px 6px;margin:-15px -6px}
  .pagination .page-link,.pagination li a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  #subsRegister .formSbs,#registerBtn{min-height:44px}
  label:has(> #stokin){display:inline-flex;align-items:center;min-height:44px}
  .filter-top-right select.sortfiltre{font-size:16px !important;height:44px !important}   /* iOS 16px altinda yakinlastiriyor */
  .product-view-switch-btn{width:44px !important;height:44px !important}
  .fn-devam{min-height:44px}
  .socialLinks a,.social-icons a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
  .footer .widget-body li > a{display:flex;align-items:center;min-height:44px}
  .mobile-app-link{display:inline-flex;align-items:center;min-height:44px}
  .fn-brand-chip{min-height:44px}
  .fn-rehber-grup li > a{display:flex;align-items:center;min-height:44px}
  .home-product-title a,.fn-rehber-tum{display:inline-block;padding:9px 0;margin:-9px 0}
  .productBox .fn-offer{font-size:10px;letter-spacing:0;padding:4px 7px;top:6px;left:6px;max-width:calc(100% - 50px)}   /* 12px'te 3 satira dusuyordu */
}
/* ==== FN-MOBIL-413 BITIS ==== */

/* ==== FN-ERISIM-424 BASLANGIC (fis #424, 5 Eki 2026) - kontrol turu kalanlari + kontrast/erisilebilirlik. Geri alma: bu blok silinir ==== */
html{scrollbar-gutter:stable}   /* arama paneli acilinca (FN-ARAMA-KILIT html overflow:hidden) 1200'de 7 px kayma */
.pagination{justify-content:center;float:none !important}   /* 1200'de saga yasliydi (blog: float:right) */
@media (min-width:768px){
  .pagination .page-link,.pagination li a{min-width:36px;height:36px;padding:0 6px !important;display:inline-flex;align-items:center;justify-content:center}   /* "1" 33x36 ovaldi */
}
.blogDetail table{border-collapse:collapse;margin:16px 0;max-width:100%}
.blogDetail th,.blogDetail td{padding:8px 12px;border-bottom:1px solid #e6e1d6;text-align:left;vertical-align:top}   /* td padding 1px, bitisikti */
.blogDetail thead th{background:#f6f2e9}
.infoPageBody p,.infoPageBody li{max-width:76ch}   /* blogdaki olcu; kurumsal 1200'de ~150 karakterdi */
.fn-kosul,.fn-kosul-mini{color:#5F675A}   /* #7C8476 3,65-3,88:1 -> 5,5+:1 */
.fn-kupon .fn-kupon-kod{color:#8A6628}    /* #9C7631 3,92:1 -> 4,9:1 */
.fn-atla{position:absolute;left:8px;top:-80px;z-index:100000;background:#2f352c;color:#fff !important;padding:12px 16px;border-radius:6px;font-weight:700;text-decoration:none}
.fn-atla:focus{top:8px}
@media (max-width:767.98px){
  .productPropertion .info{padding:0 4px}
  .productPropertion .info p{font-size:12px;line-height:1.4}   /* guven seridi "Musteri Destek Hatti" 3 -> 2 satir */
}
/* ==== FN-ERISIM-424 BITIS ==== */
/* ==== FN-CEREZ-SERIT BASLANGIC (fis #432, 5 Eki 2026; taslak #413) - mobil cerez bandi kucuk serit. Yalniz CSS; metin, butonlar, KVKK akisi AYNI. Reddet = Kabul Et esit. Tercihler acilinca tam form. Geri alma: bu blok silinir ==== */
@media (max-width:767.98px){
  #cookiepopup:has(#cookie_back[style*="none"]){padding:10px 12px !important;max-height:none}
  #cookiepopup:has(#cookie_back[style*="none"]) .cookie_title{display:none !important}
  #cookiepopup:has(#cookie_back[style*="none"]) .cookie_description{line-height:1.35 !important;margin:0 0 8px !important;max-height:none !important;overflow:visible !important}   /* eski 46px kaydirma "Cerez Aydinlatma Metni" linkini sakliyordu */
  #cookiepopup:has(#cookie_back[style*="none"]) .cookie_body,#cookiepopup:has(#cookie_back[style*="none"]) .cookie_footer{padding:0 !important}
  #cookiepopup:has(#cookie_back[style*="none"]) .cookie_footer_buttons{display:grid !important;grid-template-columns:auto 1fr 1fr;gap:8px;align-items:center}
  #cookiepopup:has(#cookie_back[style*="none"]) .cookie_footer_buttons .config{order:0;margin:0 !important;min-height:44px;display:inline-flex;align-items:center;padding:0 4px;font-size:13px;text-decoration:underline}
  #cookiepopup:has(#cookie_back[style*="none"]) .cookie_btn{height:44px !important;min-height:44px;margin:0 !important;width:100%;padding:0 8px;font-size:14px}
}
/* ==== FN-CEREZ-SERIT BITIS ==== */

/* FN-HAVALE-442 BASLANGIC (05.10.2026, fis #442-4) urun sayfasi havale satirina kosul; metin K&F teyitli (sepet toplami 500 TL ve uzeri) */
#productTransferPrice::after{content:"500 TL üzeri sepetlerde";display:block;font-size:12px;line-height:1.3;color:#5F675A}
/* FN-HAVALE-442 BITIS */