/* ============================================================
   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
   ════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════
   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);
}




/* ════════════════════════════════════════════════════════════════
   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: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !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: translateX(-50%) !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: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    flex-basis: 40px !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;
}




/* ---------- 2) ÜRÜN SAYFASI BİLEŞENLERİ (.zn-product-page) ---------- */

    .zn-product-page {
        --forest-900: #0F1A14;
        --forest-800: #1A2B20;
        --forest-600: #2C4133;
        --gold-500: #C9A962;
        --gold-300: #E5C87D;
        --gold-700: #A88945;
        --ivory-50:  #FFFEF9;
        --ivory-100: #FAF6F0;
        --ivory-200: #F5F0E8;
        --ink-900:   #0F1A14;
        --ink-700:   #3A3A33;
        --ink-500:   #6B6B61;
        --hairline:        #D9D2C4;
        --hairline-dark:   #2A3A30;
        
        --font-display:   "Cormorant Garamond", "Garamond", serif;
        --font-signature: "Playfair Display", "Cormorant Garamond", serif;
        --font-ui:        "Cinzel", "Cormorant Garamond", serif;
        --font-num:       -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
        --font-body:      "Cormorant Garamond", Georgia, serif;
        
        --shadow-image:  0 24px 48px -32px rgba(15,26,20,0.25);
        
        background: var(--ivory-50);
        color: var(--forest-900);
        font-family: var(--font-body);
        font-size: 16px;
        line-height: 1.65;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }



    .zn-product-page * { box-sizing: border-box; }



    .zn-wrap {
        width: 100%;
        margin: 0 auto;
    }



    /* TYPOGRAPHY UTILS */
    .zn-eyebrow {
        font-family: var(--font-ui);
        font-size: 12px;
        letter-spacing: 0.24em;
        text-transform: uppercase;
        color: var(--gold-500);
        margin: 0 0 16px;
    }



    .zn-italic-gold {
        font-family: var(--font-signature);
        font-style: italic;
        color: var(--gold-700);
        font-weight: 400;
    }



    .zn-italic-gold-light {
        font-family: var(--font-signature);
        font-style: italic;
        color: var(--gold-300);
        font-weight: 400;
    }



    /* HERO */
    .zn-hero {
        display: grid;
        grid-template-columns: 1.05fr 1fr;
        gap: 80px;
        align-items: flex-start;
        padding: 96px 80px;
        max-width: 1200px;
        margin: 0 auto;
    }



    .zn-hero-image-col { position: relative; }


    
    .zn-image-frame {
        margin: 0;
        background: var(--ivory-100);
        aspect-ratio: 1 / 1;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        box-shadow: var(--shadow-image);
    }



    .zn-main-image {
        width: 78%;
        height: auto;
        object-fit: contain;
        display: block;
        filter: drop-shadow(0 30px 40px rgba(15,26,20,0.18));
    }



    .zn-hero-content { padding-top: 8px; }



    .zn-title {
        font-family: var(--font-display);
        font-weight: 500;
        font-size: 44px;
        line-height: 1.12;
        letter-spacing: -0.015em;
        color: var(--forest-900);
        margin: 0 0 16px;
        text-wrap: balance;
    }



    .zn-title-sub {
        display: block;
        font-family: var(--font-signature);
        font-style: italic;
        font-size: 28px;
        color: var(--gold-700);
        margin-top: 6px;
        font-weight: 400;
    }



    .zn-lead {
        font-family: var(--font-display);
        font-style: italic;
        font-size: 17px;
        line-height: 1.6;
        color: var(--ink-700);
        margin: 0 0 28px;
        max-width: 480px;
    }



    /* PROOF CHIPS */
    .zn-proof-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 32px;
    }



    .zn-chip {
        display: inline-flex;
        align-items: center;
        padding: 6px 12px;
        border: 1px solid var(--hairline);
        background: var(--ivory-100);
        font-family: var(--font-ui);
        font-size: 9px;
        letter-spacing: 0.20em;
        text-transform: uppercase;
        color: var(--forest-900);
    }


    
    /* SIZE SELECTOR */
    .zn-size-row {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: -6px 0 22px;
    }


    .zn-size-pill {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 36px;
        padding: 0 18px;
        border: 1px solid var(--hairline);
        border-radius: 20px;
        background: var(--ivory-100);
        color: var(--forest-900);
        font-family: var(--font-ui);
        font-size: 11px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        text-decoration: none !important;
        transition: border-color 200ms ease, background 200ms ease, color 200ms ease;
    }


    .zn-size-pill:hover {
        border-color: var(--gold-500);
        color: var(--gold-700);
    }


    .zn-size-pill.is-active {
        background: var(--forest-900);
        border-color: var(--forest-900);
        color: var(--ivory-50);
        cursor: default;
    }



    .zn-chip-gold {
        border-color: var(--gold-500);
        color: var(--gold-700);
        background: transparent;
    }



    .zn-rule {
        border: 0;
        border-top: 1px solid var(--hairline);
        margin: 0 0 24px;
    }



    /* PRICE & CART */
    .zn-price-row {
        display: flex;
        align-items: baseline;
        gap: 14px;
        margin-bottom: 28px;
    }



    .zn-price .woocommerce-Price-amount,
    .zn-price ins .woocommerce-Price-amount {
        font-family: var(--font-num) !important;
        font-size: 40px !important;
        font-weight: 600 !important;
        font-feature-settings: "tnum" 1 !important;
        letter-spacing: -0.01em !important;
        color: var(--forest-900) !important;
    }



    .zn-price del,
    .zn-price del .woocommerce-Price-amount {
        color: var(--ink-300) !important;
        font-size: 20px !important;
        font-weight: 500 !important;
    }



    .zn-price ins { background: transparent !important; text-decoration: none !important; }



    .zn-price-note {
        font-family: var(--font-ui);
        font-size: 10px;
        letter-spacing: 0.20em;
        text-transform: uppercase;
        color: var(--ink-500);
    }



    .zn-cart-row {
        display: flex;
        gap: 12px;
        margin-bottom: 28px;
    }



    .zn-qty-wrapper {
        display: inline-flex;
        border: 1px solid var(--forest-900);
        height: 56px;
    }



    .zn-sr-only {
        position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
    }



    .zn-qty-btn {
        background: transparent;
        border: 0;
        width: 48px;
        height: 100%;
        font-family: var(--font-num);
        font-size: 18px;
        cursor: pointer;
        color: var(--forest-900);
    }



    .zn-qty-input {
        width: 56px !important;
        height: 100% !important;
        border: 0 !important;
        border-left: 1px solid var(--hairline) !important;
        border-right: 1px solid var(--hairline) !important;
        text-align: center !important;
        font-family: var(--font-num) !important;
        font-weight: 600 !important;
        font-size: 18px !important;
        font-feature-settings: "tnum" 1 !important;
        background: transparent !important;
        color: var(--forest-900) !important;
        padding: 0 !important;
        margin: 0 !important;
        outline: none !important;
        -moz-appearance: textfield !important;
    }



    .zn-qty-input::-webkit-outer-spin-button,
    .zn-qty-input::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
        margin: 0 !important;
    }



    .zn-add-wrapper { flex: 1; }



    .zn-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 56px;
        font-family: var(--font-ui);
        font-size: 12px;
        letter-spacing: 0.20em;
        text-transform: uppercase;
        text-decoration: none;
        cursor: pointer;
        transition: all 250ms ease !important;
    }



    .zn-btn-solid {
        background: var(--forest-900) !important;
        color: var(--ivory-50) !important;
        border: 1px solid var(--forest-900) !important;
    }


    
    .zn-btn-solid:hover, .zn-btn-solid:focus { 
        background: var(--forest-800) !important;
        border-color: var(--gold-500) !important; 
        color: var(--gold-300) !important;
        transform: translateY(-2px);
    }


    
    .zn-btn-solid:active {
        transform: translateY(1px);
        background: var(--forest-900) !important;
        border-color: var(--forest-900) !important;
    }



    .zn-btn.is-loading {
        opacity: 0.7 !important;
        pointer-events: none !important;
    }


    
    .zn-btn.is-added {
        background: var(--forest-600) !important;
        border-color: var(--gold-500) !important;
        color: var(--gold-300) !important;
        pointer-events: none !important;
    }



    /* LAB BADGE */
    .zn-lab-badge {
        display: flex;
        align-items: flex-start;
        gap: 14px;
        padding: 16px 18px;
        background: var(--ivory-100);
        border: 1px solid var(--hairline);
        margin-bottom: 28px;
    }


    .zn-lab-icon {
        flex-shrink: 0;
        width: 34px;
        height: 34px;
        border: 1px solid var(--gold-500);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: var(--gold-500);
        margin-top: 2px;
    }


    .zn-lab-text {
        font-family: var(--font-display);
        font-size: 14px;
        line-height: 1.5;
        color: var(--forest-900);
    }


    .zn-lab-text strong {
        display: block;
        font-weight: 600;
        margin-bottom: 2px;
    }


    .zn-lab-text span {
        font-size: 12px;
        color: var(--ink-500);
        font-style: italic;
    }



    /* REASSURANCE */
    .zn-reassurance-row {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 18px;
        padding-top: 20px;
        border-top: 1px solid var(--hairline);
    }



    .zn-re-item strong {
        display: block;
        font-family: var(--font-ui);
        font-size: 11px;
        letter-spacing: 0.20em;
        text-transform: uppercase;
        color: var(--gold-500);
        margin-bottom: 6px;
        font-weight: 500;
    }



    .zn-re-item span {
        display: block;
        font-family: var(--font-display);
        font-style: italic;
        font-size: 15px;
        color: var(--ink-700);
    }



    /* IDENTITY BAND */
    .zn-identity {
        background: var(--ivory-100);
        padding: 96px 0;
        border-top: 1px solid var(--hairline);
        border-bottom: 1px solid var(--hairline);
    }



    .zn-identity-grid {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 80px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0;
    }



    .zn-id-item {
        padding: 12px 28px;
        border-left: 1px solid var(--hairline);
        display: flex;
        flex-direction: column;
        gap: 8px;
    }


    .zn-id-item:first-child { border-left: 0; }



    .zn-id-kicker {
        font-family: var(--font-ui);
        font-size: 10px;
        letter-spacing: 0.24em;
        text-transform: uppercase;
        color: var(--gold-500);
    }



    .zn-id-value {
        font-family: var(--font-display);
        font-weight: 600;
        font-size: 22px;
        letter-spacing: -0.01em;
        color: var(--forest-900);
    }



    .zn-id-sub {
        font-family: var(--font-display);
        font-style: italic;
        font-size: 13px;
        color: var(--ink-500);
    }



    /* SECTION HEADERS */
    .zn-section-head {
        text-align: center;
        margin-bottom: 56px;
    }



    .zn-section-head h2 {
        font-family: var(--font-display);
        font-weight: 500;
        font-size: 40px;
        letter-spacing: -0.015em;
        color: var(--forest-900);
        margin: 0;
    }



    /* DETAILS */
    .zn-details { padding: 128px 0; }



    .zn-detail-grid {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 80px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0;
        border-top: 1px solid var(--hairline);
        border-bottom: 1px solid var(--hairline);
    }



    .zn-detail-item {
        padding: 40px 32px;
        border-left: 1px solid var(--hairline);
        display: flex;
        flex-direction: column;
        gap: 14px;
    }


    .zn-detail-item:first-child { border-left: 0; }



    .zn-detail-num {
        font-family: var(--font-num);
        font-size: 11px;
        letter-spacing: 0.22em;
        color: var(--gold-500);
        font-feature-settings: "tnum" 1;
    }



    .zn-detail-h {
        font-size: 22px;
        font-family: var(--font-display);
        font-weight: 600;
        letter-spacing: -0.005em;
        line-height: 1.25;
        color: var(--forest-900);
        margin: 0;
    }



    .zn-detail-p {
        font-family: var(--font-display);
        font-size: 15px;
        line-height: 1.65;
        color: var(--ink-700);
        margin: 0;
    }



    /* LAB ANALYSIS */
    .zn-analysis {
        background: var(--forest-900);
        color: var(--ivory-50);
        padding: 128px 0;
    }



    .zn-anl-head { text-align: center; margin-bottom: 56px; }


    .zn-anl-head h2 {
        font-family: var(--font-display);
        font-weight: 500;
        font-size: 40px;
        letter-spacing: -0.015em;
        color: var(--ivory-50);
        margin: 14px 0 10px;
    }



    .zn-anl-desc {
        font-family: var(--font-display);
        font-style: italic;
        font-size: 16px;
        color: var(--ivory-200);
        max-width: 560px;
        margin: 0 auto;
    }



    .zn-anl-grid {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 80px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        border-top: 1px solid var(--hairline-dark);
        border-bottom: 1px solid var(--hairline-dark);
    }



    .zn-anl-stat-col {
        padding: 56px 48px;
        border-right: 1px solid var(--hairline-dark);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 8px;
    }



    .zn-anl-kicker {
        font-family: var(--font-ui);
        font-size: 11px;
        letter-spacing: 0.24em;
        text-transform: uppercase;
        color: var(--gold-500);
    }



    .zn-anl-big-num {
        font-family: var(--font-num);
        font-weight: 600;
        font-size: 144px;
        line-height: 1;
        font-feature-settings: "tnum" 1;
        letter-spacing: -0.04em;
        color: var(--ivory-50);
    }


    
    .zn-anl-percent {
        font-size: 56px;
        color: var(--gold-500);
        margin-left: 4px;
        vertical-align: top;
        position: relative;
        top: 24px;
        font-weight: 500;
    }



    .zn-anl-divider {
        width: 80px;
        height: 1px;
        background: var(--gold-500);
        margin: 12px auto 4px;
    }



    .zn-anl-note {
        font-family: var(--font-display);
        font-size: 16px;
        line-height: 1.62;
        color: var(--ivory-200);
        max-width: 500px;
        text-align: left;
    }



    .zn-anl-metric-list {
        display: grid;
        gap: 8px;
        margin: 0 0 18px;
        font-family: var(--font-num);
        font-size: 16px;
        color: var(--ivory-50);
    }



    .zn-anl-metric-list span {
        display: flex;
        justify-content: space-between;
        gap: 18px;
        padding-bottom: 8px;
        border-bottom: 1px solid rgba(201,169,98,0.28);
    }



    .zn-anl-metric-list strong {
        font-family: var(--font-ui);
        font-size: 11px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--gold-500);
        font-weight: 400;
    }



    .zn-anl-proof + .zn-anl-proof {
        margin-top: 18px;
    }



    .zn-anl-proof h3 {
        margin: 0 0 6px;
        font-family: var(--font-display);
        font-size: 21px;
        line-height: 1.25;
        font-weight: 500;
        color: var(--ivory-50);
    }



    .zn-anl-proof p {
        margin: 0;
    }



    .zn-anl-info-col {
        padding: 56px 48px;
        display: flex;
        flex-direction: column;
        gap: 22px;
        justify-content: center;
        align-items: center;
        text-align: center;
    }



    .zn-anl-auth-name {
        font-family: var(--font-display);
        font-weight: 500;
        font-size: 18px;
        color: var(--ivory-50);
        line-height: 1.4;
        margin-top: 6px;
    }



    .zn-anl-meta-grid {
        display: grid;
        grid-template-columns: auto auto;
        justify-content: center;
        gap: 10px 24px;
        font-family: var(--font-num);
        font-size: 13px;
        color: var(--ivory-200);
        font-feature-settings: "tnum" 1;
        text-align: left;
    }



    .zn-anl-meta-lbl {
        color: var(--gold-500);
        letter-spacing: 0.18em;
        text-transform: uppercase;
        font-family: var(--font-ui);
        font-size: 10px;
    }



    .zn-anl-link {
        font-family: var(--font-ui) !important;
        font-size: 11px !important;
        letter-spacing: 0.22em !important;
        text-transform: uppercase !important;
        color: var(--gold-500) !important;
        text-decoration: none !important;
        padding-bottom: 6px !important;
        display: inline-block;
        position: relative;
        transition: color 300ms ease, text-shadow 300ms ease !important;
    }



    .zn-anl-link::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 40px;
        height: 1px;
        background-color: var(--gold-500);
        transition: width 300ms ease, background-color 300ms ease, box-shadow 300ms ease;
    }



    .zn-anl-link:hover {
        color: var(--gold-300) !important;
        text-shadow: 0 0 10px rgba(229, 200, 125, 0.4) !important;
    }



    .zn-anl-link:hover::after {
        width: 100%;
        background-color: var(--gold-300);
        box-shadow: 0 0 8px rgba(229, 200, 125, 0.5);
    }



    .zn-anl-disclaimer {
        font-family: var(--font-display);
        font-style: italic;
        font-size: 13px;
        color: var(--ivory-200);
        text-align: center;
        margin-top: 28px;
        opacity: 0.7;
    }



    /* USAGE & STORAGE */
    .zn-usage {
        padding: 128px 0;
        background: var(--ivory-50);
    }



    .zn-usage-grid {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 80px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
    }



    .zn-use-card {
        padding: 32px;
        background: var(--ivory-100);
        border-top: 2px solid var(--gold-500);
        display: flex;
        flex-direction: column;
        gap: 14px;
    }



    .zn-use-kicker {
        font-family: var(--font-ui);
        font-size: 11px;
        letter-spacing: 0.24em;
        text-transform: uppercase;
        color: var(--gold-500);
    }



    .zn-use-h {
        font-family: var(--font-display);
        font-weight: 600;
        font-size: 24px;
        letter-spacing: -0.005em;
        color: var(--forest-900);
        margin: 0;
    }



    .zn-use-p {
        font-family: var(--font-display);
        font-size: 15px;
        line-height: 1.65;
        color: var(--ink-700);
        margin: 0;
    }



    .zn-quote-block {
        margin: 96px auto 0 !important;
        padding: 0 20px !important;
        max-width: 720px !important;
        text-align: center !important;
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
    }



    .zn-quote-glyph { 
        color: var(--gold-500) !important; 
        font-size: 14px !important; 
        display: inline-block !important;
    }


    
    .zn-quote-text {
        font-family: var(--font-signature) !important;
        font-style: italic !important;
        font-size: 26px !important;
        line-height: 1.5 !important;
        color: var(--forest-900) !important;
        margin: 16px 0 !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }



    .zn-quote-text::before,
    .zn-quote-text::after {
        display: none !important;
        content: none !important;
    }



    /* RELATED */
    .zn-related {
        background: var(--ivory-100);
        padding: 128px 0;
        border-top: 1px solid var(--hairline);
    }



    .zn-related-grid {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 80px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }



    .zn-rel-card {
        background: var(--ivory-50);
        border: 1px solid var(--hairline);
        display: flex;
        flex-direction: column;
        text-decoration: none;
        color: inherit;
        transition: border-color 300ms ease;
    }


    
    .zn-rel-card:hover { border-color: var(--forest-600); }


    .zn-rel-card:hover .zn-rel-img { transform: scale(1.03); }


    .zn-rel-card:hover .zn-rel-link::after { width: 100%; }



    .zn-rel-img-wrap {
        aspect-ratio: 1 / 1;
        background: var(--ivory-200);
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }



    .zn-rel-img {
        width: 70%;
        height: auto;
        object-fit: contain;
        filter: drop-shadow(0 24px 32px rgba(15,26,20,0.15));
        transition: transform 600ms cubic-bezier(0.22,0.61,0.36,1);
    }



    .zn-rel-content {
        padding: 26px 28px 28px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }



    .zn-rel-eyebrow {
        font-family: var(--font-ui);
        font-size: 10px;
        letter-spacing: 0.22em;
        text-transform: uppercase;
        color: var(--gold-500);
    }



    .zn-rel-h {
        font-family: var(--font-display);
        font-weight: 600;
        font-size: 22px;
        letter-spacing: -0.005em;
        color: var(--forest-900);
        margin: 0;
    }



    .zn-rel-p {
        font-family: var(--font-display);
        font-style: italic;
        font-size: 14px;
        line-height: 1.55;
        color: var(--ink-500);
        margin: 0;
    }



    .zn-rel-link {
        margin-top: 14px;
        font-family: var(--font-ui);
        font-size: 11px;
        letter-spacing: 0.22em;
        text-transform: uppercase;
        color: var(--forest-900);
        padding-bottom: 6px;
        align-self: flex-start;
        position: relative;
    }



    .zn-rel-link::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 40px;
        height: 1px;
        background-color: var(--gold-500);
        transition: width 300ms ease;
    }



    /* REVEAL ANIMATIONS */
    .zn-reveal {
        opacity: 0;
        transform: translateY(24px);
        transition: opacity 780ms ease, transform 780ms ease;
    }



    .zn-reveal.is-visible {
        opacity: 1;
        transform: translateY(0);
    }



    /* MOBILE RESPONSIVE */
    @media (max-width: 900px) {
        .zn-hero { grid-template-columns: 1fr; gap: 40px; padding: 64px 20px; }
        .zn-cart-row { flex-direction: row; align-items: stretch; }
        .zn-reassurance-row { grid-template-columns: 1fr; gap: 12px; }
        
        .zn-identity-grid { grid-template-columns: 1fr 1fr; padding: 0 20px; }
        .zn-id-item { padding: 16px 18px; border-left: 0; border-top: 1px solid var(--hairline); }
        .zn-id-item:first-child, .zn-id-item:nth-child(2) { border-top: 0; }
        .zn-id-item:nth-child(2n) { border-left: 1px solid var(--hairline); }

        .zn-detail-grid { grid-template-columns: 1fr; padding: 0 20px; }
        .zn-detail-item { border-left: 0; padding: 28px 4px; border-top: 1px solid var(--hairline); }
        .zn-detail-item:first-child { border-top: 0; }

        .zn-anl-grid { grid-template-columns: 1fr; padding: 0 20px; }
        .zn-anl-stat-col { border-right: 0; border-bottom: 1px solid var(--hairline-dark); padding: 36px 24px; }
        .zn-anl-info-col { padding: 36px 24px; }
        .zn-anl-big-num { font-size: 96px; }
        .zn-anl-metric-list span { flex-direction: column; gap: 2px; }
        .zn-anl-proof h3 { font-size: 20px; }

        .zn-usage-grid { grid-template-columns: 1fr; padding: 0 20px; gap: 18px; }
        .zn-related-grid { grid-template-columns: 1fr; padding: 0 20px; gap: 18px; }
    }

@media (prefers-reduced-motion: reduce) {

        .zn-reveal, .zn-main-image, .zn-btn, .zn-rel-img { transition: none !important; }
}




/* ---------- 3) KATEGORİ SAYFASI BİLEŞENLERİ (.zc-category) ---------- */

    .za-category {
        --za-forest: #0F1A14;
        --za-gold: #C9A962;
        --za-gold-light: #E5C87D;
        --za-gold-readable: #8A6F32;
        --za-ivory: #FFFEF9;
        --za-cream: #FAF6F0;
        --za-beige: #F5F0E8;
        --za-line: rgba(15, 26, 20, 0.12);
        --za-line-dark: rgba(229, 200, 125, 0.18);
        --za-muted: #354038;
        --za-soft-text: #4D584F;
        --za-shadow: 0 22px 46px rgba(15, 26, 20, 0.08);
        --za-display: "Cormorant Garamond", Garamond, serif;
        --za-signature: "Playfair Display", "Cormorant Garamond", serif;
        --za-ui: "Cinzel", "Cormorant Garamond", serif;
        --za-body: "Cormorant Garamond", Georgia, serif;
        --za-num: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
        background: var(--za-ivory);
        color: var(--za-forest);
        font-family: var(--za-body);
        font-size: 18px;
        line-height: 1.65;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        overflow-x: clip;
    }



    .za-category *,
    .za-category *::before,
    .za-category *::after {
        box-sizing: border-box;
    }



    .za-category a {
        color: inherit;
    }



    .za-wrap {
        width: 100%;
        margin: 0 auto;
    }



    .za-eyebrow {
        margin: 0 0 14px;
        color: var(--za-gold-readable);
        font-family: var(--za-ui);
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0.22em;
        line-height: 1.4;
        text-transform: uppercase;
    }



    .za-hero {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.75fr);
        gap: clamp(34px, 6vw, 80px);
        align-items: center;
        max-width: 1180px;
        margin: 0 auto;
        padding: clamp(64px, 8vw, 108px) clamp(20px, 5vw, 64px);
    }



    .za-title {
        max-width: 760px;
        margin: 0;
        color: var(--za-forest);
        font-family: var(--za-display);
        font-size: clamp(42px, 6vw, 76px);
        font-weight: 500;
        letter-spacing: 0;
        line-height: 0.98;
        text-wrap: balance;
    }



    .za-title span {
        display: block;
        margin-top: 14px;
        color: var(--za-gold-readable);
        font-family: var(--za-signature);
        font-size: clamp(23px, 3vw, 34px);
        font-style: italic;
        font-weight: 400;
        line-height: 1.18;
    }



    .za-lead {
        max-width: 660px;
        margin: 26px 0 0;
        color: var(--za-muted);
        font-family: var(--za-display);
        font-size: clamp(18px, 2vw, 22px);
        font-style: italic;
        line-height: 1.55;
    }



    .za-proof-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 30px;
    }



    .za-proof-row span {
        display: inline-flex;
        align-items: center;
        min-height: 34px;
        padding: 8px 12px;
        border: 1px solid rgba(201, 169, 98, 0.28);
        border-radius: 4px;
        color: var(--za-forest);
        background: rgba(245, 240, 232, 0.72);
        font-family: var(--za-ui);
        font-size: 10px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
    }



    .za-hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 34px;
    }



    .za-btn,
    .za-buy,
    .za-detail-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        border-radius: 4px;
        font-family: var(--za-ui);
        font-size: 11px;
        font-weight: 400;
        letter-spacing: 0.16em;
        text-decoration: none !important;
        text-transform: uppercase;
        transition: background 220ms ease, border-color 220ms ease, color 220ms ease, transform 220ms ease;
    }



    .za-btn {
        padding: 12px 18px;
        border: 1px solid var(--za-forest);
    }



    .za-btn-primary {
        background: var(--za-forest);
        color: var(--za-ivory) !important;
    }



    .za-btn-outline {
        background: transparent;
        color: var(--za-forest) !important;
    }



    .za-btn:hover,
    .za-buy:hover,
    .za-detail-link:hover {
        transform: translateY(-1px);
    }



    .za-btn-primary:hover,
    .za-buy:hover {
        background: var(--za-gold);
        border-color: var(--za-gold);
        color: var(--za-forest) !important;
    }



    .za-btn-outline:hover {
        border-color: var(--za-gold-readable);
        color: var(--za-gold-readable) !important;
    }



    .za-hero-visual {
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 4 / 5;
        margin: 0;
        border: 1px solid var(--za-line);
        border-radius: 4px;
        background: linear-gradient(180deg, rgba(255, 254, 249, 0.75), rgba(245, 240, 232, 0.92)), var(--za-beige);
        overflow: hidden;
        box-shadow: var(--za-shadow);
    }



    .za-hero-visual img {
        display: block;
        width: min(76%, 360px);
        height: auto;
        filter: drop-shadow(0 28px 32px rgba(15, 26, 20, 0.16));
    }



    .za-choice,
    .za-products,
    .za-usage {
        max-width: 1180px;
        margin: 0 auto;
        padding: clamp(52px, 7vw, 88px) clamp(20px, 5vw, 64px);
    }



    .za-section-head {
        max-width: 620px;
        margin-bottom: 34px;
    }



    .za-section-head-centered {
        max-width: 760px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }



    .za-section-head h3,
    .za-analysis-copy h3,
    .za-usage h4 {
        margin: 0;
        color: var(--za-forest);
        font-family: var(--za-display);
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.08;
    }



    .za-section-head h3,
    .za-analysis-copy h3 {
        font-size: clamp(34px, 4vw, 52px);
    }



    .za-choice-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-top: 1px solid var(--za-line);
        border-bottom: 1px solid var(--za-line);
    }



    .za-choice-item {
        padding: 28px 24px 30px;
        border-left: 1px solid var(--za-line);
    }



    .za-choice-item:first-child {
        border-left: 0;
    }



    .za-choice-kicker,
    .za-card-topline,
    .za-analysis-kicker,
    .za-usage article span {
        color: var(--za-gold-readable);
        font-family: var(--za-ui);
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0.14em;
        text-transform: uppercase;
    }



    .za-choice-item strong {
        display: block;
        margin-top: 10px;
        color: var(--za-forest);
        font-family: var(--za-display);
        font-size: 28px;
        font-weight: 600;
        line-height: 1.12;
    }



    .za-choice-item p {
        margin: 14px 0 0;
        color: var(--za-soft-text);
        font-size: 17px;
        line-height: 1.55;
    }



    .za-product-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
        align-items: stretch;
    }



    .za-card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        border: 1px solid var(--za-line);
        border-radius: 4px;
        background: var(--za-ivory);
        overflow: hidden;
        transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
    }



    .za-card:hover {
        border-color: rgba(201, 169, 98, 0.42);
        box-shadow: var(--za-shadow);
        transform: translateY(-2px);
    }



    .za-card-featured {
        border-color: rgba(201, 169, 98, 0.58);
    }



    .za-badge {
        position: absolute;
        z-index: 2;
        top: 12px;
        right: 12px;
        padding: 7px 10px;
        border: 1px solid rgba(201, 169, 98, 0.48);
        border-radius: 4px;
        background: rgba(15, 26, 20, 0.92);
        color: var(--za-gold-light);
        font-family: var(--za-ui);
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 0.13em;
        text-transform: uppercase;
    }



    .za-card-image {
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 1 / 1;
        padding: 24px;
        border-bottom: 1px solid var(--za-line);
        background: linear-gradient(180deg, var(--za-cream), var(--za-beige));
        text-decoration: none !important;
    }



    .za-card-image img {
        display: block;
        width: 82%;
        max-height: 100%;
        object-fit: contain;
        filter: drop-shadow(0 22px 24px rgba(15, 26, 20, 0.15));
        transition: transform 420ms ease;
    }



    .za-card:hover .za-card-image img {
        transform: translateY(-3px);
    }



    .za-card-body {
        display: flex;
        flex: 1;
        flex-direction: column;
        padding: 22px;
    }



    .za-card-topline {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 12px;
    }



    .za-stock {
        color: var(--za-soft-text);
        text-align: right;
    }



    .za-stock.is-in-stock {
        color: #2F6840;
    }



    .za-stock.is-out-of-stock {
        color: #9A674A;
    }



    .za-card h4 {
        margin: 0;
        color: var(--za-forest);
        font-family: var(--za-display);
        font-size: 25px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 1.12;
    }



    .za-card h4 a {
        text-decoration: none !important;
    }



    .za-card h4 a:hover {
        color: var(--za-gold-readable);
    }



    .za-card-desc {
        margin: 13px 0 0;
        color: var(--za-soft-text);
        font-size: 16px;
        line-height: 1.52;
    }



    .za-card-list {
        display: grid;
        gap: 8px;
        margin: 20px 0 0;
        padding: 0;
        list-style: none;
    }



    .za-card-list li {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #2F3A33;
        font-size: 15px;
        line-height: 1.35;
    }



    .za-card-list li::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 1px;
        background: var(--za-gold);
        flex: 0 0 auto;
    }



    .za-card-footer {
        display: grid;
        gap: 10px;
        margin-top: auto;
        padding-top: 24px;
    }



    .za-price {
        min-height: 34px;
        color: var(--za-forest) !important;
        font-family: var(--za-num);
        font-size: 24px;
        font-weight: 650;
        font-variant-numeric: tabular-nums;
        line-height: 1.2;
    }



    .za-price .woocommerce-Price-amount,
    .za-price .woocommerce-Price-currencySymbol {
        color: var(--za-forest) !important;
        font-family: var(--za-num) !important;
        font-weight: 650 !important;
    }



    .za-buy {
        width: 100%;
        padding: 12px 16px;
        border: 1px solid var(--za-forest);
        background: var(--za-forest);
        color: var(--za-ivory) !important;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0.12em;
    }



    .za-buy.is-loading,
    .za-buy.loading {
        pointer-events: none;
        opacity: 0.72;
    }



    .za-buy.is-added,
    .za-buy.added {
        border-color: rgba(201, 169, 98, 0.58);
        background: var(--za-cream);
        color: var(--za-forest) !important;
    }



    .za-buy.is-disabled {
        pointer-events: none;
        opacity: 0.46;
    }



    .za-detail-link {
        min-height: 36px;
        color: var(--za-forest) !important;
        text-decoration: underline !important;
        text-underline-offset: 5px;
    }



    .za-analysis {
        display: grid;
        grid-template-columns: 0.72fr 1fr;
        gap: clamp(28px, 5vw, 70px);
        align-items: center;
        margin: 0;
        padding: clamp(60px, 8vw, 96px) clamp(20px, 6vw, 80px);
        background: var(--za-forest);
        color: var(--za-ivory);
    }



    .za-analysis-stat {
        display: grid;
        justify-items: center;
        padding: clamp(32px, 6vw, 54px);
        border: 1px solid var(--za-line-dark);
        border-radius: 4px;
        text-align: center;
    }



    .za-analysis-stat strong {
        display: block;
        margin: 10px 0;
        color: var(--za-gold-light);
        font-family: var(--za-num);
        font-size: clamp(70px, 9vw, 118px);
        font-weight: 650;
        letter-spacing: 0;
        line-height: 0.9;
    }



    .za-analysis-stat span:last-child {
        max-width: 300px;
        color: rgba(255, 254, 249, 0.76);
        font-size: 17px;
    }



    .za-analysis-copy {
        max-width: 660px;
    }



    .za-analysis-copy h3 {
        color: var(--za-ivory);
    }



    .za-analysis-copy p:not(.za-eyebrow) {
        margin: 18px 0 0;
        color: rgba(255, 254, 249, 0.82);
        font-size: 18px;
        line-height: 1.7;
    }



    .za-metric-row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-top: 24px;
    }



    .za-metric-row span {
        display: grid;
        gap: 4px;
        padding: 14px;
        border: 1px solid rgba(229, 200, 125, 0.24);
        border-radius: 4px;
        color: rgba(255, 254, 249, 0.82);
        font-size: 16px;
    }



    .za-metric-row strong {
        color: var(--za-gold-light);
        font-family: var(--za-num);
        font-size: 22px;
        font-weight: 650;
    }



    .za-analysis-links {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 26px;
    }



    .za-analysis-links a {
        display: inline-flex;
        align-items: center;
        min-height: 38px;
        padding: 9px 12px;
        border: 1px solid rgba(229, 200, 125, 0.32);
        border-radius: 4px;
        color: var(--za-gold-light) !important;
        font-family: var(--za-ui);
        font-size: 10px;
        letter-spacing: 0.13em;
        text-decoration: none !important;
        text-transform: uppercase;
    }



    .za-analysis-links a:hover {
        background: rgba(229, 200, 125, 0.1);
        color: var(--za-ivory) !important;
    }



    .za-usage-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1px;
        background: var(--za-line);
        border: 1px solid var(--za-line);
    }



    .za-usage article {
        padding: 28px;
        background: var(--za-ivory);
    }



    .za-usage h4 {
        margin-top: 12px;
        font-size: 25px;
    }



    .za-usage p {
        margin: 12px 0 0;
        color: var(--za-soft-text);
        font-size: 17px;
        line-height: 1.58;
    }



    .za-faq {
        max-width: 1180px;
        margin: 0 auto;
        padding: clamp(52px, 7vw, 88px) clamp(20px, 5vw, 64px);
    }



    .za-faq-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1px;
        background: var(--za-line);
        border: 1px solid var(--za-line);
    }



    .za-faq article {
        padding: 28px;
        background: var(--za-ivory);
    }



    .za-faq h4 {
        margin: 0;
        color: var(--za-forest);
        font-family: var(--za-display);
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.08;
        font-size: 25px;
    }



    .za-faq p {
        margin: 12px 0 0;
        color: var(--za-soft-text);
        font-size: 17px;
        line-height: 1.58;
    }



    .za-reveal {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 720ms ease, transform 720ms ease;
    }



    .za-reveal.is-visible {
        opacity: 1;
        transform: translateY(0);
    }

@media (max-width: 1180px) {

        .za-choice-grid,
        .za-product-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}

@media (max-width: 980px) {

        .za-hero,
        .za-analysis {
            grid-template-columns: 1fr;
        }


        .za-hero-visual {
            max-width: 440px;
            width: 100%;
            margin: 0 auto;
        }


        .za-usage-grid,
        .za-faq-grid {
            grid-template-columns: 1fr;
        }
}

@media (max-width: 640px) {

        .za-category {
            font-size: 17px;
        }


        .za-hero,
        .za-choice,
        .za-products,
        .za-usage {
            padding-right: 16px;
            padding-left: 16px;
        }


        .za-title {
            font-size: clamp(38px, 11vw, 48px);
        }


        .za-proof-row,
        .za-hero-actions,
        .za-analysis-links {
            flex-direction: column;
            align-items: stretch;
        }


        .za-proof-row span,
        .za-btn,
        .za-analysis-links a {
            justify-content: center;
            width: 100%;
            text-align: center;
        }


        .za-choice-grid,
        .za-product-grid,
        .za-metric-row {
            grid-template-columns: 1fr;
        }


        .za-choice-item,
        .za-choice-item:first-child {
            border-left: 0;
            border-top: 1px solid var(--za-line);
        }


        .za-choice-item:first-child {
            border-top: 0;
        }


        .za-card-body,
        .za-choice-item,
        .za-usage article {
            padding: 22px;
        }


        .za-card-image {
            padding: 22px;
        }


        .za-card-topline {
            align-items: flex-start;
            flex-direction: column;
            gap: 4px;
        }


        .za-stock {
            text-align: left;
        }


        .za-analysis {
            padding-right: 16px;
            padding-left: 16px;
        }
}

@media (prefers-reduced-motion: reduce) {

        .za-reveal,
        .za-card,
        .za-card-image img,
        .za-btn,
        .za-buy,
        .za-detail-link {
            transition: none !important;
        }
}




/* === EK KURALLAR (dosyalardan toplanan eksikler) === */

    .zn-product-page {
        --forest-900: #0F1A14;
        --forest-800: #1A2B20;
        --forest-600: #2C4133;
        --gold-500: #C9A962;
        --gold-300: #E5C87D;
        --gold-700: #A88945;
        --ivory-50:  #FFFEF9;
        --ivory-100: #FAF6F0;
        --ivory-200: #F5F0E8;
        --ink-900:   #0F1A14;
        --ink-700:   #3A3A33;
        --ink-500:   #6B6B61;
        --hairline:        #D9D2C4;
        --hairline-dark:   #2A3A30;
        
        --font-display:   "Cormorant Garamond", "Garamond", serif;
        --font-signature: "Playfair Display", "Cormorant Garamond", serif;
        --font-ui:        "Cinzel", "Cormorant Garamond", serif;
        --font-num:       -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
        --font-body:      "Cormorant Garamond", Georgia, serif;
        
        --shadow-image:  0 24px 48px -32px rgba(15,26,20,0.25);
        
        background: var(--ivory-50);
        color: var(--forest-900);
        font-family: var(--font-body);
        font-size: 16px;
        line-height: 1.65;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }




    .zn-rating-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        padding-left: 14px;
        border-left: 2px solid var(--gold-500);
        margin-bottom: 32px;
    }




    .zn-chip-link {
        text-decoration: none !important;
        cursor: pointer;
        transition: color 300ms ease, text-shadow 300ms ease, border-color 300ms ease;
    }




    .zn-chip-link:hover,
    .zn-chip-link:focus {
        color: var(--gold-300) !important;
        border-color: var(--gold-300) !important;
        text-shadow: 0 0 8px rgba(229,200,125,0.35);
    }




    .zn-quote-source {
        display: block;
        font-family: var(--font-ui);
        font-size: 11px;
        letter-spacing: 0.20em;
        text-transform: uppercase;
        color: var(--gold-500);
        margin: 4px 0 0;
    }




    /* SOCIAL PROOF */
    .zn-social-proof {
        margin-top: 28px;
        padding-top: 24px;
        border-top: 1px solid var(--hairline);
        display: flex;
        flex-direction: column;
        gap: 16px;
    }




    .zn-sp-item {
        padding-left: 16px;
        border-left: 2px solid var(--gold-500);
    }




    .zn-sp-text {
        font-family: var(--font-display);
        font-style: italic;
        font-size: 15px;
        line-height: 1.6;
        color: var(--ink-700);
        margin: 0 0 6px;
    }




    .zn-sp-source {
        display: block;
        font-family: var(--font-ui);
        font-size: 10px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--gold-500);
    }




    .zn-btn-soldout {
        background: transparent !important;
        color: rgba(26, 43, 32, 0.45) !important;
        border: 1px solid rgba(26, 43, 32, 0.2) !important;
        cursor: not-allowed !important;
        user-select: none;
    }



    .zc-category {
        --zc-forest: #0F1A14;
        --zc-forest-2: #1A2B20;
        --zc-gold: #C9A962;
        --zc-gold-light: #E5C87D;
        --zc-gold-readable: #8A6F32;
        --zc-ivory: #FFFEF9;
        --zc-cream: #FAF6F0;
        --zc-beige: #F5F0E8;
        --zc-line: rgba(15, 26, 20, 0.12);
        --zc-line-dark: rgba(229, 200, 125, 0.18);
        --zc-muted: #354038;
        --zc-soft-text: #4D584F;
        --zc-shadow: 0 22px 46px rgba(15, 26, 20, 0.08);
        --zc-display: "Cormorant Garamond", Garamond, serif;
        --zc-signature: "Playfair Display", "Cormorant Garamond", serif;
        --zc-ui: "Cinzel", "Cormorant Garamond", serif;
        --zc-body: "Cormorant Garamond", Georgia, serif;
        --zc-num: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
        background: var(--zc-ivory);
        color: var(--zc-forest);
        font-family: var(--zc-body);
        font-size: 18px;
        line-height: 1.65;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        overflow-x: clip;
    }




    .zc-category *,
    .zc-category *::before,
    .zc-category *::after {
        box-sizing: border-box;
    }




    .zc-category a {
        color: inherit;
    }




    .zc-wrap {
        width: 100%;
        margin: 0 auto;
    }




    .zc-eyebrow {
        margin: 0 0 14px;
        color: var(--zc-gold-readable);
        font-family: var(--zc-ui);
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0.22em;
        line-height: 1.4;
        text-transform: uppercase;
    }




    .zc-hero {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.75fr);
        gap: clamp(34px, 6vw, 80px);
        align-items: center;
        max-width: 1180px;
        margin: 0 auto;
        padding: clamp(64px, 8vw, 108px) clamp(20px, 5vw, 64px);
    }




    .zc-title {
        max-width: 740px;
        margin: 0;
        color: var(--zc-forest);
        font-family: var(--zc-display);
        font-size: clamp(42px, 6vw, 76px);
        font-weight: 500;
        letter-spacing: 0;
        line-height: 0.98;
        text-wrap: balance;
    }




    .zc-title span {
        display: block;
        margin-top: 14px;
        color: var(--zc-gold-readable);
        font-family: var(--zc-signature);
        font-size: clamp(23px, 3vw, 34px);
        font-style: italic;
        font-weight: 400;
        line-height: 1.18;
    }




    .zc-lead {
        max-width: 660px;
        margin: 26px 0 0;
        color: var(--zc-muted);
        font-family: var(--zc-display);
        font-size: clamp(18px, 2vw, 22px);
        font-style: italic;
        line-height: 1.55;
    }




    .zc-proof-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 30px;
    }




    .zc-proof-row span {
        display: inline-flex;
        align-items: center;
        min-height: 34px;
        padding: 8px 12px;
        border: 1px solid rgba(201, 169, 98, 0.28);
        border-radius: 4px;
        color: var(--zc-forest);
        background: rgba(245, 240, 232, 0.72);
        font-family: var(--zc-ui);
        font-size: 10px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
    }




    .zc-hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 34px;
    }




    .zc-btn,
    .zc-buy,
    .zc-detail-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        border-radius: 4px;
        font-family: var(--zc-ui);
        font-size: 11px;
        font-weight: 400;
        letter-spacing: 0.16em;
        text-decoration: none !important;
        text-transform: uppercase;
        transition: background 220ms ease, border-color 220ms ease, color 220ms ease, transform 220ms ease;
    }




    .zc-btn {
        padding: 12px 18px;
        border: 1px solid var(--zc-forest);
    }




    .zc-btn-primary {
        background: var(--zc-forest);
        color: var(--zc-ivory) !important;
    }




    .zc-btn-outline {
        background: transparent;
        color: var(--zc-forest) !important;
    }




    .zc-btn:hover,
    .zc-buy:hover,
    .zc-detail-link:hover {
        transform: translateY(-1px);
    }




    .zc-btn-primary:hover {
        background: var(--zc-gold);
        border-color: var(--zc-gold);
        color: var(--zc-forest) !important;
    }




    .zc-btn-outline:hover {
        border-color: var(--zc-gold-readable);
        color: var(--zc-gold-readable) !important;
    }




    .zc-hero-visual {
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 4 / 5;
        margin: 0;
        border: 1px solid var(--zc-line);
        border-radius: 4px;
        background:
            linear-gradient(180deg, rgba(255, 254, 249, 0.75), rgba(245, 240, 232, 0.92)),
            var(--zc-beige);
        overflow: hidden;
        box-shadow: var(--zc-shadow);
    }




    .zc-hero-visual img {
        display: block;
        width: min(76%, 360px);
        height: auto;
        filter: drop-shadow(0 28px 32px rgba(15, 26, 20, 0.16));
    }




    .zc-choice,
    .zc-products,
    .zc-usage {
        max-width: 1180px;
        margin: 0 auto;
        padding: clamp(52px, 7vw, 88px) clamp(20px, 5vw, 64px);
    }




    .zc-section-head {
        max-width: 620px;
        margin-bottom: 34px;
    }




    .zc-section-head-centered {
        max-width: 760px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }




    .zc-section-head h3,
    .zc-lab-copy h3,
    .zc-usage h4 {
        margin: 0;
        color: var(--zc-forest);
        font-family: var(--zc-display);
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.08;
    }




    .zc-section-head h3,
    .zc-lab-copy h3 {
        font-size: clamp(34px, 4vw, 52px);
    }




    .zc-section-head p:not(.zc-eyebrow) {
        max-width: 620px;
        margin: 16px auto 0;
        color: var(--zc-muted);
        font-family: var(--zc-display);
        font-size: 18px;
        font-style: italic;
    }




    .zc-choice-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        border-top: 1px solid var(--zc-line);
        border-bottom: 1px solid var(--zc-line);
    }




    .zc-choice-item {
        padding: 28px 28px 30px;
        border-left: 1px solid var(--zc-line);
    }




    .zc-choice-item:first-child {
        border-left: 0;
    }




    .zc-choice-kicker,
    .zc-card-topline,
    .zc-lab-kicker,
    .zc-usage article span {
        color: var(--zc-gold-readable);
        font-family: var(--zc-ui);
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0.14em;
        text-transform: uppercase;
    }




    .zc-choice-item strong {
        display: block;
        margin-top: 10px;
        color: var(--zc-forest);
        font-family: var(--zc-display);
        font-size: 25px;
        font-weight: 600;
        line-height: 1.15;
    }




    .zc-choice-item p {
        margin: 14px 0 0;
        color: var(--zc-soft-text);
        font-size: 17px;
        line-height: 1.55;
    }




    .zc-product-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
        align-items: stretch;
    }




    .zc-product-grid-1 {
        grid-template-columns: minmax(0, 1fr);
        max-width: 420px;
        margin: 0 auto;
    }




    .zc-card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        border: 1px solid var(--zc-line);
        border-radius: 4px;
        background: var(--zc-ivory);
        overflow: hidden;
        transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
    }




    .zc-card:hover {
        border-color: rgba(201, 169, 98, 0.42);
        box-shadow: var(--zc-shadow);
        transform: translateY(-2px);
    }




    .zc-card-featured {
        border-color: rgba(201, 169, 98, 0.58);
    }




    .zc-badge {
        position: absolute;
        z-index: 2;
        top: 12px;
        right: 12px;
        padding: 7px 10px;
        border: 1px solid rgba(201, 169, 98, 0.48);
        border-radius: 4px;
        background: rgba(15, 26, 20, 0.92);
        color: var(--zc-gold-light);
        font-family: var(--zc-ui);
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 0.13em;
        text-transform: uppercase;
    }




    .zc-card-image {
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 1 / 1;
        padding: 28px;
        border-bottom: 1px solid var(--zc-line);
        background: linear-gradient(180deg, var(--zc-cream), var(--zc-beige));
        text-decoration: none !important;
    }




    .zc-card-image img {
        display: block;
        width: 82%;
        max-height: 100%;
        object-fit: contain;
        filter: drop-shadow(0 22px 24px rgba(15, 26, 20, 0.15));
        transition: transform 420ms ease;
    }




    .zc-card:hover .zc-card-image img {
        transform: translateY(-3px);
    }




    .zc-card-body {
        display: flex;
        flex: 1;
        flex-direction: column;
        padding: 24px;
    }




    .zc-card-topline {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 12px;
    }




    .zc-stock {
        color: var(--zc-soft-text);
        text-align: right;
    }




    .zc-stock.is-in-stock {
        color: #2F6840;
    }




    .zc-stock.is-out-of-stock {
        color: #9A674A;
    }




    .zc-card h4 {
        margin: 0;
        color: var(--zc-forest);
        font-family: var(--zc-display);
        font-size: 26px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 1.12;
    }




    .zc-card h4 a {
        text-decoration: none !important;
    }




    .zc-card h4 a:hover {
        color: var(--zc-gold-readable);
    }




    .zc-card-desc {
        margin: 13px 0 0;
        color: var(--zc-soft-text);
        font-size: 17px;
        line-height: 1.52;
    }




    .zc-card-list {
        display: grid;
        gap: 8px;
        margin: 20px 0 0;
        padding: 0;
        list-style: none;
    }




    .zc-card-list li {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #2F3A33;
        font-size: 16px;
        line-height: 1.35;
    }




    .zc-card-list li::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 1px;
        background: var(--zc-gold);
        flex: 0 0 auto;
    }




    .zc-card-footer {
        display: grid;
        gap: 10px;
        margin-top: auto;
        padding-top: 24px;
    }




    .zc-price {
        min-height: 34px;
        color: var(--zc-forest) !important;
        font-family: var(--zc-num);
        font-size: 24px;
        font-weight: 650;
        font-variant-numeric: tabular-nums;
        line-height: 1.2;
    }




    .zc-price .woocommerce-Price-amount,
    .zc-price .woocommerce-Price-currencySymbol {
        color: var(--zc-forest) !important;
        font-family: var(--zc-num) !important;
        font-weight: 650 !important;
    }




    .zc-buy {
        width: 100%;
        padding: 12px 16px;
        border: 1px solid var(--zc-forest);
        background: var(--zc-forest);
        color: var(--zc-ivory) !important;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0.12em;
    }




    .zc-buy:hover {
        border-color: var(--zc-gold);
        background: var(--zc-gold);
        color: var(--zc-forest) !important;
    }




    .zc-buy.is-loading,
    .zc-buy.loading {
        pointer-events: none;
        opacity: 0.72;
    }




    .zc-buy.is-added,
    .zc-buy.added {
        border-color: rgba(201, 169, 98, 0.58);
        background: var(--zc-cream);
        color: var(--zc-forest) !important;
    }




    .zc-buy.is-disabled {
        pointer-events: none;
        opacity: 0.46;
    }




    .zc-detail-link {
        min-height: 36px;
        color: var(--zc-forest) !important;
        text-decoration: underline !important;
        text-underline-offset: 5px;
    }




    .zc-lab {
        display: grid;
        grid-template-columns: 0.7fr 1fr;
        gap: clamp(28px, 5vw, 70px);
        align-items: center;
        margin: 0;
        padding: clamp(60px, 8vw, 96px) clamp(20px, 6vw, 80px);
        background: var(--zc-forest);
        color: var(--zc-ivory);
    }




    .zc-lab-stat {
        display: grid;
        justify-items: center;
        padding: clamp(32px, 6vw, 54px);
        border: 1px solid var(--zc-line-dark);
        border-radius: 4px;
        text-align: center;
    }




    .zc-lab-stat strong {
        display: block;
        margin: 10px 0;
        color: var(--zc-gold-light);
        font-family: var(--zc-num);
        font-size: clamp(76px, 10vw, 128px);
        font-weight: 650;
        letter-spacing: 0;
        line-height: 0.9;
    }




    .zc-lab-stat span:last-child {
        max-width: 260px;
        color: rgba(255, 254, 249, 0.72);
        font-size: 17px;
    }




    .zc-lab-copy {
        max-width: 640px;
    }




    .zc-lab-copy h3 {
        color: var(--zc-ivory);
    }




    .zc-lab-copy p:not(.zc-eyebrow) {
        margin: 18px 0 0;
        color: rgba(255, 254, 249, 0.78);
        font-size: 18px;
        line-height: 1.7;
    }




    .zc-lab-links {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 26px;
    }




    .zc-lab-links a {
        display: inline-flex;
        align-items: center;
        min-height: 38px;
        padding: 9px 12px;
        border: 1px solid rgba(229, 200, 125, 0.32);
        border-radius: 4px;
        color: var(--zc-gold-light) !important;
        font-family: var(--zc-ui);
        font-size: 10px;
        letter-spacing: 0.13em;
        text-decoration: none !important;
        text-transform: uppercase;
    }




    .zc-lab-links a:hover {
        background: rgba(229, 200, 125, 0.1);
        color: var(--zc-ivory) !important;
    }




    .zc-usage-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1px;
        background: var(--zc-line);
        border: 1px solid var(--zc-line);
    }




    .zc-usage article {
        padding: 28px;
        background: var(--zc-ivory);
    }




    .zc-usage h4 {
        margin-top: 12px;
        font-size: 25px;
    }




    .zc-usage p {
        margin: 12px 0 0;
        color: var(--zc-soft-text);
        font-size: 17px;
        line-height: 1.58;
    }



    .zc-faq {
        max-width: 1180px;
        margin: 0 auto;
        padding: clamp(52px, 7vw, 88px) clamp(20px, 5vw, 64px);
    }



    .zc-faq-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1px;
        background: var(--zc-line);
        border: 1px solid var(--zc-line);
    }



    .zc-faq article {
        padding: 28px;
        background: var(--zc-ivory);
    }



    .zc-faq h4 {
        margin: 0;
        color: var(--zc-forest);
        font-family: var(--zc-display);
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.08;
        font-size: 25px;
    }



    .zc-faq p {
        margin: 12px 0 0;
        color: var(--zc-soft-text);
        font-size: 17px;
        line-height: 1.58;
    }




    .zc-reveal {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 720ms ease, transform 720ms ease;
    }




    .zc-reveal.is-visible {
        opacity: 1;
        transform: translateY(0);
    }




    .zn-price .woocommerce-Price-amount {
        font-family: var(--font-num) !important;
        font-size: 40px !important;
        font-weight: 600 !important;
        font-feature-settings: "tnum" 1 !important;
        letter-spacing: -0.01em !important;
        color: var(--forest-900) !important;
    }




    .zn-quote-text::before, .zn-quote-text::after { display: none !important; content: none !important; }



    .zn-anl-head-solo { margin-bottom: 0; }




    .zn-anl-link-group {
        margin-top: 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 14px;
    }




    .zn-chip-link:hover, .zn-chip-link:focus {
        color: var(--gold-300) !important;
        border-color: var(--gold-300) !important;
        text-shadow: 0 0 8px rgba(229, 200, 125, 0.35);
    }




    .zn-eyebrow {
        font-family: var(--font-ui);
        font-size: 12px;
        letter-spacing: 0.24em;
        text-transform: uppercase;
        color: var(--gold-500);
        margin: 0 0 16px;
    }




    .zn-hero {
        display: grid;
        grid-template-columns: 1.05fr 1fr;
        gap: 80px;
        align-items: flex-start;
        padding: 96px 80px;
        max-width: 1200px;
        margin: 0 auto;
    }




    .zn-proof-row { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 32px; }




    .zn-size-row { display: flex; flex-wrap: wrap; gap: 8px; margin: -6px 0 22px; }




    .zn-price-row { display: flex; align-items: baseline; gap: 14px; margin-bottom: 28px; }




    .zn-reassurance-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 18px; padding-top: 20px; border-top: 1px solid var(--hairline); }




    .zn-identity { background: var(--ivory-100); padding: 96px 0; border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); }




    .zn-section-head { text-align: center; margin-bottom: 56px; }




    .zn-details { padding: 128px 0; }




    .zn-analysis { background: var(--forest-900); color: var(--ivory-50); padding: 128px 0; }




    .zn-usage { padding: 128px 0; background: var(--ivory-50); }




    .zn-related { background: var(--ivory-100); padding: 128px 0; border-top: 1px solid var(--hairline); }







    .zn-anl-proof span {
        display: block;
        margin-top: 8px;
        font-family: var(--font-ui);
        font-size: 10px;
        letter-spacing: 0.16em;
        line-height: 1.6;
        text-transform: uppercase;
        color: var(--gold-500);
    }




    .zn-re-item .zn-delivery-note {
        font-size: 17px;
        line-height: 1.22;
        font-weight: 500;
        color: var(--forest-900);
    }




/* === KATEGORI SAYFALARI EK KURALLAR === */

    .za-category {
        --za-forest: #0F1A14;
        --za-gold: #C9A962;
        --za-gold-light: #E5C87D;
        --za-gold-readable: #8A6F32;
        --za-ivory: #FFFEF9;
        --za-cream: #FAF6F0;
        --za-beige: #F5F0E8;
        --za-line: rgba(15, 26, 20, 0.12);
        --za-line-dark: rgba(229, 200, 125, 0.18);
        --za-muted: #354038;
        --za-soft-text: #4D584F;
        --za-shadow: 0 22px 46px rgba(15, 26, 20, 0.08);
        --za-display: "Cormorant Garamond", Garamond, serif;
        --za-signature: "Playfair Display", "Cormorant Garamond", serif;
        --za-ui: "Cinzel", "Cormorant Garamond", serif;
        --za-body: "Cormorant Garamond", Georgia, serif;
        --za-num: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
        background: var(--za-ivory);
        color: var(--za-forest);
        font-family: var(--za-body);
        font-size: 18px;
        line-height: 1.65;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        overflow-x: clip;
    }




    .zc-choice-grid-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }




    .zc-product-grid-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 780px;
        margin: 0 auto;
    }



    .zk-category {
        --zk-forest: #0F1A14;
        --zk-forest-2: #1A2B20;
        --zk-gold: #C9A962;
        --zk-gold-light: #E5C87D;
        --zk-gold-readable: #8A6F32;
        --zk-ivory: #FFFEF9;
        --zk-cream: #FAF6F0;
        --zk-beige: #F5F0E8;
        --zk-line: rgba(15, 26, 20, 0.12);
        --zk-line-dark: rgba(229, 200, 125, 0.18);
        --zk-muted: #354038;
        --zk-soft-text: #4D584F;
        --zk-shadow: 0 22px 46px rgba(15, 26, 20, 0.08);
        --zk-display: "Cormorant Garamond", Garamond, serif;
        --zk-signature: "Playfair Display", "Cormorant Garamond", serif;
        --zk-ui: "Cinzel", "Cormorant Garamond", serif;
        --zk-body: "Cormorant Garamond", Georgia, serif;
        --zk-num: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
        background: var(--zk-ivory);
        color: var(--zk-forest);
        font-family: var(--zk-body);
        font-size: 18px;
        line-height: 1.65;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        overflow-x: clip;
    }




    .zk-category *,
    .zk-category *::before,
    .zk-category *::after {
        box-sizing: border-box;
    }




    .zk-category a {
        color: inherit;
    }




    .zk-wrap {
        width: 100%;
        margin: 0 auto;
    }




    .zk-eyebrow {
        margin: 0 0 14px;
        color: var(--zk-gold-readable);
        font-family: var(--zk-ui);
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0.22em;
        line-height: 1.4;
        text-transform: uppercase;
    }




    .zk-hero {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.75fr);
        gap: clamp(34px, 6vw, 80px);
        align-items: center;
        max-width: 1180px;
        margin: 0 auto;
        padding: clamp(64px, 8vw, 108px) clamp(20px, 5vw, 64px);
    }




    .zk-title {
        max-width: 760px;
        margin: 0;
        color: var(--zk-forest);
        font-family: var(--zk-display);
        font-size: clamp(42px, 6vw, 76px);
        font-weight: 500;
        letter-spacing: 0;
        line-height: 0.98;
        text-wrap: balance;
    }




    .zk-title span {
        display: block;
        margin-top: 14px;
        color: var(--zk-gold-readable);
        font-family: var(--zk-signature);
        font-size: clamp(23px, 3vw, 34px);
        font-style: italic;
        font-weight: 400;
        line-height: 1.18;
    }




    .zk-lead {
        max-width: 660px;
        margin: 26px 0 0;
        color: var(--zk-muted);
        font-family: var(--zk-display);
        font-size: clamp(18px, 2vw, 22px);
        font-style: italic;
        line-height: 1.55;
    }




    .zk-proof-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 30px;
    }




    .zk-proof-row span {
        display: inline-flex;
        align-items: center;
        min-height: 34px;
        padding: 8px 12px;
        border: 1px solid rgba(201, 169, 98, 0.28);
        border-radius: 4px;
        color: var(--zk-forest);
        background: rgba(245, 240, 232, 0.72);
        font-family: var(--zk-ui);
        font-size: 10px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
    }




    .zk-hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 34px;
    }




    .zk-btn,
    .zk-buy,
    .zk-detail-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        border-radius: 4px;
        font-family: var(--zk-ui);
        font-size: 11px;
        font-weight: 400;
        letter-spacing: 0.16em;
        text-decoration: none !important;
        text-transform: uppercase;
        transition: background 220ms ease, border-color 220ms ease, color 220ms ease, transform 220ms ease;
    }




    .zk-btn {
        padding: 12px 18px;
        border: 1px solid var(--zk-forest);
    }




    .zk-btn-primary {
        background: var(--zk-forest);
        color: var(--zk-ivory) !important;
    }




    .zk-btn-outline {
        background: transparent;
        color: var(--zk-forest) !important;
    }




    .zk-btn:hover,
    .zk-buy:hover,
    .zk-detail-link:hover {
        transform: translateY(-1px);
    }




    .zk-btn-primary:hover {
        background: var(--zk-gold);
        border-color: var(--zk-gold);
        color: var(--zk-forest) !important;
    }




    .zk-btn-outline:hover {
        border-color: var(--zk-gold-readable);
        color: var(--zk-gold-readable) !important;
    }




    .zk-hero-visual {
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 4 / 5;
        margin: 0;
        border: 1px solid var(--zk-line);
        border-radius: 4px;
        background:
            linear-gradient(180deg, rgba(255, 254, 249, 0.75), rgba(245, 240, 232, 0.92)),
            var(--zk-beige);
        overflow: hidden;
        box-shadow: var(--zk-shadow);
    }




    .zk-hero-visual img {
        display: block;
        width: min(76%, 360px);
        height: auto;
        filter: drop-shadow(0 28px 32px rgba(15, 26, 20, 0.16));
    }




    .zk-choice,
    .zk-products,
    .zk-usage {
        max-width: 1180px;
        margin: 0 auto;
        padding: clamp(52px, 7vw, 88px) clamp(20px, 5vw, 64px);
    }




    .zk-section-head {
        max-width: 620px;
        margin-bottom: 34px;
    }




    .zk-section-head-centered {
        max-width: 760px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }




    .zk-section-head h3,
    .zk-analysis-copy h3,
    .zk-usage h4 {
        margin: 0;
        color: var(--zk-forest);
        font-family: var(--zk-display);
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.08;
    }




    .zk-section-head h3,
    .zk-analysis-copy h3 {
        font-size: clamp(34px, 4vw, 52px);
    }




    .zk-choice-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-top: 1px solid var(--zk-line);
        border-bottom: 1px solid var(--zk-line);
    }




    .zk-choice-item {
        padding: 28px 28px 30px;
        border-left: 1px solid var(--zk-line);
    }




    .zk-choice-item:first-child {
        border-left: 0;
    }




    .zk-choice-kicker,
    .zk-card-topline,
    .zk-analysis-kicker,
    .zk-usage article span {
        color: var(--zk-gold-readable);
        font-family: var(--zk-ui);
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0.14em;
        text-transform: uppercase;
    }




    .zk-choice-item strong {
        display: block;
        margin-top: 10px;
        color: var(--zk-forest);
        font-family: var(--zk-display);
        font-size: 28px;
        font-weight: 600;
        line-height: 1.12;
    }




    .zk-choice-item p {
        margin: 14px 0 0;
        color: var(--zk-soft-text);
        font-size: 17px;
        line-height: 1.55;
    }




    .zk-product-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        align-items: stretch;
        max-width: 860px;
        margin: 0 auto;
    }




    .zk-card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        border: 1px solid var(--zk-line);
        border-radius: 4px;
        background: var(--zk-ivory);
        overflow: hidden;
        transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
    }




    .zk-card:hover {
        border-color: rgba(201, 169, 98, 0.42);
        box-shadow: var(--zk-shadow);
        transform: translateY(-2px);
    }




    .zk-card-featured {
        border-color: rgba(201, 169, 98, 0.58);
    }




    .zk-badge {
        position: absolute;
        z-index: 2;
        top: 12px;
        right: 12px;
        padding: 7px 10px;
        border: 1px solid rgba(201, 169, 98, 0.48);
        border-radius: 4px;
        background: rgba(15, 26, 20, 0.92);
        color: var(--zk-gold-light);
        font-family: var(--zk-ui);
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 0.13em;
        text-transform: uppercase;
    }




    .zk-card-image {
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 1 / 1;
        padding: 28px;
        border-bottom: 1px solid var(--zk-line);
        background: linear-gradient(180deg, var(--zk-cream), var(--zk-beige));
        text-decoration: none !important;
    }




    .zk-card-image img {
        display: block;
        width: 82%;
        max-height: 100%;
        object-fit: contain;
        filter: drop-shadow(0 22px 24px rgba(15, 26, 20, 0.15));
        transition: transform 420ms ease;
    }




    .zk-card:hover .zk-card-image img {
        transform: translateY(-3px);
    }




    .zk-card-body {
        display: flex;
        flex: 1;
        flex-direction: column;
        padding: 24px;
    }




    .zk-card-topline {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 12px;
    }




    .zk-stock {
        color: var(--zk-soft-text);
        text-align: right;
    }




    .zk-stock.is-in-stock {
        color: #2F6840;
    }




    .zk-stock.is-out-of-stock {
        color: #9A674A;
    }




    .zk-card h4 {
        margin: 0;
        color: var(--zk-forest);
        font-family: var(--zk-display);
        font-size: 28px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 1.12;
    }




    .zk-card h4 a {
        text-decoration: none !important;
    }




    .zk-card h4 a:hover {
        color: var(--zk-gold-readable);
    }




    .zk-card-desc {
        margin: 13px 0 0;
        color: var(--zk-soft-text);
        font-size: 17px;
        line-height: 1.52;
    }




    .zk-card-list {
        display: grid;
        gap: 8px;
        margin: 20px 0 0;
        padding: 0;
        list-style: none;
    }




    .zk-card-list li {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #2F3A33;
        font-size: 16px;
        line-height: 1.35;
    }




    .zk-card-list li::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 1px;
        background: var(--zk-gold);
        flex: 0 0 auto;
    }




    .zk-card-footer {
        display: grid;
        gap: 10px;
        margin-top: auto;
        padding-top: 24px;
    }




    .zk-price {
        min-height: 34px;
        color: var(--zk-forest) !important;
        font-family: var(--zk-num);
        font-size: 24px;
        font-weight: 650;
        font-variant-numeric: tabular-nums;
        line-height: 1.2;
    }




    .zk-price .woocommerce-Price-amount,
    .zk-price .woocommerce-Price-currencySymbol {
        color: var(--zk-forest) !important;
        font-family: var(--zk-num) !important;
        font-weight: 650 !important;
    }




    .zk-buy {
        width: 100%;
        padding: 12px 16px;
        border: 1px solid var(--zk-forest);
        background: var(--zk-forest);
        color: var(--zk-ivory) !important;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0.12em;
    }




    .zk-buy:hover {
        border-color: var(--zk-gold);
        background: var(--zk-gold);
        color: var(--zk-forest) !important;
    }




    .zk-buy.is-loading,
    .zk-buy.loading {
        pointer-events: none;
        opacity: 0.72;
    }




    .zk-buy.is-added,
    .zk-buy.added {
        border-color: rgba(201, 169, 98, 0.58);
        background: var(--zk-cream);
        color: var(--zk-forest) !important;
    }




    .zk-buy.is-disabled {
        pointer-events: none;
        opacity: 0.46;
    }




    .zk-detail-link {
        min-height: 36px;
        color: var(--zk-forest) !important;
        text-decoration: underline !important;
        text-underline-offset: 5px;
    }




    .zk-analysis {
        display: grid;
        grid-template-columns: 0.72fr 1fr;
        gap: clamp(28px, 5vw, 70px);
        align-items: center;
        margin: 0;
        padding: clamp(60px, 8vw, 96px) clamp(20px, 6vw, 80px);
        background: var(--zk-forest);
        color: var(--zk-ivory);
    }




    .zk-analysis-stat {
        display: grid;
        justify-items: center;
        padding: clamp(32px, 6vw, 54px);
        border: 1px solid var(--zk-line-dark);
        border-radius: 4px;
        text-align: center;
    }




    .zk-analysis-stat strong {
        display: block;
        margin: 10px 0;
        color: var(--zk-gold-light);
        font-family: var(--zk-num);
        font-size: clamp(76px, 10vw, 128px);
        font-weight: 650;
        letter-spacing: 0;
        line-height: 0.9;
    }




    .zk-analysis-stat span:last-child {
        max-width: 280px;
        color: rgba(255, 254, 249, 0.76);
        font-size: 17px;
    }




    .zk-analysis-copy {
        max-width: 660px;
    }




    .zk-analysis-copy h3 {
        color: var(--zk-ivory);
    }




    .zk-analysis-copy p:not(.zk-eyebrow) {
        margin: 18px 0 0;
        color: rgba(255, 254, 249, 0.82);
        font-size: 18px;
        line-height: 1.7;
    }




    .zk-metric-row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-top: 24px;
    }




    .zk-metric-row span {
        display: grid;
        gap: 4px;
        padding: 14px;
        border: 1px solid rgba(229, 200, 125, 0.24);
        border-radius: 4px;
        color: rgba(255, 254, 249, 0.82);
        font-size: 16px;
    }




    .zk-metric-row strong {
        color: var(--zk-gold-light);
        font-family: var(--zk-num);
        font-size: 22px;
        font-weight: 650;
    }




    .zk-analysis-links {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 26px;
    }




    .zk-analysis-links a {
        display: inline-flex;
        align-items: center;
        min-height: 38px;
        padding: 9px 12px;
        border: 1px solid rgba(229, 200, 125, 0.32);
        border-radius: 4px;
        color: var(--zk-gold-light) !important;
        font-family: var(--zk-ui);
        font-size: 10px;
        letter-spacing: 0.13em;
        text-decoration: none !important;
        text-transform: uppercase;
    }




    .zk-analysis-links a:hover {
        background: rgba(229, 200, 125, 0.1);
        color: var(--zk-ivory) !important;
    }




    .zk-usage-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1px;
        background: var(--zk-line);
        border: 1px solid var(--zk-line);
    }




    .zk-usage article {
        padding: 28px;
        background: var(--zk-ivory);
    }




    .zk-usage h4 {
        margin-top: 12px;
        font-size: 25px;
    }




    .zk-usage p {
        margin: 12px 0 0;
        color: var(--zk-soft-text);
        font-size: 17px;
        line-height: 1.58;
    }




    .zk-reveal {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 720ms ease, transform 720ms ease;
    }




    .zk-reveal.is-visible {
        opacity: 1;
        transform: translateY(0);
    }



    .zku-category {
        --zku-forest: #0F1A14;
        --zku-gold: #C9A962;
        --zku-gold-light: #E5C87D;
        --zku-gold-readable: #8A6F32;
        --zku-ivory: #FFFEF9;
        --zku-cream: #FAF6F0;
        --zku-beige: #F5F0E8;
        --zku-line: rgba(15, 26, 20, 0.12);
        --zku-line-dark: rgba(229, 200, 125, 0.18);
        --zku-muted: #354038;
        --zku-soft-text: #4D584F;
        --zku-shadow: 0 22px 46px rgba(15, 26, 20, 0.08);
        --zku-display: "Cormorant Garamond", Garamond, serif;
        --zku-signature: "Playfair Display", "Cormorant Garamond", serif;
        --zku-ui: "Cinzel", "Cormorant Garamond", serif;
        --zku-body: "Cormorant Garamond", Georgia, serif;
        --zku-num: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
        background: var(--zku-ivory);
        color: var(--zku-forest);
        font-family: var(--zku-body);
        font-size: 18px;
        line-height: 1.65;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        overflow-x: clip;
    }




    .zku-category *,
    .zku-category *::before,
    .zku-category *::after {
        box-sizing: border-box;
    }




    .zku-category a {
        color: inherit;
    }




    .zku-wrap {
        width: 100%;
        margin: 0 auto;
    }




    .zku-eyebrow {
        margin: 0 0 14px;
        color: var(--zku-gold-readable);
        font-family: var(--zku-ui);
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0.22em;
        line-height: 1.4;
        text-transform: uppercase;
    }




    .zku-hero {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.75fr);
        gap: clamp(34px, 6vw, 80px);
        align-items: center;
        max-width: 1180px;
        margin: 0 auto;
        padding: clamp(64px, 8vw, 108px) clamp(20px, 5vw, 64px);
    }




    .zku-title {
        max-width: 820px;
        margin: 0;
        color: var(--zku-forest);
        font-family: var(--zku-display);
        font-size: clamp(42px, 6vw, 76px);
        font-weight: 500;
        letter-spacing: 0;
        line-height: 0.98;
        text-wrap: balance;
    }




    .zku-title span {
        display: block;
        margin-top: 14px;
        color: var(--zku-gold-readable);
        font-family: var(--zku-signature);
        font-size: clamp(23px, 3vw, 34px);
        font-style: italic;
        font-weight: 400;
        line-height: 1.18;
    }




    .zku-lead {
        max-width: 690px;
        margin: 26px 0 0;
        color: var(--zku-muted);
        font-family: var(--zku-display);
        font-size: clamp(18px, 2vw, 22px);
        font-style: italic;
        line-height: 1.55;
    }




    .zku-proof-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 30px;
    }




    .zku-proof-row span {
        display: inline-flex;
        align-items: center;
        min-height: 34px;
        padding: 8px 12px;
        border: 1px solid rgba(201, 169, 98, 0.28);
        border-radius: 4px;
        color: var(--zku-forest);
        background: rgba(245, 240, 232, 0.72);
        font-family: var(--zku-ui);
        font-size: 10px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
    }




    .zku-hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 34px;
    }




    .zku-btn,
    .zku-buy,
    .zku-detail-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        border-radius: 4px;
        font-family: var(--zku-ui);
        font-size: 11px;
        font-weight: 400;
        letter-spacing: 0.16em;
        text-decoration: none !important;
        text-transform: uppercase;
        transition: background 220ms ease, border-color 220ms ease, color 220ms ease, transform 220ms ease;
    }




    .zku-btn {
        padding: 12px 18px;
        border: 1px solid var(--zku-forest);
    }




    .zku-btn-primary {
        background: var(--zku-forest);
        color: var(--zku-ivory) !important;
    }




    .zku-btn-outline {
        background: transparent;
        color: var(--zku-forest) !important;
    }




    .zku-btn:hover,
    .zku-buy:hover,
    .zku-detail-link:hover {
        transform: translateY(-1px);
    }




    .zku-btn-primary:hover,
    .zku-buy:hover {
        background: var(--zku-gold);
        border-color: var(--zku-gold);
        color: var(--zku-forest) !important;
    }




    .zku-btn-outline:hover {
        border-color: var(--zku-gold-readable);
        color: var(--zku-gold-readable) !important;
    }




    .zku-hero-visual {
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 4 / 5;
        margin: 0;
        border: 1px solid var(--zku-line);
        border-radius: 4px;
        background: linear-gradient(180deg, rgba(255, 254, 249, 0.75), rgba(245, 240, 232, 0.92)), var(--zku-beige);
        overflow: hidden;
        box-shadow: var(--zku-shadow);
    }




    .zku-hero-visual img {
        display: block;
        width: min(80%, 380px);
        height: auto;
        filter: drop-shadow(0 28px 32px rgba(15, 26, 20, 0.16));
    }




    .zku-choice,
    .zku-products,
    .zku-usage,
    .zku-faq {
        max-width: 1180px;
        margin: 0 auto;
        padding: clamp(52px, 7vw, 88px) clamp(20px, 5vw, 64px);
    }




    .zku-section-head {
        max-width: 660px;
        margin-bottom: 34px;
    }




    .zku-section-head-centered {
        max-width: 760px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }




    .zku-section-head h3,
    .zku-analysis-copy h3,
    .zku-usage h4,
    .zku-faq h4 {
        margin: 0;
        color: var(--zku-forest);
        font-family: var(--zku-display);
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.08;
    }




    .zku-section-head h3,
    .zku-analysis-copy h3 {
        font-size: clamp(34px, 4vw, 52px);
    }




    .zku-choice-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        border-top: 1px solid var(--zku-line);
        border-bottom: 1px solid var(--zku-line);
    }




    .zku-choice-item {
        padding: 30px 28px 32px;
        border-left: 1px solid var(--zku-line);
    }




    .zku-choice-item:first-child {
        border-left: 0;
    }




    .zku-choice-kicker,
    .zku-card-topline,
    .zku-analysis-kicker,
    .zku-usage article span {
        color: var(--zku-gold-readable);
        font-family: var(--zku-ui);
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0.14em;
        text-transform: uppercase;
    }




    .zku-choice-item strong {
        display: block;
        margin-top: 10px;
        color: var(--zku-forest);
        font-family: var(--zku-display);
        font-size: 32px;
        font-weight: 600;
        line-height: 1.12;
    }




    .zku-choice-item p {
        margin: 14px 0 0;
        color: var(--zku-soft-text);
        font-size: 17px;
        line-height: 1.55;
    }




    .zku-product-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
        align-items: stretch;
    }




    .zku-card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        border: 1px solid var(--zku-line);
        border-radius: 4px;
        background: var(--zku-ivory);
        overflow: hidden;
        transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
    }




    .zku-card:hover {
        border-color: rgba(201, 169, 98, 0.42);
        box-shadow: var(--zku-shadow);
        transform: translateY(-2px);
    }




    .zku-card-featured {
        border-color: rgba(201, 169, 98, 0.58);
    }




    .zku-badge {
        position: absolute;
        z-index: 2;
        top: 12px;
        right: 12px;
        padding: 7px 10px;
        border: 1px solid rgba(201, 169, 98, 0.48);
        border-radius: 4px;
        background: rgba(15, 26, 20, 0.92);
        color: var(--zku-gold-light);
        font-family: var(--zku-ui);
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 0.13em;
        text-transform: uppercase;
    }




    .zku-card-image {
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 1 / 1;
        padding: 24px;
        border-bottom: 1px solid var(--zku-line);
        background: linear-gradient(180deg, var(--zku-cream), var(--zku-beige));
        text-decoration: none !important;
    }




    .zku-card-image img {
        display: block;
        width: 86%;
        max-height: 100%;
        object-fit: contain;
        filter: drop-shadow(0 22px 24px rgba(15, 26, 20, 0.15));
        transition: transform 420ms ease;
    }




    .zku-card:hover .zku-card-image img {
        transform: translateY(-3px);
    }




    .zku-card-body {
        display: flex;
        flex: 1;
        flex-direction: column;
        padding: 22px;
    }




    .zku-card-topline {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 12px;
    }




    .zku-stock {
        color: var(--zku-soft-text);
        text-align: right;
    }




    .zku-stock.is-in-stock {
        color: #2F6840;
    }




    .zku-stock.is-out-of-stock {
        color: #9A674A;
    }




    .zku-card h4 {
        margin: 0;
        color: var(--zku-forest);
        font-family: var(--zku-display);
        font-size: 25px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 1.12;
    }




    .zku-card h4 a {
        text-decoration: none !important;
    }




    .zku-card h4 a:hover {
        color: var(--zku-gold-readable);
    }




    .zku-card-desc {
        margin: 13px 0 0;
        color: var(--zku-soft-text);
        font-size: 16px;
        line-height: 1.52;
    }




    .zku-card-list {
        display: grid;
        gap: 8px;
        margin: 20px 0 0;
        padding: 0;
        list-style: none;
    }




    .zku-card-list li {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #2F3A33;
        font-size: 15px;
        line-height: 1.35;
    }




    .zku-card-list li::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 1px;
        background: var(--zku-gold);
        flex: 0 0 auto;
    }




    .zku-card-footer {
        display: grid;
        gap: 10px;
        margin-top: auto;
        padding-top: 24px;
    }




    .zku-price {
        min-height: 34px;
        color: var(--zku-forest) !important;
        font-family: var(--zku-num);
        font-size: 24px;
        font-weight: 650;
        font-variant-numeric: tabular-nums;
        line-height: 1.2;
    }




    .zku-price .woocommerce-Price-amount,
    .zku-price .woocommerce-Price-currencySymbol {
        color: var(--zku-forest) !important;
        font-family: var(--zku-num) !important;
        font-weight: 650 !important;
    }




    .zku-buy {
        width: 100%;
        padding: 12px 16px;
        border: 1px solid var(--zku-forest);
        background: var(--zku-forest);
        color: var(--zku-ivory) !important;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0.12em;
    }




    .zku-buy.is-loading,
    .zku-buy.loading {
        pointer-events: none;
        opacity: 0.72;
    }




    .zku-buy.is-added,
    .zku-buy.added {
        border-color: rgba(201, 169, 98, 0.58);
        background: var(--zku-cream);
        color: var(--zku-forest) !important;
    }




    .zku-buy.is-disabled {
        pointer-events: none;
        opacity: 0.46;
    }




    .zku-detail-link {
        min-height: 36px;
        color: var(--zku-forest) !important;
        text-decoration: underline !important;
        text-underline-offset: 5px;
    }




    .zku-analysis {
        display: grid;
        grid-template-columns: 0.72fr 1fr;
        gap: clamp(28px, 5vw, 70px);
        align-items: center;
        margin: 0;
        padding: clamp(60px, 8vw, 96px) clamp(20px, 6vw, 80px);
        background: var(--zku-forest);
        color: var(--zku-ivory);
    }




    .zku-analysis-stat {
        display: grid;
        justify-items: center;
        padding: clamp(32px, 6vw, 54px);
        border: 1px solid var(--zku-line-dark);
        border-radius: 4px;
        text-align: center;
    }




    .zku-analysis-stat strong {
        display: block;
        margin: 10px 0;
        color: var(--zku-gold-light);
        font-family: var(--zku-num);
        font-size: clamp(70px, 9vw, 118px);
        font-weight: 650;
        letter-spacing: 0;
        line-height: 0.9;
    }




    .zku-analysis-stat span:last-child {
        max-width: 310px;
        color: rgba(255, 254, 249, 0.76);
        font-size: 17px;
    }




    .zku-analysis-copy {
        max-width: 660px;
    }




    .zku-analysis-copy h3 {
        color: var(--zku-ivory);
    }




    .zku-analysis-copy p:not(.zku-eyebrow) {
        margin: 18px 0 0;
        color: rgba(255, 254, 249, 0.82);
        font-size: 18px;
        line-height: 1.7;
    }




    .zku-metric-row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-top: 24px;
    }




    .zku-metric-row span {
        display: grid;
        gap: 4px;
        padding: 14px;
        border: 1px solid rgba(229, 200, 125, 0.24);
        border-radius: 4px;
        color: rgba(255, 254, 249, 0.82);
        font-size: 16px;
    }




    .zku-metric-row strong {
        color: var(--zku-gold-light);
        font-family: var(--zku-num);
        font-size: 20px;
        font-weight: 650;
    }




    .zku-analysis-links {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 26px;
    }




    .zku-analysis-links a {
        display: inline-flex;
        align-items: center;
        min-height: 38px;
        padding: 9px 12px;
        border: 1px solid rgba(229, 200, 125, 0.32);
        border-radius: 4px;
        color: var(--zku-gold-light) !important;
        font-family: var(--zku-ui);
        font-size: 10px;
        letter-spacing: 0.13em;
        text-decoration: none !important;
        text-transform: uppercase;
    }




    .zku-analysis-links a:hover {
        background: rgba(229, 200, 125, 0.1);
        color: var(--zku-ivory) !important;
    }




    .zku-usage-grid,
    .zku-faq-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1px;
        background: var(--zku-line);
        border: 1px solid var(--zku-line);
    }




    .zku-usage article,
    .zku-faq article {
        padding: 28px;
        background: var(--zku-ivory);
    }




    .zku-usage h4,
    .zku-faq h4 {
        margin-top: 12px;
        font-size: 25px;
    }




    .zku-faq h4 {
        margin-top: 0;
    }




    .zku-usage p,
    .zku-faq p {
        margin: 12px 0 0;
        color: var(--zku-soft-text);
        font-size: 17px;
        line-height: 1.58;
    }




    .zku-reveal {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 720ms ease, transform 720ms ease;
    }




    .zku-reveal.is-visible {
        opacity: 1;
        transform: translateY(0);
    }

@media (max-width: 760px) {

        .zku-choice-grid,
        .zku-product-grid,
        .zku-metric-row {
            grid-template-columns: 1fr;
        }


        .zku-choice-item,
        .zku-choice-item:first-child {
            border-left: 0;
            border-top: 1px solid var(--zku-line);
        }


        .zku-choice-item:first-child {
            border-top: 0;
        }
}




    .zk-btn-primary:hover,
    .zk-buy:hover {
        background: var(--zk-gold);
        border-color: var(--zk-gold);
        color: var(--zk-forest) !important;
    }




    .zk-choice,
    .zk-products,
    .zk-usage,
    .zk-faq {
        max-width: 1180px;
        margin: 0 auto;
        padding: clamp(52px, 7vw, 88px) clamp(20px, 5vw, 64px);
    }




    .zk-section-head h3,
    .zk-analysis-copy h3,
    .zk-usage h4,
    .zk-faq h4 {
        margin: 0;
        color: var(--zk-forest);
        font-family: var(--zk-display);
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.08;
    }




    .zk-usage-grid,
    .zk-faq-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1px;
        background: var(--zk-line);
        border: 1px solid var(--zk-line);
    }




    .zk-usage article,
    .zk-faq article {
        padding: 28px;
        background: var(--zk-ivory);
    }




    .zk-usage h4,
    .zk-faq h4 {
        margin-top: 12px;
        font-size: 25px;
    }




    .zk-faq h4 {
        margin-top: 0;
    }




    .zk-usage p,
    .zk-faq p {
        margin: 12px 0 0;
        color: var(--zk-soft-text);
        font-size: 17px;
        line-height: 1.58;
    }




    .zc-product-grid-5 {
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    }




    .zc-choice-grid-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }




    .zc-product-grid-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

@media (max-width: 1180px) and (min-width: 981px) {

        .zc-product-grid-4,
        .zc-choice-grid-4 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}




/* === MOBIL/RESPONSIVE DUZELTME: eksik ic kurallar === */
@media (prefers-reduced-motion: reduce) {
  
        .zn-reveal, .zn-main-image, .zn-rel-img { transition: none !important; }
  
        .zc-reveal,
        .zc-card,
        .zc-card-image img,
        .zc-btn,
        .zc-buy,
        .zc-detail-link {
            transition: none !important;
        }
}

@media (max-width: 980px) {

  
        .zc-hero,
        .zc-lab {
            grid-template-columns: 1fr;
        }

  

        .zc-hero-visual {
            max-width: 440px;
            width: 100%;
            margin: 0 auto;
        }

  

        .zc-choice-grid,
        .zc-usage-grid,
        .zc-faq-grid {
            grid-template-columns: 1fr;
        }

  

        .zc-choice-item,
        .zc-choice-item:first-child {
            border-left: 0;
            border-top: 1px solid var(--zc-line);
        }

  

        .zc-choice-item:first-child {
            border-top: 0;
        }
}

@media (max-width: 640px) {

  
        .zc-category {
            font-size: 17px;
        }

  

        .zc-hero,
        .zc-choice,
        .zc-products,
        .zc-usage {
            padding-right: 16px;
            padding-left: 16px;
        }

  

        .zc-title {
            font-size: clamp(37px, 11vw, 48px);
        }

  

        .zc-proof-row,
        .zc-hero-actions,
        .zc-lab-links {
            flex-direction: column;
            align-items: stretch;
        }

  

        .zc-proof-row span,
        .zc-btn,
        .zc-lab-links a {
            justify-content: center;
            width: 100%;
            text-align: center;
        }

  

        .zc-card-body,
        .zc-choice-item,
        .zc-usage article {
            padding: 22px;
        }

  

        .zc-card-image {
            padding: 22px;
        }

  

        .zc-card-topline {
            align-items: flex-start;
            flex-direction: column;
            gap: 4px;
        }

  

        .zc-stock {
            text-align: left;
        }

  

        .zc-lab {
            padding-right: 16px;
            padding-left: 16px;
        }
}

@media (max-width: 900px) {

  
        .zn-hero { grid-template-columns: 1fr; gap: 40px; padding: 64px 20px; }

  
        .zn-cart-row { flex-direction: row; align-items: stretch; }

  
        .zn-reassurance-row { grid-template-columns: 1fr; gap: 12px; }

  

        .zn-identity-grid { grid-template-columns: 1fr 1fr; padding: 0 20px; }

  
        .zn-id-item { padding: 16px 18px; border-left: 0; border-top: 1px solid var(--hairline); }

  
        .zn-id-item:first-child, .zn-id-item:nth-child(2) { border-top: 0; }

  
        .zn-id-item:nth-child(2n) { border-left: 1px solid var(--hairline); }

  

        .zn-detail-grid { grid-template-columns: 1fr; padding: 0 20px; }

  
        .zn-detail-item { border-left: 0; padding: 28px 4px; border-top: 1px solid var(--hairline); }

  
        .zn-detail-item:first-child { border-top: 0; }

  

        .zn-anl-grid { grid-template-columns: 1fr; padding: 0 20px; }

  
        .zn-anl-stat-col { border-right: 0; border-bottom: 1px solid var(--hairline-dark); padding: 36px 24px; }

  
        .zn-anl-info-col { padding: 36px 24px; }

  
        .zn-anl-big-num { font-size: 88px; }

  
        .zn-anl-metric-list span { flex-direction: column; gap: 2px; }

  
        .zn-anl-proof h3 { font-size: 20px; }

  

        .zn-usage-grid { grid-template-columns: 1fr; padding: 0 20px; gap: 18px; }

  
        .zn-related-grid { grid-template-columns: 1fr; padding: 0 20px; gap: 18px; }
}



/* === Eksik duz kurallar (media disi) === */

    .zn-product-page {
        --forest-900: #0F1A14;
        --forest-800: #1A2B20;
        --forest-600: #2C4133;
        --gold-500: #C9A962;
        --gold-300: #E5C87D;
        --gold-700: #A88945;
        --ivory-50:  #FFFEF9;
        --ivory-100: #FAF6F0;
        --ivory-200: #F5F0E8;
        --ink-900:   #0F1A14;
        --ink-700:   #3A3A33;
        --ink-500:   #6B6B61;
        --hairline:        #D9D2C4;
        --hairline-dark:   #2A3A30;
        
        --font-display:   "Cormorant Garamond", "Garamond", serif;
        --font-signature: "Playfair Display", "Cormorant Garamond", serif;
        --font-ui:        "Cinzel", "Cormorant Garamond", serif;
        --font-num:       -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
        --font-body:      "Cormorant Garamond", Georgia, serif;
        
        --shadow-image:  0 24px 48px -32px rgba(15,26,20,0.25);
        
        background: var(--ivory-50);
        color: var(--forest-900);
        font-family: var(--font-body);
        font-size: 16px;
        line-height: 1.65;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }




/* === KATEGORI MOBIL/RESPONSIVE DUZELTME: eksik ic kurallar === */
@media (max-width: 980px) {
  

        .zc-product-grid-2 {
            grid-template-columns: 1fr;
            max-width: 440px;
        }
  

        .zc-choice-grid,
        .zc-product-grid,
        .zc-usage-grid,
        .zc-faq-grid {
            grid-template-columns: 1fr;
        }
  
        .zk-hero,
        .zk-analysis {
            grid-template-columns: 1fr;
        }
  

        .zk-hero-visual {
            max-width: 440px;
            width: 100%;
            margin: 0 auto;
        }
  

        .zk-choice-grid,
        .zk-product-grid,
        .zk-usage-grid {
            grid-template-columns: 1fr;
        }
  

        .zk-choice-item,
        .zk-choice-item:first-child {
            border-left: 0;
            border-top: 1px solid var(--zk-line);
        }
  

        .zk-choice-item:first-child {
            border-top: 0;
        }
  
        .zku-hero,
        .zku-analysis {
            grid-template-columns: 1fr;
        }
  

        .zku-hero-visual {
            max-width: 440px;
            width: 100%;
            margin: 0 auto;
        }
  

        .zku-usage-grid,
        .zku-faq-grid {
            grid-template-columns: 1fr;
        }
  

        .zk-usage-grid,
        .zk-faq-grid {
            grid-template-columns: 1fr;
        }
  

        .zc-product-grid-5 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}

@media (prefers-reduced-motion: reduce) {

  
        .zc-reveal,
        .zc-card,
        .zc-card-image img,
        .zc-btn,
        .zc-buy,
        .zc-detail-link {
            transition: none !important;
        }

  
        .zk-reveal,
        .zk-card,
        .zk-card-image img,
        .zk-btn,
        .zk-buy,
        .zk-detail-link {
            transition: none !important;
        }

  
        .zku-reveal,
        .zku-card,
        .zku-card-image img,
        .zku-btn,
        .zku-buy,
        .zku-detail-link {
            transition: none !important;
        }
}

@media (max-width: 640px) {

  
        .zk-category {
            font-size: 17px;
        }

  

        .zk-hero,
        .zk-choice,
        .zk-products,
        .zk-usage {
            padding-right: 16px;
            padding-left: 16px;
        }

  

        .zk-title {
            font-size: clamp(36px, 10.5vw, 48px);
        }

  

        .zk-proof-row,
        .zk-hero-actions,
        .zk-analysis-links {
            flex-direction: column;
            align-items: stretch;
        }

  

        .zk-proof-row span,
        .zk-btn,
        .zk-analysis-links a {
            justify-content: center;
            width: 100%;
            text-align: center;
        }

  

        .zk-card-body,
        .zk-choice-item,
        .zk-usage article {
            padding: 22px;
        }

  

        .zk-card-image {
            padding: 22px;
        }

  

        .zk-card-topline,
        .zk-metric-row {
            grid-template-columns: 1fr;
        }

  

        .zk-card-topline {
            align-items: flex-start;
            flex-direction: column;
            gap: 4px;
        }

  

        .zk-stock {
            text-align: left;
        }

  

        .zk-analysis {
            padding-right: 16px;
            padding-left: 16px;
        }

  
        .zku-category {
            font-size: 17px;
        }

  

        .zku-hero,
        .zku-choice,
        .zku-products,
        .zku-usage,
        .zku-faq {
            padding-right: 16px;
            padding-left: 16px;
        }

  

        .zku-title {
            font-size: clamp(38px, 11vw, 48px);
        }

  

        .zku-proof-row,
        .zku-hero-actions,
        .zku-analysis-links {
            flex-direction: column;
            align-items: stretch;
        }

  

        .zku-proof-row span,
        .zku-btn,
        .zku-analysis-links a {
            justify-content: center;
            width: 100%;
            text-align: center;
        }

  

        .zku-card-body,
        .zku-choice-item,
        .zku-usage article,
        .zku-faq article {
            padding: 22px;
        }

  

        .zku-card-image {
            padding: 22px;
        }

  

        .zku-card-topline {
            align-items: flex-start;
            flex-direction: column;
            gap: 4px;
        }

  

        .zku-stock {
            text-align: left;
        }

  

        .zku-analysis {
            padding-right: 16px;
            padding-left: 16px;
        }

  

        .zk-hero,
        .zk-choice,
        .zk-products,
        .zk-usage,
        .zk-faq {
            padding-right: 16px;
            padding-left: 16px;
        }

  

        .zk-card-body,
        .zk-choice-item,
        .zk-usage article,
        .zk-faq article {
            padding: 22px;
        }

  

        .zc-product-grid-5 {
            grid-template-columns: 1fr;
        }
}

@media (max-width: 1180px) {

  
        .zku-choice-grid,
        .zku-product-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}

@media (max-width: 760px) {

  
        .zk-choice-grid,
        .zk-product-grid,
        .zk-metric-row {
            grid-template-columns: 1fr;
        }

  

        .zk-choice-item,
        .zk-choice-item:first-child {
            border-left: 0;
            border-top: 1px solid var(--zk-line);
        }

  

        .zk-choice-item:first-child {
            border-top: 0;
        }
}



/* === Eksik duz kurallar (media disi) === */

    .za-category {
        --za-forest: #0F1A14;
        --za-gold: #C9A962;
        --za-gold-light: #E5C87D;
        --za-gold-readable: #8A6F32;
        --za-ivory: #FFFEF9;
        --za-cream: #FAF6F0;
        --za-beige: #F5F0E8;
        --za-line: rgba(15, 26, 20, 0.12);
        --za-line-dark: rgba(229, 200, 125, 0.18);
        --za-muted: #354038;
        --za-soft-text: #4D584F;
        --za-shadow: 0 22px 46px rgba(15, 26, 20, 0.08);
        --za-display: "Cormorant Garamond", Garamond, serif;
        --za-signature: "Playfair Display", "Cormorant Garamond", serif;
        --za-ui: "Cinzel", "Cormorant Garamond", serif;
        --za-body: "Cormorant Garamond", Georgia, serif;
        --za-num: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
        background: var(--za-ivory);
        color: var(--za-forest);
        font-family: var(--za-body);
        font-size: 18px;
        line-height: 1.65;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        overflow-x: clip;
    }




/* === SON DUZELTME: kalan gercek eksikler === */
@media (max-width: 980px) {
  

        .zc-product-grid-2 {
            grid-template-columns: 1fr;
            max-width: 440px;
        }
  

        .zc-choice-grid,
        .zc-product-grid,
        .zc-usage-grid,
        .zc-faq-grid {
            grid-template-columns: 1fr;
        }
  
        .zk-hero,
        .zk-analysis {
            grid-template-columns: 1fr;
        }
  

        .zk-hero-visual {
            max-width: 440px;
            width: 100%;
            margin: 0 auto;
        }
  

        .zk-choice-grid,
        .zk-product-grid,
        .zk-usage-grid {
            grid-template-columns: 1fr;
        }
  

        .zk-choice-item,
        .zk-choice-item:first-child {
            border-left: 0;
            border-top: 1px solid var(--zk-line);
        }
  

        .zk-choice-item:first-child {
            border-top: 0;
        }
  
        .zku-hero,
        .zku-analysis {
            grid-template-columns: 1fr;
        }
  

        .zku-hero-visual {
            max-width: 440px;
            width: 100%;
            margin: 0 auto;
        }
  

        .zku-usage-grid,
        .zku-faq-grid {
            grid-template-columns: 1fr;
        }
  

        .zk-usage-grid,
        .zk-faq-grid {
            grid-template-columns: 1fr;
        }
  

        .zc-product-grid-5 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}