/* ==========================================================================
   ALTYN UYA — MARKA TASARIM SISTEMI
   Kaynak: "Altyn Uya Kamu Vakfi — Marka Kilavuzu", 1. baski, 2026.
   Bu dosya markanin tek dogruluk kaynagidir. Snippet'lerde ve Elementor'da
   kalan eski Ipekyolu renkleri (#263572 lacivert, #C4A804 altin, #34ADD0 camgobegi)
   buradan marka paletine cevrilir.
   Duzenlerken: once token'i degistirin, tek tek kurallari degil.
   ========================================================================== */

:root{
  /* --- Ana palet (kilavuz s.34) --- */
  --ay-navy:#203F74;            /* Gece Laciverti — temel, %60 */
  --ay-teal:#52ABB7;            /* Isik-Gol — canlilik, %30 */
  --ay-gold:#F5A623;            /* Altin — vurgu, %10'u gecmez */
  --ay-light:#EEF3F7;           /* Gri-mavi 100 */
  --ay-ink:#16233A;             /* Govde metni */
  --ay-white:#FFFFFF;

  /* --- Tonlar (kilavuz s.35) --- */
  --ay-navy-900:#152C52;
  --ay-navy-800:#1A3360;
  --ay-navy-700:#203F74;
  --ay-navy-500:#2C5896;
  --ay-navy-300:#9FC0E4;
  --ay-navy-100:#EEF3F7;

  --ay-teal-900:#1F4A52;
  --ay-teal-700:#2E6A74;        /* beyaz uzerinde 6.0:1 — metin icin GUVENLI teal */
  --ay-teal-500:#52ABB7;        /* beyaz uzerinde 2.7:1 — METIN OLARAK KULLANILMAZ */
  --ay-teal-300:#A5D4DB;
  --ay-teal-100:#E4F2F4;

  --ay-gold-700:#B97B0B;        /* beyaz uzerinde 3.6:1 — yalnizca BUYUK metin */
  --ay-gold-500:#F5A623;        /* zemin rengi; uzerine daima koyu metin */

  /* --- Notrler --- */
  --ay-grey-050:#F7F9FB;
  --ay-grey-100:#EEF3F7;
  --ay-grey-200:#D8E0EA;
  --ay-grey-300:#B3BECD;
  --ay-grey-500:#5B6B8C;        /* beyaz uzerinde 5.2:1 — ikincil metin */
  --ay-grey-700:#3A465C;
  --ay-line:rgba(32,63,116,.12);

  /* --- Durum renkleri (yalnizca arayuz; banner/afis/sosyalde kullanilmaz) --- */
  --ay-success:#1E8F5F;
  --ay-error:#C6293A;
  --ay-warning:#B97B0B;
  --ay-info:#2C5896;

  /* --- Program renkleri (sayfada tek program rengi) --- */
  --ay-prog-sefkat:#203F74;
  --ay-prog-egitim:#2E6A74;
  --ay-prog-su:#52ABB7;
  --ay-prog-saglik:#1E8F5F;
  --ay-prog-kis:#B97B0B;
  --ay-prog-bereke:#C6293A;

  /* --- Tipografi (kilavuz s.42, web sutunu) --- */
  --ay-font-head:'Golos Text','Inter',-apple-system,'Segoe UI',Roboto,'Noto Sans',sans-serif;
  --ay-font-body:'Inter',-apple-system,'Segoe UI',Roboto,'Noto Sans',sans-serif;

  --ay-h1:56px;  --ay-h1-lh:1.05; --ay-h1-ls:-.02em;
  --ay-h2:36px;  --ay-h2-lh:1.12; --ay-h2-ls:-.015em;
  --ay-h3:26px;  --ay-h3-lh:1.2;  --ay-h3-ls:-.01em;
  --ay-h4:20px;  --ay-h4-lh:1.25;
  --ay-lead:22px;--ay-lead-lh:1.42;
  --ay-body:17px;--ay-body-lh:1.55;
  --ay-small:14px;
  --ay-foot:13px;
  --ay-btn:15px;

  /* --- Olcu --- */
  --ay-radius:14px;
  --ay-radius-lg:18px;
  --ay-shadow:0 6px 26px rgba(32,63,116,.10);
  --ay-shadow-lg:0 14px 34px rgba(32,63,116,.16);
  --ay-z-bar:800;
  --ay-z-float:8000;
  --ay-z-switcher:8500;
  --ay-z-drawer:9000;
  --ay-z-modal:10000;
}

/* Kiril'de satir araligi bir kademe acilir (kilavuz s.42) */
html[lang^="ky"], html[lang^="ru"]{ --ay-body-lh:1.6; }

/* ==========================================================================
   1. TIPOGRAFI
   ========================================================================== */

body,
.elementor-kit-6{
  font-family:var(--ay-font-body);
  font-size:var(--ay-body);
  line-height:var(--ay-body-lh);
  color:var(--ay-ink);                 /* eski #23291FCC zeytin tonu yerine marka murekkebi */
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-variant-numeric:tabular-nums;   /* kilavuz s.42: tum rakamlar tabular */
  font-feature-settings:"tnum" 1;
}

h1,h2,h3,h4,h5,h6,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title{
  font-family:var(--ay-font-head);
  color:var(--ay-navy);
  text-wrap:balance;
}

h1,.elementor-widget-heading h1.elementor-heading-title{
  font-size:clamp(34px,5vw,var(--ay-h1));font-weight:800;
  line-height:var(--ay-h1-lh);letter-spacing:var(--ay-h1-ls);
}
h2,.elementor-kit-6 h2,.elementor-widget-heading h2.elementor-heading-title{
  font-size:clamp(26px,3.4vw,var(--ay-h2));font-weight:700;
  line-height:var(--ay-h2-lh);letter-spacing:var(--ay-h2-ls);
}
h3,.elementor-widget-heading h3.elementor-heading-title{
  font-size:clamp(21px,2.4vw,var(--ay-h3));font-weight:700;
  line-height:var(--ay-h3-lh);letter-spacing:var(--ay-h3-ls);
}
h4,.elementor-widget-heading h4.elementor-heading-title{
  font-size:var(--ay-h4);font-weight:600;line-height:var(--ay-h4-lh);
}

/* Dizgi kurallari (kilavuz s.43): sola dayali, iki yana yaslama yok,
   tireleme kapali, satir 45-75 karakter. */
body, p, li, .elementor-widget-text-editor, .elementor-widget-theme-post-content{
  text-align:left;
  hyphens:none;
  -webkit-hyphens:none;
}
p:where(:not([class])), .elementor-widget-text-editor p{ max-width:72ch; }

/* Basliklar iki satiri gecmesin diye asiri uzun kelimelerde kirilma */
h1,h2,h3{ overflow-wrap:break-word; }

/* Butonlar / etiketler */
.elementor-button, button, input[type="submit"], .wp-element-button,
.wc-block-components-button, .single_add_to_cart_button{
  font-family:var(--ay-font-body);
  font-size:var(--ay-btn);
  font-weight:600;
  letter-spacing:.04em;
  line-height:1.2;
}

/* Rakamlar — etki sayilari, tutarlar */
.woocommerce-Price-amount, .amount, .ay-sayi,
.wc-block-components-totals-item__value, .ipek-ozet-line, .ipek-ozet-total strong{
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
}

/* Mobilde govde metni 16px'in altina inmez (iOS otomatik zoom'u bagis formunu bozar) */
@media (max-width:767px){
  body,.elementor-kit-6{ font-size:16px; }
  input,select,textarea{ font-size:16px !important; }
}

/* Kilavuz s.44 — yasak tipografi: italik, kontur, golge, asiri harf araligi */
.elementor-heading-title{ font-style:normal; text-shadow:none; -webkit-text-stroke:0; }

/* ==========================================================================
   2. RENK — eski Ipekyolu paletini marka paletine cevir
   Eski:  #263572 lacivert · #34468f acik lacivert · #C4A804 altin · #34ADD0 camgobegi
   Yeni:  #203F74           · #2C5896              · #F5A623       · #52ABB7
   ========================================================================== */

/* Snippet'lerin kendi degiskenleri — kokten cevriliyor */
.ipek-ozet{
  --nv:var(--ay-navy) !important; --nvs:var(--ay-navy-500) !important;
  --gd:var(--ay-navy) !important;          /* tutarlar: altin 2.3:1 idi, lacivert 10.4:1 */
  --cy:var(--ay-teal-700) !important; --ln:var(--ay-line) !important; --sf:var(--ay-grey-050) !important;
}
body.single-product{
  --bu-navy:var(--ay-navy) !important; --bu-navys:var(--ay-navy-500) !important;
  --bu-gold:var(--ay-navy) !important; --bu-cyan:var(--ay-teal-700) !important;
  --bu-line:var(--ay-line) !important; --bu-soft:var(--ay-grey-050) !important;
  --bu-shadow:var(--ay-shadow) !important;
}
body.woocommerce-checkout,body.woocommerce-cart,body.woocommerce-account,body.woocommerce-order-pay{
  --ck-navy:var(--ay-navy) !important; --ck-gold:var(--ay-navy) !important;
  --ck-cyan:var(--ay-teal-700) !important; --ck-line:var(--ay-line) !important;
  --op-navy:var(--ay-navy) !important; --op-gold:var(--ay-navy) !important;
  --ac-navy:var(--ay-navy) !important; --ac-gold:var(--ay-navy) !important;
  --mm-navy:var(--ay-navy) !important;
}

/* Literal eski hex kullanan kurallar */
[style*="#263572"],[style*="#263572"] *{ }
.ipk-faq-group, .ipk-404__code, .ipk-404__title,
.page-id-882 .elementor-heading-title, .page-id-883 .elementor-heading-title,
body.single-post .elementor-widget-theme-post-title .elementor-heading-title{
  color:var(--ay-navy) !important;
}
.ipk-faq-group{ border-bottom-color:var(--ay-gold) !important; }
.ipk-faq-group::before{ background:var(--ay-teal) !important; }
.ipk-faq-cat, .wp-block-yoast-faq-block .schema-faq-answer a{ color:var(--ay-teal-700) !important; }
.wp-block-yoast-faq-block .schema-faq-question{ color:var(--ay-navy) !important; }
.wp-block-yoast-faq-block .schema-faq-question::after{ color:var(--ay-teal-700) !important; }
.wp-block-yoast-faq-block .schema-faq-section.ipk-open{ border-left-color:var(--ay-gold) !important; }
.ipk-404__code span{ color:var(--ay-gold-700) !important; }
.ipk-404__btns .ipk-primary{ background:var(--ay-navy) !important; }
.ipk-404__btns .ipk-gold{ background:var(--ay-gold) !important; color:var(--ay-ink) !important; }
.ipk-404__btns .ipk-ghost{ color:var(--ay-navy) !important; border-color:var(--ay-navy) !important; }
.ipk-post-cta{ background:linear-gradient(135deg,var(--ay-navy),var(--ay-teal-700)) !important; }
.ipk-post-cta a{ background:var(--ay-gold) !important; color:var(--ay-ink) !important; }

/* ==========================================================================
   3. KONTRAST — kilavuz s.37 matrisi
   ASLA: Isik-Gol (#52ABB7) veya Altin (#F5A623) zemin uzerine BEYAZ metin.
   ========================================================================== */

/* Altin zeminli her sey koyu metin alir */
.elementor-button[style*="F5A623"], .elementor-button[style*="f5a623"],
.ipk-post-cta a, .ipk-404__btns .ipk-gold,
.dnf-donation-card .dnf-add-to-cart-btn, .dnf-btn-gold,
button[style*="F5A623"], .wc-block-components-button[style*="F5A623"]{
  color:var(--ay-ink) !important;
  text-shadow:none !important;
}
/* Turkuaz zeminli her sey koyu metin alir */
[style*="background-color: #52ABB7"], [style*="background-color:#52ABB7"],
.ay-bg-teal{ color:var(--ay-ink) !important; }

/* Ikincil metin ve tutarlar — eski #8a93a6 (3.0:1) ve #C4A804 (2.3:1) yerine */
.ipek-ozet-names, .ipek-ozet-empty, .ipek-don-grid span, .ipek-chev, .ipek-empty,
.ipek-bf-foot, .ipek-bf-item-name em, .posted_in{
  color:var(--ay-grey-500) !important;
}
.ipek-ozet-line, .ipek-ozet-total strong, .shop_table .amount,
body.single-product .summary .price,
body.single-product .summary .price .woocommerce-Price-amount,
body.single-product .elementor-widget-woocommerce-product-price .price,
body.single-product .e-loop-item .price,
body.single-product .e-loop-item .price .woocommerce-Price-amount,
.wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
  color:var(--ay-navy) !important;      /* 10.4:1 — tutarlar sitenin en kritik verisi */
}

/* ==========================================================================
   4. DUZEN VE RESPONSIVE DUZELTMELERI
   ========================================================================== */

/* 4.1 — Woo Multi Currency yan cubugu metni ortuyordu (sol kenarda 45px).
   Kapaliyken tamamen disarida; acilis tutamaci ince bir serit.
   z-index 2147483647 idi: cerez bandi, 3D Secure iframe'i ve her modal altinda kaliyordu. */
.woo-multi-currency.wmc-sidebar,
.woo-multi-currency.wmc-left{
  left:-260px !important;
  z-index:var(--ay-z-switcher) !important;
  transition:left .25s ease !important;
}
.woo-multi-currency.wmc-sidebar:hover,
.woo-multi-currency.wmc-sidebar:focus-within,
.woo-multi-currency.wmc-sidebar.wmc-open{ left:0 !important; }
.woo-multi-currency.wmc-sidebar .wmc-currency-wrapper{ box-shadow:var(--ay-shadow); }
/* Mobilde yan cubuk hic gorunmez — dil/para secimi ana menude olur (kilavuz s.62) */
@media (max-width:1024px){
  .woo-multi-currency.wmc-sidebar, .woo-multi-currency.wmc-left{ display:none !important; }
}

/* 4.2 — Sepet bloku 80px negatif marjla sola tasip kirpiliyordu */
body.woocommerce-cart .wp-block-woocommerce-cart.alignwide,
body.woocommerce-checkout .wp-block-woocommerce-checkout.alignwide{
  margin-left:auto !important;
  margin-right:auto !important;
  max-width:min(1240px, 100% - 32px) !important;
}
body.woocommerce-cart .wc-block-cart-items{ overflow:visible !important; }

/* 4.3 — Ana sayfada mutlak konumlu dekoratif gorseller 219px yatay tasma yapiyordu
   (ornek: .elementor-element-427dc55 -> right:-219px).
   overflow-x:clip secildi; overflow-x:hidden'in aksine position:sticky'yi bozmaz
   ve kaydirma kabi olusturmaz. */
html{ overflow-x:clip; }
.e-con.e-parent:has(> .e-con-inner > .elementor-absolute),
.e-con.e-parent:has(> .elementor-absolute),
.elementor-section:has(.elementor-absolute){ overflow-x:clip !important; }
.elementor-element.elementor-absolute{ max-width:100%; }

/* 4.4 — Kirgizca/Rusca menu ikinci satira dusuyordu (metin +25% uzun, kilavuz s.43) */
@media (min-width:1025px) and (max-width:1440px){
  .elementskit-navbar-nav > li > a{
    font-size:15px !important;
    padding-left:10px !important; padding-right:10px !important;
  }
  .elementskit-navbar-nav{ flex-wrap:nowrap !important; }
}

/* 4.5 — Mobil menu alt aksiyon cubugu kirpiliyordu (100vh + sabit bar cakismasi) */
@media (max-width:1024px){
  .elementskit-menu-container{
    top:0 !important; bottom:0 !important; height:auto !important;
    padding-bottom:72px !important;
    overscroll-behavior:contain !important;
    z-index:var(--ay-z-drawer) !important;
  }
  .elementskit-menu-overlay.elementskit-menu-offcanvas-elements{
    z-index:calc(var(--ay-z-drawer) - 1) !important;
  }
}

/* 4.6 — WhatsApp butonu her seyin ustune biniyordu (z-index 100000) */
.ipk-wa{ z-index:var(--ay-z-float) !important; }
@media (max-width:600px){ .ipk-wa{ bottom:104px !important; } }

/* 4.7 — Dokunma hedefleri en az 44px (WCAG 2.5.8) */
.woocommerce-MyAccount-navigation li a,
.wc-block-components-quantity-selector__button,
.wc-block-cart-item__remove-link,
.ipek-ozet-qty button, .ipek-ozet-remove{
  min-height:44px !important; min-width:44px !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
}
.wc-block-cart-item__remove-link{ padding:0 10px !important; }

/* 4.8 — Bagis kategori sekmeleri mobilde tasiyordu; kaydirilabilir serit + ipucu */
@media (max-width:900px){
  .dnf-category-filter, .dnf-filter-tabs, .dnf-categories{
    display:flex !important; flex-wrap:nowrap !important;
    overflow-x:auto !important; gap:8px !important;
    padding-inline:16px !important;
    scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(to right,#000 88%,transparent);
            mask-image:linear-gradient(to right,#000 88%,transparent);
    scrollbar-width:none;
  }
  .dnf-category-filter::-webkit-scrollbar,
  .dnf-filter-tabs::-webkit-scrollbar{ display:none; }
  .dnf-category-filter > *, .dnf-filter-tabs > *{ flex:0 0 auto !important; scroll-snap-align:start; }
}

/* 4.9 — Bagis popup'inda buton metni ucnokta ile kirpiliyordu */
.dnf-popup-actions, .dnf-modal-actions, .dnf-popup .dnf-buttons{
  display:flex !important; flex-wrap:wrap !important; gap:10px !important;
}
.dnf-popup-actions > *, .dnf-modal-actions > *{
  flex:1 1 auto !important; min-width:0 !important; white-space:nowrap !important;
}
@media (max-width:420px){
  .dnf-popup-actions > *, .dnf-modal-actions > *{ flex:1 1 100% !important; }
}

/* 4.10 — Yapiskan header yuksekligi degiskene yazilir (JS bunu gunceller) */
:root{ --ay-header-h:0px; }

/* ==========================================================================
   5. BILESENLER — marka gorunumu
   ========================================================================== */

/* Birincil cagri: daima Gece Laciverti ya da Altin (kilavuz s.38) */
.ay-btn-primary, .elementor-kit-6 .elementor-button-primary,
.ipek-ozet-checkout, .ipek-ozet-add,
.wc-block-components-checkout-place-order-button{
  background:var(--ay-navy) !important;
  color:var(--ay-white) !important;
  border:none !important;
  border-radius:var(--ay-radius) !important;
  min-height:52px !important;
  box-shadow:0 8px 22px rgba(32,63,116,.24) !important;
}
.ay-btn-primary:hover, .ipek-ozet-checkout:hover,
.wc-block-components-checkout-place-order-button:hover{
  background:var(--ay-navy-800) !important;
  transform:translateY(-1px);
}
/* Altin buton: zemin altin, metin murekkep (asla beyaz) */
.ay-btn-gold{
  background:var(--ay-gold) !important; color:var(--ay-ink) !important;
  border:none !important; border-radius:var(--ay-radius) !important; min-height:52px !important;
}

/* Kartlar */
.ipek-ozet, .dnf-donation-card, .e-loop-item .e-con-boxed{
  border-radius:var(--ay-radius-lg) !important;
  border:1px solid var(--ay-line) !important;
  box-shadow:var(--ay-shadow) !important;
}

/* Odak halkasi — klavye erisilebilirligi */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible{
  outline:3px solid var(--ay-teal-700) !important;
  outline-offset:2px !important;
  border-radius:4px;
}

/* Secim rengi */
::selection{ background:var(--ay-teal-300); color:var(--ay-ink); }

/* ==========================================================================
   6. HAREKET — azaltilmis hareket tercihi
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important; animation-iteration-count:1 !important;
    transition-duration:.001ms !important; scroll-behavior:auto !important;
  }
}

/* ==========================================================================
   7. DENETIM DUZELTMELERI — 21 Eylul 2026
   Kaynak: canli tarayici olcumu (kontrast matrisi, renk envanteri, hedef boyutu).
   Her kural bir OLCUME dayanir; olculen deger yorumda yazilidir.
   ========================================================================== */

/* --------------------------------------------------------------------------
   7.1 BAGLANTI RENGI
   hello-elementor/assets/css/reset.css -> a{color:#c36} (macenta).
   Sayfada 33 yerde gorunuyordu; footer'da lacivert uzerinde 2,09:1.
   Ozgulluk BILEREK dusuk (tek eleman secici): Elementor'un oge bazli
   renk ayarlari kazanmaya devam etsin, yalnizca tema varsayilani degissin.
   -------------------------------------------------------------------------- */
a{ color:var(--ay-teal-700); }
a:hover{ color:var(--ay-navy); }
a:active{ color:var(--ay-navy-800); }

/* Tema varsayilan butonu da ayni macentayi tasiyordu */
[type="button"],[type="submit"],button{
  border-color:var(--ay-navy);
  color:var(--ay-navy);
}
[type="button"]:hover,[type="submit"]:hover,button:hover{
  background-color:var(--ay-navy);
  color:var(--ay-white);
}

/* --------------------------------------------------------------------------
   7.2 ELEMENTOR GLOBAL METIN RENGI
   Kit'te --e-global-color-text:#1F2A37 idi; marka murekkebi #16233A.
   -------------------------------------------------------------------------- */
body{ --e-global-color-text:var(--ay-ink); }

/* --------------------------------------------------------------------------
   7.3 TUTARLAR — Isik-Gol metin olarak kullanilmaz (kilavuz s.37: 2,7:1)
   Olculen: /bagis-sayfasi/ kart tutarlari #52ABB7, 21,25px  -> 2,70:1
            sepet rozeti #FAFAFA                             -> okunmuyor
   Bolum 3'teki kural sepet/urun/ozet ogelerini kapsiyordu; dongu kartlarini
   ve sepet rozetini kapsamiyordu.
   -------------------------------------------------------------------------- */
.e-loop-item .price,
.e-loop-item .price .woocommerce-Price-amount,
.e-loop-item .price ins, .e-loop-item .price bdi,
.elementor-widget-woocommerce-product-price .price,
.elementor-widget-woocommerce-product-price .price .woocommerce-Price-amount,
.dnf-donation-card .price, .dnf-amount, .dnf-price{
  color:var(--ay-navy) !important;
}

/* Sepet rozeti ustteki KOYU LACIVERT seride duruyor (olculen zemin #273272),
   bu yuzden tutar beyaz olmali. Onceki degeri #FAFAFA idi ve neredeyse
   gorunmuyordu; lacivere cevirmek koyu zeminde 1,13:1 yapardi. */
.ekit-template-content-header .elementor-menu-cart__toggle_button,
.ekit-template-content-header .elementor-menu-cart__toggle_button .woocommerce-Price-amount,
.ekit-template-content-header .elementor-menu-cart__toggle_button .elementor-button-text,
.elementor-location-header .elementor-menu-cart__toggle_button,
.elementor-location-header .elementor-menu-cart__toggle_button .woocommerce-Price-amount,
.elementor-location-header .elementor-menu-cart__toggle_button .elementor-button-text{
  color:var(--ay-white) !important;
}
/* Sepet adet rozeti — beyaz / #D9534F = 3,96:1 idi; marka hata rengi daha koyu */
.elementor-button-icon-qty,
.elementor-menu-cart__toggle .elementor-button-icon-qty{
  background-color:var(--ay-error) !important;
  color:var(--ay-white) !important;
}
/* Kart tutari sayfanin en onemli verisi — hiyerarside one ciksin */
.e-loop-item .price{ font-weight:700; letter-spacing:-.01em; }

/* --------------------------------------------------------------------------
   7.4 KOYU ZEMIN (footer ve lacivert bolumler)
   Olculen ihlaller:
     label.elementor-field-label  #1F2A37 / #203F74 = 1,40:1
     footer b                     #52ABB7 / #203F74 = 3,89:1
     a.ipk-cky-link               #CC3366 / #203F74 = 2,09:1
   Kilavuz s.37: koyu lacivert zeminde ikincil metin turkuazin ACIK tonundan
   alinir, notr griden degil.
   -------------------------------------------------------------------------- */
.ay-on-navy,
footer.elementor, .elementor-location-footer{
  --ay-on-dark:var(--ay-white);
  --ay-on-dark-dim:var(--ay-teal-300);   /* #A5D4DB / #203F74 = 7,3:1 */
}
footer.elementor .elementor-field-label,
.elementor-location-footer .elementor-field-label{
  color:var(--ay-on-dark) !important;
  font-weight:600;
}
footer.elementor b, footer.elementor strong,
.elementor-location-footer b, .elementor-location-footer strong{
  color:var(--ay-on-dark-dim) !important;
}
footer.elementor a, .elementor-location-footer a,
.ipk-cky-link{
  color:var(--ay-on-dark-dim) !important;
}
footer.elementor a:hover, .elementor-location-footer a:hover,
.ipk-cky-link:hover{
  color:var(--ay-on-dark) !important;
}
/* Footer form alanlari — koyu zeminde beyaz kutu, murekkep metin */
footer.elementor .elementor-field-textual,
.elementor-location-footer .elementor-field-textual{
  background:var(--ay-white) !important;
  color:var(--ay-ink) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:var(--ay-radius) !important;
  min-height:48px;
}
footer.elementor .elementor-field-textual::placeholder,
.elementor-location-footer .elementor-field-textual::placeholder{
  color:var(--ay-grey-500) !important;   /* 5,2:1 beyaz uzerinde */
  opacity:1;
}

/* --------------------------------------------------------------------------
   7.5 ALTIN VE ISIK-GOL ZEMIN — ustune ASLA beyaz metin (kilavuz s.37)
   Olculen: footer "Abone Ol" butonu beyaz / #F5A623 = 2,03:1
   Bolum 3'teki koruma yalnizca satir ici style="...F5A623..." yakaliyordu;
   Elementor satir ici renk yazmaz, uretilmis sinif verir. Bu yuzden
   butonun KENDISI hedefleniyor, ayrica JS guvenlik agi devrede
   (mu-plugins/ay-tasarim-duzeltme.php).
   -------------------------------------------------------------------------- */
/* NOT: footer bulten butonu sayfadan sayfaya farkli zemin aliyor
   (ana sayfada altin #F5A623, iletisimde eski lacivert #263572).
   Bu yuzden renk KORU KORUNE zorlanmaz; zemine gore karar veren
   JS kontrast agi (ay-tasarim-duzeltme.php) halleder. Burada yalnizca
   zemini KESIN bilinen siniflar sabitlenir. */
.ay-bg-gold, .ay-bg-gold *,
.ay-bg-teal, .ay-bg-teal *{
  color:var(--ay-ink) !important;
  text-shadow:none !important;
}

/* Koyu footer'da baslikliar: bolum 1'deki "basliklar lacivert" kurali
   lacivert zeminde 1,00:1 yapiyordu (olculen: "Onemli Baglantilar",
   "Sosyal Medya", "E-Bulten"). Koyu yuzeyde baslik beyaza doner. */
footer.elementor h1,footer.elementor h2,footer.elementor h3,
footer.elementor h4,footer.elementor h5,footer.elementor h6,
footer.elementor .elementor-heading-title,
.elementor-location-footer h1,.elementor-location-footer h2,
.elementor-location-footer h3,.elementor-location-footer h4,
.elementor-location-footer h5,.elementor-location-footer h6,
.elementor-location-footer .elementor-heading-title{
  color:var(--ay-on-dark,var(--ay-white)) !important;
}
footer.elementor .elementor-widget-form .elementor-button{
  border-radius:var(--ay-radius) !important;
  min-height:48px;
  font-weight:700;
}

/* --------------------------------------------------------------------------
   7.6 DOKUNMA HEDEFLERI — 44px (WCAG 2.5.8)
   Olculen: sosyal ikonlar 30x30, menu baglantilari 23px yuksek,
            sepet dugmesi 42px. Bolum 4.7 yalnizca WooCommerce
            hesap/sepet secicilerini kapsiyordu.
   Gorsel boyut degismez; tiklama alani pseudo-eleman ile buyur.
   -------------------------------------------------------------------------- */
.elementskit-social-media li a,
.ekit_socialmedia_link,
footer.elementor .elementor-icon,
.elementor-menu-cart__toggle_button,
.elementskit-navbar-nav > li > a,
.ekit-menu-nav-link{
  position:relative;
}
.elementskit-social-media li a::after,
.ekit_socialmedia_link::after,
.elementskit-navbar-nav > li > a::after,
.ekit-menu-nav-link::after{
  content:"";
  position:absolute;
  inset:50% auto auto 50%;
  translate:-50% -50%;
  min-width:44px; min-height:44px;
  width:100%; height:100%;
}
.elementor-menu-cart__toggle_button{ min-height:44px !important; }

/* --------------------------------------------------------------------------
   7.7 MOBIL PARA BIRIMI SECICISI
   Bolum 4.1 yan cubugu 1024px altinda gizliyor ve "secim ana menude olur"
   diyordu — ama menude para birimi yoktu. Diaspora bagiscisi telefonda
   USD/EUR secemiyordu. Satir mu-plugin tarafindan menuye eklenir.
   -------------------------------------------------------------------------- */
.ay-mobil-kur{
  display:none;
  padding:14px 20px 18px;
  border-top:1px solid var(--ay-line);
  margin-top:8px;
}
@media (max-width:1024px){ .ay-mobil-kur{ display:block; } }
.ay-mobil-kur__baslik{
  font-family:var(--ay-font-body);
  font-size:var(--ay-small);
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--ay-grey-500);
  margin:0 0 10px;
}
.ay-mobil-kur__liste{
  display:flex; flex-wrap:wrap; gap:8px;
  list-style:none; margin:0; padding:0;
}
.ay-mobil-kur__liste a,
.ay-mobil-kur__liste span{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; min-width:64px;
  padding:0 14px;
  border:1px solid var(--ay-line);
  border-radius:var(--ay-radius);
  background:var(--ay-white);
  color:var(--ay-navy) !important;
  font-family:var(--ay-font-body);
  font-size:var(--ay-btn);
  font-weight:600;
  letter-spacing:.04em;
  text-decoration:none;
  font-variant-numeric:tabular-nums;
}
.ay-mobil-kur__liste a:hover{ border-color:var(--ay-navy-300); }
.ay-mobil-kur__liste [aria-current="true"]{
  background:var(--ay-navy);
  color:var(--ay-white) !important;
  border-color:var(--ay-navy);
}

/* --------------------------------------------------------------------------
   7.8 TARAYICI YUZEYLERI — varsayilanlar hicbir tasarim sistemine ait degil
   -------------------------------------------------------------------------- */
:root{ accent-color:var(--ay-navy); color-scheme:light; }
html{ scrollbar-color:var(--ay-navy-300) var(--ay-grey-100); scrollbar-width:thin; }
::-webkit-scrollbar{ width:12px; height:12px; }
::-webkit-scrollbar-track{ background:var(--ay-grey-100); }
::-webkit-scrollbar-thumb{
  background:var(--ay-navy-300);
  border-radius:999px;
  border:3px solid var(--ay-grey-100);
}
::-webkit-scrollbar-thumb:hover{ background:var(--ay-navy-500); }
body{ caret-color:var(--ay-navy); }
a{ text-underline-offset:.18em; text-decoration-thickness:.08em; }

/* --------------------------------------------------------------------------
   7.9 WOO MULTI CURRENCY YAN CUBUGU
   Olculen: aktif satir beyaz metin / #52ABB7 turkuaz = 2,67:1.
   Kilavuz s.37: Isik-Gol uzerine beyaz metin yasak. Aktif satir marka
   laciverti zemine alinir; secim durumu renkle degil, zeminle anlatilir.
   -------------------------------------------------------------------------- */
.woo-multi-currency .wmc-currency.wmc-active,
.woo-multi-currency .wmc-currency.wmc-active *{
  background-color:var(--ay-navy) !important;
  color:var(--ay-white) !important;
}
.woo-multi-currency .wmc-title{
  background-color:var(--ay-navy-900) !important;
  color:var(--ay-white) !important;
  font-family:var(--ay-font-body);
  font-size:var(--ay-small);
  letter-spacing:.04em;
}
.woo-multi-currency .wmc-list-currencies{
  background-color:var(--ay-white) !important;
  border:1px solid var(--ay-line) !important;
  border-radius:0 var(--ay-radius) var(--ay-radius) 0;
  overflow:hidden;
}
.woo-multi-currency .wmc-currency:not(.wmc-active){
  background-color:var(--ay-white) !important;
}
.woo-multi-currency .wmc-currency:not(.wmc-active) a,
.woo-multi-currency .wmc-currency:not(.wmc-active) span{
  color:var(--ay-navy) !important;
}
.woo-multi-currency .wmc-currency:not(.wmc-active):hover{
  background-color:var(--ay-teal-100) !important;
}

/* ==========================================================================
   8. ESTETIK VE YAPI DUZELTMELERI — 21 Eylul 2026, ikinci gecis
   Kaynak: canli tarayici olcumu (1440 / 390 px; ana sayfa, bagis, hakkimizda,
   iletisim, blog). Her kural bir OLCUME dayanir; olculen deger yorumda yazilidir.
   ========================================================================== */

/* --------------------------------------------------------------------------
   8.1 BASLIK VURGU BANDI — metnin ORTASINDAN geciyordu
   Olculen: .elementskit-section-title > span icin
     background-image: linear-gradient(180deg, transparent 67%, teal 0%)
   9 baslikta ayni deger. 56px/58.8px satirda bant 39.5px'ten basliyor;
   taban cizgisi 45px'te — yani bant harflerin ALT UCTE BIRINI kesiyor ve
   "yarınına yuva", "Derin Kuyu Açıyoruz" gibi basliklarda ustu cizili gibi
   duruyor. Bant satirin dibine sabitlenir: taban cizgisinin altinda kalir,
   alt uzantilari (y, ğ, ç) yalnizca hafifce yalar.
   -------------------------------------------------------------------------- */
.ekit-wid-con .elementskit-section-title > span,
.elementskit-section-title > span,
.ekit-heading--title > span{
  background:linear-gradient(
      var(--ay-vurgu,var(--e-global-color-secondary,var(--ay-teal-500))),
      var(--ay-vurgu,var(--e-global-color-secondary,var(--ay-teal-500)))
    ) no-repeat 0 100% / 100% .26em !important;
  padding:0 .06em .10em !important;
  border-radius:3px;
  -webkit-box-decoration-break:clone;
          box-decoration-break:clone;
}
/* Kiril'de govde harfleri daha yuksek oturur; bant bir tik asagi alinir */
html[lang^="ky"] .elementskit-section-title > span,
html[lang^="ru"] .elementskit-section-title > span{
  background-size:100% .24em !important;
}

/* --------------------------------------------------------------------------
   8.2 BASLIK HIYERARSISI — etiketler artik baslik degil
   Olculen ana sayfa: H1 > H6 > H2 > H4 ... sirasinda 4 atlama.
   "2026 · Kırgızistan", "Üç Adımda Saha" gibi 9 ustluk (eyebrow) H6 olarak,
   4 sayac etiketi H4 olarak basiliyordu. PHP katmani bunlari <p>/<div> yapar
   (mu-plugins/ay-yapi-duzeltme.php); ElementsKit'in hN sifirlamasi artik
   uygulanmayacagi icin ayni sifirlama burada tekrarlanir.
   -------------------------------------------------------------------------- */
p.elementskit-section-subtitle,
div.funfact-title{
  margin:0 0 .35em;
  padding:0;
  font-family:inherit;
  font-weight:inherit;
  line-height:inherit;
}
p.elementskit-section-subtitle{ font-size:inherit; }

/* --------------------------------------------------------------------------
   8.3 BAGIS KARTLARI — buton siralari ayni cizgide durmuyordu
   Olculen /bagis-sayfasi/: ayni satirdaki kartlar 393px yuksekliginde esitken
   "Zekat" ve "Genel Bağış" kartlarinda buton satiri 346px'te, komsularinda
   313px'te basliyordu (fiyat alani iki satir oldugu icin). Kart icerigi
   esnemiyordu; buton serisi kartin dibine sabitlenir.
   Ayrica baslik ve tutar ortali, buton serisi sola dayaliydi.
   -------------------------------------------------------------------------- */
.e-loop-item > .e-con{ height:100%; }
.e-loop-item > .e-con > .e-con-inner{ height:100%; }
.e-loop-item .elementor-widget-woocommerce-product-price{ margin-bottom:0; }
/* Buton serisi: kartin dibine yapisir ve icerikle ayni eksende ortalanir */
.e-loop-item .e-con:has(> .elementor-widget-button),
.e-loop-item .e-con-inner:has(> .elementor-widget-button){
  margin-top:auto;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
/* :has() desteklemeyen tarayici: en azindan ortalama calissin */
.e-loop-item .elementor-widget-button{ align-self:center; }

/* --------------------------------------------------------------------------
   8.4 FOOTER ALT BAGLANTI SERIDI — bitisik ve kaymis
   Olculen /iletisim/ footer: "Çerez Politikası" 254–379, "Çerez Tercihleri"
   379–504 (aralarinda 0 px), sonrakiler arasinda 49 px. Ikinci baglanti iki
   satira dusup (53 px) komsularindan 13 px yukari kayiyordu.
   Liste gercek bir esnek satira cevrilir: esit aralik, ortak eksen, taşma yok.
   -------------------------------------------------------------------------- */
footer.elementor .elementor-icon-list-items.elementor-inline-items,
.elementor-location-footer .elementor-icon-list-items.elementor-inline-items{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:10px 32px;
  margin:0;
  padding:0;
}
footer.elementor .elementor-inline-items .elementor-icon-list-item,
.elementor-location-footer .elementor-inline-items .elementor-icon-list-item{
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap;
}
footer.elementor .elementor-inline-items .elementor-icon-list-item::after,
.elementor-location-footer .elementor-inline-items .elementor-icon-list-item::after{
  display:none;
}
@media (max-width:600px){
  footer.elementor .elementor-icon-list-items.elementor-inline-items,
  .elementor-location-footer .elementor-icon-list-items.elementor-inline-items{
    gap:14px 20px;
  }
  footer.elementor .elementor-inline-items .elementor-icon-list-item,
  .elementor-location-footer .elementor-inline-items .elementor-icon-list-item{
    white-space:normal;
  }
}

/* --------------------------------------------------------------------------
   8.5 YUZEN DEKOR FOTOGRAFLARI (.ipk-deco) — icerigin ustune biniyordu
   Olculen /iletisim/ 1440px: dort adet position:fixed daire (84px) sirasiyla
   sol 26px ve sag 30px'te duruyor; sayfa sutunu sol 36px'te basliyor.
   Sonuc: "Ad Soyad" etiketi, form ve footer kunye metni dairelerin altinda
   kaliyor. Eski esik 1400px, gercek ihtiyac daha genis: 1600px altinda
   yan bosluk (1440-1220)/2 = 110px, daire + golge 100px — yeterli degil.
   Ayrica sabit konumlu olduklari icin footer'in uzerinde de geziyorlardi;
   JS katmani footer gorununce gizler (ay-yapi-duzeltme.php).
   -------------------------------------------------------------------------- */
@media (max-width:1599px){ .ipk-deco{ display:none !important; } }
.ipk-deco{
  transition:opacity .25s ease;
  opacity:.92;
}
.ipk-deco[data-ay-gizli="1"]{ opacity:0 !important; pointer-events:none; }

/* --------------------------------------------------------------------------
   8.6 GIRIS ANIMASYONU — JS calismazsa icerik GORUNMEZ kaliyordu
   Olculen ana sayfa: ilk yuklemede 17 ogede .elementor-invisible sinifi var;
   bunlarin 4'u 600px'ten yuksek kapsayici. Animasyon gozlemcisi calismazsa
   (JS hatasi, eski tarayici, yazdirma) o alanlar bos sayfa olarak kalir.
   Yazdirmada ve hareket azaltma tercihinde icerik kosulsuz gorunur.
   -------------------------------------------------------------------------- */
@media print{
  .elementor-invisible{ opacity:1 !important; visibility:visible !important; animation:none !important; }
}
@media (prefers-reduced-motion:reduce){
  .elementor-invisible{ opacity:1 !important; visibility:visible !important; animation:none !important; }
}
.no-js .elementor-invisible{ opacity:1 !important; visibility:visible !important; }

/* 8.3b Kart basligi H6'dan H3'e cikarildi (anlamsal duzeltme, bkz. loop
   sablonlari 22961/21981). Gorsel agirlik DEGISMEMELI: olculen eski hal
   17px/1.3 idi, h3 kurali onu 26px'e cikarip basliklari iki satira dusurdu
   ve kart yuksekligi 360 -> 399px oldu. Kart olceginde baslik sabitlenir. */
.e-loop-item .elementor-widget-woocommerce-product-title .elementor-heading-title,
.e-loop-item h3.elementor-heading-title,
.e-loop-item .product_title{
  font-size:18px !important;
  line-height:1.3 !important;
  font-weight:700;
  letter-spacing:-.005em;
  margin:0;
}

/* 8.4b Ayni liste ogesinde iki baglanti: "Çerez Politikası" ile snippet'in
   sonradan ekledigi "Çerez Tercihleri" ayni <li> icinde ve aralarinda
   olculen bosluk 0 px. Serit araligi liste ogeleri arasinda calisir,
   oge ICINDE calismaz — bu yuzden ikinci baglantiya ayrica aralik verilir. */
footer.elementor .elementor-inline-items .elementor-icon-list-item > a + a,
.elementor-location-footer .elementor-inline-items .elementor-icon-list-item > a + a{
  margin-left:32px;
}
@media (max-width:600px){
  footer.elementor .elementor-inline-items .elementor-icon-list-item > a + a,
  .elementor-location-footer .elementor-inline-items .elementor-icon-list-item > a + a{
    margin-left:20px;
  }
}

/* ==========================================================================
   9. DIL VE PARA BIRIMI SECICISI — 22 Eylul 2026
   Eski hal (olculen): Polylang menu ogesi 16x11 px base64 bayrak PNG'si +
   metin + ElementsKit caret'i; WMC para birimi ise ekranin solunda
   position:fixed, x=-260 px'te gizli duran bir kulakti ve basligi dort dilde
   de Ingilizce ("Select your currency", "Turkish lira").
   Yeni: header'da, metin tabanli, iki dugmeli tek kontrol.
   ========================================================================== */

.ay-secici-oge{ list-style:none; display:flex; align-items:center; }
.ay-secici{
  display:flex; align-items:stretch;
  border:1px solid var(--ay-line);
  border-radius:999px;
  background:var(--ay-white);
  overflow:visible;
  font-family:var(--ay-font-body);
}
.ay-secici__grup{ position:relative; display:flex; }
.ay-secici__grup + .ay-secici__grup::before{
  content:""; position:absolute; left:0; top:9px; bottom:9px;
  width:1px; background:var(--ay-line);
}
.ay-secici__dugme{
  display:inline-flex; align-items:center; gap:7px;
  min-height:40px; padding:0 13px;
  border:0; background:transparent;
  color:var(--ay-navy) !important;
  font-size:var(--ay-btn); font-weight:600; line-height:1;
  letter-spacing:.01em;
  cursor:pointer;
  border-radius:999px;
  transition:background-color .16s cubic-bezier(.22,1,.36,1), color .16s;
}
.ay-secici__grup:first-child .ay-secici__dugme{ border-radius:999px 0 0 999px; }
.ay-secici__grup:last-child  .ay-secici__dugme{ border-radius:0 999px 999px 0; }
.ay-secici__grup:only-child  .ay-secici__dugme{ border-radius:999px; }
.ay-secici__dugme:hover{ background:var(--ay-navy-100); }
.ay-secici__dugme:focus-visible{
  outline:2px solid var(--ay-navy); outline-offset:2px; background:var(--ay-navy-100);
}
.ay-secici__grup.is-acik .ay-secici__dugme{ background:var(--ay-navy-100); }
/* Ekranda gorunmeyen ama ekran okuyucunun ve genis ekranin gordugu etiket */
.ay-secici__on{
  font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase;
  color:var(--ay-grey-500);
}
@media (max-width:1380px){ .ay-secici__on{ display:none; } }
.ay-secici__deger{ display:inline-flex; align-items:center; gap:6px; }
.ay-secici__deger .ay-secici__kod{
  font-variant-numeric:tabular-nums; font-weight:700; letter-spacing:.04em;
}
.ay-secici__deger .ay-secici__ad{ font-weight:600; }
@media (max-width:1240px){ .ay-secici__deger .ay-secici__ad{ display:none; } }
.ay-secici__deger .ay-secici__sembol{ font-weight:700; }
.ay-secici__ok{ color:var(--ay-grey-500); flex:none; transition:transform .18s cubic-bezier(.22,1,.36,1); }
.ay-secici__grup.is-acik .ay-secici__ok{ transform:rotate(180deg); }

/* Acilir liste */
.ay-secici__liste{
  position:absolute; top:calc(100% + 10px); right:0; z-index:var(--ay-z-switcher);
  min-width:270px; margin:0; padding:6px;
  list-style:none;
  background:var(--ay-white);
  border:1px solid var(--ay-line);
  border-radius:var(--ay-radius);
  box-shadow:0 16px 40px rgba(21,44,82,.16), 0 2px 6px rgba(21,44,82,.08);
}
.ay-secici__grup:first-child .ay-secici__liste{ left:0; right:auto; }
.ay-secici__liste[hidden]{ display:none; }
.ay-secici__oge{
  display:flex; align-items:center; gap:10px;
  min-height:44px; padding:0 12px;
  border-radius:10px;
  color:var(--ay-navy) !important;
  font-size:15px; font-weight:500; line-height:1.2;
  text-decoration:none;
  transition:background-color .14s;
}
.ay-secici__oge:hover{ background:var(--ay-navy-100); }
.ay-secici__oge:focus-visible{ outline:2px solid var(--ay-navy); outline-offset:-2px; }
.ay-secici__oge.is-aktif{ background:var(--ay-navy-100); font-weight:700; }
.ay-secici__oge .ay-secici__kod,
.ay-secici__oge .ay-secici__sembol{
  flex:none; min-width:34px;
  font-size:12px; font-weight:700; letter-spacing:.06em;
  color:var(--ay-grey-500);
  font-variant-numeric:tabular-nums;
}
.ay-secici__oge.is-aktif .ay-secici__kod,
.ay-secici__oge.is-aktif .ay-secici__sembol{ color:var(--ay-navy); }
.ay-secici__oge .ay-secici__ad{ flex:1 1 auto; white-space:nowrap; }
.ay-secici__oge .ay-secici__kod2{
  font-size:11px; font-weight:600; letter-spacing:.06em; color:var(--ay-grey-300);
}
.ay-secici__tik{ flex:none; color:var(--ay-teal-700); }

/* Koyu serit uzerinde (ust bar) */
.ay-on-navy .ay-secici, .elementor-element-7679ee2 .ay-secici{
  background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.22);
}
.ay-on-navy .ay-secici__dugme, .elementor-element-7679ee2 .ay-secici__dugme{ color:var(--ay-white) !important; }
.ay-on-navy .ay-secici__on, .elementor-element-7679ee2 .ay-secici__on{ color:var(--ay-teal-300); }

/* Masaustunde grup etiketi gizli (dugmede zaten yaziyor) */
.ay-secici__etiket{ display:none; }

/* Mobil cekmece: acilir kutu yerine dogrudan gorunen, kompakt secim seridi.
   Olculen eski hal: dokuz satir tam genislikte liste, cekmecenin yarisini
   kapliyordu ve hangi listenin ne oldugu yazmiyordu. */
@media (max-width:1024px){
  .elementskit-menu-container .ay-secici-oge{
    display:block; padding:18px 20px 8px; border-top:1px solid var(--ay-line); margin-top:8px;
  }
  .elementskit-menu-container .ay-secici{
    flex-direction:column; align-items:stretch; gap:18px;
    border:0; border-radius:0; background:transparent;
  }
  .elementskit-menu-container .ay-secici__grup{ display:block; }
  .elementskit-menu-container .ay-secici__grup + .ay-secici__grup::before{ display:none; }
  .elementskit-menu-container .ay-secici__dugme{ display:none; }
  .elementskit-menu-container .ay-secici__etiket{
    display:block; margin:0 0 9px;
    font-family:var(--ay-font-body);
    font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
    color:var(--ay-grey-500);
  }
  .elementskit-menu-container .ay-secici__liste,
  .elementskit-menu-container .ay-secici__liste[hidden]{
    position:static; display:flex !important; flex-wrap:wrap; gap:8px;
    min-width:0; padding:0; margin:0;
    border:0; box-shadow:none; background:transparent;
  }
  .elementskit-menu-container .ay-secici__liste > li{ display:block; }
  .elementskit-menu-container .ay-secici__oge{
    width:auto; min-height:44px; padding:0 14px; gap:8px;
    border:1px solid var(--ay-line); border-radius:999px;
    background:var(--ay-white);
    font-size:14px; font-weight:600;
  }
  .elementskit-menu-container .ay-secici__oge.is-aktif{
    background:var(--ay-navy); border-color:var(--ay-navy);
    color:var(--ay-white) !important;
  }
  .elementskit-menu-container .ay-secici__oge .ay-secici__kod,
  .elementskit-menu-container .ay-secici__oge .ay-secici__sembol{
    min-width:0; font-size:11px; letter-spacing:.06em;
  }
  .elementskit-menu-container .ay-secici__oge.is-aktif .ay-secici__kod,
  .elementskit-menu-container .ay-secici__oge.is-aktif .ay-secici__sembol{ color:var(--ay-teal-300); }
  .elementskit-menu-container .ay-secici__oge .ay-secici__ad{ flex:0 1 auto; }
  .elementskit-menu-container .ay-secici__oge .ay-secici__kod2,
  .elementskit-menu-container .ay-secici__tik{ display:none; }
}

/* Eski WMC kulagi: yeni secici geldigi icin gereksiz — gorsel gurultu ve
   dort dilde de Ingilizce etiket tasiyordu. */
.woo-multi-currency.wmc-sidebar{ display:none !important; }

/* 9.1 Iki ornek, tek gorunur: masaustunde ust serit, mobilde cekmece.
   Ana menude durdugunda Kirgizca menu iki satira dusuyordu (olculdu:
   menu 852 px, bos alan 0) — bu yuzden masaustunde menudeki kopya gizlenir. */
.ay-secici-ust{ display:none; }
@media (min-width:1025px){
  .ay-secici-ust{ display:flex; align-items:center; margin-right:18px; }
  .elementskit-navbar-nav > .ay-secici-oge,
  .ekit-wid-con .ay-secici-oge{ display:none !important; }
}
@media (max-width:1024px){
  .ay-secici-ust{ display:none !important; }
}
/* Ust serit koyu lacivert: kontrol o zemine gore */
.ay-secici-ust .ay-secici{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.24);
}
.ay-secici-ust .ay-secici__dugme{ color:var(--ay-white) !important; min-height:36px; padding:0 12px; }
.ay-secici-ust .ay-secici__dugme:hover{ background:rgba(255,255,255,.16); }
.ay-secici-ust .ay-secici__grup.is-acik .ay-secici__dugme{ background:rgba(255,255,255,.18); }
.ay-secici-ust .ay-secici__on{ color:var(--ay-teal-300); }
.ay-secici-ust .ay-secici__ok{ color:rgba(255,255,255,.7); }
.ay-secici-ust .ay-secici__grup + .ay-secici__grup::before{ background:rgba(255,255,255,.24); }
.ay-secici-ust .ay-secici__dugme:focus-visible{ outline-color:var(--ay-white); }
/* Liste her zaman aydinlik yuzey */
.ay-secici-ust .ay-secici__liste{ background:var(--ay-white); }

/* ==========================================================================
   10. MOBIL DUZEN VE OKUNABILIRLIK — 22 Eylul 2026
   Olcum: 390 px genislikte alti sayfa (iframe icinde gercek yerlesim).
   ========================================================================== */

/* --------------------------------------------------------------------------
   10.1 YATAY TASMA
   Olculen: /iletisim/ belge genisligi 407 px (viewport 390), /hakkimizda/ 397 px.
   Kokler: (a) footer satir ici listesinde Elementor'un -16 px negatif marji
   (genislik 402 px), (b) mutlak konumlu dekor ogeleri (284-495 px),
   (c) sabit genislikli bir kapsayici (350 px + 37 px sol marj).
   -------------------------------------------------------------------------- */
footer.elementor .elementor-icon-list-items.elementor-inline-items,
.elementor-location-footer .elementor-icon-list-items.elementor-inline-items{
  margin-left:0 !important;
  margin-right:0 !important;
}

@media (max-width:767px){
  /* Dekor telefonda hem tasma hem gurultu kaynagi; metnin yaninda yer yok. */
  .elementor-absolute{ display:none !important; }

  /* Sabit genislik/marj tasiyan kapsayicilar ekrana sigsin */
  main .elementor-element,
  .elementor-location-single .elementor-element{
    max-width:100% !important;
  }
  .elementor-element-1036f3f8{
    margin-left:0 !important; margin-right:0 !important; width:auto !important;
  }
}

/* --------------------------------------------------------------------------
   10.2 TELEFONDA PUNTO
   Olculen /bagis-sayfasi/ 390 px: 70 oge 14 px altinda — kart butonlari 11 px.
   Olculen /cart/: urun adi ve TUTAR 12 px. Tutar sayfanin en onemli verisi.
   Kilavuz s.42: govde 16 px altina inmez; buton/etiket 14 px altina inmez.
   -------------------------------------------------------------------------- */
@media (max-width:767px){
  .e-loop-item .elementor-button,
  .e-loop-item .elementor-button-text,
  .dnf-card .dnf-btn, .dnf-popup-btn{
    font-size:14px !important;
    letter-spacing:.01em;
  }
  .e-loop-item .elementor-button{
    padding-inline:14px !important;
    min-height:44px;
  }
  /* Sepet: urun adi ve tutar */
  .wc-block-cart-item__product,
  .wc-block-components-product-name,
  .wc-block-cart-item__prices,
  .wc-block-components-product-price,
  .wc-block-formatted-money-amount,
  .woocommerce-cart-form__cart-item .product-name,
  .woocommerce-cart-form__cart-item .product-price,
  .cart_totals .woocommerce-Price-amount{
    font-size:15px !important;
  }
  .wc-block-components-product-price,
  .wc-block-formatted-money-amount,
  .cart_totals .order-total .woocommerce-Price-amount{
    font-size:16px !important;
    font-weight:700;
  }
  /* Genel taban: 12-13 px'e dusen govde metinleri */
  main p, main li, .wc-block-components-totals-item__label{
    font-size:max(1rem, 16px);
  }
}

/* --------------------------------------------------------------------------
   10.3 DOKUNMA HEDEFI — pseudo-eleman yerine gercek dolgu
   Olculen: sosyal ikonlar 30x30 px. Bolum 7.6 ::after ile buyutuyordu; bazi
   ElementsKit surumlerinde ::after icerik uretmedigi icin hedef 30 px kaliyor.
   Dolgu her zaman calisir ve gorsel boyutu degistirmez (ikon ayni).
   -------------------------------------------------------------------------- */
.elementskit-social-media li a,
.ekit_socialmedia_link,
footer.elementor .elementor-social-icon,
.elementor-location-footer .elementor-social-icon,
.elementor-icon-list-item > a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.elementskit-social-media li a,
.ekit_socialmedia_link{
  min-width:44px;
}
/* Ikon boyutu buyumesin: yalnizca tiklama alani buyudu */
.elementskit-social-media li a > *,
.ekit_socialmedia_link > *{ flex:none; }

/* 10.3b Sosyal ikonlarin GERCEK secicisi `ul.ekit_social_media > li > a`
   (bolum 7.6'da `.elementskit-social-media` yaziliydi — bu sinif bu
   ElementsKit surumunde yok; olculdu: hedef 30x30 px kaldi). */
.ekit_social_media li a,
.ekit_social_media li > a.facebook,
.ekit_social_media li > a{
  min-width:44px; min-height:44px;
  display:inline-flex !important;
  align-items:center; justify-content:center;
}
.ekit_social_media{ display:flex; align-items:center; gap:2px; flex-wrap:wrap; }
.ekit_social_media li{ display:flex; }
/* Ikonun gorsel boyutu degismez */
.ekit_social_media li a svg,
.ekit_social_media li a i{ flex:none; }

/* Sepet adet rozeti: 10 px okunmuyordu */
.elementor-button-icon-qty,
.elementor-menu-cart__toggle .elementor-button-icon-qty{
  font-size:11px !important;
  min-width:18px; height:18px; line-height:18px;
  font-variant-numeric:tabular-nums;
}

/* 10.4 Kalan kucuk hedefler (olculen): hamburger 45x29, footer telefon/e-posta
   satirlari 25 px yuksek, "Home" kirinti baglantisi 45x25. */
/* NOT: `display` ZORLANMAZ. Ilk surum `display:inline-flex !important`
   yaziyordu; bu, ElementsKit'in masaustunde hamburger'i gizleyen
   `display:none` kuralini ezip navigasyonun ortasinda 44x44 px bos bir
   lacivert kutu birakiyordu (olculdu: nav 852 -> 473 px, iki satira dustu). */
@media (max-width:1024px){
  .elementskit-menu-hamburger,
  .ekit-menu-hamburger,
  button.elementskit-menu-hamburger{
    min-width:44px; min-height:44px;
    align-items:center; justify-content:center;
  }
}
footer.elementor .elementor-icon-list-item > a,
.elementor-location-footer .elementor-icon-list-item > a,
.ipk-kirinti a, .woocommerce-breadcrumb a{
  min-height:40px;
  padding-block:6px;
}

/* 10.5 HAYALET YATAY TASMA
   Olculen: /hakkimizda/ 390 px'te belge genisligi 397 px, ama 391 px'ten
   genis TEK bir oge yok — tasma, sag kenarin otesine tasan kucuk bir
   ogeden geliyor ve kaynagi sayfa icerigine gore degisiyor.
   `overflow-x:clip` kaydirma kapsayicisi olusturmaz (hidden gibi degil),
   bu yuzden bagis kategorisi seridi kendi icinde kaydirilabilir kalir.
   -------------------------------------------------------------------------- */
/* GUNCELLEME (22 Eylul, ikinci tur): tasma yalnizca telefonda degil —
   1100 px'te de olculdu (dekor ogeleri sag kenarin 11-22 px otesine tasiyor,
   belge genisligi 1111 px). Kural her genislikte gecerli.
   `clip`, `hidden`den farkli olarak kaydirma kapsayicisi olusturmaz:
   yapiskan bagis ozeti paneli ve kaydirilabilir kategori seridi calismaya
   devam eder (dogrulandi). */
html, body{ overflow-x:clip; }

/* ==========================================================================
   11. BILESEN CILASI — 22 Eylul 2026
   Olcum (/bagis-sayfasi/, 1440 px, tek kart):
     buton yazisi 11 px · yukseklik 37/39 px · kose 3 px
     altin buton metni rgb(238,243,247) -> altin uzerinde 2,03:1 (kilavuz s.37
       "altin zemine ASLA beyaz metin" kuralinin ihlali)
     kart kosesi 34 px, gorsel kosesi 37 px (marka olcegi 14/18 px)
     kart golgesi rgba(197,197,197,.57) — notr gri, marka murekkebi degil
     gorsel orani 1,25 (kartlar arasi degisken)
   ========================================================================== */

/* --------------------------------------------------------------------------
   11.1 BAGIS KARTI — sitenin donusum yuzeyi
   -------------------------------------------------------------------------- */
.e-loop-item > .e-con,
.e-loop-item > .elementor-element{
  border-radius:var(--ay-radius-lg) !important;
  box-shadow:var(--ay-shadow) !important;
  border:1px solid var(--ay-line) !important;
  overflow:hidden;
  transition:transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s cubic-bezier(.16,1,.3,1);
}
@media (hover:hover){
  .e-loop-item:hover > .e-con,
  .e-loop-item:hover > .elementor-element{
    transform:translateY(-3px);
    box-shadow:var(--ay-shadow-lg) !important;
  }
}
.e-loop-item:focus-within > .e-con,
.e-loop-item:focus-within > .elementor-element{
  box-shadow:var(--ay-shadow-lg) !important;
}

/* Gorsel: tek oran, tek kose yaricapi */
.e-loop-item .elementor-widget-theme-post-featured-image img,
.e-loop-item .attachment-woocommerce_thumbnail,
.e-loop-item img{
  border-radius:var(--ay-radius) !important;
  aspect-ratio:4 / 3;
  object-fit:cover;
  width:100%;
  height:auto;
  display:block;
  transition:transform .4s cubic-bezier(.16,1,.3,1);
}
@media (hover:hover){
  .e-loop-item:hover img{ transform:scale(1.03); }
}
.e-loop-item .elementor-widget-theme-post-featured-image{ overflow:hidden; border-radius:var(--ay-radius); }

/* Tutar: kartin en onemli verisi */
.e-loop-item .price,
.e-loop-item .price .woocommerce-Price-amount{
  font-family:var(--ay-font-head);
  font-size:21px !important;
  font-weight:800 !important;
  letter-spacing:-.015em;
  color:var(--ay-navy) !important;
}

/* --------------------------------------------------------------------------
   11.2 BUTON SISTEMI — uc kademe, tek olcek
   Birincil: Altin zemin + MUREKKEP metin (kilavuz s.38 · 8,9:1)
   Ikincil : Gece Laciverti konturlu, zemini yok — altin one ciksin
   Ucuncul : yalnizca metin
   -------------------------------------------------------------------------- */
.e-loop-item .elementor-button,
.dnf-card .dnf-btn,
.dnf-popup-btn{
  min-height:44px;
  border-radius:12px !important;
  font-family:var(--ay-font-body);
  font-size:var(--ay-btn) !important;
  font-weight:700 !important;
  letter-spacing:.01em;
  line-height:1.1;
  padding:0 16px !important;
  display:inline-flex !important;
  align-items:center; justify-content:center;
  text-align:center;
  transition:transform .18s cubic-bezier(.16,1,.3,1), box-shadow .18s, background-color .18s, color .18s;
}
/* Kart icindeki iki buton kartin genisligini paylasir */
.e-loop-item .elementor-widget-button{ flex:1 1 0; min-width:0; }
.e-loop-item .elementor-widget-button .elementor-button{ width:100%; }

/* Birincil (altin) */
.e-loop-item .elementor-button[style*="F5A623"],
.e-loop-item .elementor-widget-button:first-child .elementor-button,
.dnf-popup-btn-cart{
  background-color:var(--ay-gold) !important;
  color:var(--ay-ink) !important;
  border:1px solid var(--ay-gold) !important;
}
.e-loop-item .elementor-widget-button:first-child .elementor-button .elementor-button-text,
.dnf-popup-btn-cart .elementor-button-text{ color:var(--ay-ink) !important; }
@media (hover:hover){
  .e-loop-item .elementor-widget-button:first-child .elementor-button:hover{
    background-color:#E0940F !important;
    transform:translateY(-1px);
    box-shadow:0 6px 18px rgba(185,123,11,.28);
  }
}
/* Ikincil (lacivert kontur) */
.e-loop-item .elementor-widget-button:last-child .elementor-button{
  background-color:transparent !important;
  color:var(--ay-navy) !important;
  border:1.5px solid var(--ay-navy-300) !important;
}
.e-loop-item .elementor-widget-button:last-child .elementor-button .elementor-button-text{
  color:var(--ay-navy) !important;
}
@media (hover:hover){
  .e-loop-item .elementor-widget-button:last-child .elementor-button:hover{
    background-color:var(--ay-navy) !important;
    border-color:var(--ay-navy) !important;
    transform:translateY(-1px);
  }
  .e-loop-item .elementor-widget-button:last-child .elementor-button:hover .elementor-button-text{
    color:var(--ay-white) !important;
  }
}
.e-loop-item .elementor-button:active{ transform:translateY(0); }
.e-loop-item .elementor-button:focus-visible{
  outline:2px solid var(--ay-navy); outline-offset:2px;
}

/* --------------------------------------------------------------------------
   11.3 FORM ALANLARI — tek yuzey
   -------------------------------------------------------------------------- */
input[type="text"], input[type="email"], input[type="tel"], input[type="number"],
input[type="search"], input[type="password"], textarea, select,
.elementor-field-textual{
  min-height:48px;
  border-radius:var(--ay-radius);
  border:1px solid var(--ay-grey-200);
  background:var(--ay-white);
  color:var(--ay-ink);
  font-family:var(--ay-font-body);
  font-size:16px;             /* iOS otomatik yakinlastirmayi engeller */
  padding:0 14px;
  transition:border-color .16s, box-shadow .16s;
}
textarea, textarea.elementor-field-textual{ padding:12px 14px; min-height:120px; }
input:focus, textarea:focus, select:focus,
.elementor-field-textual:focus{
  outline:none;
  border-color:var(--ay-navy-500);
  box-shadow:0 0 0 3px rgba(44,88,150,.18);
}
::placeholder{ color:var(--ay-grey-500); opacity:1; }

/* 11.2b Kart genisligi iki butonu YAN YANA tasimiyor: olculen ic genislik
   ~232 px, 15 px'lik "Detaylı Bilgi" iki satira dusuyordu. Butonlar alt alta
   gecer: birincil (altin) ustte tam genislik, ikincil altinda. Hem sarma
   biter hem birincil aksiyon net one cikar. */
.e-loop-item .e-con:has(> .elementor-widget-button),
.e-loop-item .e-con-inner:has(> .elementor-widget-button){
  flex-direction:column;
  align-items:stretch;
  gap:8px;
}
.e-loop-item .elementor-widget-button{ flex:0 0 auto; width:100%; }
.e-loop-item .elementor-widget-button .elementor-button{
  width:100%;
  white-space:nowrap;
}
/* Genis kartlarda (tek/iki kolon) yan yana durabilir */
@media (min-width:1600px){
  .e-loop-item .e-con:has(> .elementor-widget-button),
  .e-loop-item .e-con-inner:has(> .elementor-widget-button){
    flex-direction:row;
  }
  .e-loop-item .elementor-widget-button{ flex:1 1 0; }
}

/* ==========================================================================
   12. FOOTER — 22 Eylul 2026
   Olcum: "Önemli Bağlantılar" sutunu ve baglanti listesi ORTALI, "E-Bülten"
   sutunu sola dayali; "Sosyal Medya" tam genislikte dorduncu bir serit olarak
   ortada duruyor. Sonuc: uc ayri hizalama ekseni ve taranamayan bir liste
   (kilavuz s.43: listeler sola dayali).
   ========================================================================== */

footer.elementor, .elementor-location-footer{
  --ay-footer-baslik:var(--ay-teal-300);
}

/* Sutun basliklari: tek kalip */
footer.elementor h1,footer.elementor h2,footer.elementor h3,
footer.elementor h4,footer.elementor h5,footer.elementor h6,
.elementor-location-footer h1,.elementor-location-footer h2,
.elementor-location-footer h3,.elementor-location-footer h4,
.elementor-location-footer h5,.elementor-location-footer h6{
  font-family:var(--ay-font-body) !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase;
  color:var(--ay-footer-baslik) !important;
  text-align:left !important;
  margin:0 0 16px !important;
}

/* Baglanti listeleri: sola dayali, taranabilir, 44 px hedef */
footer.elementor .elementor-icon-list-items:not(.elementor-inline-items),
.elementor-location-footer .elementor-icon-list-items:not(.elementor-inline-items){
  text-align:left !important;
  display:flex; flex-direction:column; gap:2px;
}
footer.elementor .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item,
.elementor-location-footer .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item{
  justify-content:flex-start !important;
  text-align:left !important;
}
footer.elementor .elementor-icon-list-items:not(.elementor-inline-items) a,
.elementor-location-footer .elementor-icon-list-items:not(.elementor-inline-items) a{
  justify-content:flex-start !important;
  font-size:15px;
  border-radius:8px;
  padding-inline:2px;
  transition:color .16s, transform .16s cubic-bezier(.16,1,.3,1);
}
@media (hover:hover){
  footer.elementor .elementor-icon-list-items:not(.elementor-inline-items) a:hover,
  .elementor-location-footer .elementor-icon-list-items:not(.elementor-inline-items) a:hover{
    color:var(--ay-white) !important;
    transform:translateX(2px);
  }
}

/* Sosyal medya bloku: ortalanmis dorduncu serit yerine sola dayali */
footer.elementor .elementor-widget-social-icons,
.elementor-location-footer .elementor-widget-social-icons,
footer.elementor .elementor-widget-elementskit-social-media,
.elementor-location-footer .elementor-widget-elementskit-social-media{
  text-align:left !important;
}
footer.elementor .elementor-social-icons-wrapper,
.elementor-location-footer .elementor-social-icons-wrapper,
footer.elementor .ekit_social_media,
.elementor-location-footer .ekit_social_media{
  justify-content:flex-start !important;
  gap:6px;
}
footer.elementor .elementor-social-icon,
.elementor-location-footer .elementor-social-icon{
  background:rgba(255,255,255,.10) !important;
  border-radius:12px;
  width:44px; height:44px;
  transition:background-color .16s, transform .16s cubic-bezier(.16,1,.3,1);
}
@media (hover:hover){
  footer.elementor .elementor-social-icon:hover,
  .elementor-location-footer .elementor-social-icon:hover{
    background:var(--ay-teal-700) !important;
    transform:translateY(-2px);
  }
}
footer.elementor .elementor-social-icon i,
footer.elementor .elementor-social-icon svg,
.elementor-location-footer .elementor-social-icon i,
.elementor-location-footer .elementor-social-icon svg{
  color:var(--ay-white) !important; fill:var(--ay-white) !important;
}

/* Kunye ve adres blogu: satir uzunlugu ve aralik */
footer.elementor .elementor-widget-text-editor,
.elementor-location-footer .elementor-widget-text-editor{
  font-size:15px;
  line-height:1.6;
  max-width:42ch;
}

/* E-Bulten formu */
footer.elementor .elementor-field-group,
.elementor-location-footer .elementor-field-group{ margin-bottom:12px; }
footer.elementor .elementor-field-label,
.elementor-location-footer .elementor-field-label{
  font-size:13px !important;
  letter-spacing:.02em;
  margin-bottom:6px !important;
}

/* 12.1 Footer'da IKI tane satir ici liste var: alttaki hukuki baglanti seridi
   (ortali dogru) ve sosyal medya ikonlari (metinsiz). Bolum 8.4 ikisini de
   ortaliyordu; ikon seridi kendi basligi sola dayaliyken ortada duruyordu.
   Metin etiketi TASIMAYAN satir ici liste sola dayanir. */
footer.elementor .elementor-icon-list-items.elementor-inline-items:not(:has(.elementor-icon-list-text)),
.elementor-location-footer .elementor-icon-list-items.elementor-inline-items:not(:has(.elementor-icon-list-text)),
.elementor-location-footer .elementor-element-6578a4b .elementor-inline-items{
  justify-content:flex-start !important;
  gap:8px !important;
}
/* Ikonlar dokunulabilir ve markali bir yuzey alir */
.elementor-location-footer .elementor-inline-items:not(:has(.elementor-icon-list-text)) a,
footer.elementor .elementor-inline-items:not(:has(.elementor-icon-list-text)) a{
  width:44px; height:44px;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.10);
  border-radius:12px;
  transition:background-color .16s, transform .16s cubic-bezier(.16,1,.3,1);
}
@media (hover:hover){
  .elementor-location-footer .elementor-inline-items:not(:has(.elementor-icon-list-text)) a:hover,
  footer.elementor .elementor-inline-items:not(:has(.elementor-icon-list-text)) a:hover{
    background:var(--ay-teal-700);
    transform:translateY(-2px);
  }
}

/* ==========================================================================
   13. BOS DURUM — 22 Eylul 2026
   /blog/ ve dort dildeki karsiliklari: baslik + giris + filtreler, sonra bos.
   ========================================================================== */
.ay-bos{
  padding:8px 20px 96px;
  background:var(--ay-white);
}
.ay-bos__kutu{
  max-width:640px;
  margin:0 auto;
  padding:44px 40px 46px;
  text-align:center;
  background:var(--ay-grey-050);
  border:1px solid var(--ay-line);
  border-radius:var(--ay-radius-lg);
}
.ay-bos__baslik{
  font-family:var(--ay-font-head);
  font-size:clamp(22px,2.6vw,28px);
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.01em;
  color:var(--ay-navy);
  margin:0 0 12px;
  text-wrap:balance;
}
.ay-bos__metin{
  font-family:var(--ay-font-body);
  font-size:16px;
  line-height:1.6;
  color:var(--ay-grey-700);
  margin:0 auto 26px;
  max-width:52ch;
  text-align:center !important;
}
.ay-bos__dugme{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:48px; padding:0 26px;
  border-radius:12px;
  background:var(--ay-navy);
  color:var(--ay-white) !important;
  font-family:var(--ay-font-body);
  font-size:var(--ay-btn); font-weight:700; letter-spacing:.01em;
  text-decoration:none;
  transition:background-color .18s, transform .18s cubic-bezier(.16,1,.3,1), box-shadow .18s;
}
@media (hover:hover){
  .ay-bos__dugme:hover{
    background:var(--ay-navy-800);
    color:var(--ay-white) !important;
    transform:translateY(-1px);
    box-shadow:0 8px 20px rgba(32,63,116,.24);
  }
}
.ay-bos__dugme:focus-visible{ outline:2px solid var(--ay-navy); outline-offset:3px; }
@media (max-width:600px){
  .ay-bos{ padding:4px 16px 64px; }
  .ay-bos__kutu{ padding:32px 22px 34px; }
}

/* ==========================================================================
   14. BAGIS POPUP'I — 22 Eylul 2026
   Olcum: baslik rgb(26,26,26) (marka murekkebi degil), tutar kutusu yesil
   tonda (paletle iliskisiz), birincil buton genel mavi, kapat dugmesi
   3 px koseli lacivert kare. Popup sitenin en kritik mikro-yuzeyi:
   ziyaretci tutari burada onayliyor.
   ========================================================================== */
.dnf-popup-content, .dnf-widget-popup-content, .dnf-popup-inner{
  border-radius:var(--ay-radius-lg) !important;
  box-shadow:0 24px 60px rgba(21,44,82,.24), 0 2px 8px rgba(21,44,82,.10) !important;
}
.dnf-popup-title, .dnf-card-title{
  font-family:var(--ay-font-head) !important;
  color:var(--ay-navy) !important;
  letter-spacing:-.01em;
  text-wrap:balance;
}
.dnf-popup-category, .dnf-card-category, .dnf-popup-subtitle{
  font-family:var(--ay-font-body) !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ay-teal-700) !important;
}
/* Tutar alani: paranin durdugu yer — marka turkuazinin ACIK tonu, murekkep metin */
.dnf-amount-display, .dnf-price-display, .dnf-fixed-price, .dnf-popup-price,
.dnf-amount-wrap, .dnf-price-box{
  background:var(--ay-teal-100) !important;
  border:1px solid var(--ay-teal-300) !important;
  border-radius:var(--ay-radius) !important;
  color:var(--ay-navy) !important;
  font-family:var(--ay-font-head) !important;
  font-weight:800 !important;
  letter-spacing:-.01em;
}
.dnf-amount-display *, .dnf-price-display *, .dnf-fixed-price *, .dnf-popup-price *{
  color:var(--ay-navy) !important;
}
/* Butonlar: birincil altin (murekkep metin), ikincil lacivert kontur */
.dnf-popup-btn{
  min-height:46px;
  border-radius:12px !important;
  font-family:var(--ay-font-body) !important;
  font-size:var(--ay-btn) !important;
  font-weight:700 !important;
  padding:0 18px !important;
  transition:transform .18s cubic-bezier(.16,1,.3,1), box-shadow .18s, background-color .18s, color .18s;
}
.dnf-popup-btn-checkout, .dnf-btn-checkout{
  background:var(--ay-gold) !important;
  border:1px solid var(--ay-gold) !important;
  color:var(--ay-ink) !important;
}
.dnf-popup-btn-checkout *, .dnf-btn-checkout *{ color:var(--ay-ink) !important; }
.dnf-popup-btn-cart, .dnf-btn-cart{
  background:var(--ay-white) !important;
  border:1.5px solid var(--ay-navy-300) !important;
  color:var(--ay-navy) !important;
}
.dnf-popup-btn-cart *, .dnf-btn-cart *{ color:var(--ay-navy) !important; }
@media (hover:hover){
  .dnf-popup-btn-checkout:hover, .dnf-btn-checkout:hover{
    background:#E0940F !important; transform:translateY(-1px);
    box-shadow:0 8px 20px rgba(185,123,11,.28);
  }
  .dnf-popup-btn-cart:hover, .dnf-btn-cart:hover{
    background:var(--ay-navy) !important; border-color:var(--ay-navy) !important;
    transform:translateY(-1px);
  }
  .dnf-popup-btn-cart:hover *, .dnf-btn-cart:hover *{ color:var(--ay-white) !important; }
}
.dnf-popup-btn:focus-visible{ outline:2px solid var(--ay-navy); outline-offset:2px; }
/* Kapat: dolu kare degil, sessiz bir hedef */
.dnf-widget-popup-close, .dnf-popup-close{
  background:var(--ay-grey-100) !important;
  color:var(--ay-navy) !important;
  border-radius:999px !important;
  width:40px !important; height:40px !important;
  min-width:40px; min-height:40px;
  display:inline-flex !important; align-items:center; justify-content:center;
  font-size:20px !important; line-height:1;
  transition:background-color .16s;
}
.dnf-widget-popup-close:hover, .dnf-popup-close:hover{ background:var(--ay-grey-200) !important; }
.dnf-widget-popup-close:focus-visible{ outline:2px solid var(--ay-navy); outline-offset:2px; }
/* Zorunlu alan yildizi */
.dnf-required, .dnf-popup .required{ color:var(--ay-error) !important; }

/* ==========================================================================
   15. SEPET VE ODEME — 22 Eylul 2026
   Olcum (/cart/, 1440 px):
     h1 "Sepetiniz" -> .page-header display:none (sayfanin basligi YOK)
     .wp-block-woocommerce-cart padding-top: 0 (icerik basliga yapisik)
     "Bağışa Geç" butonu text-decoration: underline (buton, baglanti gibi)
     urun adi 14 px / tutar 13 px; renk #263572 (eski Ipekyolu laciverti)
   Para yolunun okunakli ve konumlu olmasi diger her seyden onemli.
   ========================================================================== */

/* Sayfa basligi geri gelir — yalnizca sepet/odeme */
/* Ozgulluk notu: snippet #19 satir ici olarak
   `body.woocommerce-cart .page-header{display:none !important}` yaziyor.
   Ayni ozgullukte yazmak yetmez; `body` ile ayni duzeye cikiliyor. */
body.woocommerce-cart .page-header,
body.woocommerce-checkout .page-header,
body.woocommerce-cart h1.entry-title,
body.woocommerce-checkout h1.entry-title{
  display:block !important;
  max-width:1200px;
  margin:0 auto;
  padding:48px 20px 4px;
}
body.woocommerce-cart .page-header .entry-title,
body.woocommerce-checkout .page-header .entry-title{
  font-family:var(--ay-font-head);
  font-size:clamp(28px,3.4vw,40px) !important;
  font-weight:800;
  line-height:1.1;
  letter-spacing:-.015em;
  color:var(--ay-navy);
  margin:0;
}
.woocommerce-cart .wp-block-woocommerce-cart{ padding-top:20px; }
.woocommerce-cart .wp-block-woocommerce-cart,
.woocommerce-checkout .wp-block-woocommerce-checkout{ padding-bottom:72px; }

/* Kalem adi ve tutarlar */
.wc-block-components-product-name{
  font-size:16px !important;
  font-weight:700 !important;
  color:var(--ay-navy) !important;
  line-height:1.3;
}
.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-formatted-money-amount,
.wc-block-components-order-summary-item__total-price .wc-block-components-formatted-money-amount{
  font-size:16px !important;
  font-weight:700 !important;
  color:var(--ay-navy) !important;
  font-variant-numeric:tabular-nums;
}
.wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
  color:var(--ay-navy) !important;
  font-variant-numeric:tabular-nums;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
  font-family:var(--ay-font-head);
  font-size:26px !important;
  font-weight:800 !important;
  letter-spacing:-.015em;
}
.wc-block-components-totals-item__label{ color:var(--ay-grey-700) !important; }

/* Odemeye gecis butonu: buton gibi dursun */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.checkout-button.button{
  text-decoration:none !important;
  border-radius:12px !important;
  min-height:54px;
  font-family:var(--ay-font-body) !important;
  font-size:16px !important;
  font-weight:700 !important;
  letter-spacing:.01em;
  transition:transform .18s cubic-bezier(.16,1,.3,1), box-shadow .18s, background-color .18s;
}
.wc-block-cart__submit-button *,
.wc-block-components-checkout-place-order-button *{ text-decoration:none !important; }
@media (hover:hover){
  .wc-block-cart__submit-button:hover,
  .wc-block-components-checkout-place-order-button:hover{
    transform:translateY(-1px);
    box-shadow:0 10px 24px rgba(32,63,116,.24);
  }
}
.wc-block-cart__submit-button:focus-visible,
.wc-block-components-checkout-place-order-button:focus-visible{
  outline:2px solid var(--ay-navy); outline-offset:3px;
}

/* Sepet/ozet kartlari: marka yuzeyi */
.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block,
.wc-block-checkout__sidebar .wc-block-components-sidebar{
  border-radius:var(--ay-radius-lg);
  border:1px solid var(--ay-line);
  background:var(--ay-white);
  box-shadow:var(--ay-shadow);
}
.wc-block-cart-items__header{
  font-size:12px !important;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ay-grey-500) !important;
}

/* 15.1 Odeme ozetindeki BIRIM fiyat rgb(138,144,166) / rgb(247,248,251) = 2,99:1
   (olculen, 390 px). Ikincil tutar da okunur olmali — marka ikincil metni 5,2:1. */
.wc-block-components-order-summary-item__individual-prices,
.wc-block-components-order-summary-item__individual-prices *,
.wc-block-components-order-summary-item__description .wc-block-formatted-money-amount{
  color:var(--ay-grey-500) !important;
}
.wc-block-checkout__guest-checkout-notice,
.wc-block-components-checkout-step__description{
  font-size:14px !important;
  color:var(--ay-grey-700) !important;
}

/* 10.3c Telefonda ust serit: alti sosyal ikon 44 px + sepet, 390 px'e sigmayip
   seridi iki satira boluyordu (olculdu). Hedef 40 px'e iner — WCAG 2.5.8
   asgari 24 px, dolayisiyla hala rahat — ve aradaki bosluk kapanir. */
@media (max-width:600px){
  .ekit_social_media{ gap:0; }
  .ekit_social_media li a,
  .ekit_social_media li > a{ min-width:40px; min-height:40px; }
}

/* 10.6 Telefonda header'in yan bosluklari: olculen logo sol kenari x=0 —
   marka isareti ekranin kenarina yapisiyordu. 16 px olculu bosluk. */
@media (max-width:767px){
  .ekit-template-content-header .e-con-inner{
    padding-left:16px !important;
    padding-right:16px !important;
  }
}

/* 10.7 Telefonda ust yardimci serit: alti sosyal ikon + hesap + sepet
   358 px'lik kullanilabilir genislige sigmiyor ve serit iki satira
   boluniyor (olculen yukseklik 114 px). Sosyal baglantilar footer'da ve
   mobil cekmecede zaten var; telefonda ust seritte yalnizca SEPET kalir —
   bagis akisinin tek yardimci kontrolu odur. */
@media (max-width:600px){
  .ekit-template-content-header .elementor-widget-elementskit-social,
  .ekit-template-content-header .elementor-widget-elementskit-social-media{
    display:none !important;
  }
  .ekit-template-content-header .e-con-inner{ min-height:0; }
  .ekit-template-content-header .elementor-widget-woocommerce-menu-cart{
    margin-left:auto;
  }
}

/* 10.8 Telefonda header CTA'si iki satira dusuyordu ("Bağış / Yap").
   Birincil cagri tek satir kalir; dar ekranda dolgu kisilir. */
@media (max-width:600px){
  .ekit-template-content-header .elementor-widget-button .elementor-button{
    white-space:nowrap;
    padding-inline:16px !important;
    font-size:15px !important;
  }
}
@media (max-width:360px){
  .ekit-template-content-header .elementor-widget-button .elementor-button{
    padding-inline:12px !important;
    font-size:14px !important;
  }
}

/* ==========================================================================
   16. HEADER HIZASI VE LOGO OLCUSU — 22 Eylul 2026 (kullanici geri bildirimi)
   Olcum (1440 px): satir `display:flex; align-items:center` ve UC WIDGET de
   ayni merkezde (108 px). Sorun widget'ta degil, icindeki listede:
   `.elementskit-navbar-nav` 23 px yuksek ve widget'in TEPESINE (y=60)
   oturuyor; merkezi 72 px — logo/butonun merkezinden 36 px yukarida.
   Cozum: liste kendi widget'i icinde dikey olarak ortalanir.
   ========================================================================== */
.ekit-template-content-header .elementor-widget-ekit-nav-menu,
.ekit-template-content-header .elementor-widget-ekit-nav-menu > .elementor-widget-container,
.ekit-template-content-header .ekit_menu_responsive_tablet,
.ekit-template-content-header .elementskit-menu-container{
  display:flex;
  align-items:center;
}
.ekit-template-content-header .elementskit-navbar-nav{
  align-items:center;
  margin-block:0;
}
/* ASIL SEBEP (olculdu): `.elementskit-menu-container` padding: 0 0 72px tasiyor
   — mobil off-canvas paneli icin. Kapsayicinin yuksekligi 95 px = liste 23 px
   + 72 px alt dolgu; `align-items:center` listeyi 23 px'lik ICERIK kutusunda
   ortaliyor, dolayisiyla liste kutunun tepesinde kaliyor ve logo/butonun
   36 px yukarisina dusuyordu. Masaustunde o dolgu sifirlanir. */
@media (min-width:1025px){
  .ekit-template-content-header .elementskit-menu-container{
    padding-bottom:0 !important;
  }
}
@media (max-width:1024px){
  /* Mobil cekmecede liste dikey akar; ortalama kurali orada gecerli degil */
  .ekit-template-content-header .elementskit-menu-container{ display:block; }
  .ekit-template-content-header .elementskit-navbar-nav{ align-items:stretch; }
}

/* Logo: 230x68 -> 200x59 (%13 kucuk). Alt satirdaki "коомдук фонду /
   общественный фонд" yazisi okunur kalsin diye daha fazla kucultulmedi. */
@media (min-width:1025px){
  .ekit-template-content-header .elementor-widget-image img{
    max-width:200px;
    height:auto;
  }
}

/* 16.1 Fantom dolgu kalkinca ana satir logonun tam boyuna indi (59 px) ve
   header 155 -> 119 px'e dustu; marka isaretinin ustunde/altinda nefes
   kalmadi. Satira olculu dikey dolgu verilir: logo 59 px + 2x11 px = 81 px. */
@media (min-width:1025px){
  /* Logo widget'ini TASIYAN satir hedeflenir; sablon kimliklerine bagli degil. */
  .ekit-template-content-header .e-con-inner:has(> .elementor-widget-image){
    padding-top:11px;
    padding-bottom:11px;
  }
}

/* ==========================================================================
   17. BAGIS KARTI BUTONLARI — 22 Eylul 2026 (kullanici geri bildirimi)
   OLCUM: buton kapsayicisi flex degil, `display:grid` (Elementor e-grid) ve
   sutunlar 107 px. Kartin ic genisligi 248 px; iki buton + 8 px aralik icin
   kutu basina 120 px kaliyor. "Detaylı Bilgi" 15 px/700'de ~127 px istiyor,
   Kirgizca "Толук маалымат" daha da uzun. Sonuc: kutular 6 px ust uste
   biniyor ve metin kartin disina tasiyordu.
   Cozum: butonlar ALT ALTA. Birincil (altin) ustte tam genislik, ikincil
   altinda. Hicbir dilde tasma kalmaz, birincil aksiyon da net one cikar.
   ========================================================================== */
.e-loop-item .e-grid:has(> .elementor-widget-button),
.e-loop-item .e-con:has(> .elementor-widget-button),
.e-loop-item .e-con-inner:has(> .elementor-widget-button){
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  align-items:stretch;
}
.e-loop-item .elementor-widget-button{
  width:100% !important;
  max-width:100% !important;
  flex:0 0 auto;
}
.e-loop-item .elementor-widget-button .elementor-button{
  width:100%;
  white-space:nowrap;
  padding-inline:14px !important;
}
/* Cok genis kartlarda (tek/iki kolonlu duzen) yan yana durabilir */
@media (min-width:1700px){
  .e-loop-item .e-grid:has(> .elementor-widget-button){
    grid-template-columns:1fr 1fr !important;
  }
}

/* 17.1 Iki buton ayni izgarada ve ayni genislikte olmasina ragmen sol
   kenarlari 14 px kayiyordu (olculen: 152 px ve 138 px); kapsayicinin
   dolgusu da asimetrikti (0 9px 0 16px). Izgara hucresine tam oturtulur
   ve dolgu simetrik hale gelir. */
.e-loop-item .e-grid:has(> .elementor-widget-button){
  padding-inline:16px !important;
}
.e-loop-item .elementor-widget-button{
  justify-self:stretch !important;
  align-self:stretch !important;
  margin-inline:0 !important;
}
.e-loop-item .elementor-widget-button > .elementor-widget-container{
  width:100%;
}

/* 17.2 "Okshosh koldoo turloru / Benzer Bağış Türleri" seridi ayni dongu
   sablonunu kullaniyor ama orada buton BAGLANTISI icerik genisliginde
   kaliyordu: olculen "Кошуу" 77 px, "Толук маалымат" 152 px — ayni kartta
   iki farkli genislik, tirtikli bir kenar. Baglanti kendi widget'inin
   genisligini alir; boylece serit ve arsiv ayni gorunur. */
.e-loop-item .elementor-widget-button{
  display:flex !important;
  align-items:stretch;
}
.e-loop-item .elementor-widget-button > .elementor-button,
.e-loop-item .elementor-widget-button > .elementor-widget-container > .elementor-button,
.e-loop-item .elementor-widget-button .elementor-button{
  width:100% !important;
  flex:1 1 auto;
  min-width:0;
}

/* 16.2 TELEFONDA HEADER SATIRI — uzun dillerde tasma
   Olculen 390 px / Kirgizca: CTA "Колдоо көрсөтүү" 171 px genisliginde,
   223-394 px arasi — ekranin 4 px disina tasiyor ve hamburger (184-229)
   ile 6 px ust uste biniyor. Satir gercek bir esnek satira cevrilir:
   logo daralabilir, hamburger sabit 44 px, CTA sigacak kadar kucultulur.
   Bagis cagrisini gizlemek yerine kuculttuk — telefonda en onemli dugme o. */
@media (max-width:600px){
  .ekit-template-content-header .e-con-inner:has(> .elementor-widget-image){
    display:flex !important;
    align-items:center;
    gap:8px;
    flex-wrap:nowrap;
  }
  .ekit-template-content-header .elementor-widget-image{
    flex:0 1 auto; min-width:0;
  }
  /* Elementor sablonu mobilde logoya 130 px max-width yaziyor (uretilmis
     CSS, daha yuksek ozgullukte); uzun dillerde CTA'ya yer birakmiyor. */
  .ekit-template-content-header .elementor-widget-image img{
    max-width:112px !important; width:112px !important; height:auto !important;
  }
  .ekit-template-content-header .elementor-widget-ekit-nav-menu{
    flex:0 0 auto; margin-left:auto;
  }
  .ekit-template-content-header .elementor-widget-button{
    flex:0 1 auto; min-width:0;
  }
  .ekit-template-content-header .elementor-widget-button .elementor-button{
    font-size:13px !important;
    padding-inline:12px !important;
    min-height:40px;
    white-space:nowrap;
  }
}
@media (max-width:380px){
  .ekit-template-content-header .elementor-widget-image img{
    max-width:98px !important; width:98px !important;
  }
  .ekit-template-content-header .elementor-widget-button .elementor-button{
    font-size:12px !important; padding-inline:10px !important;
  }
}

/* ==========================================================================
   18. CSS `content` ILE BASILAN METINLER — 22 Eylul 2026
   Bu metinler HTML'de yok, stil dosyasindan geliyor; cikti katmanindaki
   ceviri sozlugu onlara ULASAMAZ (ilk denetimin B6 maddesi).
   Olculen: `.quantity.dnf-qty-buttons-injected::before{content:"Adet:"}` ve
   `.dnf-required::after{content:"Bu alan zorunludur"}` dort dilde de Turkce.
   Dile gore `html[lang]` ile ezilir.
   ========================================================================== */
html[lang^="ky"] .quantity.dnf-qty-buttons-injected::before{ content:"Саны:" !important; }
html[lang^="ru"] .quantity.dnf-qty-buttons-injected::before{ content:"Количество:" !important; }
html[lang^="en"] .quantity.dnf-qty-buttons-injected::before{ content:"Quantity:" !important; }

html[lang^="ky"] .dnf-required::after{ content:"Бул талаа милдеттүү" !important; }
html[lang^="ru"] .dnf-required::after{ content:"Это поле обязательно" !important; }
html[lang^="en"] .dnf-required::after{ content:"This field is required" !important; }

/* ==========================================================================
   19. ESTETIK BIRLIK — her sayfada ayni gorsel dil (23 Eylul 2026)
   Olcum: 14 sayfa tipi x 1280/390 px. Bulunan: H1 agirligi sayfadan sayfaya
   500/600/800/900 ve uc ayri font (Golos, Inter, DM Sans); butonlarda 5/10/12/
   14/33 px koseler; govdede 7 ayri gri (#1F2A37 #374151 #3F4A63 #757575 ...).
   Kaynak renk/font temizligi veritabaninda yapildi (Elementor verisi, snippet,
   sayfa icerigi). Bu bolum kalan davranislari tek kurala baglar.
   ========================================================================== */

/* 19.1 Kit metin rengi — bolum 4'teki body{} kurali .elementor-kit-6 sinifina
        yeniliyordu; secici guclendirildi. */
body.elementor-kit-6{
  --e-global-color-text:var(--ay-ink);
  --e-global-color-primary:var(--ay-navy);
}

/* 19.2 Basliklar — tek aile, tek agirlik olcegi (kilavuz s.42) */
:is(h1,h2,h3,h4,h5,h6),
:is(h1,h2,h3,h4,h5,h6).elementor-heading-title,
.product_title{
  font-family:var(--ay-font-head) !important;
}
h1, h1.elementor-heading-title, .product_title{ font-weight:800 !important; }
h2, h2.elementor-heading-title{ font-weight:700 !important; }
:is(h3,h4,h5,h6), :is(h3,h4,h5,h6).elementor-heading-title{ font-weight:700 !important; }

/* 19.3 Govde metni — tek satir araligi, tek murekkep */
.elementor-widget-text-editor :is(p,li),
.elementor-widget-theme-post-content :is(p,li),
.page-content :is(p,li){
  line-height:var(--ay-body-lh) !important;
}
.elementor-widget-theme-post-content,
.ay-policy-container{ color:var(--ay-ink); }

/* 19.4 Butonlar — tek kose, tek yukseklik, tek yazi (kilavuz s.42: Inter 600 15/1.2) */
.elementor-button,
.elementor-form .elementor-button,
a.ekit-btn,
.wp-block-button__link,
.wc-block-components-button:not(.is-link),
.woocommerce :is(a.button,button.button,input.button),
.single_add_to_cart_button{
  font-family:var(--ay-font-body) !important;
  font-weight:700 !important;
  font-size:var(--ay-btn) !important;
  letter-spacing:.01em;
  text-transform:none !important;
  border-radius:12px !important;
  min-height:44px;
  line-height:1.2 !important;
}
.elementor-button .elementor-button-content-wrapper{ align-items:center; }

/* Sepet bos durumu: WP blok varsayilani #32373C koyu gri, kose 0 */
.wc-block-components-product-button .wp-block-button__link,
.wp-block-button__link.wc-block-components-product-button__button,
.wc-block-grid__product .wp-block-button__link{
  background:var(--ay-navy) !important; color:#fff !important;
  padding:12px 18px !important;
}
.wc-block-grid__product-image img,
.wc-block-components-product-image img{ border-radius:var(--ay-radius) !important; }
.wc-block-grid__product-title,
.wc-block-components-product-name{
  font-family:var(--ay-font-head) !important; font-weight:700 !important;
  color:var(--ay-navy) !important; font-size:16px !important;
}

/* Filtre sekmeleri (bagis ve blog): 51 px yukseklik -> 44, tek agirlik */
.e-n-tabs-heading .e-n-tab-title{
  min-height:44px; padding:10px 20px !important;
  font-family:var(--ay-font-body) !important; font-weight:600 !important;
  border-radius:999px !important;
}

/* Odak halkasi — klavye kullanicisi icin her etkilesimde ayni */
:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid var(--ay-teal-500) !important;
  outline-offset:2px !important;
}

/* 19.5 Gezinti — hover rengi #707070 (pasif gri gibi okunuyordu) */
.elementskit-navbar-nav > li > a:is(:hover,:focus),
.elementskit-navbar-nav > li:hover > a,
.elementskit-navbar-nav > li.current-menu-item > a,
.elementskit-navbar-nav > li.current-menu-ancestor > a{
  color:var(--ay-teal-700) !important;
}
.ekit-breadcrumb{ font-size:14px !important; }
.ekit-breadcrumb a{ color:var(--ay-teal-700) !important; text-decoration:none; }
.ekit-breadcrumb a:hover{ text-decoration:underline; }
.ekit-breadcrumb li:last-child,
.ekit-breadcrumb li:last-child *{ color:var(--ay-grey-500) !important; }
.ekit-breadcrumb .brd_sep svg{ width:8px; fill:var(--ay-grey-300); }

/* 19.6 Mobil header — hamburger ortadaydi (logo · menu · buton).
        Sira: logo · Bagis Yap · menu; menu basparmak tarafinda. */
@media (max-width:1024px){
  .elementor-element-3b0fffb9 > .e-con-inner > .elementor-element-1bd9fcca{ order:1; margin-right:auto; }
  .elementor-element-3b0fffb9 > .e-con-inner > .elementor-element-62f9e7e{ order:2; }
  .elementor-element-3b0fffb9 > .e-con-inner > .elementor-element-9ddec33{ order:3; width:auto !important; flex:0 0 auto; }
  .elementskit-menu-hamburger{
    width:44px; height:44px; padding:0 !important;
    display:inline-flex !important; flex-direction:column; align-items:center; justify-content:center;
    border:1px solid var(--ay-grey-200) !important; border-radius:12px !important;
    background:#fff !important;
  }
  .elementskit-menu-hamburger .elementskit-menu-hamburger-icon{ background-color:var(--ay-navy) !important; }
}

/* 19.7 Sayfa girisi — ortali baslik altinda sola dayali paragraf hizasizdi
        (bagis sayfasi + blog, dort dil) */
:is(.page-id-12,.page-id-23267,.page-id-23268,.page-id-23269,.page-id-21533,.page-id-23294,.page-id-23295,.page-id-23296,body.blog,body.category) .elementor-widget-text-editor{
  text-align:center;
}
:is(.page-id-12,.page-id-23267,.page-id-23268,.page-id-23269,.page-id-21533,.page-id-23294,.page-id-23295,.page-id-23296,body.blog,body.category) .elementor-widget-text-editor > .elementor-widget-container{
  max-width:68ch; margin-inline:auto;
}

/* 19.8 Blog kartlari — gorsel kartin %70'iydi; 6-7 kategori baglantisi karti sisiriyordu */
.e-loop-item .elementor-widget-theme-post-featured-image img{
  width:100% !important; height:auto !important;
  aspect-ratio:16/10; object-fit:cover;
  border-radius:var(--ay-radius) !important;
}
.e-loop-item .elementor-post-info__item--type-terms{ display:none !important; }
.e-loop-item .elementor-post-info{ font-size:14px; color:var(--ay-grey-500); }
.e-loop-item .elementor-widget-theme-post-title .elementor-heading-title{
  font-size:18px !important; line-height:1.3 !important;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}

/* 19.9 Yazi sayfasi — kilavuz: baslik iki satiri gecmez, metin sola dayali, 45-75 karakter */
.single-post .elementor-widget-theme-post-title .elementor-heading-title{
  font-size:clamp(28px,3.4vw,44px) !important; line-height:1.15 !important;
}
.single-post .elementor-widget-theme-post-content{
  max-width:72ch; margin-inline:auto;
}
.elementor-widget-theme-post-content :is(p,li){ font-size:var(--ay-body) !important; color:var(--ay-ink) !important; }
.elementor-widget-theme-post-content p.lead{ font-size:var(--ay-lead) !important; line-height:var(--ay-lead-lh) !important; }
.elementor-widget-theme-post-content :is(h2,h3,h4){ text-align:left !important; margin:1.6em 0 .5em !important; }
.elementor-widget-theme-post-content h2{ font-size:clamp(22px,2.4vw,28px) !important; line-height:1.2 !important; }
.elementor-widget-theme-post-content h3{ font-size:clamp(19px,2vw,22px) !important; }
.elementor-widget-theme-post-content strong{ color:var(--ay-navy); }
.elementor-widget-theme-post-content blockquote{
  margin:1.6em 0 !important; padding:16px 22px !important;
  border-left:4px solid var(--ay-gold) !important;   /* kilavuz s.34: altin = alinti cizgisi */
  background:var(--ay-grey-050) !important; border-radius:0 var(--ay-radius) var(--ay-radius) 0;
}
.elementor-widget-theme-post-content blockquote p{ margin:0 !important; font-style:normal !important; }
.single-post .elementor-widget-image img{ border-radius:var(--ay-radius-lg) !important; }

/* 19.10 Bagis kalemi sayfasi — mobilde gorsel formun 1100 px altindaydi */
@media (max-width:767px){
  .elementor-element-5766b36 > .e-con-inner{ display:flex; flex-direction:column; }
  .elementor-element-60755802{ display:contents !important; }
  .elementor-element-659519ab{ order:1; width:100%; }
  .elementor-element-62dd710f{ order:2; }
  .elementor-element-5aff3cc{ order:3; width:100%; }
  .elementor-element-659519ab img{ aspect-ratio:4/3; object-fit:cover; width:100%; }
}
.single-product .product_title{ font-size:clamp(28px,3vw,36px) !important; line-height:1.15 !important; }

/* 19.11 Politika sayfalari — ayni baslik iki kez (sayfa basligi + icerik H1);
         sayfa basligi icerik sutunuyla hizasizdi */
.ay-policy-container > h1:first-child{ display:none; }
body:has(.ay-policy-container) .page-header{
  max-width:960px; margin-inline:auto; padding:48px 20px 0;
}
body:has(.ay-policy-container) .page-header .entry-title{
  font-size:clamp(30px,4vw,44px) !important; margin:0;
}
.ay-policy-container{ padding-top:16px !important; line-height:var(--ay-body-lh) !important; }
.ay-policy-container :is(h2,h3){ margin:1.8em 0 .5em !important; color:var(--ay-navy) !important; }
.ay-policy-container h2{ font-size:22px !important; }
.ay-policy-container a{ color:var(--ay-teal-700) !important; }
.ay-policy-container li{ margin-bottom:.45em; }

/* 19.12 Formlar — etiketler eski lacivertteydi (#263572), gorunum tek */
.elementor-field-group > label,
.elementor-field-label{
  color:var(--ay-navy) !important; font-weight:600 !important; font-size:14px !important;
}

/* 19.13 Giris animasyonlari — 50 oge gizli basliyor, ilk ekran bos kaliyordu.
         Icerik hemen gorunur; hareket istemeyen kullaniciya hic uygulanmaz. */
.elementor-invisible{ visibility:visible !important; }
.elementor-element.animated{ animation-duration:.45s !important; }
@media (prefers-reduced-motion:reduce){
  .elementor-element.animated{ animation:none !important; }
}

/* 19.14 Olcum sonrasi tamamlayicilar (ikinci tur) */
/* ElementsKit butonu (.elementskit-btn) 5 px kose / 400 agirlikla kaliyordu */
.ekit-wid-con .elementskit-btn{
  font-family:var(--ay-font-body) !important; font-weight:700 !important;
  font-size:var(--ay-btn) !important; border-radius:12px !important;
  min-height:44px; padding:12px 24px !important; line-height:1.2 !important;
}
/* Kart butonlari alt alta dizildigi icin (bolum 17) 14 px'e gerek kalmadi */
.e-loop-item .elementor-button,
.e-loop-item .elementor-button-text{ font-size:var(--ay-btn) !important; }
.e-loop-item .elementor-button{ border-radius:12px !important; }
/* Bagis kalemi uzun metni 1.9 satir araligindaydi */
.elementor-widget-woocommerce-product-content :is(p,li){
  line-height:var(--ay-body-lh) !important; color:var(--ay-ink) !important;
}
.elementor-widget-woocommerce-product-content :is(h2,h3){
  font-weight:700 !important; margin:1.4em 0 .5em !important;
}
/* Sayac rakamlari #333333 */
.elementor-counter .elementor-counter-number-wrapper{ color:var(--ay-navy); }

.elementor-element-6384e07 :is(p,.elementskit-section-title-wraper p){ text-align:center !important; }
/* 19.7 tamamlayici: paragraflar kendi text-align:left degerini tasiyor */
:is(.page-id-12,.page-id-23267,.page-id-23268,.page-id-23269,.page-id-21533,.page-id-23294,.page-id-23295,.page-id-23296,body.blog,body.category) .elementor-widget-text-editor :is(p,li){
  text-align:center !important;
}
/* 19.6/19.10 tamamlayici — Elementor mobilde sutunlari column-reverse ile ceviriyor;
   header satiri space-between oldugu icin buton ortada kaliyordu */
@media (max-width:767px){
  .elementor-element-5766b36 > .e-con-inner{ flex-direction:column !important; }
}
@media (max-width:1024px){
  .elementor-element-3b0fffb9 > .e-con-inner{ justify-content:flex-start !important; gap:8px !important; }
  .elementor-element-3b0fffb9 > .e-con-inner > .elementor-element-1bd9fcca{ margin-right:auto !important; }
}
@media (max-width:1024px){
  .elementor-element-3b0fffb9 > .e-con-inner > .elementor-element.elementor-element-62f9e7e{ margin-left:auto !important; margin-right:0 !important; }
  .elementor-element-3b0fffb9 > .e-con-inner > .elementor-element.elementor-element-9ddec33{ margin-left:0 !important; }
  .elementor-element-9ddec33 .elementskit-menu-hamburger{ margin-left:0 !important; }
}
.elementor-element-10700d3 :is(p,.elementskit-section-title-wraper p){ text-align:center !important; }
@media (max-width:1024px){
  .elementor-element-3b0fffb9 > .e-con-inner > .elementor-element.elementor-element-9ddec33{
    width:44px !important; min-width:44px !important; max-width:44px !important; --container-widget-width:44px;
  }
}
@media (max-width:767px){
  .single-post .elementor-widget-theme-post-title .elementor-heading-title{ font-size:clamp(24px,6.6vw,30px) !important; }
}
@media (max-width:1024px){
  .elementor-element-9ddec33 > .elementor-widget-container{ margin-left:0 !important; margin-right:0 !important; }
}

/* ==========================================================================
   20. KULLANICI GERI BILDIRIMI — 23 Eylul 2026, ikinci tur (13 madde)
   ========================================================================== */

/* 20.1 Ana sayfa hero — yuzen cocuk fotograflari yuzdeyle konumlaniyordu;
        1700 px civarinda "Detaylari Oku" butonunun uzerine biniyordu.
        Artik icerik sutununun (~640 px) iki yanindaki bosluga sabitlenir. */
.elementor-element-f09a6e4 > .elementor-element.elementor-absolute{
  left:auto !important; right:auto !important; top:auto !important; bottom:auto !important;
  pointer-events:none;
}
.elementor-element-f09a6e4 > .elementor-element-8105e91{ left:calc(50% - 560px) !important; top:90px  !important; }
.elementor-element-f09a6e4 > .elementor-element-208c2a5{ left:calc(50% - 470px) !important; top:300px !important; }
.elementor-element-f09a6e4 > .elementor-element-688d284{ left:calc(50% - 640px) !important; top:390px !important; }
.elementor-element-f09a6e4 > .elementor-element-a13040c{ right:calc(50% - 480px) !important; top:80px  !important; }
.elementor-element-f09a6e4 > .elementor-element-293592e{ right:calc(50% - 580px) !important; top:250px !important; }
.elementor-element-f09a6e4 > .elementor-element-f3c3042{ right:calc(50% - 470px) !important; top:420px !important; }
@media (max-width:1279px){
  .elementor-element-f09a6e4 > .elementor-element.elementor-absolute{ display:none !important; }
}
/* Dekor halkalari gorsel dosyasinin icinde (seffaf PNG) — CSS ile boyanamaz. */

/* 20.2 Footer — logo alti metin logoyla ayni eksene (sola); baglanti listesi
        arasi ~50 px idi; kunye tek paragraf yigini yerine satir satir, ortali */
.elementor-element-5935f33,
.elementor-element-5935f33 :is(p,span){ text-align:left !important; }
.elementor-element-8724343 .elementor-icon-list-items{ row-gap:0 !important; padding-left:0 !important; margin-left:0 !important; }
.elementor-element-8724343{ margin-left:0 !important; }
.elementor-element-8724343 .elementor-icon-list-item{
  padding:0 !important; margin:0 !important;
}
.elementor-element-8724343 .elementor-icon-list-item > a,
.elementor-element-8724343 .elementor-icon-list-item > span{
  padding:6px 0 !important; min-height:0 !important;
}
.elementor-element-8724343 .elementor-icon-list-item:not(:last-child)::after{ display:none !important; }

.elementor-element-a3bfc0c{ text-align:center !important; }
.elementor-element-a3bfc0c p{
  max-width:820px; margin:0 auto 8px !important;
  font-size:14px !important; line-height:1.6 !important;
  color:rgba(238,243,247,.78) !important; text-align:center !important;
}
.elementor-element-a3bfc0c .ay-kunye-telif{ font-size:15px !important; color:#fff !important; margin-bottom:6px !important; }
.elementor-element-a3bfc0c .ay-kunye-telif b{ font-weight:700; }
.elementor-element-a3bfc0c :is(.ay-kunye-no,.ay-kunye-adres){
  display:flex; flex-wrap:wrap; justify-content:center; gap:4px 0;
}
.elementor-element-a3bfc0c :is(.ay-kunye-no,.ay-kunye-adres) span + span::before{
  content:"·"; margin:0 10px; color:var(--ay-teal-500);
}
.elementor-element-a3bfc0c .ay-kunye-no b{ color:#fff; font-weight:600; letter-spacing:.02em; }
.elementor-element-a3bfc0c .ay-kunye-dogrula{ margin-top:10px !important; }
.elementor-element-a3bfc0c .ay-kunye-dogrula a{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 14px; border:1px solid rgba(165,212,219,.45); border-radius:999px;
  color:var(--ay-teal-300) !important; text-decoration:none !important; font-size:13px; font-weight:600;
}
.elementor-element-a3bfc0c .ay-kunye-dogrula a:hover{ background:rgba(82,171,183,.14); color:#fff !important; }
@media (max-width:767px){
  .elementor-element-a3bfc0c :is(.ay-kunye-no,.ay-kunye-adres){ flex-direction:column; gap:2px; }
  .elementor-element-a3bfc0c :is(.ay-kunye-no,.ay-kunye-adres) span + span::before{ content:none; }
}

/* 20.3 Ust basliklar (eyebrow) — bir kismi etiket (kapsul), bir kismi duz metindi;
        ortali basliklarin altinda sola yasli kaliyordu (bolum 1'deki p{text-align:left}).
        Hepsi ayni etiket; ortali blokta ortali. */
.ekit-heading.text_center,
.ekit-heading.text_center > :is(p,div,h1,h2,h3,h4,h5,h6),
.ekit-heading.text_center .elementskit-section-subtitle,
.ekit-heading.text_center .ekit-heading--subtitle{ text-align:center !important; }
.ekit-heading.text_center .elementskit-section-subtitle{ margin-left:auto !important; margin-right:auto !important; }
.elementskit-section-subtitle{
  display:inline-block !important; width:auto !important;
  padding:5px 16px !important; margin-bottom:14px !important;
  border:1.5px solid rgba(82,171,183,.55) !important; border-radius:999px !important;
  background:transparent !important;
  font-family:var(--ay-font-body) !important; font-size:14px !important; font-weight:600 !important;
  line-height:1.4 !important; letter-spacing:.01em;
}
.elementskit-section-subtitle::before,.elementskit-section-subtitle::after{ display:none !important; }
@media (max-width:767px){
  .ekit-heading.text_center[class*="ekit_heading_mobile-text_left"] :is(p,.elementskit-section-subtitle){ text-align:center !important; }
}

/* 20.4 Haber kartlari — ogelerde -4/-5/-7 px negatif bosluk vardi; baslik butona biniyordu.
        Kartlar esit yukseklikte, buton her kartta dipte. */
.e-loop-item.elementor-22030 > .e-con,
.elementor-22030 .elementor-element-15a987cb{ display:flex !important; flex-direction:column !important; height:100%; }
.elementor-22030 .elementor-element-4f0df9db{
  flex:1 1 auto !important; display:flex !important; flex-direction:column !important; gap:10px !important;
}
.elementor-22030 .elementor-element-4f0df9db > .elementor-element{ margin:0 !important; }
.elementor-22030 .elementor-element-51c99178{ margin-top:auto !important; padding-top:6px; }
.elementor-22030 .elementor-element-25ff790b .elementor-heading-title{ min-height:calc(3 * 1.3em); }

/* 20.5 Gonullu Ol — ipek-ek-tasarim.php her ic kutuya hover'da golge + kaldirma
        veriyordu (hero parcalara bolunmus gibi gorunuyordu); form kartlari 3 px
        murekkep cerceveliydi. Marka karti: 1 px cizgi, 18 px kose, yumusak golge. */
.page-id-882 .e-con.e-child:hover{ box-shadow:none !important; transform:none !important; }
.elementor-element-2c6d8ebf,
.elementor-element-2c6d8ebf:hover{ box-shadow:none !important; transform:none !important; background:transparent !important; }
.elementor-element-5b4821ae,
.elementor-element-159a02e1{
  border:1px solid var(--ay-grey-200) !important;
  border-radius:var(--ay-radius-lg) !important;
  box-shadow:var(--ay-shadow) !important;
  padding:32px !important;
  transform:none !important;
}
.elementor-element-5b4821ae:hover,
.elementor-element-159a02e1:hover{ transform:none !important; box-shadow:var(--ay-shadow) !important; }
.elementor-element-5b4821ae > .elementor-element:first-child,
.elementor-element-5b4821ae > .e-con-inner > .elementor-element:first-child{ margin-top:0 !important; padding-top:0 !important; }
@media (max-width:767px){
  .elementor-element-5b4821ae, .elementor-element-159a02e1{ padding:22px !important; }
}

/* 20.6 Iletisim — harita ekranin sag yarisini kenardan kenara kapliyordu, form
        100 px ic bosluklu bir sutundaydi. Artik site konteyneri (1240 px) icinde:
        solda form karti, sagda koseleri yuvarlak harita karti. */
.elementor-element-501157c5{
  max-width:1240px; margin:0 auto !important; padding:56px 20px 24px !important;
  gap:32px !important; align-items:stretch !important;
}
.elementor-element-501157c5 > :is(.elementor-element-3922cb6f,.elementor-element-70195e5c){
  width:calc(50% - 16px) !important; flex:1 1 0 !important; min-height:0 !important;
}
.elementor-element-3922cb6f{ padding:0 !important; }
.elementor-element-58576bc1{ padding:0 !important; }
.elementor-element-8323399{
  background:#fff; border:1px solid var(--ay-grey-200); border-radius:var(--ay-radius-lg);
  box-shadow:var(--ay-shadow); padding:28px !important; margin-top:8px;
}
.elementor-element-70195e5c{
  background:transparent !important; border-radius:var(--ay-radius-lg) !important;
  overflow:hidden !important; box-shadow:var(--ay-shadow);
  border:1px solid var(--ay-grey-200); padding:0 !important; min-height:480px;
}
.elementor-element-70195e5c > .elementor-motion-effects-container{ display:none; }
.elementor-element-eeea960, .elementor-element-eeea960 .elementor-custom-embed,
.elementor-element-eeea960 iframe{ height:100% !important; min-height:480px; margin:0 !important; }
/* Ikinci bolum: sag sutun bostu; baslik ortalanir, kartlar altta */
.elementor-element-17492d46{ justify-content:center !important; padding-top:24px !important; }
.elementor-element-610a9710{ display:none !important; }
.elementor-element-1b7432d2{ width:100% !important; max-width:720px; margin:0 auto; }
.elementor-element-283df7fc .ekit-heading,
.elementor-element-283df7fc .ekit-heading > *,
.elementor-element-283df7fc :is(p,h1,h2,h3,.elementskit-section-subtitle){ text-align:center !important; }
.elementor-element-283df7fc .elementskit-section-subtitle{ margin-left:auto !important; margin-right:auto !important; }
.elementor-element-2b58e7de{ gap:24px !important; padding-bottom:72px !important; }
.elementor-element-2b58e7de > .e-con{ padding:0 !important; flex:1 1 0 !important; }
.elementor-element-2b58e7de .elementskit-infobox{
  height:100%; background:#fff !important;
  border:1px solid var(--ay-grey-200) !important; border-radius:var(--ay-radius-lg) !important;
  box-shadow:var(--ay-shadow) !important; padding:28px !important; text-align:left !important;
}
.elementor-element-2b58e7de .elementskit-infobox:hover{ transform:none !important; box-shadow:var(--ay-shadow-lg) !important; }
.elementor-element-2b58e7de .elementskit-info-box-title{
  font-family:var(--ay-font-head) !important; font-weight:700 !important; font-size:19px !important;
  color:var(--ay-navy) !important; margin-bottom:8px !important;
}
.elementor-element-2b58e7de .elementskit-infobox p,
.elementor-element-2b58e7de .elementskit-infobox .box-body{ color:var(--ay-ink) !important; font-size:16px !important; line-height:1.55 !important; }
.elementor-element-2b58e7de .elementskit-infobox a{ color:var(--ay-teal-700) !important; text-decoration:none; font-weight:600; }
.elementor-element-2b58e7de .elementskit-infobox a:hover{ text-decoration:underline; }
.elementor-element-2b58e7de .elementskit-info-box-icon{ color:var(--ay-teal-700) !important; }
@media (max-width:767px){
  .elementor-element-501157c5{ flex-direction:column !important; padding:32px 16px 16px !important; }
  .elementor-element-501157c5 > :is(.elementor-element-3922cb6f,.elementor-element-70195e5c){ width:100% !important; }
  .elementor-element-70195e5c, .elementor-element-eeea960 iframe{ min-height:320px; }
  .elementor-element-8323399{ padding:20px !important; }
  .elementor-element-2b58e7de{ flex-direction:column !important; }
}
.elementor-element.elementor-element-501157c5{
  max-width:1240px !important; width:100% !important; --content-width:1240px;
  margin-left:auto !important; margin-right:auto !important; box-sizing:border-box;
}
.elementor-element-2b58e7de .elementskit-info-box-icon{ display:none !important; }
.elementor-element-2b58e7de .elementskit-infobox{ border-top:3px solid var(--ay-teal-500) !important; }

/* 20.7 Yasal sayfalar — tek sablon (Cerez, Kisisel Veriler, Iade: Elementor;
        Cocuk Koruma: tema sayfasi). Ortak: acik gri-mavi baslik bandi, 820 px tek
        sutun, ayni ara baslik / liste / tablo dili. */
:root{ --ay-legal-w:820px; }
body:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,
        .page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,
        .page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251){ --ay-legal:1; }

/* Baslik bandi */
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-8dab33c{
  background:var(--ay-light) !important; padding:64px 20px 48px !important; min-height:0 !important;
}
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-0b41d29{
  max-width:var(--ay-legal-w) !important; width:100% !important; margin:0 auto !important; padding:0 !important;
}
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-23908b4 :is(h1,h2,h3,.elementskit-section-title){
  font-size:clamp(30px,4vw,44px) !important; line-height:1.12 !important; font-weight:800 !important;
  color:var(--ay-navy) !important; text-align:left !important; margin:0 !important;
}
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-23908b4 :is(p,.elementskit-section-subtitle){
  text-align:left !important; margin-left:0 !important;
}
/* Icerik: sol bosluk sutunu kaldirilir, tek sutun */
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-938a483{
  padding:48px 20px 80px !important;
}
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-f107c39{ display:none !important; }
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-da740f4{
  max-width:var(--ay-legal-w) !important; width:100% !important; margin:0 auto !important; padding:0 !important;
}
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-da740f4 .e-con{
  padding-left:0 !important; padding-right:0 !important; padding-top:0 !important; padding-bottom:0 !important;
  margin:0 !important; border:0 !important; max-width:none !important; width:100% !important;
}
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-da740f4 > .e-con + .e-con,
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-da740f4 > .e-con-inner > .e-con + .e-con{
  border-top:1px solid var(--ay-grey-200) !important; margin-top:28px !important; padding-top:28px !important;
}
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-da740f4 .elementor-divider{ display:none !important; }
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-da740f4 .elementor-widget{ margin-bottom:12px !important; }

/* Ortak tipografi — Elementor yasal sayfalari + cocuk koruma */
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-da740f4 :is(h2,h3,h4,.elementor-heading-title),
.ay-policy-container :is(h2,h3){
  font-family:var(--ay-font-head) !important; font-size:22px !important; line-height:1.25 !important;
  font-weight:700 !important; color:var(--ay-navy) !important; text-align:left !important;
  margin:0 0 12px !important; padding:0 !important;
}
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-da740f4 :is(p,li,td,th),
.ay-policy-container :is(p,li,td,th){
  font-size:17px !important; line-height:1.65 !important; color:var(--ay-ink) !important;
  font-style:normal !important; font-weight:400;
}
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-da740f4 :is(b,strong),
.ay-policy-container :is(b,strong){ font-weight:600 !important; color:var(--ay-navy) !important; font-style:normal !important; }
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-da740f4 :is(em,i){ font-style:normal !important; }
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-da740f4 ul,
.ay-policy-container ul{ padding-left:0 !important; list-style:none !important; margin:8px 0 !important; }
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-da740f4 ul > li,
.ay-policy-container ul > li{ position:relative; padding-left:20px !important; margin-bottom:8px !important; }
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-da740f4 ul > li::before,
.ay-policy-container ul > li::before{
  content:""; position:absolute; left:2px; top:.62em; width:7px; height:7px; border-radius:50%;
  background:var(--ay-teal-500);
}
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-da740f4 table,
.ay-policy-container table{
  width:100%; border-collapse:separate !important; border-spacing:0; margin:12px 0 !important;
  border:1px solid var(--ay-grey-200) !important; border-radius:var(--ay-radius); overflow:hidden;
}
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-da740f4 :is(td,th),
.ay-policy-container :is(td,th){
  border:0 !important; border-bottom:1px solid var(--ay-grey-200) !important;
  padding:12px 16px !important; font-size:15px !important; vertical-align:top; background:#fff !important;
}
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-da740f4 :is(th, tr:first-child td),
.ay-policy-container :is(th, tr:first-child td){ background:var(--ay-light) !important; font-weight:600 !important; color:var(--ay-navy) !important; }
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-da740f4 tr:last-child td,
.ay-policy-container tr:last-child td{ border-bottom:0 !important; }
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-da740f4 blockquote,
.ay-policy-container blockquote{
  margin:16px 0 !important; padding:16px 20px !important; border:0 !important;
  border-left:4px solid var(--ay-gold) !important; background:var(--ay-grey-050) !important;
  border-radius:0 var(--ay-radius) var(--ay-radius) 0;
}
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-da740f4 a,
.ay-policy-container a{ color:var(--ay-teal-700) !important; font-weight:600; }

/* Cocuk koruma: tema sayfa basligi ayni banda donusur */
body:has(.ay-policy-container) .page-header{
  max-width:none !important; margin:0 !important;
  background:var(--ay-light); padding:64px 20px 48px !important;
}
body:has(.ay-policy-container) .page-header .entry-title{
  max-width:var(--ay-legal-w); margin:0 auto !important;
  font-size:clamp(30px,4vw,44px) !important; line-height:1.12 !important; font-weight:800 !important; color:var(--ay-navy) !important;
}
.ay-policy-container{ max-width:var(--ay-legal-w) !important; padding:48px 20px 80px !important; }
.ay-policy-container > p:first-of-type{ color:var(--ay-grey-500) !important; font-size:15px !important; }
.ay-policy-container > div[style*="border-left"]{
  background:var(--ay-teal-100) !important; border-left:4px solid var(--ay-teal-700) !important;
  border-radius:0 var(--ay-radius) var(--ay-radius) 0 !important;
}
.ay-policy-container > div[style*="border-left"] p{ color:var(--ay-teal-900) !important; }
.ay-policy-container h2{ border-top:1px solid var(--ay-grey-200); padding-top:28px !important; margin-top:28px !important; }
body:has(.ay-policy-container) .page-header{ box-shadow:0 0 0 100vmax var(--ay-light); clip-path:inset(0 -100vmax); }
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-8dab33c,
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-8dab33c > .e-con-inner{
  --min-height:0px !important; min-height:0 !important; height:auto !important;
}
:is(.page-id-21040,.page-id-23279,.page-id-23280,.page-id-23281,.page-id-22497,.page-id-23246,.page-id-23247,.page-id-23248,.page-id-22487,.page-id-23249,.page-id-23250,.page-id-23251) .elementor-element-23908b4 .elementskit-section-title-wraper p{
  font-size:15px !important; color:var(--ay-grey-500) !important; margin:12px 0 0 !important; font-style:normal !important;
}
.ay-policy-container{ max-width:calc(var(--ay-legal-w) + 40px) !important; }

/* 20.8 Bagis kalemi kartlari (loop #22961 — bagis sayfasi + urun sayfasi "benzer kalemler")
        - Butonlar her genislikte alt alta (tablette 2 sutuna dusup tasiyordu)
        - Urun sayfasinda butonlar lacivert gradyan + koyu yazi aliyordu; bagis sayfasiyla ayni
        - Fiyat 21 px / 800 ve baslikla yapisikti: sakin bir etiket, baslik 2 satir yeri ayirir */
.elementor-22961 .elementor-element-45322ed{
  display:grid !important; grid-template-columns:1fr !important; gap:8px !important;
  margin-top:auto !important; padding-top:4px;
}
.elementor-22961 .elementor-element-45322ed > .elementor-element{ width:100% !important; max-width:none !important; margin:0 !important; }
.elementor-22961 .elementor-element-45322ed .elementor-button{
  width:100% !important; justify-content:center !important; min-height:44px !important;
  padding:10px 14px !important; white-space:normal !important;
  background-image:none !important; box-shadow:none !important; transform:none !important;
}
body .elementor-22961 .elementor-element-13ba778 .elementor-button{
  background-color:var(--ay-gold) !important; color:var(--ay-ink) !important;
  border:1.5px solid var(--ay-gold) !important;
}
body .elementor-22961 .elementor-element-13ba778 .elementor-button:hover{ background-color:#E8961A !important; border-color:#E8961A !important; }
body .elementor-22961 .elementor-element-331113a .elementor-button{
  background-color:#fff !important; color:var(--ay-navy) !important;
  border:1.5px solid var(--ay-grey-200) !important;
}
body .elementor-22961 .elementor-element-331113a .elementor-button:hover{ border-color:var(--ay-navy) !important; background-color:var(--ay-grey-050) !important; }
body .elementor-22961 .elementor-button .elementor-button-text{ color:inherit !important; }

/* Kart iskeleti: esit yukseklik, butonlar dipte */
.elementor-22961.e-loop-item > .e-con{ display:flex !important; flex-direction:column !important; height:100%; }
/* Baslik: 2 satir yeri, fiyatlar ayni hizada */
.elementor-22961 .elementor-element-24d0eb4 .product_title{
  font-size:17px !important; line-height:1.3 !important; font-weight:700 !important;
  color:var(--ay-navy) !important; text-align:center !important;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  min-height:calc(2 * 1.3em);
}
.elementor-22961 .elementor-element-24d0eb4{ margin:14px 0 6px !important; }
/* Fiyat: kapsul etiket, rakam tabular, para birimi hafif */
.elementor-22961 .elementor-element-b26b97b{ text-align:center !important; margin:0 0 14px !important; }
.elementor-22961 .elementor-element-b26b97b .price{
  display:inline-flex !important; align-items:baseline; gap:4px;
  margin:0 !important; padding:6px 14px !important;
  background:var(--ay-grey-050); border:1px solid var(--ay-grey-200); border-radius:999px;
  font-family:var(--ay-font-body) !important; font-size:16px !important; font-weight:700 !important;
  line-height:1.2 !important; color:var(--ay-navy) !important; font-variant-numeric:tabular-nums;
}
.elementor-22961 .elementor-element-b26b97b .price :is(.amount,bdi){
  font-family:var(--ay-font-body) !important; font-size:inherit !important; font-weight:inherit !important; color:inherit !important;
}
.elementor-22961 .elementor-element-b26b97b .woocommerce-Price-currencySymbol{
  font-weight:600 !important; color:var(--ay-grey-500) !important; font-size:.9em !important;
}
/* urun sayfasi snippet'i (body.single-product .e-loop-item .elementor-button { gradient !important }) ezilir */
html body .e-loop-item.elementor-22961 .elementor-element-13ba778 .elementor-button{
  background:var(--ay-gold) !important; color:var(--ay-ink) !important; border:1.5px solid var(--ay-gold) !important;
}
html body .e-loop-item.elementor-22961 .elementor-element-331113a .elementor-button{
  background:#fff !important; color:var(--ay-navy) !important; border:1.5px solid var(--ay-grey-200) !important;
}
html body .e-loop-item.elementor-22961 .elementor-element-13ba778 .elementor-button:hover{ background:#E8961A !important; }
html body .e-loop-item.elementor-22961 .elementor-element-331113a .elementor-button:hover{ background:var(--ay-grey-050) !important; border-color:var(--ay-navy) !important; }
html body .e-loop-item.elementor-22961 .elementor-button *{ color:inherit !important; }
/* 20.5 tamamlayici: kart icerigi dikeyde ortalaniyordu (form basligi ustunde ~130 px bosluk) */
.elementor-element-5b4821ae, .elementor-element-159a02e1{ justify-content:flex-start !important; }
.elementor-element-5b4821ae > .e-con-inner, .elementor-element-159a02e1 > .e-con-inner{ justify-content:flex-start !important; }
/* 20.3 tamamlayici: ortali ElementsKit basliginin aciklama paragrafi */
.ekit-heading.text_center .ekit-heading__description,
.ekit-heading.text_center .ekit-heading__description :is(p,span){ text-align:center !important; }
.e-loop-item .elementor-post-info li:has(.elementor-post-info__item--type-terms){ display:none !important; }
.e-loop-item .elementor-post-info li:has(.elementor-post-info__item--type-terms) + li::before,
.e-loop-item .elementor-post-info li::after{ display:none !important; }
html body .elementor-element.elementor-element-5935f33,
html body .elementor-element.elementor-element-5935f33 :is(p,span){ text-align:left !important; }
/* 20.6 tamamlayici: ust bolumun Elementor'daki sabit yuksekligi mobilde icerigi
   alttaki bolumun uzerine tasiyordu */
.elementor-element.elementor-element-501157c5,
.elementor-element-501157c5 > :is(.elementor-element-3922cb6f,.elementor-element-70195e5c),
.elementor-element-58576bc1{
  height:auto !important; min-height:0 !important; --min-height:0px !important;
}
@media (min-width:768px){
  .elementor-element-70195e5c{ min-height:480px !important; }
}
@media (max-width:767px){
  .elementor-element-501157c5 > .elementor-element-3922cb6f{ order:1 !important; }
  .elementor-element-501157c5 > .elementor-element-70195e5c{ order:2 !important; height:320px !important; }
  .elementor-element-eeea960, .elementor-element-eeea960 .elementor-custom-embed,
  .elementor-element-eeea960 iframe{ min-height:320px !important; height:320px !important; }
}
@media (max-width:767px){
  .elementor-element-501157c5 > :is(.elementor-element-3922cb6f,.elementor-element-70195e5c),
  .elementor-element-2b58e7de > .e-con{ flex:0 0 auto !important; }
  .elementor-element-501157c5 > .elementor-element-70195e5c{ flex:0 0 320px !important; }
}

/* ==========================================================================
   21. KULLANICI GERI BILDIRIMI — ucuncu tur (5 madde)
   ========================================================================== */

/* 21.1 + 21.4 Sayfa girisi — bagis sayfasi bir urun ARSIVI sablonu (#22214),
        blog arsiv sablonu (#22037): body'de page-id yok, onceki kural ulasmiyordu.
        Aciklama 1240 px genislikte sola yasliydi; baslik altinda ortali, 760 px. */
:is(.elementor-22214,.elementor-22037) .elementor-widget-text-editor{
  width:100% !important; max-width:760px !important;
  margin-left:auto !important; margin-right:auto !important; align-self:center !important;
}
:is(.elementor-22214,.elementor-22037) .elementor-widget-text-editor > .elementor-widget-container{ max-width:none !important; }
:is(.elementor-22214,.elementor-22037) .elementor-widget-text-editor :is(p,li){ text-align:center !important; }

/* 21.2 Bagis karti — ogeler arasinda 20 px Elementor bosluklari + ek kenar
        bosluklari + baslik icin ayrilan 2 satir: aralar acilmisti. Sikilastirildi. */
.elementor-22961 .elementor-element-41f5180{ row-gap:0 !important; gap:0 !important; padding:10px 10px 16px !important; }
.elementor-22961 .elementor-element-566d19b{ margin:0 !important; }
.elementor-22961 .elementor-element-24d0eb4{ margin:14px 6px 8px !important; }
.elementor-22961 .elementor-element-24d0eb4 .product_title{ min-height:0 !important; }
.elementor-22961 .elementor-element-b26b97b{ margin:0 0 14px !important; }
.elementor-22961 .elementor-element-45322ed{ padding:0 6px !important; margin-top:auto !important; gap:8px !important; }

/* 21.3 Footer "Onemli Baglantilar" — baslik-liste arasi 20 px + satir basina 35 px */
.elementor-element-1282cd0, .elementor-element-af04b78{ row-gap:10px !important; gap:10px !important; }
.elementor-element-8724343 .elementor-icon-list-item > :is(a,span){ padding:3px 0 !important; line-height:1.45 !important; }
.elementor-element-8724343 .elementor-icon-list-item{ padding:0 !important; }
.elementor-element-6578a4b{ margin-left:0 !important; }
.elementor-element-6578a4b .elementor-icon-list-items{ padding-left:0 !important; margin-left:0 !important; justify-content:flex-start !important; }
.elementor-element-6578a4b .elementor-icon-list-item:first-child{ margin-left:0 !important; padding-left:0 !important; }

/* 21.5 Iletisim — diger sayfalardaki gibi baslik bandi: baslik + aciklama ortali,
        acik gri-mavi bantta; altinda form | harita. (Icerik silinmedi; yalnizca
        formun ustune sikismis olan baslik blogu banda tasindi.) */
.elementor-element.elementor-element-501157c5{
  display:grid !important; grid-template-columns:1fr 1fr !important;
  column-gap:32px !important; row-gap:32px !important; padding-top:0 !important;
}
.elementor-element-501157c5 > .elementor-element-3922cb6f,
.elementor-element-3922cb6f > .elementor-element-58576bc1{ display:contents !important; }
.elementor-element-1036f3f8{
  grid-column:1 / -1 !important; grid-row:1 !important;
  background:var(--ay-light); box-shadow:0 0 0 100vmax var(--ay-light); clip-path:inset(0 -100vmax);
  padding:64px 20px 56px !important; margin:0 0 8px !important; width:100% !important;
}
.elementor-element-1036f3f8 .ekit-heading,
.elementor-element-1036f3f8 .ekit-heading > *,
.elementor-element-1036f3f8 :is(p,h1,h2,.elementskit-section-subtitle,.ekit-heading__description){ text-align:center !important; }
.elementor-element-1036f3f8 .elementskit-section-subtitle{ margin-left:auto !important; margin-right:auto !important; }
.elementor-element-1036f3f8 .ekit-heading__description{ max-width:640px; margin:0 auto !important; }
.elementor-element-8323399{ grid-column:1 !important; grid-row:2 !important; margin:0 !important; align-self:start; }
.elementor-element-501157c5 > .elementor-element-70195e5c{ grid-column:2 !important; grid-row:2 !important; width:auto !important; }
@media (max-width:767px){
  .elementor-element.elementor-element-501157c5{ grid-template-columns:1fr !important; row-gap:20px !important; }
  .elementor-element-1036f3f8{ padding:40px 16px 32px !important; }
  .elementor-element-8323399{ grid-column:1 !important; grid-row:2 !important; }
  .elementor-element-501157c5 > .elementor-element-70195e5c{ grid-column:1 !important; grid-row:3 !important; }
}

/* 21.6 Footer "Abone Ol" — ipek-ek-tasarim.php (.page-id-882/.page-id-883 .elementor-button
        {lacivert !important}) Iletisim ve Gonullu Ol sayfalarinda footer butonunu da
        laciverte boyuyordu; lacivert footer uzerinde buton gorunmuyordu. */
html body .elementor-location-footer .elementor-widget-form .elementor-button,
html body [data-elementor-type="footer"] .elementor-widget-form .elementor-button{
  background:var(--ay-gold) !important; color:var(--ay-ink) !important; border-color:var(--ay-gold) !important;
}
html body [data-elementor-type="footer"] .elementor-widget-form .elementor-button:hover{ background:#E8961A !important; }