/* 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) #scrollTopBtn,
  body:has(#bottomCartAdd) a.scroll-top{bottom:90px !important}
  body:has(#bottomCartAdd) a.whatsappOrder{bottom:90px !important}
}


/* ============ 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 *, .pagination, .pagination *, .page-link,
.catProductCount, .filterTop, .filterTop *, .filter-top-right *,
.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 *, .welcome-msg, .welcome-msg *{
  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; }