/* ==========================================================================
   En Yakin Kitap — gorsel kimlik
   Musterinin tanitim afislerinden: koyu yesil, krem, turuncu, sari; kalin
   serif basliklar, el yazisi vurgular, yildiz rozetler, hap etiketler.
   Eski musterinin (pembe/lacivert, cocuk cizimleri) gorunumunu ezer; en son
   yuklenir. Tema dosyalarina dokunulmadi, bu dosya kaldirilinca eski hal doner.
   ========================================================================== */

:root {
    --eyk-yesil:        #1e5a3c;
    --eyk-yesil-koyu:   #133f29;
    --eyk-yesil-acik:   #e4eee5;
    --eyk-krem:         #fbf3e4;
    --eyk-krem-acik:    #fffaf1;
    --eyk-bej:          #f1dfbc;
    --eyk-turuncu:      #e0602a;
    --eyk-turuncu-koyu: #b8481a;   /* beyaz yaziyla 4.5:1 ustu */
    --eyk-sari:         #f6b53a;
    --eyk-murekkep:     #1c2a21;
    --eyk-gri:          #4e5a52;

    --eyk-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
    --eyk-el:    'Caveat', 'Segoe Print', cursive;
    --eyk-sans:  'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;

    --eyk-r-kucuk: 12px;
    --eyk-r:       22px;
    --eyk-r-buyuk: 32px;

    --eyk-golge:   0 1px 2px rgba(19, 63, 41, .06), 0 8px 24px -8px rgba(19, 63, 41, .18);
    --eyk-golge-y: 0 2px 4px rgba(19, 63, 41, .08), 0 22px 48px -18px rgba(19, 63, 41, .35);
    --eyk-yay:     cubic-bezier(.34, 1.4, .64, 1);
    --eyk-yildiz:  polygon(50% 0%, 59% 11%, 72% 4%, 76% 18%, 90% 16%, 88% 30%, 100% 36%, 92% 48%, 100% 60%, 88% 66%, 90% 81%, 76% 80%, 72% 95%, 59% 88%, 50% 100%, 41% 88%, 28% 95%, 24% 80%, 10% 81%, 12% 66%, 0% 60%, 8% 48%, 0% 36%, 12% 30%, 10% 16%, 24% 18%, 28% 4%, 41% 11%);

    /* Eski degiskenler de yeni renklere baglansin; ic sayfalarin cogu
       (formlar, hesap, abonelik, sozlesmeler) bunlari kullaniyor. */
    --kgm-pembe:        var(--eyk-turuncu-koyu);
    --kgm-lacivert:     var(--eyk-yesil);
    --kgm-gri:          var(--eyk-gri);
    --kgm-krem:         var(--eyk-krem);
    --kgm-pastel:       var(--eyk-yesil-acik);
    --kgm-turkuaz:      var(--eyk-yesil);
    --kgm-turkuaz-koyu: var(--eyk-yesil);
    --kgm-yesil:        var(--eyk-yesil);
    --kgm-yesil-koyu:   var(--eyk-yesil-koyu);
}

/* ============================================ SITE GENELI BILESENLER === */
/* Form gonder dugmeleri (giris, kayit, abone ol, iletisim, profil) */
body .kgm_gonder, body .kgm_kucuk_btn, body .common_btn {
    background: var(--eyk-yesil) !important;
    color: var(--eyk-krem) !important;
    border-color: var(--eyk-yesil) !important;
    border-radius: 999px !important;
    font-family: var(--eyk-sans) !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 18px -10px rgba(19, 63, 41, .7) !important;
    transition: transform .35s var(--eyk-yay), background-color .2s !important;
}
body .kgm_gonder:hover, body .kgm_kucuk_btn:hover, body .common_btn:hover {
    background: var(--eyk-turuncu-koyu) !important;
    border-color: var(--eyk-turuncu-koyu) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px -10px rgba(184, 72, 26, .6) !important;
    transform: translateY(-2px);
}
body .kgm_gonder:active, body .kgm_kucuk_btn:active, body .common_btn:active { transform: translateY(1px) scale(.98); }
body .kgm_gonder:focus-visible { box-shadow: 0 0 0 4px rgba(246, 181, 58, .6) !important; }
/* Tehlikeli islem (hesap silme) kirmizi kalir: ayirt edilmesi gerekiyor */
body .kgm_gonder--tehlike { background: #b3312f !important; border-color: #b3312f !important; color: #fff !important; }

/* Form alanlari: pembe odak halkasi yerine yesil */
body .kgm_alan .form-control:focus,
body .kgm_alan input:focus, body .kgm_alan select:focus, body .kgm_alan textarea:focus,
body .kgm_abone_form .form-control:focus,
body .form_style input:focus, body .form_style textarea:focus,
body .contact_form input:focus, body .contact_form textarea:focus {
    border-color: var(--eyk-yesil) !important;
    box-shadow: 0 0 0 4px rgba(30, 90, 60, .14) !important;
    outline: none;
}
body .kgm_alan label { color: var(--eyk-yesil) !important; }
body .kgm_form_kutu, body .kgm_panel, body .kgm_paket, body .kgm_abonelik_kart, body .kgm_yan_menu {
    border-radius: var(--eyk-r) !important;
    box-shadow: var(--eyk-golge) !important;
}
body .kgm_form_kutu h2, body .kgm_panel h2 { font-family: var(--eyk-serif) !important; }
body .kgm_form_alt_link a { color: var(--eyk-turuncu-koyu) !important; font-weight: 700; }
body .kgm_form_alt_link a:hover { color: var(--eyk-yesil) !important; }

/* Acilir listeler (nice-select) */
body .niceSelect .option.selected, body .niceSelect .list li:hover,
body .nice-select .option.selected, body .nice-select .option:hover {
    color: var(--eyk-yesil) !important;
    background: var(--eyk-yesil-acik) !important;
}

/* Abonelik paketleri: one cikan paket turuncu cerceveli */
body .kgm_paket--one_cikan {
    border-color: var(--eyk-turuncu) !important;
    box-shadow: 0 0 0 3px rgba(224, 96, 42, .18), var(--eyk-golge-y) !important;
}
body .kgm_paket_etiket { background: var(--eyk-turuncu-koyu) !important; color: #fff !important; }
body .kgm_paket h3, body .kgm_fiyat b { font-family: var(--eyk-serif) !important; }
body .kgm_paket li::before { color: var(--eyk-yesil) !important; }

/* Hesap yan menusu */
body .kgm_yan_menu a.aktif { color: var(--eyk-turuncu-koyu) !important; background: var(--eyk-krem) !important; }
body .kgm_yan_menu a:hover { background: var(--eyk-yesil-acik) !important; }

/* Kucuk rozetler ve uyarilar */
body .kgm_uyari--basari, body .kgm_rozet--yesil { background: var(--eyk-yesil-acik) !important; color: var(--eyk-yesil-koyu) !important; border-color: rgba(30, 90, 60, .25) !important; }
body .kgm_rozet--sari { background: #fdf0d2 !important; color: #7a4f06 !important; }

/* Sabit dugmeler ve ilerleme cubugu */
body .kgm_yukari { background: var(--eyk-yesil) !important; box-shadow: 0 8px 20px -8px rgba(19, 63, 41, .6) !important; }
body .kgm_yukari:hover { background: var(--eyk-turuncu-koyu) !important; }
body .kgm_ilerleme { background: linear-gradient(90deg, var(--eyk-turuncu), var(--eyk-sari)) !important; }
body .kgm_abone_sabit:focus-visible { box-shadow: 0 0 0 4px rgba(246, 181, 58, .6) !important; }

/* Eski mor kutu bandi */
body .kgm_kutu_bant { background: linear-gradient(135deg, var(--eyk-yesil), var(--eyk-yesil-koyu)) !important; }
body .kgm_kutu_rozet, body .kgm_kutu_bant_link { background: var(--eyk-sari) !important; color: var(--eyk-yesil-koyu) !important; }

/* Sozlesme / metin sayfalari */
body .kgm_metin h2, body .kgm_metin h3, body .kgm_yazi h3 { color: var(--eyk-yesil) !important; font-family: var(--eyk-serif) !important; }
body .kgm_metin a, body .kgm_yazi a { color: var(--eyk-turuncu-koyu); }
body .kgm_firma_tablo th { color: var(--eyk-yesil) !important; background: var(--eyk-krem) !important; }

/* Sayfalama ve genel bag rengi */
body .page_pageination a:hover, body .page_pageination .current { background: var(--eyk-yesil) !important; border-color: var(--eyk-yesil) !important; color: var(--eyk-krem) !important; }
body .kgm_yol a { color: var(--eyk-sari) !important; }
.menu_fixed .cu_btn { background: var(--eyk-yesil) !important; border-color: var(--eyk-yesil) !important; }
.header_part .dropdown-menu .dropdown-item:hover { color: var(--eyk-turuncu-koyu) !important; }

/* ------------------------------------------------------------ temel ---- */
body {
    font-family: var(--eyk-sans) !important;
    color: var(--eyk-murekkep);
    background: var(--eyk-krem-acik);
}
body p, body li, body a, body span, body input, body textarea, body select, body button, body td, body th {
    font-family: var(--eyk-sans);
}
body h1, body h2, body h3, body h4, body h5,
body .elementor-heading-title,
body .kidzo_titles .__title {
    font-family: var(--eyk-serif) !important;
    color: var(--eyk-yesil);
    letter-spacing: -0.02em;
    font-weight: 800;
    text-transform: none !important;
}
body p { line-height: 1.7; }
::selection { background: var(--eyk-sari); color: var(--eyk-murekkep); }

:focus-visible {
    outline: 3px solid var(--eyk-sari) !important;
    outline-offset: 3px;
    border-radius: 6px;
}

/* Eski temanin cocuk cizimleri ve sekil susleri (gezegen, gunes, agac,
   araba, kayan yildiz, koy manzarasi) */
.dl_parallax_ele-wrapper,
img[src*="uploads/2020/09/shape-"],
img[src*="uploads/2020/09/icons-0"],
img[src*="Group-1000009490"],
.footer_animation_3, .footer_bg,
.polygon_shape,
.pc-dashes,
.elementor-element-df87ef7 > .elementor-background-overlay {
    display: none !important;
}
.elementor-4485 .elementor-element-253df91,
.elementor-4485 .elementor-element-443d083,
.elementor-4485 .elementor-element-2af69dc,
.elementor-4485 .elementor-element-a08db0f,
.elementor-4485 .elementor-element-f555a76 {
    background-image: none !important;
}
.elementor-4485 .elementor-element > .elementor-widget-wrap { background-image: none !important; }

#preloader, .preloader { background: var(--eyk-krem-acik) !important; }

/* ------------------------------------------------------------ ust bar -- */
.sub_header.section_bg { background: var(--eyk-yesil-koyu) !important; }
.sub_header a, .sub_header i, .sub_header span { color: var(--eyk-krem) !important; }
.sub_header a:hover { color: var(--eyk-sari) !important; }

/* Baslik beyaz: logonun kendi beyaz zeminiyle ayni ton, logo "yapistirilmis" durmaz */
.header_part, .header_part .navbar { background: #fff !important; }
.header_part.menu_fixed, .header_part.sticky { box-shadow: 0 6px 24px -12px rgba(19, 63, 41, .35); }
.navbar-brand.kgm_logo {
    font-family: var(--eyk-serif) !important;
    font-weight: 900 !important;
    color: var(--eyk-yesil) !important;
    letter-spacing: -0.02em;
    font-size: 26px !important;
}
.navbar-brand.kgm_logo:hover { color: var(--eyk-turuncu-koyu) !important; }
.header_part .navbar .nav-link,
.header_part .navbar .menu-item > a {
    color: var(--eyk-murekkep) !important;
    font-weight: 600 !important;
}
.header_part .navbar .nav-link:hover,
.header_part .navbar .menu-item > a:hover,
.header_part .navbar .current-menu-item > a {
    color: var(--eyk-turuncu-koyu) !important;
}

/* ----------------------------------------------------------- dugmeler -- */
body .cu_btn, body .btn_2, body .kgm_cta .cu_btn,
body .pc-button, body .kutu_abone_btn, body .header_part .cu_btn {
    background: var(--eyk-yesil) !important;
    color: var(--eyk-krem) !important;
    border: 2px solid var(--eyk-yesil) !important;
    border-radius: 999px !important;
    font-family: var(--eyk-sans) !important;
    font-weight: 700 !important;
    box-shadow: 0 6px 16px -8px rgba(19, 63, 41, .6) !important;
    transition: transform .35s var(--eyk-yay), background-color .2s, color .2s !important;
}
body .cu_btn:hover, body .btn_2:hover, body .pc-button:hover, body .kutu_abone_btn:hover {
    background: var(--eyk-turuncu-koyu) !important;
    border-color: var(--eyk-turuncu-koyu) !important;
    color: #fff !important;
    transform: translateY(-2px);
}
body .cu_btn:active, body .btn_2:active, body .pc-button:active, body .kutu_abone_btn:active {
    transform: translateY(1px) scale(.98);
}
.kgm_abone_sabit { background: var(--eyk-turuncu-koyu) !important; color: #fff !important; }
.kgm_abone_sabit:hover { background: var(--eyk-yesil) !important; }

/* ========================================================== ANA SAYFA === */

/* ---- Ust bolum (hero): yesil zemin, krem baslik, egik cerceveli foto -- */
.elementor-4485 .elementor-element-df87ef7 {
    background: var(--eyk-yesil-koyu) !important;
    position: relative;
    overflow: hidden;
    padding: 72px 0 96px !important;
}
.elementor-4485 .elementor-element-df87ef7::before {
    /* Arka plan fotografi (musterinin afisindeki kutuphane). Gorsel kucuk;
       genis ekranda piksellenmesin diye hafif bulanik. Ustundeki yesil
       ortu soldaki yazilarin okunmasi icin koyu, saga dogru aciliyor. */
    content: "";
    position: absolute; inset: -24px;
    background:
        radial-gradient(60% 80% at 85% 20%, rgba(246, 181, 58, .16), transparent 60%),
        linear-gradient(90deg, rgba(19, 63, 41, .94) 0%, rgba(19, 63, 41, .86) 42%, rgba(19, 63, 41, .6) 100%),
        var(--eyk-hero-foto, url("../../../../uploads/eyk/kutuphane.jpg")) center / cover no-repeat;
    filter: blur(3px);
    pointer-events: none;
}
.elementor-4485 .elementor-element-df87ef7 > .elementor-container { position: relative; z-index: 1; }
@media (max-width: 767px) {
    /* dar ekranda yazi fotografin tam ustune dusuyor: ortu esit koyu */
    .elementor-4485 .elementor-element-df87ef7::before {
        background:
            linear-gradient(180deg, rgba(19, 63, 41, .9), rgba(19, 63, 41, .82)),
            var(--eyk-hero-foto, url("../../../../uploads/eyk/kutuphane.jpg")) center / cover no-repeat;
    }
}
.elementor-4485 .elementor-element-df87ef7::after {
    /* alttaki tirtikli kenar (afis 2) */
    content: "";
    position: absolute; left: 0; right: 0; bottom: -1px; height: 22px;
    background: var(--eyk-krem-acik);
    -webkit-mask: conic-gradient(from 135deg at top, #000 90deg, #0000 0) 0 0 / 28px 100%;
            mask: conic-gradient(from 135deg at top, #000 90deg, #0000 0) 0 0 / 28px 100%;
}
.elementor-element-df87ef7 .kidzo_titles .__title {
    color: var(--eyk-krem) !important;
    font-size: clamp(44px, 6.4vw, 88px) !important;
    line-height: .98 !important;
    font-weight: 900 !important;
    letter-spacing: -0.035em;
}
.elementor-element-df87ef7 .kidzo_titles .__title .title_overlay_effect {
    display: block;
    color: var(--eyk-sari) !important;
}
.elementor-element-df87ef7 .title_overlay_effect::before,
.elementor-element-df87ef7 .title_overlay_effect::after { display: none !important; }
.elementor-element-df87ef7 .elementor-element-3fc975b .elementor-widget-container {
    color: rgba(251, 243, 228, .88) !important;
    font-size: 19px !important;
    line-height: 1.6;
    max-width: 30em;
}
.elementor-element-df87ef7 .eyk_hero_ust {
    display: inline-block;
    font-family: var(--eyk-el);
    font-size: 30px;
    font-weight: 700;
    color: var(--eyk-sari);
    margin-bottom: 8px;
    transform: rotate(-3deg);
}
.kgm_hero_sarmal { position: relative; }
.kgm_hero_gorsel {
    border: 12px solid var(--eyk-krem) !important;
    border-radius: var(--eyk-r-buyuk) !important;
    box-shadow: var(--eyk-golge-y) !important;
    transform: rotate(2.5deg);
    overflow: hidden;
    background: var(--eyk-krem);
}
.kgm_hero_gorsel img { border-radius: 20px !important; }
/* Rozet gorselin icinde durur: bolum tasani kestigi icin disari
   tasirildiginda yarisi gorunmuyordu. */
.kgm_hero_rozet {
    position: absolute;
    top: 22px; right: 22px;
    width: 126px; height: 126px;
    display: grid; place-content: center;
    text-align: center;
    font-family: var(--eyk-serif);
    font-weight: 900;
    font-size: 23px;
    line-height: 1;
    color: #fff;
    background: var(--eyk-turuncu-koyu);
    clip-path: var(--eyk-yildiz);
    transform: rotate(10deg);
    z-index: 2;
    pointer-events: none;
}
.kgm_hero_rozet small { display: block; font-family: var(--eyk-sans); font-weight: 600; font-size: .66em; margin-bottom: 3px; }
@media (max-width: 575px) {
    .kgm_hero_rozet { width: 96px; height: 96px; font-size: 18px; top: 18px; right: 18px; }
}

/* ---- Abone ol kutusu: krem, kesik cizgili ----------------------------- */
.kgm_cta_bolum { background: var(--eyk-krem-acik); padding-top: 24px !important; }
body .kgm_cta {
    background: var(--eyk-krem) !important;
    border: 2px dashed rgba(30, 90, 60, .35);
    border-radius: var(--eyk-r-buyuk) !important;
    box-shadow: none !important;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 8px 32px;
    text-align: left !important;
    padding: 36px 44px !important;
}
body .kgm_cta h2 { color: var(--eyk-yesil) !important; margin: 0 !important; font-size: clamp(26px, 3vw, 36px) !important; }
body .kgm_cta p  { color: var(--eyk-gri) !important; margin: 0 !important; grid-column: 1; }
body .kgm_cta .cu_btn { grid-column: 2; grid-row: 1 / span 2; }
@media (max-width: 767px) {
    body .kgm_cta { grid-template-columns: 1fr; text-align: center !important; padding: 28px 22px !important; }
    body .kgm_cta .cu_btn { grid-column: 1; grid-row: auto; justify-self: center; margin-top: 12px; }
}

/* ---- Bolum basliklari (tema basliklari) ------------------------------- */
body .kidzo_titles .__title { font-size: clamp(32px, 4vw, 50px) !important; }
body .kidzo_titles .title_overlay_effect { color: var(--eyk-turuncu-koyu) !important; }
body .kidzo_titles .title_overlay_effect::before,
body .kidzo_titles .title_overlay_effect::after { display: none !important; }

/* ---- Neden: dort kart, ust kenari renkli ------------------------------ */
.elementor-4485 .elementor-element-a08db0f { background: var(--eyk-krem-acik) !important; }
.elementor-4485 .elementor-element-a08db0f .elementor-inner-column > .elementor-widget-wrap { background: transparent !important; }
body .features_new_item {
    background: #fff !important;
    border: 0 !important;
    border-radius: var(--eyk-r) !important;
    box-shadow: var(--eyk-golge) !important;
    padding: 30px 26px !important;
    position: relative;
    overflow: hidden;
    height: 100%;
    text-align: left !important;
    transition: transform .45s var(--eyk-yay);
}
body .features_new_item:hover { transform: translateY(-6px) rotate(-.6deg); }
body .features_new_item::before {
    content: "";
    position: absolute; left: 0; top: 0; right: 0; height: 6px;
    background: var(--eyk-yesil);
}
.elementor-element-b653f1d .features_new_item::before { background: var(--eyk-turuncu); }
.elementor-element-a2202a1 .features_new_item::before { background: var(--eyk-sari); }
.elementor-element-085503a .features_new_item::before,
.elementor-element-11ef46f .features_new_item::before { background: var(--eyk-yesil-koyu); }
body .features_new_item img {
    width: 58px !important; height: 58px !important;
    padding: 13px;
    border-radius: 50%;
    background: var(--eyk-yesil-acik);
    margin: 0 0 16px !important;
}
body .features_new_item h4 { font-size: 21px !important; color: var(--eyk-yesil) !important; }
body .features_new_item .kgm_ozellik_metin { color: var(--eyk-gri) !important; font-size: 15px !important; }

/* ---- Kutunun icinde: fotograf kartlari, + yerine yuvarlak rozet ------- */
.elementor-4485 .elementor-element-253df91 { background: var(--eyk-krem) !important; }
.kgm_kutu_liste { gap: 18px !important; align-items: flex-start !important; }
.kgm_kutu_oge { max-width: 300px !important; flex: 1 1 0 !important; }
.kgm_kutu_gorsel {
    width: 100% !important; height: auto !important;
    aspect-ratio: 4 / 5;
    border: 8px solid #fff !important;
    border-radius: var(--eyk-r) !important;
    box-shadow: var(--eyk-golge-y) !important;
    overflow: hidden;
    transition: transform .45s var(--eyk-yay);
}
.kgm_kutu_oge:nth-child(4n+1) .kgm_kutu_gorsel { transform: rotate(-2deg); }
.kgm_kutu_oge:nth-child(4n+3) .kgm_kutu_gorsel { transform: rotate(1.5deg); }
.kgm_kutu_oge:nth-child(4n+5) .kgm_kutu_gorsel { transform: rotate(-1deg); }
.kgm_kutu_oge:hover .kgm_kutu_gorsel { transform: rotate(0) translateY(-6px); }
.kgm_kutu_gorsel img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 0 !important; }
.kgm_kutu_baslik {
    font-family: var(--eyk-serif) !important;
    text-transform: none !important;
    letter-spacing: -0.01em !important;
    font-size: 21px !important;
    color: var(--eyk-yesil) !important;
    margin-top: 20px !important;
}
.kgm_arti {
    flex: 0 0 44px;
    width: 44px; height: 44px;
    margin-top: 150px;
    display: grid; place-items: center;
    border-radius: 50%;
    background: var(--eyk-sari) !important;
    color: var(--eyk-yesil-koyu) !important;
    font-weight: 800; font-size: 26px !important;
}
@media (max-width: 767px) {
    .kgm_kutu_liste { flex-direction: column; align-items: center !important; }
    .kgm_kutu_oge { max-width: 300px !important; width: 100%; }
    .kgm_arti { margin-top: 0; }
}

/* ---- Video bolumu: mor yerine koyu yesil ------------------------------ */
.elementor-4485 .elementor-element-443d083 { background: var(--eyk-yesil-koyu) !important; position: relative; }
.elementor-4485 .elementor-element-443d083 .elementor-heading-title { color: var(--eyk-krem) !important; font-size: clamp(30px, 3.6vw, 46px) !important; }
.elementor-4485 .elementor-element-443d083 .elementor-element-e7a687a .elementor-widget-container { color: rgba(251, 243, 228, .86) !important; font-size: 18px; }
.elementor-4485 .elementor-element-443d083 .pr_video_inner,
.elementor-4485 .elementor-element-443d083 .pr_video { border-radius: var(--eyk-r-buyuk) !important; overflow: hidden; }
.elementor-4485 .elementor-element-443d083 .pr_video img {
    border: 10px solid var(--eyk-krem);
    border-radius: var(--eyk-r-buyuk) !important;
    transform: rotate(-2deg);
}

/* ---- Nasil calisir ----------------------------------------------------- */
.elementor-4485 .elementor-element-f555a76 { background: var(--eyk-krem-acik) !important; }
body .kidzo_event_item {
    background: #fff !important;
    border: 2px solid var(--eyk-bej) !important;
    border-radius: var(--eyk-r) !important;
    box-shadow: var(--eyk-golge) !important;
}
body .kidzo_event_item:nth-child(2) { background: var(--eyk-krem) !important; }
body .kidzo_event_item:nth-child(3) { background: var(--eyk-yesil-acik) !important; }
body .kidzo_event_item h4, body .kidzo_event_item h3, body .kidzo_event_item .event_content h4 a { color: var(--eyk-yesil) !important; }
body .kidzo_event_item p { color: var(--eyk-gri) !important; }
body .kidzo_event_date .date { color: var(--eyk-turuncu-koyu) !important; font-family: var(--eyk-serif) !important; font-weight: 900 !important; }
body .kidzo_event_date, body .kidzo_event_date * { border-color: var(--eyk-bej) !important; }
body .event_btn a, body .event_btn span, body .event_btn i { background: var(--eyk-yesil) !important; color: var(--eyk-krem) !important; }
body .kidzo_event_item img { filter: saturate(.85); }

/* ---- Sayfa sonu bandi (panelden acilirsa) ----------------------------- */
.elementor-4485 .elementor-element-2af69dc {
    background: var(--eyk-yesil) !important;
    padding: 88px 0 !important;
    position: relative;
    overflow: hidden;
}
.elementor-4485 .elementor-element-2af69dc .elementor-heading-title { color: var(--eyk-krem) !important; font-size: clamp(34px, 4.4vw, 56px) !important; }
.elementor-4485 .elementor-element-2af69dc .elementor-element-f83ceff .elementor-widget-container { color: rgba(251, 243, 228, .88) !important; font-size: 18px; }
.elementor-4485 .elementor-element-2af69dc .pc-button { background: var(--eyk-sari) !important; border-color: var(--eyk-sari) !important; color: var(--eyk-yesil-koyu) !important; }
.elementor-4485 .elementor-element-2af69dc .pc-button:hover { background: var(--eyk-krem) !important; border-color: var(--eyk-krem) !important; }

/* =============================================== YENI BOLUMLER (eyk_) === */
.eyk_bolum { padding: 96px 0; position: relative; }
@media (max-width: 767px) { .eyk_bolum { padding: 64px 0; } }

.eyk_baslik {
    font-family: var(--eyk-serif) !important;
    font-weight: 900 !important;
    font-size: clamp(34px, 4.6vw, 58px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.035em !important;
    color: var(--eyk-yesil) !important;
    margin: 0 0 12px !important;
}
.eyk_baslik--buyuk { font-size: clamp(46px, 7vw, 92px) !important; color: var(--eyk-krem) !important; }
.eyk_el {
    font-family: var(--eyk-el) !important;
    font-weight: 700;
    font-size: 30px !important;
    line-height: 1.15 !important;
    color: var(--eyk-yesil);
    margin: 0 0 14px !important;
    transform: rotate(-1.5deg);
    transform-origin: left center;
}
.eyk_el--turuncu { color: var(--eyk-turuncu-koyu); }
.eyk_govde { color: var(--eyk-gri); font-size: 18px; max-width: 32em; }
.eyk_ust_satir { color: var(--eyk-sari); font-weight: 600; font-size: 18px; margin: 0 0 6px !important; }

.eyk_hap {
    display: inline-block;
    background: var(--eyk-yesil);
    color: var(--eyk-krem) !important;
    font-family: var(--eyk-serif) !important;
    font-weight: 700;
    font-size: 20px;
    padding: 8px 22px;
    border-radius: 999px;
    margin-bottom: 14px;
}
.eyk_hap--koyu { background: var(--eyk-yesil-koyu); }
.eyk_hap--buyuk { font-family: var(--eyk-sans) !important; font-size: 19px; padding: 14px 28px; margin-top: 18px; }
a.eyk_hap { text-decoration: none !important; transition: transform .35s var(--eyk-yay), background-color .2s; }
a.eyk_hap:hover { background: var(--eyk-turuncu-koyu); color: #fff !important; transform: translateY(-2px); }
a.eyk_hap:active { transform: scale(.98); }

.eyk_dugmeler { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.eyk_dugme {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 52px;
    padding: 0 28px;
    border-radius: 999px;
    background: var(--eyk-yesil);
    border: 2px solid var(--eyk-yesil);
    color: var(--eyk-krem) !important;
    font-weight: 700;
    font-size: 17px;
    text-decoration: none !important;
    box-shadow: 0 8px 18px -10px rgba(19, 63, 41, .7);
    transition: transform .35s var(--eyk-yay), background-color .2s, color .2s, border-color .2s;
}
.eyk_dugme:hover { background: var(--eyk-turuncu-koyu); border-color: var(--eyk-turuncu-koyu); color: #fff !important; transform: translateY(-2px); }
.eyk_dugme:active { transform: translateY(1px) scale(.98); }
.eyk_dugme--cizgi { background: transparent; color: var(--eyk-yesil) !important; box-shadow: none; }

/* Yildiz rozet (afislerdeki patlama) */
.eyk_rozet {
    position: absolute;
    width: 150px; height: 150px;
    display: grid; place-content: center;
    text-align: center;
    font-family: var(--eyk-serif);
    font-weight: 900;
    font-size: 30px;
    line-height: 1;
    color: #fff;
    clip-path: var(--eyk-yildiz);
    z-index: 2;
}
.eyk_rozet small { display: block; font-family: var(--eyk-sans); font-weight: 600; font-size: 17px; margin-bottom: 4px; }
.eyk_rozet--turuncu { background: var(--eyk-turuncu-koyu); top: -30px; right: -30px; transform: rotate(10deg); }
.eyk_rozet--sari { background: var(--eyk-sari); color: var(--eyk-yesil-koyu); top: -26px; right: -22px; transform: rotate(8deg); font-size: 34px; }
.eyk_rozet--sol { right: auto; left: -22px; transform: rotate(-8deg); font-size: 22px; }

.eyk_etiket {
    position: absolute;
    left: -18px; bottom: 26px;
    padding: 10px 24px;
    border-radius: 999px;
    font-family: var(--eyk-serif);
    font-weight: 700;
    font-size: 22px;
    transform: rotate(-3deg);
    z-index: 2;
    box-shadow: var(--eyk-golge);
}
.eyk_etiket--yesil { background: var(--eyk-yesil); color: var(--eyk-krem); }

.eyk_cerceve {
    position: relative;
    margin: 0;
    border: 12px solid #fff;
    border-radius: var(--eyk-r-buyuk);
    box-shadow: var(--eyk-golge-y);
    background: #fff;
}
.eyk_cerceve img { display: block; width: 100%; height: auto; border-radius: 20px; }
.eyk_cerceve--egik { transform: rotate(-2.5deg); }

/* ---- Bu ay kutunuzdan ne cikacak? ------------------------------------- */
/* Arka plan uc katman: krem zemin < organik leke (::before) < kagit dokusu
   (::after). Duz radyal daire "vektor" gibi duruyordu; duzensiz kenarli,
   icinde turuncu/sari/toprak renkleri karisan bulanik bir leke ve ustune
   hafif gurultu, afislerdeki basili kagit hissine yaklastiriyor. */
.eyk_buay {
    background: #fff;
    overflow: hidden;
    isolation: isolate;
}
.eyk_buay::before {
    content: "";
    position: absolute;
    z-index: -1;
    /* lekenin merkezi fotografin arkasina (sutunun ~%26'si) gelsin; kenara
       tasip kesilince sert bir serit gibi duruyordu */
    left: calc(26% - min(340px, 26vw)); top: 50%;
    width: min(680px, 52vw); aspect-ratio: 1.15;
    translate: 0 -50%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 520'%3E%3Cdefs%3E%3CradialGradient id='a' cx='42%25' cy='46%25' r='62%25'%3E%3Cstop offset='0' stop-color='%23f6b53a'/%3E%3Cstop offset='.45' stop-color='%23f0a13a'/%3E%3Cstop offset='.8' stop-color='%23e0823a' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23b8743a' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='70%25' cy='72%25' r='40%25'%3E%3Cstop offset='0' stop-color='%23a8672e' stop-opacity='.45'/%3E%3Cstop offset='1' stop-color='%23a8672e' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M318 34c78 6 160 44 198 116 34 64 12 128 26 196 12 58-22 118-86 138-70 22-126-18-196-10-66 8-128 48-178 6C30 434 40 360 30 300 18 232-18 170 22 114 64 54 130 30 198 30c42 0 80 0 120 4z'/%3E%3Cpath fill='url(%23b)' d='M330 250c60-20 150 10 170 70 18 56-40 110-104 116-70 6-130-30-128-88 2-44 22-82 62-98z'/%3E%3C/svg%3E") center / contain no-repeat;
    filter: blur(44px);
    mix-blend-mode: multiply;
    opacity: .72;
    pointer-events: none;
}
.eyk_buay::after {
    content: "";
    position: absolute; inset: 0;
    z-index: -1;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .36 0 0 0 0 .27 0 0 0 0 .16 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    opacity: .1;   /* beyaz zemin kirli gri gorunmesin diye cok hafif */
    mix-blend-mode: multiply;
    pointer-events: none;
}
@media (max-width: 991px) {
    .eyk_buay::before { left: 50%; top: 24%; width: 110vw; translate: -50% -50%; }
    .eyk_buay .eyk_etiket { font-size: 16px; padding: 8px 18px; white-space: nowrap; left: -8px; bottom: 18px; }
}
.eyk_buay_izgara {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    gap: 72px;
    align-items: center;
}
/* Rozet ve etiket cercevenin disina tasiyor; bolum overflow:hidden oldugu
   icin cerceveye kenarlardan yer birakilir, yoksa kesilirler. */
.eyk_buay .eyk_cerceve { max-width: 420px; width: calc(100% - 60px); justify-self: center; margin: 36px 30px 0; }
@media (max-width: 991px) {
    .eyk_buay_izgara { grid-template-columns: 1fr; gap: 56px; }
    .eyk_buay .eyk_cerceve { max-width: 330px; }
}

/* ---- Her ay kutunuzda: kurdeleye asili etiketler ---------------------- */
.eyk_herAy {
    background: linear-gradient(180deg, var(--eyk-yesil) 0%, #2f6e4f 55%, #5d8d73 100%);
    overflow: hidden;
}
.eyk_herAy_izgara {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: 48px;
    align-items: center;
}
.eyk_herAy_sahne { position: relative; padding: 24px 0; }
.eyk_herAy_foto {
    display: block;
    width: 62%;
    margin: 0 auto;
    border-radius: var(--eyk-r);
    box-shadow: var(--eyk-golge-y);
    transform: rotate(2deg);
}
.eyk_askilar {
    list-style: none;
    margin: 0; padding: 0;
    position: absolute; inset: 0;
    display: flex; flex-direction: column; justify-content: space-around;
}
.eyk_askilar li {
    position: relative;
    align-self: flex-start;
    background: var(--eyk-bej);
    color: var(--eyk-yesil-koyu);
    font-family: var(--eyk-serif);
    font-weight: 700;
    font-size: clamp(17px, 1.7vw, 23px);
    padding: 12px 28px 12px 46px;
    border-radius: 10px;
    box-shadow: 0 10px 20px -12px rgba(0, 0, 0, .45);
    transform: rotate(-2deg);
}
.eyk_askilar li::before {
    content: "";
    position: absolute; left: 18px; top: 50%;
    width: 12px; height: 12px; margin-top: -6px;
    border-radius: 50%;
    background: var(--eyk-yesil-koyu);
}
.eyk_askilar li:nth-child(even) { align-self: flex-end; padding: 12px 46px 12px 28px; transform: rotate(2deg); }
.eyk_askilar li:nth-child(even)::before { left: auto; right: 18px; }
@media (max-width: 991px) {
    .eyk_herAy_izgara { grid-template-columns: 1fr; text-align: center; }
    .eyk_herAy_foto { width: 78%; }
}
@media (max-width: 575px) {
    .eyk_herAy_sahne { padding: 0; }
    .eyk_herAy_foto { width: 100%; margin-bottom: 18px; transform: none; }
    .eyk_askilar { position: static; gap: 10px; }
    .eyk_askilar li, .eyk_askilar li:nth-child(even) { align-self: stretch; text-align: left; transform: none; }
}

/* ---- Uyelik / teslimat kartlari (fotografli) -------------------------- */
.eyk_uyelik { background: var(--eyk-krem-acik); }
.eyk_uyelik_izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; padding: 20px 16px 0; }
@media (max-width: 991px) { .eyk_uyelik_izgara { grid-template-columns: 1fr; gap: 56px; } }
.eyk_afiskart {
    position: relative;
    isolation: isolate;
    min-height: 520px;
    display: flex; flex-direction: column; justify-content: flex-end;
    padding: 40px 32px 32px;
    border: 12px solid var(--eyk-sari);
    border-radius: var(--eyk-r-buyuk);
    background-size: cover;
    background-position: center;
    box-shadow: var(--eyk-golge-y);
}
.eyk_afiskart--turuncu { border-color: var(--eyk-yesil); }
.eyk_afiskart::before {
    content: "";
    position: absolute; inset: 0;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(19, 30, 22, .05) 0%, rgba(19, 30, 22, .55) 55%, rgba(19, 30, 22, .85) 100%);
    z-index: -1;
}
.eyk_afiskart_baslik { font-size: clamp(30px, 3.4vw, 44px) !important; line-height: 1.05 !important; margin: 0 0 18px !important; }
.eyk_afiskart_baslik span {
    display: inline-block;
    background: var(--eyk-krem);
    color: var(--eyk-yesil) !important;
    padding: 4px 18px 8px;
    border-radius: 14px;
    margin: 0 0 6px;
}
.eyk_afiskart--turuncu .eyk_afiskart_baslik span { background: var(--eyk-turuncu-koyu); color: #fff !important; }
.eyk_tikli { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.eyk_tikli li {
    justify-self: start;
    background: var(--eyk-yesil);
    color: var(--eyk-krem);
    font-weight: 600;
    font-size: 17px;
    padding: 10px 20px 10px 50px;
    border-radius: 999px;
    position: relative;
}
.eyk_tikli li::before {
    content: "";
    position: absolute; left: 12px; top: 50%;
    width: 26px; height: 26px; margin-top: -13px;
    border-radius: 50%;
    background: var(--eyk-sari) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23133f29' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat;
}
.eyk_tikli--turuncu li { background: var(--eyk-krem); color: var(--eyk-yesil-koyu); }
.eyk_tikli--turuncu li::before { background-color: var(--eyk-turuncu-koyu); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.eyk_telhap {
    align-self: flex-start;
    display: inline-flex; align-items: center; gap: 12px;
    min-height: 52px;
    margin-top: 22px;
    padding: 0 24px;
    border-radius: 999px;
    background: var(--eyk-turuncu-koyu);
    color: #fff !important;
    font-weight: 700; font-size: 18px;
    text-decoration: none !important;
    transition: transform .35s var(--eyk-yay), background-color .2s;
}
.eyk_telhap b { font-family: var(--eyk-serif); }
.eyk_telhap span { opacity: .6; }
.eyk_telhap:hover { background: var(--eyk-yesil); transform: translateY(-2px); }
.eyk_telhap:active { transform: scale(.98); }
@media (max-width: 575px) {
    .eyk_afiskart { min-height: 460px; padding: 32px 18px 22px; border-width: 8px; }
    .eyk_rozet { width: 112px; height: 112px; font-size: 24px; }
    .eyk_rozet small { font-size: 14px; }
    .eyk_rozet--sol { font-size: 17px; }
    .eyk_tikli li { font-size: 15px; }
}

/* =========================================================== FOOTER ===== */
.footer_section.home_two_footer {
    background: var(--eyk-yesil-koyu) !important;
    padding: 56px 0 8px !important;
}
.home_two_footer .footer-widget, .home_two_footer .single_footer_widget { margin-bottom: 0 !important; }
.home_two_footer .single_footer_widget h4 { margin-bottom: 14px !important; }
.home_two_footer .single_footer_widget li { margin-bottom: 6px !important; }
@media (max-width: 991px) { .footer_section.home_two_footer { padding-top: 32px !important; } }
.home_two_footer, .home_two_footer p, .home_two_footer a, .home_two_footer li, .home_two_footer .copy_text {
    color: rgba(251, 243, 228, .82) !important;
}
.home_two_footer h4, .home_two_footer .kgm_logo_footer {
    color: var(--eyk-krem) !important;
    font-family: var(--eyk-serif) !important;
}
.home_two_footer .kgm_logo_footer { font-size: 28px !important; font-weight: 900 !important; }
.home_two_footer a:hover { color: var(--eyk-sari) !important; }
.home_two_footer .copy_text, .home_two_footer .kgm_footer_alt p {
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    padding: 0 !important;
}

/* Alt bant: solda telif + girisim satiri, sagda ajans logosu */
.home_two_footer .kgm_footer_alt { padding: 22px 16px 6px; align-items: center; }
.eyk_imza { display: grid; gap: 4px; }
.home_two_footer .eyk_imza .copy_text { font-size: 14px; color: rgba(251, 243, 228, .6) !important; }
.home_two_footer .eyk_girisim {
    margin: 0;
    font-family: var(--eyk-serif) !important;
    font-size: 17px;
    color: var(--eyk-krem) !important;
}
.home_two_footer .eyk_girisim b { color: var(--eyk-sari); font-weight: 700; }

/* Koyu, seffaf zeminli logo yesil footer'da okunmuyordu; krem hap zemin
   yerine logoyu tek renk krem gosteriyoruz. */
.home_two_footer .kgm_ajans {
    background: transparent !important;
    backdrop-filter: none !important;
    padding: 6px 0 !important;
    border-radius: 8px;
    opacity: .7;
    transition: opacity .2s, transform .35s var(--eyk-yay);
}
.home_two_footer .kgm_ajans:hover, .home_two_footer .kgm_ajans:focus-visible { opacity: 1; background: transparent !important; transform: translateY(-2px); }
.home_two_footer .kgm_ajans:active { transform: scale(.97); }
.home_two_footer .kgm_ajans img {
    height: 44px;
    background: none !important;
    filter: brightness(0) invert(95%) sepia(12%) saturate(300%) hue-rotate(345deg);
}
@media (max-width: 575px) {
    .home_two_footer .kgm_footer_alt { flex-direction: column; text-align: center; }
    .eyk_imza { justify-items: center; }
}

/* Sirt cantali cocuklar: ana sayfadaki son banttan tasindi */
.eyk_footer_cocuklar {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 8px;
    max-width: 1440px;
    padding: 0 24px;
    border-bottom: 2px solid rgba(251, 243, 228, .18);
    /* Cocuklar yazilarin arkasinda: ayri bir satir kaplamasinlar diye
       sutunlarin altina kadar yukari cekiliyor, footer boylece kisaliyor. */
    position: relative;
    z-index: 0;
    margin: -230px auto 0;
    pointer-events: none;
    /* Yazilarin denk geldigi ust kisim soluk, alt kisim tam renk:
       baglantilar cizimlerin ustunde de okunur kalsin. */
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .28) 0%, rgba(0, 0, 0, .28) 38%, #000 72%);
            mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .28) 0%, rgba(0, 0, 0, .28) 38%, #000 72%);
}
.home_two_footer .custom_container,
.home_two_footer .kgm_footer_alt { position: relative; z-index: 1; }
.home_two_footer .single_footer_widget h4,
.home_two_footer .single_footer_widget p,
.home_two_footer .single_footer_widget a {
    text-shadow: 0 1px 2px rgba(10, 30, 20, .9), 0 0 12px rgba(10, 30, 20, .85);
}
@media (max-width: 991px) {
    .eyk_footer_cocuklar { margin-top: 24px; }
}
/* Eski banttaki boyutlarinda: her cocuk kendi dogal olcusunde, dar
   ekranda satira sigacak kadar kuculur. */
.eyk_footer_cocuklar img { width: auto; height: auto; max-width: 19%; max-height: 340px; }
@media (max-width: 767px) {
    .eyk_footer_cocuklar img { max-width: 32%; }
    .eyk_footer_cocuklar img:nth-child(2), .eyk_footer_cocuklar img:nth-child(4) { display: none; }
}

/* ===================================================== IC SAYFALAR ===== */
.kgm_sayfa_ustu {
    background:
        radial-gradient(40% 90% at 90% 10%, rgba(246, 181, 58, .22), transparent 60%),
        var(--eyk-yesil) !important;
}
.kgm_sayfa_ustu .kgm_sayfa_baslik { color: var(--eyk-krem) !important; font-weight: 900 !important; }
.kgm_sayfa_ustu .kgm_sayfa_metin { color: rgba(251, 243, 228, .86) !important; }
.kgm_sayfa_ustu .kgm_yol, .kgm_sayfa_ustu .kgm_yol a { color: rgba(251, 243, 228, .75) !important; }
.kgm_sayfa_ustu .kgm_yol a:hover { color: var(--eyk-sari) !important; }

.kgm_bolum--krem   { background: var(--eyk-krem) !important; }
.kgm_bolum--pastel { background: var(--eyk-yesil-acik) !important; }
.kgm_bolum_baslik  { color: var(--eyk-yesil) !important; }

.kutu_vitrin_gorsel {
    border: 12px solid #fff !important;
    border-radius: var(--eyk-r-buyuk) !important;
    box-shadow: var(--eyk-golge-y) !important;
    transform: rotate(-1.5deg);
    padding: 0 !important;
    overflow: hidden;
}
.kutu_vitrin_gorsel img { border-radius: 20px !important; width: 100%; }
.kutu_ad { font-weight: 900 !important; }
.kutu_fiyat b { color: var(--eyk-turuncu-koyu) !important; font-family: var(--eyk-serif) !important; }
.kutu_tarihler { background: var(--eyk-yesil) !important; border-radius: var(--eyk-r) !important; }
.kutu_tarihler span { color: rgba(251, 243, 228, .7) !important; }
.kutu_tarihler b { color: var(--eyk-krem) !important; }
.kutu_kargo_not { background: var(--eyk-krem) !important; border-radius: var(--eyk-r-kucuk) !important; }
.kutu_kargo_not strong { color: var(--eyk-yesil) !important; }
.kgm_uyari--bilgi { background: var(--eyk-yesil-acik) !important; border-color: rgba(30, 90, 60, .2) !important; color: var(--eyk-yesil-koyu) !important; }
.kutu_serit {
    border-radius: var(--eyk-r) !important;
    border-top: 6px solid var(--eyk-turuncu) !important;
    box-shadow: var(--eyk-golge) !important;
}
.kutu_serit:nth-child(2) { border-top-color: var(--eyk-sari) !important; }
.kutu_serit:nth-child(3) { border-top-color: var(--eyk-yesil) !important; }
.kutu_serit b { color: var(--eyk-yesil) !important; font-family: var(--eyk-serif) !important; font-size: 21px !important; }
.kgm_kart { border-radius: var(--eyk-r) !important; box-shadow: var(--eyk-golge) !important; border: 0 !important; }
.kgm_kart img { padding: 12px; border-radius: 50%; background: var(--eyk-yesil-acik); }
.kutu_oge_metin { color: var(--eyk-gri) !important; }

/* Ic sayfalardaki CTA kutusu tam yesil */
.kgm_bolum .kgm_cta { background: var(--eyk-yesil) !important; border: 0; }
.kgm_bolum .kgm_cta h2 { color: var(--eyk-krem) !important; }
.kgm_bolum .kgm_cta p  { color: rgba(251, 243, 228, .86) !important; }
.kgm_bolum .kgm_cta .cu_btn { background: var(--eyk-sari) !important; border-color: var(--eyk-sari) !important; color: var(--eyk-yesil-koyu) !important; }
.kgm_bolum .kgm_cta .cu_btn:hover { background: var(--eyk-krem) !important; border-color: var(--eyk-krem) !important; }
/* ana sayfadaki ust kutu krem kalsin */
.kgm_cta_bolum .kgm_cta { background: var(--eyk-krem) !important; border: 2px dashed rgba(30, 90, 60, .35); }
.kgm_cta_bolum .kgm_cta h2 { color: var(--eyk-yesil) !important; }
.kgm_cta_bolum .kgm_cta p  { color: var(--eyk-gri) !important; }
.kgm_cta_bolum .kgm_cta .cu_btn { background: var(--eyk-yesil) !important; border-color: var(--eyk-yesil) !important; color: var(--eyk-krem) !important; }
.kgm_cta_bolum .kgm_cta .cu_btn:hover { background: var(--eyk-turuncu-koyu) !important; border-color: var(--eyk-turuncu-koyu) !important; color: #fff !important; }

/* ================================================== hareket azaltma ==== */
@media (prefers-reduced-motion: reduce) {
    .eyk_dugme, .features_new_item, .kgm_kutu_gorsel, .eyk_telhap, a.eyk_hap { transition: none !important; }
}

/* Ust menudeki gorsel logo (panelden yuklenir) */
.navbar-brand.kgm_logo .kgm_logo_gorsel { display: block; height: 66px; width: auto; }
.navbar-brand.kgm_logo:has(.kgm_logo_gorsel) { transition: transform .35s var(--eyk-yay); }
.navbar-brand.kgm_logo:has(.kgm_logo_gorsel):hover { transform: translateY(-1px); }
@media (max-width: 575px) { .navbar-brand.kgm_logo .kgm_logo_gorsel { height: 50px; } }

/* ===================================================== YUKLEME EKRANI == */
/* Yukleme ekrani acikken sayfa kaydirilamaz. jQuery fadeOut bitince ogeye
   style="display: none" yazar; kilit o an kendiliginden kalkar. */
html:has(.preloder:not([style*="display: none"])),
html:has(.preloder:not([style*="display: none"])) body {
    overflow: hidden !important;
    touch-action: none;
}
.preloder { background: var(--eyk-krem-acik) !important; }
.loader--dot { border-color: var(--eyk-krem-acik) !important; }
.loader--dot:nth-child(odd)  { background-color: var(--eyk-yesil) !important; }
.loader--dot:nth-child(even) { background-color: var(--eyk-turuncu) !important; }
.loader--dot:nth-child(3)    { background-color: var(--eyk-sari) !important; }
.loader--text { width: auto !important; text-align: center; }
.loader--text:after {
    content: "Yükleniyor" !important;
    animation: none !important;
    font-family: var(--eyk-sans);
    color: var(--eyk-yesil);
}

/* ============================================================ MOBIL ===== */
@media (max-width: 991px) {
    /* Acilir menu: kenara yapismasin, kart gibi dursun */
    .header_part .navbar-collapse {
        padding: 12px 20px 18px !important;
        border-radius: 0 0 18px 18px;
        box-shadow: 0 18px 30px -18px rgba(19, 63, 41, .45);
        background: #fff !important;
    }
    .header_part #menu-main-menu .menu-item > a { padding: 12px 4px !important; display: block; }
    .header_part .kgm_ust_butonlar {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-top: 10px;
        padding-top: 14px;
        border-top: 1px solid var(--eyk-bej);
    }
    .header_part .kgm_ust_butonlar .cu_btn { flex: 1; text-align: center; margin: 0 !important; }
    .header_part .kgm_hesap_link { padding: 10px 0; min-height: 44px; display: inline-flex; align-items: center; gap: 6px; }
}

@media (max-width: 767px) {
    /* Ust bolum: yazilar ekran kenarina yapismasin */
    .elementor-4485 .elementor-element-df87ef7 { padding: 44px 0 72px !important; }
    .elementor-4485 .elementor-element-df87ef7 > .elementor-container { padding: 0 20px; }
    .elementor-element-df87ef7 .kidzo_titles .__title { font-size: 46px !important; }
    .elementor-element-df87ef7 .eyk_hero_ust { font-size: 26px; }
    .elementor-element-df87ef7 .elementor-element-3fc975b .elementor-widget-container { font-size: 17px !important; }
    .kgm_hero_sarmal { margin: 32px 10px 0; }

    /* Neden kartlari: alt alta, tam genislik */
    .elementor-4485 .elementor-element-a538e48 > .elementor-container { flex-direction: column; gap: 16px; }
    /* Elementor sutun genisligini .elementor-element.elementor-element-XXX
       ile (yuksek ozgulluk) veriyor; ayni agirlikta ezmek gerekiyor. */
    .elementor-4485 .elementor-element.elementor-element-a538e48 .elementor-column.elementor-element {
        width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important;
    }
    .elementor-4485 .elementor-element.elementor-element-a538e48 .elementor-widget-wrap { padding: 0 !important; }
    .elementor-4485 .elementor-element-a08db0f .elementor-top-column > .elementor-widget-wrap { padding-left: 0 !important; padding-right: 0 !important; }
    .elementor-4485 .elementor-element-a538e48 .elementor-widget-wrap { padding: 0 !important; margin: 0 !important; }
    .elementor-4485 .elementor-element-a08db0f > .elementor-container { padding: 0 20px; }
    body .features_new_item { padding: 24px 22px !important; }
    body .features_new_item h4 br { display: none; }

    /* Nasil calisir: adimlar alt alta, ic duzen dikey */
    body .kidzo_event_area .row { flex-direction: column; gap: 16px; margin: 0 !important; }
    body .kidzo_event_item {
        width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important;
        flex-direction: column !important; align-items: flex-start !important;
        padding: 24px 22px !important; margin: 0 !important;
    }
    body .kidzo_event_item .kidzo_event,
    body .kidzo_event_item .kidzo_event_date { width: 100% !important; }
    body .kidzo_event_item .kidzo_event_date {
        margin-top: 14px !important; padding-top: 14px !important;
        border-top: 1px dashed var(--eyk-bej) !important; border-left: 0 !important;
    }
    body .kidzo_event_item .event_btn { display: none !important; }

    /* Uyelik kartlari: baslik tek parca, rozet basligin ustune binmesin */
    .eyk_uyelik_izgara { padding: 20px 4px 0; gap: 44px; }
    .eyk_afiskart { padding-top: 76px !important; }
    .eyk_afiskart_baslik { font-size: 26px !important; }
    .eyk_afiskart_baslik span { display: inline; padding: 2px 10px 4px; border-radius: 10px;
        -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 1.5; }
    .eyk_rozet--sol { left: -10px; top: -30px; }
    .eyk_rozet--sari:not(.eyk_rozet--sol) { right: -10px; top: -30px; }

    /* Sabit "Abone Ol" dugmesi mobilde icerigi kapatmasin */
    .kgm_abone_sabit { transform: scale(.88); transform-origin: left bottom; }

    /* Footer: menu basliklari acilir-kapanir (akordiyon) */
    .home_two_footer .widget_nav_menu .single_footer_widget { border-top: 1px solid rgba(251, 243, 228, .16); }
    .home_two_footer .widget_nav_menu h4 { margin: 0 !important; }
    .eyk_akordiyon_dugme {
        all: unset;
        box-sizing: border-box;
        display: flex; width: 100%; min-height: 52px;
        align-items: center; justify-content: space-between;
        font: inherit; color: inherit; cursor: pointer;
    }
    .eyk_akordiyon_dugme:focus-visible { outline: 3px solid var(--eyk-sari); outline-offset: 2px; border-radius: 6px; }
    .eyk_akordiyon_dugme::after {
        content: ""; width: 10px; height: 10px;
        border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
        transform: rotate(45deg) translate(-3px, -3px);
        transition: transform .3s var(--eyk-yay);
    }
    .eyk_acik .eyk_akordiyon_dugme::after { transform: rotate(-135deg) translate(-3px, -3px); }
    .home_two_footer .widget_nav_menu [class^="menu-"][class$="-container"] {
        display: grid; grid-template-rows: 0fr;
        transition: grid-template-rows .35s cubic-bezier(.22, 1, .36, 1);
    }
    .home_two_footer .widget_nav_menu [class^="menu-"][class$="-container"] > ul { overflow: hidden; min-height: 0; }
    .home_two_footer .widget_nav_menu.eyk_acik [class^="menu-"][class$="-container"] { grid-template-rows: 1fr; }
    .home_two_footer .widget_nav_menu.eyk_acik ul { padding-bottom: 14px !important; }
    .home_two_footer .widget_nav_menu li a { display: inline-block; padding: 8px 0; }
}
@media (min-width: 768px) {
    .eyk_akordiyon_dugme { all: unset; font: inherit; color: inherit; cursor: default; }
}

/* Kaydirma animasyonunda yandan gelen ogeler gorunmeden once 34px disarida
   bekliyor; sayfa yatay kaymasin. "clip" kaydirma kutusu yaratmaz, yapiskan
   menu gibi davranislari bozmaz. */
.elementor-4485, .home_two_footer, .eyk_bolum { overflow-x: clip; }

/* Neden kartlari (mobil): sablonun 45/20/10px dis boslugu sifirlanir,
   kartlar arasi sabit 14px; yatay kart: simge solda, metin sagda. */
@media (max-width: 767px) {
    .elementor-4485 .elementor-element-a538e48 > .elementor-container { gap: 14px !important; }
    .elementor-4485 .elementor-element-a538e48 .elementor-widget-wrap { padding: 0 !important; }
    body .elementor-element-a538e48 .features_new_item {
        margin: 0 !important;
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 52px 1fr;
        column-gap: 16px;
        align-items: start;
        padding: 22px 20px 20px !important;
        border: 1px solid var(--eyk-bej) !important;
        border-radius: 18px !important;
        box-shadow: 0 1px 2px rgba(19, 63, 41, .05), 0 10px 22px -14px rgba(19, 63, 41, .3) !important;
        height: auto !important;
    }
    body .elementor-element-a538e48 .features_new_item::before { height: 5px; left: 0; right: 0; }
    body .elementor-element-a538e48 .features_new_item img {
        grid-row: span 2;
        width: 52px !important; height: 52px !important; padding: 12px;
        margin: 0 !important;
    }
    body .elementor-element-a538e48 .features_new_item h4 { margin: 2px 0 6px !important; font-size: 19px !important; }
    body .elementor-element-a538e48 .features_new_item .kgm_ozellik_metin { margin: 0 !important; font-size: 14.5px !important; line-height: 1.55 !important; }
}

/* Kart ust seridi: sablon ::before'a 198px sabit genislik veriyor */
body .features_new_item::before { width: auto !important; left: 0 !important; right: 0 !important; }

/* Bolum basliklarinin ilk kelimesi sablonun laciverdinde kaliyordu;
   vurgulu parca da basliktan farkli yazi tipindeydi. */
body .kidzo_titles .__title { color: var(--eyk-yesil) !important; }
body .kidzo_titles .title_overlay_effect { font-family: var(--eyk-serif) !important; font-weight: 900 !important; }
@media (max-width: 767px) {
    /* kartin kapsayicisinda sablondan 32px alt bosluk + sutunda 6px ic bosluk */
    .elementor-4485 .elementor-element.elementor-element-a538e48 .elementor-column > .elementor-widget-wrap.elementor-element-populated { padding: 0 !important; }
    .elementor-4485 .elementor-element.elementor-element-a538e48 .elementor-widget-container { margin: 0 !important; }
}