/* ============================================================
   ZAFIR NATURAL — CORE CSS (birleşik, tek kaynak)
   Bu dosya, önceden 40+ sayfaya ayrı ayrı gömülü olan inline
   <style> bloklarının birleştirilmiş hali. Tarayıcı artık bunu
   tek sefer indirip önbelleğe alabiliyor.
   ============================================================ */

/* ---------- 1) SITE GENELİ (header, buton, footer vb.) ---------- */
/* ════════════════════════════════════════════════════════════════
   ZAFIR NATURAL — Birleşik Ek CSS  FINAL v3.0
   Silent Luxury · --zn- değişken sistemi
   Mayıs 2026
   ════════════════════════════════════════════════════════════════ */


html {
  scroll-behavior: smooth;
}

/* ════════════════════════════════════════════════════════════════
   1. DESIGN TOKENS (--zn- sistemi)
   ════════════════════════════════════════════════════════════════ */
:root {
  /* Renkler */
  --zn-green-dark:  #0F1A14;
  --zn-green:       #1A2B20;
  --zn-green-mid:   #3A5F45;
  --zn-gold:        #C9A962;
  --zn-gold-light:  #E5C87D;
  --zn-gold-aa:     #78612C;   /* krem zemin üzerinde WCAG AA */
  --zn-ivory:       #FFFEF9;
  --zn-cream:       #FAF6F0;
  --zn-beige:       #F5F0E8;
  --zn-border:      #E0DBD3;
  --zn-text:        #1A2B20;
  --zn-text-muted:  #4A5C50;
  --zn-text-mid:    #566B5C;

  /* Köprü: eski --zafir-* değişkenleri yeni sisteme bağlı */
  --zafir-yesil:         var(--zn-green);
  --zafir-yesil-mid:     var(--zn-green-mid);
  --zafir-altin:         var(--zn-gold);
  --zafir-altin-aa:      var(--zn-gold-aa);
  --zafir-altin-parlak:  var(--zn-gold-light);
  --zafir-bg:            var(--zn-cream);
  --zafir-yazi:          var(--zn-text);
  --zafir-beyaz:         var(--zn-ivory);
  --zafir-border:        var(--zn-border);

  /* WooCommerce mor override */
  --woocommerce:    var(--zn-green);
  --wc-primary:     var(--zn-green);
  --wc-primary-text: var(--zn-ivory);
  --wc-highlight:   var(--zn-gold);
  --wc-green:       var(--zn-green-mid);
}

/* Engitech'in eski yeşilini yalnız ilgili tema bileşenlerinde nötrleştir. */
.subscribe-inner-form .subscribe-btn-icon {
  background: var(--zn-green) !important;
}

.wpcf7 .main-form input[type="submit"],
.wpcf7 .main-form button[type="submit"] {
  background-color: var(--zn-green) !important;
  background-image: none !important;
}




/* ════════════════════════════════════════════════════════════════
   2. GENEL RESET & TEMEL STİL
   ════════════════════════════════════════════════════════════════ */
body {
  background-color: var(--zn-cream);
  color: var(--zn-text);
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 18px;
  line-height: 1.75;
}



h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', serif;
  color: var(--zn-green-dark);
  line-height: 1.2;
}


h1 { font-weight: 700; }


h2 { font-weight: 600; }


h3 { font-weight: 600; }


h4 { font-weight: 500; }



/* Engitech / Montserrat override */
blockquote, h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', serif !important;
}



a {
  color: var(--zn-green);
  text-decoration: none;
  transition: color .3s;
}


a:hover {
  color: var(--zn-gold-aa);
}



/* Tema artık başlıklarını gizle */
.page-header,
.entry-header,
.prt-titlebar-wrapper,
.header-topbar,
#top-bar,
.top-bar,
.octf-main-header,
.site-content .octf-mainbar-container,
#site-header-menu {
  display: none !important;
}



/* ════════════════════════════════════════════════════════════════
   3. MENÜ & NAVİGASYON
   NOT (revize): Bu bölümde eskiden .zafir-nav-item için font-size/font-weight
   !important ile sabitleniyordu. Bu, header snippet'indeki (WPCode) akıcı
   (clamp/vw tabanlı) font-size'ı ve 600 font-weight tasarımını eziyordu —
   menü hep 13px'te kilitli kalıyor, yazı da olması gerekenden ince/soluk
   görünüyordu. Header kendi font-family/color/size/weight'ini zaten
   !important ile yönetiyor; burada tekrar edilmiyor.
   ════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════
   4. BUTONLAR — Silent Luxury: outline gold border, şeffaf arka plan
   Sadece WooCommerce kapsamı — plugin/widget butonlarına dokunmuyoruz
   ════════════════════════════════════════════════════════════════ */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button {
  background-color: transparent !important;
  color: var(--zn-green-dark) !important;
  border-radius: 4px !important;
  padding: 12px 28px !important;
  border: 1px solid var(--zn-gold) !important;
  font-family: 'Cinzel', serif !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
  box-shadow: none !important;
  cursor: pointer !important;
}


.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: var(--zn-gold) !important;
  color: var(--zn-ivory) !important;
  border-color: var(--zn-gold) !important;
  transform: none !important;
  box-shadow: none !important;
}



/* Sepete Ekle — tek dolu buton, hiyerarşinin en tepesi */
.woocommerce .single_add_to_cart_button,
.woocommerce a.button.single_add_to_cart_button {
  background-color: var(--zn-green-dark) !important;
  color: var(--zn-ivory) !important;
  border: 1px solid var(--zn-green-dark) !important;
  font-size: 11px !important;
  letter-spacing: 0.2em !important;
  padding: 14px 32px !important;
}


.woocommerce .single_add_to_cart_button:hover {
  background-color: var(--zn-green) !important;
  border-color: var(--zn-green) !important;
  color: var(--zn-ivory) !important;
}




/* ════════════════════════════════════════════════════════════════
   5. ÜRÜN KARTLARI (WooCommerce mağaza grid)
   ════════════════════════════════════════════════════════════════ */
.woocommerce ul.products li.product {
  background: var(--zn-ivory) !important;
  border: 1px solid rgba(201,169,98,0.12) !important;
  border-radius: 4px !important;
  padding: 0 !important;
  text-align: left !important;
  transition: box-shadow 0.4s ease !important;
}


.woocommerce ul.products li.product:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px rgba(15,26,20,0.08) !important;
  border-color: rgba(201,169,98,0.25) !important;
}


.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--zn-green-dark) !important;
}


.woocommerce ul.products li.product .price {
  color: var(--zn-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
}


/* Üstü çizili eski fiyatı gizle */
.woocommerce ul.products li.product .price del,
.woocommerce .woocommerce-Price-amount.amount del,
.woocommerce del .woocommerce-Price-amount,
p.price del,
.price del {
  display: none !important;
}



/* "İndirimde" badge — marka rengiyle */
.woocommerce span.onsale {
  background-color: var(--zn-gold) !important;
  color: var(--zn-ivory) !important;
  font-family: 'Cinzel', serif !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  border-radius: 2px !important;
}



/* Quick view gizle */
.zf-quick-view { display: none !important; }



/* Eski fiyat class */
.zf-price-old { display: none !important; }




/* ════════════════════════════════════════════════════════════════
   6. FİYAT (genel)
   ════════════════════════════════════════════════════════════════ */
.woocommerce-Price-amount,
.price,
.amount {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
  color: var(--zn-green-dark) !important;
}


.woocommerce ins .woocommerce-Price-amount {
  color: var(--zn-green-dark) !important;
}




/* ════════════════════════════════════════════════════════════════
   7. BİLDİRİMLER
   ════════════════════════════════════════════════════════════════ */
.woocommerce-info,
.woocommerce-message {
  background: var(--zn-cream) !important;
  color: var(--zn-text) !important;
  border-top: 3px solid var(--zn-gold) !important;
  font-family: 'Cormorant Garamond', serif !important;
}




/* ════════════════════════════════════════════════════════════════
   8. TABLOLAR
   ════════════════════════════════════════════════════════════════ */
.woocommerce table.shop_table th {
  background-color: var(--zn-cream) !important;
  color: var(--zn-green) !important;
  font-family: 'Cormorant Garamond', serif !important;
}




/* ════════════════════════════════════════════════════════════════
   9. FOOTER
   ════════════════════════════════════════════════════════════════ */
.site-footer,
footer {
  background-color: var(--zn-green-dark) !important;
  color: rgba(255,254,249,0.75) !important;
  font-family: 'Cormorant Garamond', serif !important;
}


.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4 {
  color: var(--zn-ivory) !important;
  font-family: 'Cormorant Garamond', serif !important;
}


.site-footer p,
.site-footer li,
.site-footer a,
footer a {
  color: var(--zn-gold-light) !important;
}


.site-footer a:hover,
footer a:hover {
  color: var(--zn-ivory) !important;
}


.site-footer i {
  color: var(--zn-gold) !important;
}


/* ════════════════════════════════════════════════════════════════
   11. ÖDEME (CHECKOUT) SAYFASI
   ════════════════════════════════════════════════════════════════
   NOT (revize): Bu bölüm kaldırıldı. "checkout form sadeleştirme.txt"
   (zn_checkout_css — sadece is_checkout() olduğunda yüklenir) ve
   "zafir checout cro.txt" dosyaları AYNI elemanları (label, input,
   #place_order, #payment li, h3 başlıkları) FARKLI değerlerle tekrar
   stilliyordu. Üçü de !important kullandığı için hangisinin kazanacağı
   Code Snippets'teki yükleme sırasına bağlıydı — özellikle #place_order
   (Siparişi Tamamla butonu) üç dosyada üç farklı font-size/letter-spacing
   ile tanımlıydı. Bu dosya genel/sitewide yüklendiği için checkout'a özel
   kuralları burada tekrarlamak yerine, tek doğruluk kaynağı olarak
   checkout'a özel dosyalarda bırakıldı.
   ════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════
   13. MİNİ SEPET (WPR widget)
   ════════════════════════════════════════════════════════════════ */
.widget_shopping_cart .cart_list li,
.widget_shopping_cart_content .cart_list li {
  display: grid !important;
  grid-template-columns: 80px 1fr 30px !important;
  align-items: center !important;
  gap: 15px !important;
  padding: 15px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,0.05) !important;
  width: 100% !important;
}


.wpr-mini-cart-image img {
  width: 80px !important;
  height: 80px !important;
  object-fit: cover !important;
  border-radius: 4px !important;
  display: block !important;
}


.wpr-mini-cart-product-name a {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: var(--zn-text) !important;
  text-decoration: none !important;
}


.wpr-remove-item-from-mini-cart,
.widget_shopping_cart .cart_list li a.remove {
  border-radius: 3px !important;
  background: var(--zn-beige) !important;
  color: #999 !important;
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}




/* ════════════════════════════════════════════════════════════════
   14. FLOATING CART BUTONLARI
   ════════════════════════════════════════════════════════════════ */
.zfc-btn-primary:hover {
  background: rgba(201,169,98,0.15) !important;
  color: var(--zn-gold) !important;
  border-color: var(--zn-gold) !important;
  transform: none !important;
  box-shadow: none !important;
}


.zfc-btn-secondary:hover {
  border-color: var(--zn-gold) !important;
  background: rgba(201,169,98,0.08) !important;
  color: var(--zn-gold) !important;
  transform: none !important;
}

@media (hover: none) and (pointer: coarse) {

  .zfc-btn-primary,
  .zfc-btn-secondary { transform: none !important; }
}




/* ════════════════════════════════════════════════════════════════
   15. MAĞAZA SORT SELECT
   ════════════════════════════════════════════════════════════════ */
#zafir-sort-select {
  background: var(--zn-ivory) !important;
  color: var(--zn-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 13px !important;
  padding: 12px 44px 12px 16px !important;
  border: 1px solid rgba(201,169,98,0.3) !important;
  border-radius: 4px !important;
}




/* ════════════════════════════════════════════════════════════════
   16. BLOG KARTLARI
   ════════════════════════════════════════════════════════════════ */
.inner-post .post-box h3 a,
.inner-post .post-box h2 a,
.inner-post h3 a,
.inner-post h2 a {
  color: var(--zn-text) !important;
  -webkit-text-fill-color: var(--zn-text) !important;
}


.the-excerpt p,
.entry-summary.the-excerpt p {
  color: var(--zn-text-mid) !important;
  -webkit-text-fill-color: var(--zn-text-mid) !important;
}




/* ════════════════════════════════════════════════════════════════
   17. BACK TO TOP
   ════════════════════════════════════════════════════════════════ */
#back-to-top {
  position: fixed !important;
  bottom: 30px !important;
  left: auto !important;
  right: 30px !important;
  transform: none !important;
  width: 44px !important;
  height: 44px !important;
  background: var(--zn-green) !important;
  border: 1px solid rgba(201,169,98,0.35) !important;
  border-radius: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--zn-gold) !important;
  font-size: 16px !important;
  z-index: 9999 !important;
  box-shadow: none !important;
  transition: background 0.3s ease, border-color 0.3s ease !important;
}


#back-to-top:hover {
  background: var(--zn-green-dark) !important;
  border-color: rgba(201,169,98,0.6) !important;
  color: var(--zn-gold-light) !important;
  transform: none !important;
  box-shadow: none !important;
}




/* ════════════════════════════════════════════════════════════════
   18. HEADER Z-INDEX & DROPDOWN
   ════════════════════════════════════════════════════════════════ */
.zafir-header,
header.zafir-header {
  position: relative !important;
  z-index: 9999999 !important;
  isolation: isolate !important;
}


.zafir-header .zafir-nav,
.zafir-header .zafir-nav-item,
.zafir-header .zafir-nav-item.has-dropdown {
  position: relative !important;
  z-index: 9999999 !important;
}


.zafir-header .zafir-dropdown {
  position: absolute !important;
  z-index: 99999999 !important;
}


.site-content,
.elementor-section,
.elementor-top-section,
.elementor-widget,
.elementor-container,
main,
#content {
  position: relative !important;
  z-index: 1 !important;
}


.elementor-widget-shortcode {
  position: relative !important;
  z-index: 9999999 !important;
  overflow: visible !important;
}




/* ════════════════════════════════════════════════════════════════
   19. MOBİL MENÜ OVERLAYi
   ════════════════════════════════════════════════════════════════ */
#zafirMobileOverlay .zmo-link,
#zafirMobileOverlay .zmo-parent,
#zafirMobileOverlay .zmo-sublink,
#zafirMobileOverlay a {
  color: var(--zn-ivory) !important;
  -webkit-text-fill-color: var(--zn-ivory) !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
}


#zafirMobileOverlay .zmo-link:hover,
#zafirMobileOverlay .zmo-parent:hover,
#zafirMobileOverlay .zmo-sublink:hover,
#zafirMobileOverlay .zmo-dropdown.open .zmo-parent {
  color: var(--zn-gold-light) !important;
  -webkit-text-fill-color: var(--zn-gold-light) !important;
}




/* ════════════════════════════════════════════════════════════════
   20. ARAMA SAYFASI
   ════════════════════════════════════════════════════════════════ */
body.search .zafir-header .zafir-brand img,
body.search-results .zafir-header .zafir-brand img {
  max-height: 45px !important;
  width: auto !important;
}


body.search .zafir-header,
body.search-results .zafir-header {
  padding: 15px 40px !important;
}


body.search .site-content,
body.search-results .site-content,
body.search article,
body.search-results article,
body.search p,
body.search-results p {
  color: #333333 !important;
}


body.search a,
body.search-results a {
  color: var(--zn-green) !important;
}


body.search a:hover,
body.search-results a:hover {
  color: var(--zn-gold-aa) !important;
}




/* ════════════════════════════════════════════════════════════════
   21. ADMIN BAR
   ════════════════════════════════════════════════════════════════ */
#wpadminbar { z-index: 9999999 !important; }


body.admin-bar .site-header,
body.admin-bar .elementor-location-header { top: 32px !important; }

@media screen and (max-width: 782px) {

  body.admin-bar .site-header,
  body.admin-bar .elementor-location-header { top: 46px !important; }
}




/* ════════════════════════════════════════════════════════════════
   22. MOBİL DÜZENLEMELER
   ════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  html, body { overflow-x: hidden !important; }

  .woocommerce-account .woocommerce,
  .woocommerce-checkout .woocommerce,
  .woocommerce-cart .woocommerce {
    padding: 20px 15px !important;
    width: 96% !important;
    margin: 15px auto !important;
  }
  .woocommerce table.shop_table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
  }

  /* Sepet mobil */
  .woocommerce-cart table.shop_table { display: block !important; }
  .woocommerce-cart table.shop_table thead { display: none !important; }
  .woocommerce-cart table.shop_table tbody,
  .woocommerce-cart table.shop_table tr,
  .woocommerce-cart table.shop_table td {
    display: block !important;
    width: 100% !important;
  }
  .woocommerce-cart table.shop_table tbody tr {
    margin-bottom: 20px !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    border: 1px solid rgba(201,169,98,0.15) !important;
  }
  .woocommerce-cart table.shop_table tbody td {
    padding: 15px 20px !important;
    border-bottom: 1px solid rgba(201,169,98,0.08) !important;
  }
  .woocommerce-cart .cart_totals { padding: 25px 20px; margin-top: 30px; }
  .woocommerce-cart .coupon { flex-direction: column !important; }
  .woocommerce-cart .coupon input[type="text"] {
    width: 100% !important;
    min-width: auto !important;
  }
  .woocommerce-cart button[name="update_cart"] {
    width: 100% !important;
    margin-top: 15px !important;
  }

  /* Checkout mobil */
  .woocommerce-checkout .form-row-first,
  .woocommerce-checkout .form-row-last {
    width: 100% !important;
    display: block !important;
    margin-right: 0 !important;
  }
  .woocommerce-checkout #order_review { padding: 15px !important; }

  /* Hesabım mobil */
  .woocommerce-MyAccount-navigation,
  .woocommerce-MyAccount-content {
    width: 100% !important;
    float: none !important;
  }
  .woocommerce-account .woocommerce-Addresses {
    grid-template-columns: 1fr !important;
  }

  /* Back to top */
  #back-to-top {
    width: 40px !important;
    height: 40px !important;
    bottom: 20px !important;
  }
}

@media (max-width: 900px) {

  .woocommerce-MyAccount-navigation,
  .woocommerce-MyAccount-content {
    width: 100% !important;
    float: none !important;
  }

  .woocommerce-account .woocommerce-Addresses {
    grid-template-columns: 1fr !important;
  }

  #site-header .header-mobile { display: none !important; }

  #site-header .header-desktop { display: block !important; }

  #site-header .header-desktop .e-con {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}




/* ════════════════════════════════════════════════════════════════
   23. KORUNAN BUTONLAR — WC override kapsamı dışı
   Header, WhatsApp float, arama, mobil toggle
   ════════════════════════════════════════════════════════════════ */

/* Zafir header butonları — kendi stillerini korusun */
.zafir-action-btn,
button.zafir-action-btn,
.zafir-search-btn,
button.zafir-search-btn,
.zafir-mobile-toggle,
button.zafir-mobile-toggle {
  background: transparent !important;
  border: 1px solid rgba(229,200,125,0.2) !important;
  border-radius: 4px !important;
  padding: 12px 18px !important;
  color: rgba(255,254,249,0.95) !important;
  font-family: var(--zh-font-body, 'Cormorant Garamond', serif) !important;
  font-size: inherit !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  box-shadow: none !important;
}


.zafir-mobile-toggle {
  background: rgba(229,200,125,0.08) !important;
  padding: 10px !important;
  width: 44px !important;
  height: 44px !important;
}



/* ════════════════════════════════════════════════════════════════
   WHATSAPP FLOAT — Tam kontrol, snippet'ı geçersiz kıl
   ════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════════
   WHATSAPP FLOAT — Mobil kayma fix, drag korunur
   ════════════════════════════════════════════════════════════════ */

/* Root — position fixed kilitle ama left/top/right/bottom YAZMA
   çünkü drag JS bunları runtime'da set ediyor, !important kırarsa sürükleme bozulur */
#wa-float-root {
  --wa-size: 48px;
  --wa-icon-size: 23px;
  position: fixed !important;
  z-index: 9999998 !important;
  /* left/bottom/top/right yok — drag JS kontrol ediyor */
  pointer-events: none !important;
  transform: none !important;
  width: var(--wa-size) !important;
  height: var(--wa-size) !important;
  will-change: left, top !important;
}



#wa-float-fab {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #1a2b20 0%, #0f1a14 100%) !important;
  border: 2px solid rgba(197,160,89,0.42) !important;
  padding: 0 !important;
  color: #fffef9 !important;
  cursor: pointer !important;
  display: grid !important;
  place-items: center !important;
  font-family: inherit !important;
  font-size: inherit !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35) !important;
  pointer-events: auto !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
  touch-action: none !important;
}


#wa-float-fab svg {
  width: var(--wa-icon-size) !important;
  height: var(--wa-icon-size) !important;
  color: #c9a962 !important;
  pointer-events: none !important;
}



/* Kapat butonu */
#wa-float-close {
  border-radius: 4px !important;
  background: rgba(197,160,89,0.12) !important;
  border: 1px solid rgba(197,160,89,0.24) !important;
  padding: 0 !important;
  width: 32px !important;
  height: 32px !important;
  font-size: 18px !important;
  color: #a6883e !important;
  font-family: inherit !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  cursor: pointer !important;
}



/* WhatsApp'a git linki */
#wa-float-launch {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 10px !important;
  padding: 9px 14px !important;
  color: #fffef9 !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, #1a2b20 0%, #0f1a14 100%) !important;
  border: 1px solid rgba(197,160,89,0.3) !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  cursor: pointer !important;
  font-family: system-ui, sans-serif !important;
}


#wa-float-launch:hover,
#wa-float-launch:visited {
  color: #fffef9 !important;
  text-decoration: none !important;
}



/* Arama form butonları */
.search-form button,
.search-form input[type="submit"],
.searchform button,
#searchform button,
.wp-block-search__button {
  background: revert !important;
  border: revert !important;
  border-radius: revert !important;
  padding: revert !important;
  font-family: revert !important;
  font-size: revert !important;
  letter-spacing: revert !important;
  text-transform: revert !important;
  color: revert !important;
  box-shadow: revert !important;
}


/* Zafir - Mobil header arama/menü buton hizalama düzeltmesi */
@media (max-width: 900px) {
  .zafir-header .zafir-actions {
    gap: 8px !important;
    align-items: center !important;
  }

  .zafir-header button.zafir-action-btn,
  .zafir-header button.zafir-search-btn,
  .zafir-header button.zafir-mobile-toggle {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    flex: 0 0 44px !important;
    padding: 0 !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
  }

  .zafir-header button.zafir-search-btn svg {
    width: 19px !important;
    height: 19px !important;
  }

  .zafir-header button.zafir-mobile-toggle {
    gap: 5px !important;
  }

  .zafir-header button.zafir-mobile-toggle span {
    width: 21px !important;
  }
}

@media (max-width: 430px) {

  .zafir-header button.zafir-action-btn,
  .zafir-header button.zafir-search-btn,
  .zafir-header button.zafir-mobile-toggle {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    flex-basis: 44px !important;
  }


  .zafir-header button.zafir-search-btn svg {
    width: 18px !important;
    height: 18px !important;
  }
}


.zafir-header .zafir-brand {
    margin-right: 32px;
}


.zf-tab.sold-out::after {
    top: -14px;
}




/* ════════════════════════════════════════════════════════════════
   24. KONTRAST / OKUNABİLİRLİK — GOLD METİN (28 Tem 2026)
   Marka doğrulaması: resmi paletteki iki altın da krem üzerinde WCAG'ı
   geçemiyor (#C9A962 = 2,23:1 · #E5C87D daha düşük) ve marka kuralı
   "üç farklı altın tonunu aynı sayfada karıştırma" diyor. Bu nedenle
   AÇIK zemindeki tüm altın METİN, sistemdeki tek okunur altına
   (--zn-gold-aa = #78612C ≈ 5,5–5,9:1, AA) birleştirildi. #C9A962
   yalnızca ACCENT (kenar / ayırıcı / ikon) olarak kalır — marka
   kuralına uygun. Koyu yeşil (.zn-analysis) bölümdeki altın metne
   DOKUNULMADI; orada kontrast zaten yüksek. H1 yeşil değil, okunur
   marka altınıdır.
   ════════════════════════════════════════════════════════════════ */
.zn-product-page .zn-title,
.zn-product-page .zn-title-sub,
.zn-product-page .zn-eyebrow,
.zn-product-page .zn-re-item strong,
.zn-product-page .zn-id-kicker,
.zn-product-page .zn-detail-num,
.zn-product-page .zn-use-kicker,
.zn-product-page .zn-rel-eyebrow,
.zn-product-page .zn-chip-gold,
/* 30 Tem 2026 — canlı kontrast taramasında bulunan açık-zemin altın metin/ikonlar
   (krem/fildişi üzerinde #C9A962 ≈ 2,1–2,2:1 idi → okunur altına çekildi) */
.zn-product-page .zn-lab-icon,
.zn-product-page .zn-quote-glyph,
.zn-product-page .zn-quote-source {
    color: var(--zn-gold-aa) !important;   /* #78612C — krem üzerinde WCAG AA */
}
/* zn-anl-link YALNIZ açık .zn-details bölümünde düzeltilir;
   koyu .zn-analysis panelindeki aynı sınıf (#C9A962, 7,92:1) KORUNUR */
.zn-product-page .zn-details .zn-anl-link {
    color: var(--zn-gold-aa) !important;   /* #78612C — fildişi üzerinde WCAG AA */
}


/* ════════════════════════════════════════════════════════════════
   25. DESKTOP HERO SIRALAMASI (29 Tem 2026)
   Amaç: soğuk trafik için fiyat + Sepete Ekle'yi lab rozetlerinin
   ÜSTÜNE almak (mobilde zaten order: ile yapılmıştı, burada masaüstü
   için de yapılıyor). HTML'e dokunulmaz — yorum bloğu (#zn-reviews-wrap)
   ve tüm içerik olduğu gibi kalır; yalnız görsel sıra değişir.
   Canlı DOM sırası: eyebrow, title, lead, proof, size, rating, rule,
   price, badge×3, cart(buton), reassurance, reviews-wrap.
   Yeni sıra: ... price → cart(buton) → reassurance → badge×3 → reviews.
   ════════════════════════════════════════════════════════════════ */
@media (min-width: 901px) {
    .zn-product-page .zn-hero-content { display: flex; flex-direction: column; }
    .zn-product-page .zn-hero-content > * { order: 50; }
    .zn-product-page .zn-hero-content > .zn-eyebrow        { order: 1; }
    .zn-product-page .zn-hero-content > .zn-title          { order: 2; }
    .zn-product-page .zn-hero-content > .zn-lead           { order: 3; }
    .zn-product-page .zn-hero-content > .zn-proof-row      { order: 4; }
    .zn-product-page .zn-hero-content > .zn-size-row       { order: 5; }
    .zn-product-page .zn-hero-content > .zn-rating-row     { order: 6; }
    .zn-product-page .zn-hero-content > .zn-rule           { order: 7; }
    .zn-product-page .zn-hero-content > .zn-price-row      { order: 8; }
    .zn-product-page .zn-hero-content > .zn-cart-row       { order: 9; }
    .zn-product-page .zn-hero-content > .zn-reassurance-row{ order: 10; }
    .zn-product-page .zn-hero-content > .zn-lab-badge      { order: 11; }
    .zn-product-page .zn-hero-content > .zn-social-proof   { order: 12; }
    .zn-product-page .zn-hero-content > .zn-reviews-wrap   { order: 13; }
}


/* ════════════════════════════════════════════════════════════════
   26. MARKA BUTON TUTARLILIĞI (29 Tem 2026)
   Yorum formu "Doğrula ve Yorum Yaz" butonu solid altındı — marka
   kuralı "dolu buton = koyu yeşil, altın yalnız accent". Outline altın
   (ikincil buton) yapıldı; tek dolu CTA "Sepete Ekle" kalır.
   (Not: sticky görsel denemesi kaldırıldı — align-items:flex-start ile
   çalışmıyordu ve elzem değildi.)
   ════════════════════════════════════════════════════════════════ */
#zn-reviews-wrap #submit,
#zn-reviews-wrap input#submit,
#zn-reviews-wrap button#submit,
#zn-reviews-wrap button[type="submit"],
#zn-reviews-wrap .submit,
#respond #submit,
#respond button[type="submit"] {
    background: transparent !important;
    background-image: none !important;
    color: var(--zn-green-dark) !important;
    border: 1px solid var(--zn-gold) !important;
    font-family: 'Cinzel', serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    box-shadow: none !important;
    transition: background .3s ease, color .3s ease, border-color .3s ease !important;
}
#zn-reviews-wrap #submit:hover,
#zn-reviews-wrap input#submit:hover,
#zn-reviews-wrap button#submit:hover,
#zn-reviews-wrap button[type="submit"]:hover,
#zn-reviews-wrap .submit:hover,
#respond #submit:hover,
#respond button[type="submit"]:hover {
    background: var(--zn-gold) !important;
    color: var(--zn-ivory) !important;
    border-color: var(--zn-gold) !important;
}


/* ════════════════════════════════════════════════════════════════
   27. KOYU LAB BÖLÜMÜ BAŞLIĞI (29 Tem 2026)
   Elementor Accent #78612C yapılınca, .zc-lab (koyu yeşil) bölümündeki
   sınıfsız h3 "Saflık, analizle desteklenir" koyu-altın/koyu-zemin =
   3,01:1'e düştü (önceden parlak altın ~7:1). Koyu zeminde parlak altın
   (#C9A962, ~7:1) hem okunur hem güzel — geri getiriliyor. Bu şablon
   tüm kategori sayfalarında ortak olduğundan hepsini kapsar.
   ════════════════════════════════════════════════════════════════ */
.zc-lab h1, .zc-lab h2, .zc-lab h3,
.zc-lab h4, .zc-lab h5, .zc-lab h6 {
    color: var(--zc-gold) !important;   /* #C9A962 — koyu zeminde parlak altın */
}


/* ════════════════════════════════════════════════════════════════
   27b. ELEMENTOR KIT BOYUT EZMESİNİ GERİ AL (14 Ağu 2026)
   Kategori başlık hiyerarşisi H1→H2→H3'e çekilince, H3 grubunun
   font boyutunu Elementor Global Kit (.elementor-kit-6 h3 = 32px)
   bizim .zc-card/.zc-usage/.zc-faq kurallarımızla AYNI specificity'de
   olduğu ve SONRA yüklendiği için eziyordu. .elementor-kit-6 önekiyle
   specificity'yi yükseltip bizim hedeflediğimiz boyutları geri alıyoruz.
   (Bölüm başlıkları H2; kit h2 boyutu tanımlamadığı için onlar zaten
   bizim clamp(34-52) değerimizde — dokunulmuyor.)
   ════════════════════════════════════════════════════════════════ */
.elementor-kit-6 .zc-card h3 {
    font-size: 26px !important;
    font-weight: 600 !important;
}
.elementor-kit-6 .zc-usage h3 {
    font-size: 25px !important;
}
.elementor-kit-6 .zc-faq h3 {
    font-size: 25px !important;
}


/* ════════════════════════════════════════════════════════════════
   27c. BAŞLIK HİYERARŞİSİ — TAG GENİŞLETME (za / zk / zku) (15 Ağu 2026)
   Diğer kategori sayfaları da H1→H2→H3 hiyerarşisine çekildi
   (bölüm başlıkları H3→H2, kart/kullanım/FAQ H4→H3). Bu blok yeni
   etiketleri eski görünümle birebir eşitler ve zc'deki 27b gibi
   Elementor Global Kit'in (.elementor-kit-6 h3 = 32px) ezmesini önler.
   Not: font-family zaten global !important ile Cormorant'a sabit;
   kit h2 boyutu tanımlamadığı için bölüm başlıkları (H2) dokunulmuyor.
   ════════════════════════════════════════════════════════════════ */

/* --- Bölüm başlıkları: yeni H2 = eski H3 görünümü (açık zemin) --- */
.za-section-head h2,
.zk-section-head h2,
.zku-section-head h2 {
    margin: 0;
    color: #0F1A14;
    font-family: 'Cormorant Garamond', Garamond, serif;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.08;
    font-size: clamp(34px, 4vw, 52px);
}

/* --- Analiz bölümü başlığı: yeni H2 = eski H3 (koyu zemin → ivory) --- */
.za-analysis-copy h2,
.zk-analysis-copy h2,
.zku-analysis-copy h2 {
    margin: 0;
    color: #FFFEF9;
    font-family: 'Cormorant Garamond', Garamond, serif;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.08;
    font-size: clamp(34px, 4vw, 52px);
}

/* --- Kart başlıkları: yeni H3 = eski H4 görünümü --- */
.za-card h3,
.zku-card h3 {
    margin: 0;
    color: #0F1A14;
    font-family: 'Cormorant Garamond', Garamond, serif;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.12;
}
.zk-card h3 {
    margin: 0;
    color: #0F1A14;
    font-family: 'Cormorant Garamond', Garamond, serif;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.12;
}
.za-card h3 a, .zk-card h3 a, .zku-card h3 a { text-decoration: none !important; }
.za-card h3 a:hover, .zk-card h3 a:hover, .zku-card h3 a:hover { color: #8A6F32; }

/* --- Kullanım & FAQ öğe başlıkları: yeni H3 = eski H4 görünümü --- */
.za-usage h3, .za-faq h3,
.zk-usage h3, .zk-faq h3,
.zku-usage h3, .zku-faq h3 {
    margin: 0;
    color: #0F1A14;
    font-family: 'Cormorant Garamond', Garamond, serif;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.08;
    font-size: 25px;
    margin-top: 12px;
}
.za-faq h3, .zk-faq h3, .zku-faq h3 { margin-top: 0; }

/* --- Elementor Global Kit h3 (32px) ezmesini engelle (27b mantığı) --- */
.elementor-kit-6 .za-card h3,
.elementor-kit-6 .zku-card h3 {
    font-size: 25px !important;
    font-weight: 600 !important;
}
.elementor-kit-6 .zk-card h3 {
    font-size: 28px !important;
    font-weight: 600 !important;
}
.elementor-kit-6 .za-usage h3, .elementor-kit-6 .za-faq h3,
.elementor-kit-6 .zk-usage h3, .elementor-kit-6 .zk-faq h3,
.elementor-kit-6 .zku-usage h3, .elementor-kit-6 .zku-faq h3 {
    font-size: 25px !important;
}


/* ════════════════════════════════════════════════════════════════
   28. SAYFA BAZLI FONT İSTEĞİ TEMİZLİĞİ (29 Tem 2026)
   Ana sayfa ve ürün sayfasındaki marka tipografisi korunur. Yalnız
   mağaza, sepet, ödeme ve blogda tek tük küçük öğelerin gereksiz
   font dosyası tetiklemesi önlenir. Kurumsal sayfanın gerçek
   Flaticon ikonlarına dokunulmaz.
   ════════════════════════════════════════════════════════════════ */

/* Yukarı çık oku: Flaticon yerine aynı ölçüde CSS oku. */
#back-to-top i.flaticon-up-arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

#back-to-top i.flaticon-up-arrow::before {
    content: "" !important;
    font-family: inherit !important;
    display: block !important;
    width: 10px !important;
    height: 10px !important;
    border-top: 2px solid currentColor !important;
    border-left: 2px solid currentColor !important;
    transform: rotate(45deg) translate(2px, 2px) !important;
}

/* Ana sayfa manifesto süsü: Flaticon yerine mevcut Cormorant tırnak. */
body.home blockquote.story-manifesto::before {
    content: "“" !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
}

/* Mağaza: yalnız iki küçük Playfair metnini mevcut Cormorant'a geçir. */
body.page-id-6504 .zf-hero-signature {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-style: italic !important;
}

body.page-id-6504 .footer-motto .motto-main {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
}

/* Sepet: küçük marka satırları ve preloader mevcut Cormorant'ı kullansın. */
body.woocommerce-cart .zafir-fast-cart-brand-copy small,
body.woocommerce-cart .zafir-fast-cart-footer strong {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
}

body.woocommerce-cart .zafir-preloader-tagline {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
}

/* Görünmeyen CookieYes chevron'u Cormorant italik dosyasını tetiklemesin. */
body.woocommerce-cart .cky-chevron-right {
    font-style: normal !important;
}

/* Sepet başarı bildirimi: WooCommerce ikon fontu yerine sade tik. */
body.woocommerce-cart .woocommerce-message::before {
    content: "✓" !important;
    font-family: Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
}

/* Ödeme, blog ve Tarifler: yalnız footer sloganında kullanılan Playfair'i kaldır. */
body.woocommerce-checkout .footer-motto .motto-main,
body.page-id-4993 .footer-motto .motto-main,
body.page-id-5789 .footer-motto .motto-main,
body.single-post .footer-motto .motto-main {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
}

/* Blog yazısı istatistikleri zaten yüklü olan Cinzel'i kullansın. */
body.single-post .stat-card .stat-value {
    font-family: "Cinzel", "Cormorant Garamond", serif !important;
    font-style: normal !important;
}

/* ════════════════════════════════════════════════════════════════
   24A. TOSLA ÖDEME ARA SAYFASI (ORDER-PAY)
   WooCommerce order-receipt.php tarafından .zt-shell'den önce basılan
   standart Sipariş / Tarih / Toplam / Ödeme Yöntemi listesini gizler.
   Tosla eklentisinin kendi .zt-summary içindeki SİPARİŞ NO ve tutar özeti kalır.
   ════════════════════════════════════════════════════════════════ */
body.woocommerce-order-pay ul.order_details {
    display: none !important;
}

/* ════════════════════════════════════════════════════════════════
   24B. TEŞEKKÜR (ORDER-RECEIVED) SAYFASI — Silent Luxury
   WooCommerce'in bastığı standart overview bloğu markalı hale gelir:
   yalnız SİPARİŞ NO kalır (kart/ödeme sayfasıyla aynı kutu dili),
   Tarih / Toplam / Ödeme Yöntemi ("(Akbank Tosla)" dahil) gizlenir.
   ════════════════════════════════════════════════════════════════ */
/* Başarı bildirimi → markalı onay başlığı + zeytin krest + altın ayraç */
body.woocommerce-order-received .woocommerce-thankyou-order-received {
    max-width: 560px !important;
    margin: 0 auto 4px !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    text-align: center !important;
    font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 600 !important;
    color: var(--zn-gold-aa) !important;
    font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2rem) !important;
    line-height: 1.16 !important;
}
body.woocommerce-order-received .woocommerce-thankyou-order-received::before {
    content: "";
    display: block;
    width: 46px;
    height: 46px;
    margin: 0 auto 14px;
    background: no-repeat center / contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><circle cx='24' cy='24' r='22' fill='none' stroke='%23C9A962' stroke-width='1'/><path d='M24 15 C24 22 24 28 24 33' fill='none' stroke='%2378612C' stroke-width='1.1'/><path d='M24 20 C20 18.5 17.5 19.5 16 22 C19 23.4 21.8 22.8 24 20 Z' fill='%23C9A962'/><path d='M24 24.5 C28 23 30.5 24 32 26.5 C29 27.9 26.2 27.3 24 24.5 Z' fill='%23C9A962'/><path d='M24 30 c2.4 2.1 2.4 5.2 0 6.8 c-2.4-1.6-2.4-4.7 0-6.8 Z' fill='none' stroke='%2378612C' stroke-width='1.1'/></svg>");
}
body.woocommerce-order-received .woocommerce-thankyou-order-received::after {
    content: "";
    display: block;
    width: 64px;
    height: 1px;
    margin: 16px auto 26px;
    background: linear-gradient(90deg, transparent, var(--zn-gold), transparent);
}
/* Overview → tek kutu (krem zemin, altın çerçeve + iç keyline) */
body.woocommerce-order-received ul.woocommerce-order-overview {
    max-width: 320px !important;
    margin: 0 auto !important;
    padding: 20px 24px !important;
    list-style: none !important;
    text-align: center !important;
    background: var(--zn-ivory) !important;
    border: 1px solid var(--zn-gold) !important;
    border-radius: 6px !important;
    position: relative;
    display: block !important;
    box-shadow: 0 22px 60px -38px rgba(120, 97, 44, 0.5) !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
}
body.woocommerce-order-received ul.woocommerce-order-overview::before {
    content: "";
    position: absolute;
    inset: 5px;
    border: 1px solid rgba(201, 169, 98, 0.34);
    border-radius: 3px;
    pointer-events: none;
}
body.woocommerce-order-received .woocommerce-order-overview li {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    width: auto !important;
    text-align: center !important;
}
/* Gereksiz tekrar satırları gizle (Tarih / Toplam / Ödeme Yöntemi) */
body.woocommerce-order-received .woocommerce-order-overview__date,
body.woocommerce-order-received .woocommerce-order-overview__total,
body.woocommerce-order-received .woocommerce-order-overview__payment-method {
    display: none !important;
}
/* "Sipariş numarası:" metnini gizle → "SİPARİŞ NO" bas + Playfair numara */
body.woocommerce-order-received .woocommerce-order-overview__order {
    font-size: 0 !important;
    list-style: none !important;
}
body.woocommerce-order-received .woocommerce-order-overview__order::before {
    content: "SİPARİŞ NO";
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--zn-gold-aa);
    font-family: 'Cormorant Garamond', Georgia, serif;
}
body.woocommerce-order-received .woocommerce-order-overview__order strong {
    display: block;
    margin-top: 6px;
    font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
    font-weight: 600;
    font-size: 2rem;
    letter-spacing: 0.02em;
    color: var(--zn-green-dark);
    text-transform: none;
}
body.woocommerce-order-received .woocommerce-order-overview__order strong::before {
    content: "#";
    color: var(--zn-gold-aa);
}


/* ════════════════════════════════════════════════════════════════
   32A. TAM TASARIM SISTEMI — MOBIL GOZ KONFORU + OLCEK (16 Ağu 2026)
   Mevcut Zafir renkleri ve fontları korunur. Fildişi uzun sayfa zemini
   olmaktan çıkar; mobil H1 ölçekleri sakinleşir; yanlış miras kalan 700
   gövde ağırlıkları 400/500'e döner. Checkout iki özel snippet'te kalır.
   ════════════════════════════════════════════════════════════════ */

/* Uzun kurumsal şablonlarda neredeyse saf fildişi kesintisini kır. */
body .zafir-story-page,
body .zafir-contact-page,
body .zn-legal-page {
    background: #F5F0E8 !important;
}

body .zafir-story-page .story-section,
body .zafir-contact-page .zc-form-section,
body .zafir-contact-page .zc-info-section,
body .zafir-contact-page .zc-map-section,
body .zn-legal-page .zn-legal-mini-card,
body .zn-legal-page .zn-legal-info-card,
body .zn-legal-page .zn-legal-notice-light {
    background: #FAF6F0 !important;
}

@media (max-width: 768px) {
    body { background-color: var(--zn-beige) !important; }

    /* Ana başlıklar: aynı marka ailesi, kontrollü mobil ölçek. */
    body.home .zhp-title {
        font-size: 40px !important;
        line-height: 1.06 !important;
        text-wrap: balance;
    }

    :is(.za-category, .zc-category, .zk-category, .zku-category)
    :is(.za-title, .zc-title, .zk-title, .zku-title) {
        font-size: 36px !important;
        line-height: 1.04 !important;
        font-weight: 500 !important;
        letter-spacing: -0.01em !important;
        text-wrap: balance;
    }

    .zn-product-page .zn-title {
        font-size: 32px !important;
        line-height: 1.08 !important;
        font-weight: 500 !important;
        letter-spacing: -0.01em !important;
        text-wrap: balance;
    }

    body.page-id-4993 .zbc-title,
    .zafir-story-page h1,
    .zafir-contact-page h1,
    .zn-legal-page h1,
    body.woocommerce-cart h1 {
        font-size: 34px !important;
        line-height: 1.1 !important;
        letter-spacing: -0.01em !important;
        text-wrap: balance;
    }

    /* Küçük marka etiketleri billboard gibi davranmasın. */
    .zn-product-page .zn-eyebrow,
    :is(.za-category, .zc-category, .zk-category, .zku-category)
    :is(.za-eyebrow, .zc-eyebrow, .zk-eyebrow, .zku-eyebrow),
    .zafir-story-page [class*="eyebrow"],
    .zafir-contact-page [class*="eyebrow"],
    .zn-legal-page [class*="eyebrow"] {
        font-size: 10.5px !important;
        line-height: 1.55 !important;
        letter-spacing: 0.16em !important;
    }

    /* Ürün: mat zemin, sıkı display ölçeği, normal okuma ağırlığı. */
    .zn-product-page {
        background: var(--zn-beige) !important;
        font-weight: 400 !important;
    }

    .zn-product-page .zn-hero { padding: 28px 20px 42px !important; }

    .zn-product-page .zn-image-frame,
    .zn-product-page .zn-details,
    .single-product .zn-related,
    .zn-product-page .zn-reviews-wrap::before,
    .zn-product-page .zn-use-card,
    .single-product .zn-faq .zn-faq-acc,
    .single-product .zn-related .zn-rel-card,
    .zn-product-page .zn-reviews-wrap .comment_container,
    .zn-product-page .zn-reviews-wrap .review {
        background: var(--zn-cream) !important;
    }

    .zn-product-page .zn-lead,
    .zn-product-page .zn-reassurance-row,
    .zn-product-page .zn-re-item span,
    .zn-product-page .zn-use-card p,
    .zn-product-page .comment-text .description p,
    .zn-product-page .zn-details li,
    .zn-product-page .zn-details dd,
    .single-product .zn-faq p {
        font-weight: 400 !important;
    }

    .zn-product-page .zn-lead {
        font-size: 16px !important;
        line-height: 1.68 !important;
    }

    .zn-product-page .zn-price-row .amount {
        font-size: 32px !important;
        line-height: 1.2 !important;
        letter-spacing: -0.01em !important;
    }

    .zn-product-page .zn-detail-h,
    .zn-product-page .zn-use-h,
    .single-product #zn-faq-title {
        font-size: 28px !important;
        line-height: 1.12 !important;
    }

    .zn-product-page .woocommerce-Reviews-title {
        font-size: 24px !important;
        line-height: 1.22 !important;
        font-style: normal !important;
        font-weight: 500 !important;
        text-wrap: balance;
    }

    .zn-product-page .zn-use-card p,
    .zn-product-page .comment-text .description p,
    .single-product .zn-faq p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .single-product .zn-faq summary {
        font-size: 18px !important;
        line-height: 1.45 !important;
        font-weight: 500 !important;
    }

    .zn-product-page .zn-re-item span {
        font-style: normal !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    /* Kategoriler: altın accent, başlık ve okuma metni koyu yeşil. */
    :is(.za-category, .zc-category, .zk-category, .zku-category) {
        background: var(--zn-beige) !important;
        font-weight: 400 !important;
    }

    :is(.za-category, .zc-category, .zk-category, .zku-category) :is(p, li, dd) {
        font-weight: 400 !important;
    }

    :is(.za-category, .zc-category, .zk-category, .zku-category) :is(strong, b) {
        font-weight: 600 !important;
    }

    :is(.za-category, .zc-category, .zk-category, .zku-category)
    :is(.za-lead, .zc-lead, .zk-lead, .zku-lead) {
        font-style: normal !important;
        font-weight: 400 !important;
    }

    :is(.za-card, .zc-card, .zk-card, .zku-card) {
        background: var(--zn-cream) !important;
        font-weight: 400 !important;
    }

    :is(.za-card, .zc-card, .zk-card, .zku-card) h3 {
        color: var(--zn-green-dark) !important;
        -webkit-text-fill-color: var(--zn-green-dark) !important;
    }

    :is(.za-section-head, .zc-section-head, .zk-section-head, .zku-section-head) h2 {
        font-size: 30px !important;
        line-height: 1.12 !important;
        text-wrap: balance;
    }

    :is(.za-faq, .zc-faq, .zk-faq, .zku-faq) summary {
        font-size: 18px !important;
        line-height: 1.45 !important;
        font-weight: 500 !important;
    }

    /* Mağaza: mat ana yüzey + krem ürün nesneleri. */
    body.page-id-6504 .zf-shop-wrapper,
    body.page-id-6504 .zf-shop-main {
        background: var(--zn-beige) !important;
        font-weight: 400 !important;
    }

    body.page-id-6504 .zf-card {
        background: var(--zn-cream) !important;
        font-weight: 400 !important;
    }

    body.page-id-6504 .zf-card-title,
    body.page-id-6504 .zf-card-price { font-weight: 600 !important; }

    body.page-id-6504 .zf-card-lab {
        font-style: normal !important;
        font-weight: 500 !important;
        letter-spacing: 0.06em !important;
    }

    /* Kurumsal, yasal ve uzun okuma şablonları. */
    body .zafir-story-page,
    body .zafir-contact-page,
    body .zn-legal-page {
        background: #F5F0E8 !important;
        font-weight: 400 !important;
    }

    .zafir-story-page :is(p, li, address),
    .zafir-contact-page :is(p, li, address, label),
    .zn-legal-page :is(p, li, dd, td) { font-weight: 400 !important; }

    .zafir-story-page :is(strong, b),
    .zafir-contact-page :is(strong, b),
    .zn-legal-page :is(strong, b, dt) { font-weight: 600 !important; }

    body .zafir-story-page .story-section {
        background: #FAF6F0 !important;
        padding-block: 72px !important;
    }

    body .zafir-contact-page .zc-form-section,
    body .zafir-contact-page .zc-info-section,
    body .zafir-contact-page .zc-map-section {
        background: #FAF6F0 !important;
    }

    /* Ana sayfa koyu çıpalarını korur; metin gereksiz kalınlaşmaz. */
    body.home :is(.zafir-hero-premium, .zf-vitrin, .zafir-journey, .zafir-social-proof),
    body.home :is(.zf-scene-desc, .zf-strip-info p, .zj-subtitle, .zj-step-desc),
    body.woocommerce-cart .woocommerce {
        font-weight: 400 !important;
    }

    /* Blog arşivi de aynı mat zemin / krem kart modelini izler. */
    body.page-id-4993 .zafir-blog-page { background: var(--zn-beige) !important; }
    body.page-id-4993 .zafir-blog-card-link { background: var(--zn-cream) !important; }
}


/* ════════════════════════════════════════════════════════════════
   30. SITE YUZEY RITMI VE OKUMA KONFORU (16 Ağu 2026)
   Amaç: siteyi tamamen kremleştirmeden açık / bej / koyu fazları
   belirginleştirmek; açık zeminde altını başlık rengi değil accent
   olarak kullanmak. Header, footer, sepet, ödeme ve #back-to-top bu
   katmanın kapsamı dışındadır.
   ════════════════════════════════════════════════════════════════ */

/* Koyu giriş alanlarında ana başlık fildişi, altın yalnız vurgudur. */
body.home .zhp-title,
body.page-id-6504 .zf-hero-title {
    color: var(--zn-ivory) !important;
    -webkit-text-fill-color: var(--zn-ivory) !important;
}

/* Açık yüzeylerde ana ve kart başlıkları koyu yeşile döner. */
.zc-category .zc-title,
.zc-category--corek .zc-title,
body .zc-category.zc-category--corek .zc-title,
.za-category .za-title,
.zk-category .zk-title,
.zku-category .zku-title,
body.page-id-4993 .zbc-title,
.zn-product-page .zn-detail-h,
.zn-product-page .zn-use-h {
    color: var(--zn-green-dark) !important;
    -webkit-text-fill-color: var(--zn-green-dark) !important;
}

/* Ürün analiz bölümü koyu anchor olarak korunur. */
.zn-product-page #zn-lab-title {
    color: var(--zn-ivory) !important;
    -webkit-text-fill-color: var(--zn-ivory) !important;
}

.zn-product-page #zn-lab-title .zn-italic-gold-light {
    color: var(--zn-gold-light) !important;
    -webkit-text-fill-color: var(--zn-gold-light) !important;
}

/* Ana sayfa: uzun kesintisiz koyu ürün vitrini, açık ve bej fazlara ayrılır. */
body.home .elementor-widget-html:has(.zf-vitrin),
body.home .elementor-widget-html:has(.zf-vitrin) > .elementor-widget-container,
body.home .elementor-section:has(.zf-vitrin),
body.home .elementor-container:has(.zf-vitrin),
body.home .e-con:has(.zf-vitrin),
body.home .zf-vitrin {
    background: var(--zn-cream) !important;
    color: var(--zn-green) !important;
}

body.home .zf-scene:nth-of-type(odd) {
    background: var(--zn-cream) !important;
}

body.home .zf-scene:nth-of-type(even),
body.home .zf-strip-section {
    background: var(--zn-beige) !important;
}

body.home .zf-scene::before,
body.home .zf-strip-divider {
    background: linear-gradient(90deg, transparent, rgba(15, 26, 20, 0.12), transparent) !important;
}

body.home .zf-scene-num {
    color: rgba(15, 26, 20, 0.06) !important;
}

body.home .zf-scene-tag,
body.home .zf-strip-eyebrow,
body.home .zf-strip-tag {
    color: var(--zn-gold-aa) !important;
}

body.home .zf-scene-title,
body.home .zf-strip-title,
body.home .zf-strip-info h4 {
    color: var(--zn-green-dark) !important;
    -webkit-text-fill-color: var(--zn-green-dark) !important;
}

body.home .zf-scene-desc,
body.home .zf-strip-info p,
body.home .zf-strip-hint {
    color: var(--zn-text-muted) !important;
}

body.home .zf-scene-btn,
body.home .zf-strip-btn {
    border-color: var(--zn-green-dark) !important;
    color: var(--zn-green-dark) !important;
}

body.home .zf-scene-btn:hover,
body.home .zf-strip-btn:hover {
    background: var(--zn-green-dark) !important;
    border-color: var(--zn-green-dark) !important;
    color: var(--zn-ivory) !important;
}

body.home .zf-strip-card {
    background: var(--zn-ivory) !important;
    border-color: rgba(15, 26, 20, 0.12) !important;
}

body.home .zf-strip-card:hover {
    border-color: rgba(120, 97, 44, 0.42) !important;
}

/* Ürün keşfinden sonra tek ve kompakt koyu anchor korunur. */
body.home .zf-footer-cta {
    background: var(--zn-green) !important;
    color: var(--zn-ivory) !important;
}

body.home .zf-footer-title {
    color: var(--zn-ivory) !important;
    -webkit-text-fill-color: var(--zn-ivory) !important;
}

body.home .zf-footer-eyebrow,
body.home .zf-footer-btn {
    color: var(--zn-gold-light) !important;
    -webkit-text-fill-color: var(--zn-gold-light) !important;
}

body.home .zf-footer-sub {
    color: rgba(255, 254, 249, 0.78) !important;
}

/* Süreç bölümü ikinci bir uzun koyu blok yerine sakin bej fazdır. */
body.home .zafir-journey {
    background: var(--zn-beige) !important;
    color: var(--zn-green) !important;
}

body.home .zj-title {
    background: none !important;
    color: var(--zn-green-dark) !important;
    -webkit-text-fill-color: var(--zn-green-dark) !important;
}

body.home .zj-eyebrow,
body.home .zj-step-badge {
    color: var(--zn-gold-aa) !important;
}

body.home .zj-subtitle,
body.home .zj-step-desc {
    color: var(--zn-text-muted) !important;
}

body.home .zj-step-title {
    color: var(--zn-green-dark) !important;
    -webkit-text-fill-color: var(--zn-green-dark) !important;
}

body.home .zj-step-number {
    color: rgba(15, 26, 20, 0.16) !important;
}

body.home .zj-step-badge {
    border-color: rgba(120, 97, 44, 0.34) !important;
}

body.home .zj-connector {
    background: linear-gradient(180deg, rgba(120, 97, 44, 0.32), rgba(120, 97, 44, 0.08)) !important;
}

body.home .zafir-journey .zj-footer .zj-cta,
body.home .zafir-journey .zj-footer .zj-cta:visited,
body.home .zafir-journey .zj-footer .zj-cta:focus,
body.home .zafir-journey .zj-footer .zj-cta:active {
    color: var(--zn-green) !important;
    border-color: rgba(15, 26, 20, 0.34) !important;
}

/* Ürün yorumları açık akış içinde ayrı, sakin bir okuma fazı kazanır. */
.zn-product-page .zn-reviews-wrap {
    position: relative;
    isolation: isolate;
    z-index: 0;
    padding-block: 52px !important;
}

.zn-product-page .zn-reviews-wrap::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0 calc(50% - 50vw);
    background: var(--zn-beige);
}

.zn-product-page .zn-reviews-wrap .comment_container,
.zn-product-page .zn-reviews-wrap .review {
    background: var(--zn-ivory);
}

/* Mobil: daha az boşluk, fakat daha küçük okuma metni yok. */
@media (max-width: 768px) {
    body.home .zf-scene-grid {
        padding: 38px 20px !important;
    }

    body.home .zf-scene-visual {
        padding: 10px 15px !important;
    }

    body.home .zf-scene-info {
        padding: 8px 0 24px !important;
    }

    body.home .zf-vitrin .zf-scene .zf-scene-desc {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }

    body.home .zafir-journey-inner {
        padding: 58px 20px 52px !important;
    }

    body.home .zj-step-title {
        font-size: 22px !important;
    }

    body.home .zj-step-desc {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    body.home .zj-step-badge {
        font-size: 9px !important;
    }

    .zn-product-page .zn-reviews-wrap {
        padding-block: 38px !important;
    }
}

/* ════════════════════════════════════════════════════════════════
   31. SITE GENELI YUZEY DENGESI + MOBIL OKUMA HIZASI (16 Ağu 2026)
   Kural: fildişi kart / krem okuma / bej bölüm / koyu güven alanı.
   Checkout kendi iki snippet'inde kalır; header, footer ve #back-to-top
   bu katmanda değiştirilmez.
   ════════════════════════════════════════════════════════════════ */

/* Ana sayfa: üç uzun ürün sahnesinin ortasında koyu bir anchor geri gelir. */
body.home .zf-scene:nth-of-type(even) {
    background: var(--zn-green) !important;
    color: var(--zn-ivory) !important;
}

body.home .zf-scene:nth-of-type(even)::before {
    background: linear-gradient(90deg, transparent, rgba(229, 200, 125, 0.22), transparent) !important;
}

body.home .zf-scene:nth-of-type(even) .zf-scene-num {
    color: rgba(229, 200, 125, 0.08) !important;
}

body.home .zf-scene:nth-of-type(even) .zf-scene-tag {
    color: var(--zn-gold-light) !important;
}

body.home .zf-scene:nth-of-type(even) .zf-scene-title {
    color: var(--zn-ivory) !important;
    -webkit-text-fill-color: var(--zn-ivory) !important;
}

body.home .zf-scene:nth-of-type(even) .zf-scene-desc {
    color: rgba(255, 254, 249, 0.78) !important;
}

body.home .zf-scene:nth-of-type(even) .zf-scene-btn {
    border-color: var(--zn-gold-light) !important;
    color: var(--zn-gold-light) !important;
}

body.home .zf-scene:nth-of-type(even) .zf-scene-btn:hover {
    background: var(--zn-gold) !important;
    border-color: var(--zn-gold) !important;
    color: var(--zn-green-dark) !important;
}

/* Ürün sayfaları: açık bölümler aynı beyazda birleşmez. */
.zn-product-page {
    background: var(--zn-cream) !important;
}

.zn-product-page .zn-identity {
    background: var(--zn-beige) !important;
}

.zn-product-page .zn-details,
.single-product .zn-related {
    background: var(--zn-cream) !important;
}

.zn-product-page .zn-usage,
.single-product .zn-faq {
    background: var(--zn-beige) !important;
    color: var(--zn-green-dark) !important;
}

.zn-product-page .zn-use-card,
.single-product .zn-faq .zn-faq-acc,
.single-product .zn-related .zn-rel-card {
    background: var(--zn-ivory) !important;
}

/* Yorumlar, bej Kullanım ile bej SSS arasında krem bir okuma fazıdır. */
.zn-product-page .zn-reviews-wrap::before {
    background: var(--zn-cream) !important;
}

/* Kategori sayfaları: hero özel kalır; aşağısı sakin açık/bej ritim izler. */
:is(.za-category, .zc-category, .zk-category, .zku-category) {
    background: var(--zn-cream) !important;
}

:is(
    .za-choice, .zc-choice, .zk-choice, .zku-choice,
    .za-usage, .zc-usage, .zk-usage, .zku-usage
) {
    background: var(--zn-beige) !important;
    box-shadow: 0 0 0 100vmax var(--zn-beige);
    clip-path: inset(0 -100vmax);
}

:is(
    .za-products, .zc-products, .zk-products, .zku-products,
    .za-faq, .zc-faq, .zk-faq, .zku-faq
) {
    background: var(--zn-cream) !important;
    box-shadow: 0 0 0 100vmax var(--zn-cream);
    clip-path: inset(0 -100vmax);
}

/* Blog arşivinde uzun saf-fildişi alan yerine krem zemin, fildişi kart. */
body.page-id-4993 .zafir-blog-page {
    background: var(--zn-cream) !important;
}

body.page-id-4993 .zafir-blog-card-link {
    background: var(--zn-ivory) !important;
}

/* Mobil ürün: Değerlendirmeler ve Kısa Cevaplar kategori sayfası ile
   aynı 20px güvenli içerik payına oturur. */
@media (max-width: 768px) {
    .single-product .zn-product-page .zn-reviews-wrap {
        width: calc(100% - 40px) !important;
        max-width: 820px !important;
        margin-inline: auto !important;
    }

    .single-product .zn-faq {
        padding-inline: 20px !important;
    }

    .single-product .zn-faq-wrap {
        width: 100% !important;
        max-width: 820px !important;
        margin-inline: auto !important;
    }
}

/* 32B. Son yüzey kilidi: 30/31 numaralı eski aday katmanlarından sonra
   gelerek onlarla aynı seçicilerde tam tasarım sistemini kesinleştirir. */

/* Masaüstü dahil ortak okuma ağırlığı ve mat yüzey sistemi. */
.zn-product-page,
:is(.za-category, .zc-category, .zk-category, .zku-category),
body.page-id-6504 :is(.zf-shop-wrapper, .zf-shop-main),
body.page-id-4993 .zafir-blog-page,
body .zafir-story-page,
body .zafir-contact-page,
body .zn-legal-page,
body.woocommerce-cart .woocommerce {
    background: var(--zn-beige, #F5F0E8) !important;
    font-weight: 400 !important;
}

.zn-product-page :is(.zn-lead, .zn-reassurance-row, .zn-re-item span, .zn-use-card p, .comment-text .description p, .zn-details li, .zn-details dd),
:is(.za-category, .zc-category, .zk-category, .zku-category) :is(p, li, dd),
body .zafir-story-page :is(p, li, address),
body .zafir-contact-page :is(p, li, address, label),
body .zn-legal-page :is(p, li, dd, td) {
    font-weight: 400 !important;
}

.zn-product-page :is(.woocommerce-Reviews-title, .zn-re-item span),
:is(.za-category, .zc-category, .zk-category, .zku-category)
:is(.za-lead, .zc-lead, .zk-lead, .zku-lead),
body.page-id-6504 .zf-card-lab {
    font-style: normal !important;
}

.zn-product-page .woocommerce-Reviews-title { font-weight: 500 !important; }
.zn-product-page .zn-re-item span { font-weight: 400 !important; }

:is(.za-category, .zc-category, .zk-category, .zku-category)
:is(.za-lead, .zc-lead, .zk-lead, .zku-lead) {
    font-weight: 400 !important;
}

:is(.za-category, .zc-category, .zk-category, .zku-category)
:is(.za-title, .zc-title, .zk-title, .zku-title) {
    font-size: clamp(48px, 4.6vw, 64px) !important;
    line-height: 1.02 !important;
    text-wrap: balance;
}

:is(.za-card, .zc-card, .zk-card, .zku-card),
body.page-id-6504 .zf-card {
    background: var(--zn-cream, #FAF6F0) !important;
    font-weight: 400 !important;
}

body.page-id-6504 .zf-card-lab {
    font-weight: 500 !important;
    letter-spacing: 0.06em !important;
}

/* Kategori mikro tipografisi: gövdeyi hafifletirken küçük altın etiketlerin
   optik ağırlığını kaybetmesine izin verme. Renk mevcut marka tokenıdır. */
:is(.za-category, .zc-category, .zk-category, .zku-category)
:is(.za-eyebrow, .zc-eyebrow, .zk-eyebrow, .zku-eyebrow) {
    color: var(--zn-gold-aa, #78612C) !important;
    -webkit-text-fill-color: var(--zn-gold-aa, #78612C) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    line-height: 1.5 !important;
}

:is(.za-proof-row, .zc-proof-row, .zk-proof-row, .zku-proof-row) span {
    color: var(--zn-gold-aa, #78612C) !important;
    -webkit-text-fill-color: var(--zn-gold-aa, #78612C) !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

/* Koyu analiz çıpasında koyu altın kullanılmaz; mevcut parlak-altın tokenı
   geri gelir. Böylece açık ve koyu yüzey aynı altın tonuna zorlanmaz. */
:is(.za-analysis, .zc-lab, .zk-analysis, .zku-analysis)
:is(
    .za-eyebrow, .zc-eyebrow, .zk-eyebrow, .zku-eyebrow,
    .za-analysis-kicker, .zc-lab-kicker, .zk-analysis-kicker, .zku-analysis-kicker
) {
    color: var(--zn-gold-light, #E5C87D) !important;
    -webkit-text-fill-color: var(--zn-gold-light, #E5C87D) !important;
}

.zn-product-page .zn-image-frame,
.zn-product-page .zn-details,
.single-product .zn-related,
.zn-product-page .zn-reviews-wrap::before,
.zn-product-page .zn-use-card,
.single-product .zn-faq .zn-faq-acc,
.single-product .zn-related .zn-rel-card,
.zn-product-page .zn-reviews-wrap .comment_container,
.zn-product-page .zn-reviews-wrap .review,
body.page-id-4993 .zafir-blog-card-link {
    background: var(--zn-cream, #FAF6F0) !important;
}

@media (max-width: 768px) {
    /* Açık zemindeki ürün altınları okunabilir marka accent'inde kalır. */
    .zn-product-page .zn-eyebrow,
    .single-product .zn-faq .zn-eyebrow {
        color: var(--zn-gold-aa, #78612C) !important;
        -webkit-text-fill-color: var(--zn-gold-aa, #78612C) !important;
    }

    .single-product #zn-faq-title {
        font-size: 28px !important;
        line-height: 1.12 !important;
    }

    .zn-product-page,
    :is(.za-category, .zc-category, .zk-category, .zku-category),
    body.page-id-6504 .zf-shop-wrapper,
    body.page-id-6504 .zf-shop-main,
    body.page-id-4993 .zafir-blog-page {
        background: var(--zn-beige) !important;
    }

    .zn-product-page .zn-image-frame,
    .zn-product-page .zn-details,
    .single-product .zn-related,
    .zn-product-page .zn-reviews-wrap::before,
    .zn-product-page .zn-use-card,
    .single-product .zn-faq .zn-faq-acc,
    .single-product .zn-related .zn-rel-card,
    .zn-product-page .zn-reviews-wrap .comment_container,
    .zn-product-page .zn-reviews-wrap .review,
    :is(.za-card, .zc-card, .zk-card, .zku-card),
    body.page-id-6504 .zf-card,
    body.page-id-4993 .zafir-blog-card-link {
        background: var(--zn-cream) !important;
    }
}