/*
Theme Name: EvOkuluSeti Child
Template: astra
Author: EvOkuluSeti
Description: EvOkuluSeti için hafif, hızlı ve marka odaklı Astra child theme.
Version: 1.0.0
*/

:root {
  --eos-sun: #F4B400;
  --eos-sky: #4A90E2;
  --eos-leaf: #66BB6A;
  --eos-coral: #FF8A65;
  --eos-cream: #FAFAF7;
  --eos-navy: #1F2A44;
}

body {
  background: var(--eos-cream);
}

h1, h2, h3 {
  color: var(--eos-navy);
  letter-spacing: -0.02em;
}

a {
  color: var(--eos-sky);
}

.ast-button,
.button,
.wp-block-button__link {
  border-radius: 999px;
  font-weight: 700;
  background: var(--eos-sun);
  color: var(--eos-navy);
}

.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent;
  color: var(--eos-navy);
  border: 2px solid var(--eos-sun);
}

.site-content {
  background: linear-gradient(180deg, #FAFAF7 0%, #FFFFFF 100%);
}

.eos-card {
  border-radius: 24px;
  padding: 24px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(31, 42, 68, 0.08);
}

.eos-soft-section {
  border-radius: 32px;
  background: #fff8e1;
  padding: 48px 24px;
}

/* ======================================================
   EvOkuluSeti Home Final V1
   ====================================================== */

.eos-hero {
  max-width: 1180px;
  margin: 32px auto 56px;
  padding: 72px 48px;
  border-radius: 36px;
  background:
    radial-gradient(circle at 88% 15%, rgba(244,180,0,.20), transparent 28%),
    radial-gradient(circle at 10% 90%, rgba(74,144,226,.15), transparent 32%),
    #fff;
  box-shadow: 0 18px 60px rgba(31,42,68,.08);
}

.eos-hero h1 {
  max-width: 800px;
  font-size: clamp(42px, 6vw, 76px);
  line-height: 1.04;
  margin-bottom: 22px;
}

.eos-hero-lead {
  max-width: 780px;
  font-size: 20px;
  line-height: 1.75;
  color: #4a5568;
}

.eos-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  color: var(--eos-sky);
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.eos-section {
  max-width: 1180px;
  margin: 0 auto;
  padding: 64px 24px;
}

.eos-section > h2,
.eos-soft-section > h2,
.eos-box-section > h2,
.eos-teacher-section > h2 {
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.15;
}

.eos-card {
  min-height: 240px;
  border: 1px solid rgba(31,42,68,.06);
  transition: transform .2s ease, box-shadow .2s ease;
}

.eos-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 42px rgba(31,42,68,.12);
}

.eos-card h3 {
  font-size: 23px;
}

.eos-card a {
  display: inline-block;
  margin-top: 10px;
  font-weight: 800;
  text-decoration: none;
}

.eos-soft-section {
  max-width: 1180px;
  margin: 32px auto;
  padding: 64px 48px;
}

.eos-soft-section .wp-block-column {
  padding: 20px 10px;
}

.eos-feature-list {
  columns: 2;
  column-gap: 48px;
  margin-top: 32px;
}

.eos-feature-list li {
  break-inside: avoid;
  margin-bottom: 14px;
  font-weight: 700;
}

.eos-box-section {
  max-width: 1180px;
  margin: 48px auto;
  padding: 64px 48px;
  border-radius: 36px;
  background:
    radial-gradient(circle at 90% 20%, rgba(102,187,106,.18), transparent 30%),
    #f4fbf5;
}

.eos-teacher-section {
  max-width: 1180px;
  margin: 48px auto;
  padding: 64px 48px;
  border-radius: 36px;
  background: #ffffff;
  box-shadow: 0 12px 38px rgba(31,42,68,.07);
}

.eos-disclaimer {
  max-width: 900px;
  margin: 40px auto 70px;
  padding: 20px 24px;
  font-size: 14px;
  line-height: 1.7;
  color: #667085;
  text-align: center;
}

@media (max-width: 782px) {
  .eos-hero {
    margin: 16px 16px 32px;
    padding: 44px 24px;
    border-radius: 26px;
  }

  .eos-hero h1 {
    font-size: 42px;
  }

  .eos-hero-lead {
    font-size: 17px;
  }

  .eos-section {
    padding: 42px 20px;
  }

  .eos-soft-section,
  .eos-box-section,
  .eos-teacher-section {
    margin: 24px 16px;
    padding: 42px 24px;
    border-radius: 26px;
  }

  .eos-feature-list {
    columns: 1;
  }

  .wp-block-buttons {
    gap: 12px;
  }

  .wp-block-button,
  .wp-block-button__link {
    width: 100%;
    text-align: center;
  }
}

/* ======================================================
   EvOkuluSeti Inner Pages V1
   ====================================================== */

.eos-page-hero {
  max-width: 1180px;
  margin: 32px auto 24px;
  padding: 64px 48px;
  border-radius: 34px;
  background:
    radial-gradient(circle at 90% 12%, rgba(244,180,0,.16), transparent 28%),
    #ffffff;
  box-shadow: 0 14px 48px rgba(31,42,68,.07);
}

.eos-page-hero h1 {
  max-width: 850px;
  font-size: clamp(38px, 5vw, 62px);
  line-height: 1.08;
  margin-bottom: 20px;
}

.eos-page-lead {
  max-width: 830px;
  font-size: 19px;
  line-height: 1.75;
  color: #526070;
}

.eos-box-hero {
  background:
    radial-gradient(circle at 88% 12%, rgba(102,187,106,.22), transparent 32%),
    #f7fcf7;
}

.eos-note {
  margin-top: 36px;
  padding: 22px 26px;
  border-radius: 18px;
  background: #f7f8fa;
  border-left: 4px solid var(--eos-sky);
  color: #536071;
  line-height: 1.7;
}

@media (max-width: 782px) {
  .eos-page-hero {
    margin: 16px;
    padding: 42px 24px;
    border-radius: 26px;
  }

  .eos-page-hero h1 {
    font-size: 38px;
  }

  .eos-page-lead {
    font-size: 17px;
  }
}

/* ======================================================
   Gunesin Cocuklari Main Banner
   ====================================================== */

.eos-brand-banner-wrap {
  max-width: 1480px;
  margin: 22px auto 28px;
  padding: 0 18px;
}

.eos-brand-banner {
  margin: 0;
  overflow: hidden;
  border-radius: 30px;
  box-shadow: 0 16px 46px rgba(31,42,68,.10);
}

.eos-brand-banner img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 30px;
}

@media (max-width: 782px) {
  .eos-brand-banner-wrap {
    margin: 12px auto 20px;
    padding: 0 10px;
  }

  .eos-brand-banner {
    border-radius: 20px;
  }

  .eos-brand-banner img {
    border-radius: 20px;
  }
}

@media (max-width: 480px) {
  .eos-brand-banner-wrap {
    padding: 0 8px;
  }

  .eos-brand-banner {
    border-radius: 16px;
  }

  .eos-brand-banner img {
    border-radius: 16px;
  }
}

/*
 * ==========================================================
 * EVOKULUSETI RESPONSIVE FINAL
 * Mobile / Tablet / Desktop
 * ==========================================================
 */

/* Genel sayfa genişliği */
.eos-hero,
.eos-banner-wrap,
.entry-content > .wp-block-group,
.entry-content > .wp-block-columns {
    box-sizing: border-box;
}

/* Güneşin Çocukları banner */
.eos-banner-wrap {
    width: min(1180px, calc(100% - 40px));
    margin: 28px auto 34px;
    padding: 0;
}

.eos-banner-wrap img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 18px;
}

/* Hero */
.eos-hero {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto 56px;
    padding: clamp(34px, 5vw, 68px);
    border-radius: 32px;
}

.eos-hero h1 {
    font-size: clamp(38px, 5vw, 66px);
    line-height: 1.06;
    max-width: 900px;
    margin-bottom: 22px;
}

.eos-hero p {
    max-width: 820px;
    line-height: 1.75;
}

/* İçerik alanları */
.entry-content > h2,
.entry-content > p,
.entry-content > ul {
    width: min(1180px, calc(100% - 40px));
    margin-left: auto;
    margin-right: auto;
}

.entry-content > .wp-block-columns {
    width: min(1180px, calc(100% - 40px));
    margin-left: auto;
    margin-right: auto;
    gap: 24px;
}

/* Kartlar */
.eos-card {
    height: 100%;
    padding: 28px;
}

/* ==========================================================
 * TABLET
 * ==========================================================
 */

@media (min-width: 769px) and (max-width: 1024px) {

    .eos-banner-wrap {
        width: calc(100% - 48px);
        margin-top: 24px;
        margin-bottom: 28px;
    }

    .eos-hero {
        width: calc(100% - 48px);
        padding: 46px;
        margin-bottom: 46px;
    }

    .eos-hero h1 {
        font-size: 48px;
    }

    .entry-content > .wp-block-columns {
        width: calc(100% - 48px);
        gap: 18px;
    }

    .eos-card {
        padding: 22px;
    }
}

/* ==========================================================
 * MOBILE
 * ==========================================================
 */

@media (max-width: 768px) {

    /* Astra başlık */
    .site-header .ast-container {
        min-height: 74px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .site-title,
    .site-title a {
        font-size: 27px !important;
        line-height: 1.15;
    }

    /* WordPress/Astra'nın gereksiz üst boşlukları */
    .site-content,
    .ast-container,
    .entry-content {
        margin-top: 0;
    }

    .entry-header {
        margin-bottom: 16px;
    }

    .entry-title {
        font-size: 31px !important;
        line-height: 1.12 !important;
        margin: 0 20px 20px !important;
    }

    /* Banner */
    .eos-banner-wrap {
        width: calc(100% - 32px);
        margin: 18px auto 26px;
    }

    .eos-banner-wrap img {
        width: 100%;
        border-radius: 12px;
    }

    /* Hero */
    .eos-hero {
        width: calc(100% - 32px);
        margin: 0 auto 42px;
        padding: 32px 24px;
        border-radius: 26px;
    }

    .eos-hero h1 {
        font-size: clamp(36px, 10.5vw, 48px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.035em;
        margin-bottom: 20px;
    }

    .eos-hero p {
        font-size: 16px;
        line-height: 1.7;
    }

    /* Butonlar mobilde rahat dokunulsun */
    .eos-hero .wp-block-buttons {
        gap: 12px;
    }

    .eos-hero .wp-block-button__link {
        min-height: 46px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 11px 18px;
        font-size: 14px;
    }

    /* Bölümler */
    .entry-content > h2,
    .entry-content > p,
    .entry-content > ul {
        width: calc(100% - 40px);
    }

    .entry-content > h2 {
        font-size: 28px;
        line-height: 1.18;
        margin-top: 44px;
    }

    /* Kartlar tek sütun */
    .entry-content > .wp-block-columns {
        width: calc(100% - 32px);
        display: block;
    }

    .entry-content > .wp-block-columns > .wp-block-column {
        width: 100%;
        margin-bottom: 16px;
    }

    .eos-card {
        padding: 24px;
        border-radius: 20px;
    }

    .eos-soft-section {
        width: calc(100% - 32px);
        margin-left: auto;
        margin-right: auto;
        padding: 30px 22px;
        border-radius: 24px;
    }
}

/* Çok küçük telefonlar */
@media (max-width: 390px) {

    .eos-banner-wrap,
    .eos-hero {
        width: calc(100% - 24px);
    }

    .eos-hero {
        padding: 28px 20px;
    }

    .eos-hero h1 {
        font-size: 36px !important;
    }

    .entry-title {
        font-size: 29px !important;
    }
}

/* ==========================================================
 * LARGE DESKTOP
 * ==========================================================
 */

@media (min-width: 1280px) {

    .eos-banner-wrap {
        max-width: 1180px;
        margin-top: 32px;
        margin-bottom: 38px;
    }

    .eos-hero {
        max-width: 1180px;
    }
}


/* =========================================================
   EVOKULUSETI VISUAL FINAL V2
   ========================================================= */

/* Ana sayfadaki WordPress sayfa basligini gizle */
.home .entry-header,
.home header.entry-header,
.home .entry-title {
    display: none !important;
}

/* Astra content üst boşluğunu kaldır */
.home .site-content,
.home .ast-container,
.home #primary,
.home .site-main,
.home article.page {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ---------------------------------------------------------
   HEADER
   --------------------------------------------------------- */

.site-header {
    background: rgba(255,255,255,.96) !important;
    border-bottom: 1px solid rgba(31,42,68,.07);
    box-shadow: 0 3px 18px rgba(31,42,68,.04);
    position: relative;
    z-index: 100;
}

.site-header .ast-container {
    max-width: 1180px !important;
    min-height: 74px;
    margin: 0 auto;
}

.site-title a,
.site-title {
    color: #1F2A44 !important;
    font-weight: 800 !important;
    letter-spacing: -0.035em;
}

.main-header-menu > .menu-item > .menu-link {
    color: #344054 !important;
    font-weight: 650;
    font-size: 14px;
    padding-left: 14px !important;
    padding-right: 14px !important;
}

.main-header-menu > .menu-item:hover > .menu-link,
.main-header-menu > .current-menu-item > .menu-link {
    color: #4A90E2 !important;
}

/* ---------------------------------------------------------
   GUNESIN COCUKLARI HERO
   Görselin sadece güçlü üst banner alanını kullan
   --------------------------------------------------------- */

.eos-brand-banner-wrap {
    width: min(1320px, calc(100% - 36px)) !important;
    max-width: 1320px !important;
    margin: 28px auto 42px !important;
    padding: 0 !important;
}

.eos-brand-banner {
    position: relative;
    width: 100%;
    aspect-ratio: 3.05 / 1;
    overflow: hidden !important;
    border-radius: 28px !important;
    margin: 0 !important;
    background: #fff8e8;
    box-shadow: 0 18px 54px rgba(31,42,68,.11);
}

.eos-brand-banner img {
    width: 100% !important;
    height: 200% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
    border-radius: 0 !important;
}

/* Hero metin karti */
.eos-hero {
    width: min(1180px, calc(100% - 40px)) !important;
    max-width: 1180px !important;
    margin: 0 auto 64px !important;
    padding: 58px 52px !important;
    border-radius: 32px !important;
}

.eos-hero h1 {
    font-size: clamp(42px, 5vw, 66px) !important;
    line-height: 1.04 !important;
}

/* ---------------------------------------------------------
   MOBILE HEADER + MENU
   --------------------------------------------------------- */

@media (max-width: 921px) {

    .site-header .ast-container {
        min-height: 70px !important;
        padding: 0 20px !important;
    }

    .site-title,
    .site-title a {
        font-size: 27px !important;
    }

    .menu-toggle,
    .ast-mobile-menu-trigger-minimal {
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    /* Astra off-canvas drawer */
    .ast-mobile-popup-drawer {
        z-index: 999999 !important;
    }

    .ast-mobile-popup-drawer .ast-mobile-popup-overlay {
        background: rgba(31,42,68,.22) !important;
        backdrop-filter: blur(3px);
    }

    .ast-mobile-popup-drawer .ast-mobile-popup-inner {
        width: min(88vw, 390px) !important;
        max-width: 390px !important;
        background: #FAFAF7 !important;
        box-shadow: -18px 0 50px rgba(31,42,68,.15);
    }

    .ast-mobile-popup-content {
        padding: 18px 22px 38px !important;
    }

    .ast-mobile-popup-header {
        min-height: 72px;
        padding: 14px 20px !important;
        border-bottom: 1px solid rgba(31,42,68,.08);
    }

    .ast-mobile-popup-drawer .main-header-menu .menu-link {
        min-height: 56px !important;
        display: flex !important;
        align-items: center !important;
        padding: 14px 10px !important;
        color: #1F2A44 !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        border-bottom: 1px solid rgba(31,42,68,.07);
    }

    .ast-mobile-popup-drawer .current-menu-item > .menu-link {
        color: #4A90E2 !important;
        background: rgba(74,144,226,.06);
        border-radius: 12px;
    }

    /* Mobil banner */
    .eos-brand-banner-wrap {
        width: calc(100% - 24px) !important;
        margin: 16px auto 28px !important;
    }

    .eos-brand-banner {
        aspect-ratio: 1.72 / 1 !important;
        border-radius: 20px !important;
    }

    .eos-brand-banner img {
        height: 200% !important;
        object-position: center top !important;
    }

    .eos-hero {
        width: calc(100% - 24px) !important;
        margin: 0 auto 44px !important;
        padding: 34px 26px !important;
        border-radius: 26px !important;
    }

    .eos-hero h1 {
        font-size: clamp(36px, 9.5vw, 46px) !important;
        line-height: 1.06 !important;
    }

    .eos-hero-lead {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }
}

/* ---------------------------------------------------------
   KUCUK TELEFON
   --------------------------------------------------------- */

@media (max-width: 480px) {

    .site-header .ast-container {
        min-height: 66px !important;
        padding: 0 18px !important;
    }

    .site-title,
    .site-title a {
        font-size: 25px !important;
    }

    .eos-brand-banner-wrap {
        width: calc(100% - 20px) !important;
        margin-top: 12px !important;
    }

    .eos-brand-banner {
        aspect-ratio: 1.58 / 1 !important;
        border-radius: 18px !important;
    }

    .eos-hero {
        width: calc(100% - 20px) !important;
        padding: 30px 22px !important;
    }

    .eos-hero h1 {
        font-size: 37px !important;
    }

    .eos-eyebrow {
        font-size: 12px !important;
        line-height: 1.5;
    }
}

/* ---------------------------------------------------------
   DESKTOP
   --------------------------------------------------------- */

@media (min-width: 922px) {

    .eos-brand-banner-wrap {
        margin-top: 30px !important;
    }

    .eos-brand-banner {
        aspect-ratio: 3.05 / 1 !important;
    }
}


/* ==========================================================
   EVOKULUSETI TRUE RESPONSIVE FINAL
   Hero asset artik fiziksel olarak kirpilmis dosyadir.
   CSS ile crop YOK.
   ========================================================== */

.eos-brand-banner-wrap {
    width: min(1240px, calc(100% - 40px)) !important;
    margin: 24px auto 34px !important;
    padding: 0 !important;
}

.eos-brand-banner {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    margin: 0 !important;
    border-radius: 26px !important;
    background: #fff !important;
    box-shadow: 0 14px 40px rgba(31,42,68,.10) !important;
}

.eos-brand-banner img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 26px !important;
}

/* Ana tanitim karti */
.eos-hero {
    width: min(1160px, calc(100% - 40px)) !important;
    margin: 0 auto 54px !important;
}

/* İç bloklardaki gereksiz dikey uzamayı azalt */
.eos-section,
.eos-soft-section,
.eos-box-section,
.eos-teacher-section {
    box-sizing: border-box;
}

.eos-teacher-section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}

.eos-disclaimer {
    margin-top: 34px !important;
    margin-bottom: 42px !important;
}

/* ==========================================================
   TABLET
   ========================================================== */

@media (min-width: 769px) and (max-width: 1024px) {

    .eos-brand-banner-wrap {
        width: calc(100% - 36px) !important;
        margin: 20px auto 30px !important;
    }

    .eos-brand-banner,
    .eos-brand-banner img {
        border-radius: 22px !important;
    }

    .eos-hero {
        width: calc(100% - 36px) !important;
        padding: 42px 38px !important;
    }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 768px) {

    .site-header .ast-container {
        min-height: 68px !important;
    }

    .site-title,
    .site-title a {
        font-size: 25px !important;
    }

    .eos-brand-banner-wrap {
        width: calc(100% - 24px) !important;
        margin: 14px auto 24px !important;
    }

    .eos-brand-banner,
    .eos-brand-banner img {
        height: auto !important;
        aspect-ratio: auto !important;
        object-fit: contain !important;
        object-position: center !important;
        border-radius: 18px !important;
    }

    .eos-hero {
        width: calc(100% - 24px) !important;
        padding: 30px 24px !important;
        margin-bottom: 38px !important;
        border-radius: 24px !important;
    }

    .eos-hero h1 {
        font-size: 34px !important;
        line-height: 1.08 !important;
        letter-spacing: -0.035em !important;
    }

    .eos-hero-lead {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .eos-eyebrow {
        font-size: 11px !important;
        line-height: 1.55 !important;
        letter-spacing: .07em !important;
    }

    /* Mobil kartlar */
    .eos-card {
        min-height: 0 !important;
        padding: 22px !important;
    }

    .eos-card h3 {
        font-size: 21px !important;
    }

    /* Sarı merak edilenler alanını kompaktlaştır */
    .eos-soft-section {
        width: calc(100% - 24px) !important;
        margin: 28px auto !important;
        padding: 32px 24px !important;
        border-radius: 24px !important;
    }

    .eos-soft-section > h2 {
        font-size: 31px !important;
        line-height: 1.12 !important;
        margin-bottom: 26px !important;
    }

    .eos-soft-section .wp-block-columns {
        margin-bottom: 0 !important;
    }

    .eos-soft-section .wp-block-column {
        padding: 10px 0 !important;
        margin-bottom: 18px !important;
    }

    .eos-soft-section h3 {
        font-size: 21px !important;
        margin-bottom: 8px !important;
    }

    .eos-soft-section p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    /* Öğretmen bölümü */
    .eos-teacher-section {
        width: calc(100% - 24px) !important;
        margin: 28px auto !important;
        padding: 34px 24px !important;
        border-radius: 24px !important;
    }

    .eos-teacher-section > h2 {
        font-size: 31px !important;
        line-height: 1.13 !important;
    }

    .eos-teacher-section p {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }

    .eos-disclaimer {
        width: calc(100% - 42px) !important;
        font-size: 14px !important;
        line-height: 1.65 !important;
        margin: 28px auto 38px !important;
        padding: 0 !important;
    }
}

/* Çok küçük telefon */
@media (max-width: 390px) {

    .eos-brand-banner-wrap,
    .eos-hero,
    .eos-soft-section,
    .eos-teacher-section {
        width: calc(100% - 18px) !important;
    }

    .eos-hero h1 {
        font-size: 32px !important;
    }

    .eos-soft-section > h2,
    .eos-teacher-section > h2 {
        font-size: 28px !important;
    }
}

/* ==========================================================
   FOOTER CLEANUP
   Astra reklam görünümünü gizle
   ========================================================== */

.site-footer .ast-footer-copyright {
    font-size: 0 !important;
}

.site-footer .ast-footer-copyright:after {
    content: "© 2026 EvOkuluSeti • Minik Adımlar, Büyük Keşifler.";
    font-size: 14px;
    color: #667085;
}

.site-footer {
    border-top: 1px solid rgba(31,42,68,.07);
}


/* =========================================================
   EVOKULUSETI MICRO FINAL
   ========================================================= */

/* Önceki CSS ile üretilen ikinci copyright satırını iptal et */
.site-footer .ast-footer-copyright:after {
    content: none !important;
    display: none !important;
}

/* Astra'nın mevcut copyright satırını düzgün göster */
.site-footer .ast-footer-copyright {
    font-size: 14px !important;
    line-height: 1.5 !important;
    text-align: center !important;
    color: #667085 !important;
}

/*
 * Gelişim Destek Kutuları sayfasında WordPress/Astra'nın
 * kartın üstünde oluşturduğu mükerrer sayfa başlığını kaldır.
 */
.page-id-64 .entry-header,
.page-id-64 header.entry-header {
    display: none !important;
}

.page-id-64 .entry-content {
    margin-top: 0 !important;
}

@media (max-width: 768px) {

    .site-footer .ast-footer-copyright {
        font-size: 13px !important;
        padding: 16px 20px !important;
    }

    .page-id-64 .site-content {
        padding-top: 0 !important;
    }
}


/* ==========================================================
   EvOkuluSeti Social Media
   ========================================================== */

.eos-social-section {
    width: 100%;
    padding: 60px 20px;
    background:
        radial-gradient(circle at 15% 20%, rgba(244,180,0,.12), transparent 28%),
        radial-gradient(circle at 90% 80%, rgba(74,144,226,.09), transparent 26%),
        #fafaf7;
    border-top: 1px solid rgba(31,42,68,.06);
}

.eos-social-inner {
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
}

.eos-social-copy {
    max-width: 650px;
}

.eos-social-kicker {
    display: block;
    margin-bottom: 8px;
    color: #4A90E2;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .09em;
}

.eos-social-copy h2 {
    margin: 0 0 12px;
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1.15;
    color: #1F2A44;
}

.eos-social-copy p {
    margin: 0;
    max-width: 620px;
    color: #667085;
    font-size: 16px;
    line-height: 1.7;
}

.eos-social-links {
    min-width: 300px;
}

.eos-social-card {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 290px;
    padding: 17px 20px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(31,42,68,.08);
    box-shadow: 0 10px 30px rgba(31,42,68,.07);
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.eos-social-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 36px rgba(31,42,68,.12);
}

.eos-social-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #fff1f1;
}

.eos-social-icon svg {
    width: 27px;
    height: 27px;
    fill: #e62117;
}

.eos-social-text {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.eos-social-text strong {
    color: #1F2A44;
    font-size: 17px;
}

.eos-social-text small {
    margin-top: 2px;
    color: #667085;
    font-size: 14px;
}

.eos-social-arrow {
    color: #4A90E2;
    font-size: 24px;
}

@media (max-width: 768px) {

    .eos-social-section {
        padding: 42px 20px;
    }

    .eos-social-inner {
        display: block;
    }

    .eos-social-copy h2 {
        font-size: 30px;
    }

    .eos-social-links {
        min-width: 0;
        margin-top: 26px;
    }

    .eos-social-card {
        min-width: 0;
        width: 100%;
    }
}

/* EvOkuluSeti Brand Final */
.eos-banner img,
.eos-hero img {
    display:block;
    width:100%;
    height:auto;
    max-height:520px;
    object-fit:cover;
    object-position:center;
    border-radius:28px;
}

.eos-social-link svg {
    width:24px;
    height:24px;
    fill:currentColor;
}

@media (max-width: 767px) {
    .eos-banner img,
    .eos-hero img {
        max-height:360px;
        border-radius:20px;
        object-position:center;
    }
}

/* =========================================================
   EVOKULUSETI FOOTER SOCIAL FINAL
   ========================================================= */

.eos-social-section{
    margin-top:56px;
    padding:42px 24px;
    background:linear-gradient(135deg,#fffaf0 0%,#f7fbff 100%);
    border-top:1px solid rgba(31,42,68,.06);
    border-bottom:1px solid rgba(31,42,68,.06);
}

.eos-social-inner{
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:42px;
    align-items:center;
}

.eos-social-copy{
    max-width:650px;
}

.eos-social-kicker{
    display:block;
    margin-bottom:8px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#4A90E2;
}

.eos-social-copy h2{
    margin:0 0 10px;
    font-size:30px;
    line-height:1.2;
}

.eos-social-copy p{
    margin:0;
    line-height:1.7;
    max-width:620px;
}

.eos-social-links{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
}

.eos-social-card{
    display:flex;
    align-items:center;
    gap:14px;
    min-height:72px;
    padding:14px 16px;
    background:#fff;
    border:1px solid rgba(31,42,68,.08);
    border-radius:16px;
    text-decoration:none !important;
    box-shadow:0 8px 24px rgba(31,42,68,.06);
}

.eos-social-icon{
    width:40px;
    height:40px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 40px;
    background:#f5f7fb;
}

.eos-social-icon svg{
    width:22px;
    height:22px;
}

.eos-youtube .eos-social-icon{
    color:#ff0000;
}

.eos-instagram .eos-social-icon{
    color:#d62976;
}

.eos-social-text{
    display:flex;
    flex-direction:column;
    min-width:0;
}

.eos-social-text strong{
    color:#1F2A44;
    font-size:15px;
    line-height:1.2;
}

.eos-social-text small{
    margin-top:4px;
    color:#697386;
    font-size:13px;
}

.eos-social-arrow{
    margin-left:auto;
    color:#4A90E2;
    font-size:20px;
}

.site-footer{
    border-top:0 !important;
}

.site-footer .site-primary-footer-wrap,
.site-footer .site-below-footer-wrap{
    background:#fff !important;
}

.site-footer .site-below-footer-wrap{
    min-height:auto !important;
    padding-top:18px !important;
    padding-bottom:18px !important;
}

.site-footer .ast-footer-copyright{
    text-align:center;
    font-size:13px;
    color:#7a8494;
}

/* Mobil */
@media (max-width: 767px){

    .eos-social-section{
        margin-top:40px;
        padding:32px 20px;
    }

    .eos-social-inner{
        grid-template-columns:1fr;
        gap:24px;
    }

    .eos-social-copy{
        text-align:left;
    }

    .eos-social-copy h2{
        font-size:25px;
    }

    .eos-social-links{
        grid-template-columns:1fr;
    }

    .eos-social-card{
        width:100%;
        min-height:68px;
        padding:13px 15px;
    }

    .site-footer .site-below-footer-wrap{
        padding:16px 18px !important;
    }

    .site-footer .ast-footer-copyright{
        font-size:12px;
        line-height:1.5;
    }
}

/* =========================================================
   EVOKULUSETI HEADER LOGO FINAL
   ========================================================= */

/* Eski yazılı site başlığını tamamen kaldır */
.site-title,
.site-title a,
.ast-site-title-wrap,
.site-header .site-description {
    display:none !important;
}

/* Logo alanı */
.site-branding,
.ast-site-identity {
    flex-shrink:0 !important;
    padding:0 !important;
}

.custom-logo-link {
    display:flex !important;
    align-items:center !important;
    width:auto !important;
}

/* Masaüstü logo */
.site-header .custom-logo,
.ast-header-sticked .custom-logo {
    width:auto !important;
    max-width:270px !important;
    height:auto !important;
    max-height:82px !important;
    object-fit:contain !important;
}

/* Header genel düzen */
.ast-primary-header-bar .site-primary-header-wrap {
    align-items:center !important;
}

.ast-builder-grid-row {
    align-items:center !important;
}

/* Menü tek satır */
.main-header-menu {
    align-items:center !important;
}

.main-header-menu > .menu-item > .menu-link {
    white-space:nowrap !important;
}

/* Tablet / mobil */
@media (max-width:921px) {

    .site-header .custom-logo,
    .ast-header-sticked .custom-logo {
        width:auto !important;
        max-width:220px !important;
        max-height:72px !important;
    }

    .site-branding,
    .ast-site-identity {
        width:auto !important;
        max-width:240px !important;
    }

    .ast-mobile-header-wrap .ast-primary-header-bar {
        min-height:92px !important;
    }
}

/* Küçük telefon */
@media (max-width:480px) {

    .site-header .custom-logo,
    .ast-header-sticked .custom-logo {
        max-width:190px !important;
        max-height:64px !important;
    }

    .site-branding,
    .ast-site-identity {
        max-width:205px !important;
    }
}

/* =========================================================
   EVOKULUSETI DESKTOP HEADER MENU FINAL
   ========================================================= */
@media (min-width:922px){

    .site-header .ast-builder-grid-row{
        grid-template-columns:auto 1fr !important;
        column-gap:28px !important;
    }

    .site-header .site-header-primary-section-left{
        min-width:175px !important;
    }

    .site-header .custom-logo{
        max-width:185px !important;
        width:auto !important;
        height:auto !important;
    }

    .site-header .site-header-primary-section-right{
        min-width:0 !important;
        justify-content:flex-end !important;
    }

    .site-header .main-header-menu{
        display:flex !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        justify-content:flex-end !important;
        width:100% !important;
    }

    .site-header .main-header-menu > .menu-item{
        flex:0 0 auto !important;
    }

    .site-header .main-header-menu > .menu-item > .menu-link{
        white-space:nowrap !important;
        padding-left:10px !important;
        padding-right:10px !important;
    }
}

/* =====================================================
   EvOkuluSeti Premium UI V2
   ===================================================== */

:root {
  --eos-premium-navy: #17233b;
  --eos-premium-blue: #1677d2;
  --eos-premium-line: rgba(23,35,59,.08);
  --eos-premium-shadow: 0 18px 50px rgba(23,35,59,.09);
}

/* Genel */
html {
  scroll-behavior: smooth;
}

body {
  color: #3f4958;
  -webkit-font-smoothing: antialiased;
}

.site-content {
  overflow: hidden;
}

h1, h2, h3 {
  color: var(--eos-premium-navy);
}

/* Header */
.site-header {
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid var(--eos-premium-line);
  box-shadow: 0 3px 18px rgba(23,35,59,.035);
  position: relative;
  z-index: 1000;
}

.site-header .custom-logo {
  max-height: 66px;
  width: auto;
}

.main-header-menu > .menu-item > .menu-link {
  color: #263247;
  font-weight: 600;
}

.main-header-menu > .menu-item > .menu-link:hover,
.main-header-menu > .current-menu-item > .menu-link {
  color: var(--eos-premium-blue);
}

/* Hero */
.eos-hero {
  border: 1px solid rgba(23,35,59,.055);
  box-shadow: var(--eos-premium-shadow);
}

.eos-hero h1 {
  color: var(--eos-premium-navy);
  font-weight: 750;
}

.eos-hero-lead {
  color: #566170;
}

/* Kartlar */
.eos-card,
.eos-teacher-section,
.eos-social-card {
  border: 1px solid rgba(23,35,59,.065);
}

.eos-card {
  box-shadow: 0 12px 34px rgba(23,35,59,.065);
}

.eos-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 22px 48px rgba(23,35,59,.11);
}

/* Butonlar */
.wp-block-button__link,
.ast-button,
.button {
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background-color .18s ease;
}

.wp-block-button__link:hover,
.ast-button:hover,
.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(22,119,210,.18);
}

/* Sosyal medya */
.eos-social-section {
  border-top: 1px solid rgba(23,35,59,.06);
}

.eos-social-card {
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(23,35,59,.055);
  transition: transform .18s ease, box-shadow .18s ease;
}

.eos-social-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(23,35,59,.10);
}

/* Astra varsayılan footer reklam/credit görünümünü temizle */
.ast-footer-copyright {
  font-size: 14px;
  color: #7b8492;
}

.ast-footer-copyright a[href*="wpastra"],
.ast-footer-copyright a[href*="wordpress"] {
  display: none !important;
}

/* ================= MOBILE ================= */

@media (max-width: 921px) {

  .site-header {
    min-height: 86px;
  }

  .site-header .custom-logo {
    max-height: 58px;
    width: auto;
  }

  /* Mobil menü artık sayfayı aşağı itmez */
  .ast-mobile-header-wrap {
    position: relative;
  }

  .ast-mobile-header-wrap .ast-mobile-header-content {
    position: absolute;
    top: 100%;
    left: 12px;
    right: 12px;
    width: auto;
    z-index: 9999;
    background: rgba(255,255,255,.985);
    border: 1px solid rgba(23,35,59,.08);
    border-radius: 0 0 22px 22px;
    box-shadow: 0 24px 50px rgba(23,35,59,.16);
    overflow: hidden;
  }

  .ast-mobile-header-content .main-header-menu {
    padding: 8px 0 14px;
  }

  .ast-mobile-header-content .main-header-menu .menu-link {
    padding: 15px 22px;
    font-size: 17px;
    font-weight: 600;
    border-bottom: 1px solid rgba(23,35,59,.055);
  }

  .ast-mobile-header-content .main-header-menu .menu-item:last-child .menu-link {
    border-bottom: 0;
  }

  .eos-hero {
    margin: 18px 16px 28px;
    padding: 38px 24px;
    border-radius: 28px;
  }

  .eos-hero h1 {
    font-size: clamp(38px, 10vw, 48px);
    line-height: 1.08;
    margin-bottom: 20px;
  }

  .eos-hero-lead {
    font-size: 17px;
    line-height: 1.65;
  }

  .eos-section {
    padding-top: 44px;
    padding-bottom: 44px;
  }

  .eos-soft-section,
  .eos-box-section,
  .eos-teacher-section {
    box-shadow: 0 12px 34px rgba(23,35,59,.06);
  }
}

@media (max-width: 544px) {

  .site-header .custom-logo {
    max-width: 230px;
    max-height: 54px;
  }

  .eos-hero {
    padding: 32px 22px;
  }

  .eos-hero h1 {
    font-size: 39px;
  }

  .eos-section > h2,
  .eos-soft-section > h2,
  .eos-box-section > h2,
  .eos-teacher-section > h2 {
    font-size: 30px;
  }

  .eos-card {
    min-height: auto;
    border-radius: 22px;
  }
}

/* EvOkuluSeti footer final cleanup */
.site-footer .ast-footer-copyright a[href*="wpastra.com"],
.site-footer .ast-footer-copyright a[href*="wordpress.org"] {
  display: none !important;
}

.site-footer .ast-footer-copyright {
  font-size: 14px;
  color: #7b8492;
}

/* =====================================================
   EvOkuluSeti Premium UI V3 - Mobile Polish
   ===================================================== */

@media (max-width: 921px) {

  #ast-mobile-header .ast-primary-header-bar,
  .ast-mobile-header-wrap .ast-primary-header-bar {
    min-height: 74px;
    background: rgba(255,255,255,.98);
  }

  #ast-mobile-header .site-primary-header-wrap {
    min-height: 74px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .site-header .custom-logo,
  #ast-mobile-header .custom-logo {
    max-width: 205px;
    max-height: 52px;
    object-fit: contain;
  }

  /* Hamburger premium buton */
  [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon,
  [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal {
    border-radius: 14px;
  }

  [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal {
    padding: 10px !important;
    min-width: 44px;
    min-height: 44px;
    background: #f7f9fc;
    border: 1px solid rgba(23,35,59,.08);
  }

  /* Açılan menü sayfayı aşağı itmez */
  .ast-mobile-header-wrap .ast-mobile-header-content {
    position: absolute !important;
    top: calc(100% + 7px);
    left: 14px !important;
    right: 14px !important;
    width: auto !important;

    background: rgba(255,255,255,.99);
    border: 1px solid rgba(23,35,59,.08);
    border-radius: 20px;
    box-shadow: 0 24px 60px rgba(23,35,59,.17);
    overflow: hidden;
    z-index: 99999;
  }

  .ast-mobile-header-content .main-header-menu {
    padding: 8px !important;
  }

  .ast-mobile-header-content .main-header-menu .menu-item {
    border: 0;
  }

  .ast-mobile-header-content .main-header-menu .menu-link {
    min-height: 48px;
    display: flex;
    align-items: center;
    padding: 12px 16px !important;
    border: 0 !important;
    border-radius: 12px;
    color: #263247;
    font-size: 16px;
    font-weight: 650;
  }

  .ast-mobile-header-content .main-header-menu .menu-link:hover,
  .ast-mobile-header-content .main-header-menu .current-menu-item > .menu-link {
    background: #f4f8fd;
    color: #1677d2;
  }

  /* Hero mobilde daha rafine */
  .eos-hero {
    margin: 16px 14px 26px;
    padding: 34px 22px 36px;
    border-radius: 26px;
    box-shadow: 0 16px 42px rgba(23,35,59,.08);
  }

  .eos-eyebrow {
    margin-bottom: 10px;
    font-size: 12px;
    letter-spacing: .09em;
  }

  .eos-hero h1 {
    max-width: 100%;
    font-size: clamp(36px, 9vw, 44px);
    line-height: 1.07;
    letter-spacing: -.035em;
  }

  .eos-hero-lead {
    font-size: 16.5px;
    line-height: 1.65;
  }

  /* Bölümler daha kompakt */
  .eos-section {
    padding: 40px 18px;
  }

  .eos-section .wp-block-columns {
    gap: 16px;
  }

  .eos-card {
    padding: 22px;
    border-radius: 20px;
    box-shadow: 0 10px 28px rgba(23,35,59,.065);
  }

  .eos-soft-section,
  .eos-box-section,
  .eos-teacher-section {
    margin: 22px 14px;
    padding: 38px 22px;
    border-radius: 24px;
  }
}

@media (max-width: 480px) {
  .site-header .custom-logo,
  #ast-mobile-header .custom-logo {
    max-width: 185px;
  }

  .eos-hero h1 {
    font-size: 36px;
  }
}

/* =====================================================
   EvOkuluSeti Premium V4 - Mobile Density
   ===================================================== */

@media (max-width: 544px) {

  /* Ana içerik mobil ritmi */
  .eos-section {
    padding: 30px 18px !important;
  }

  .eos-section > h2,
  .eos-soft-section > h2,
  .eos-box-section > h2,
  .eos-teacher-section > h2 {
    font-size: 28px !important;
    line-height: 1.16 !important;
    letter-spacing: -.025em;
    margin-bottom: 14px;
  }

  .eos-section p,
  .eos-soft-section p,
  .eos-box-section p,
  .eos-teacher-section p {
    font-size: 16px;
    line-height: 1.65;
  }

  /* 3 ana kart */
  .eos-card {
    padding: 24px 20px !important;
    min-height: 0 !important;
    border-radius: 22px;
  }

  .eos-card h3 {
    font-size: 25px !important;
    line-height: 1.2;
    margin-bottom: 14px;
  }

  .eos-card p {
    margin-bottom: 18px;
  }

  .eos-card a {
    margin-top: 4px;
    font-size: 16px;
  }

  /* WordPress kolon boşluklarını azalt */
  .eos-section .wp-block-columns {
    gap: 18px !important;
    margin-bottom: 0;
  }

  .eos-section .wp-block-column {
    margin-bottom: 0 !important;
  }

  /* Sarı alan */
  .eos-soft-section {
    margin: 18px 14px !important;
    padding: 32px 20px !important;
  }

  .eos-feature-list {
    margin-top: 20px !important;
    padding-left: 22px;
  }

  .eos-feature-list li {
    margin-bottom: 10px;
    line-height: 1.5;
  }

  /* Premium kutu */
  .eos-box-section {
    margin: 22px 14px !important;
    padding: 34px 22px !important;
  }

  .eos-box-section h2 {
    font-size: 28px !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere;
  }

  /* Öğretmen alanı */
  .eos-teacher-section {
    margin: 22px 14px !important;
    padding: 34px 22px !important;
  }

  /* Disclaimer */
  .eos-disclaimer {
    margin: 28px auto 36px !important;
    padding: 16px 22px !important;
    font-size: 13px;
    line-height: 1.65;
  }

  /* Yukarı çık butonu biraz küçülsün */
  #ast-scroll-top {
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    right: 16px !important;
    bottom: 18px !important;
    border-radius: 10px !important;
  }
}


/* ==========================================================
   EVOKULUSETI MOBILE FINAL V5
   Tek mobil otorite - eski V1/V2/V3/V4 kurallarini override eder
   ========================================================== */

/*
 * 1100px tercih edildi:
 * dar tablet / mobil tarayicinin genis CSS viewport verdigi
 * durumlarda masaustu menunun telefona sikismasini engeller.
 */
@media (max-width: 921px) {

  /* ---------- HEADER ---------- */

  #ast-desktop-header {
    display: none !important;
  }

  #ast-mobile-header {
    display: block !important;
  }

  #ast-mobile-header .ast-primary-header-bar,
  .ast-mobile-header-wrap .ast-primary-header-bar {
    min-height: 72px !important;
    background: rgba(255,255,255,.985) !important;
    border-bottom: 1px solid rgba(23,35,59,.07);
    box-shadow: 0 4px 20px rgba(23,35,59,.035);
  }

  #ast-mobile-header .site-primary-header-wrap {
    min-height: 72px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  #ast-mobile-header .custom-logo,
  .site-header .custom-logo {
    width: auto !important;
    max-width: 205px !important;
    max-height: 52px !important;
    object-fit: contain;
  }

  /* Hamburger */
  [data-section="section-header-mobile-trigger"]
  .ast-button-wrap
  .ast-mobile-menu-trigger-minimal {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 9px !important;
    border: 1px solid rgba(23,35,59,.09) !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
    color: #1677d2 !important;
    box-shadow: none !important;
  }

  /* ---------- MOBILE MENU ---------- */

  .ast-mobile-header-wrap {
    position: relative !important;
  }

  .ast-mobile-header-wrap .ast-mobile-header-content {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 14px !important;
    right: 14px !important;

    width: auto !important;
    max-height: calc(100vh - 105px) !important;
    overflow-y: auto !important;

    padding: 8px !important;

    background: rgba(255,255,255,.99) !important;
    border: 1px solid rgba(23,35,59,.08) !important;
    border-radius: 20px !important;

    box-shadow:
      0 24px 65px rgba(23,35,59,.17) !important;

    z-index: 99999 !important;
  }

  .ast-mobile-header-content .main-header-menu {
    padding: 0 !important;
    margin: 0 !important;
  }

  .ast-mobile-header-content
  .main-header-menu
  > .menu-item {
    margin: 2px 0 !important;
  }

  .ast-mobile-header-content
  .main-header-menu
  .menu-link {
    min-height: 46px !important;

    padding: 11px 15px !important;

    display: flex !important;
    align-items: center !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;

    color: #263247 !important;

    border: 0 !important;
    border-radius: 11px !important;
  }

  .ast-mobile-header-content
  .main-header-menu
  .current-menu-item > .menu-link {
    background: #f0f6fc !important;
    color: #1677d2 !important;
  }

  /* ---------- GENEL MOBILE ---------- */

  body {
    overflow-x: hidden !important;
  }

  .site-content {
    overflow: hidden !important;
  }

  /* ---------- HERO ---------- */

  .eos-hero {
    margin: 16px 16px 26px !important;
    padding: 34px 26px 36px !important;

    max-width: none !important;

    border-radius: 26px !important;

    box-shadow:
      0 16px 42px rgba(23,35,59,.075) !important;
  }

  .eos-eyebrow {
    margin-bottom: 10px !important;

    font-size: 12px !important;
    line-height: 1.4 !important;
    letter-spacing: .085em !important;
  }

  .eos-hero h1 {
    margin-bottom: 18px !important;

    max-width: 680px !important;

    font-size: clamp(36px, 6vw, 48px) !important;
    line-height: 1.07 !important;

    letter-spacing: -.035em !important;
  }

  .eos-hero-lead,
  .eos-hero p {
    max-width: 680px !important;

    font-size: 17px !important;
    line-height: 1.62 !important;
  }

  /* ---------- ANA BOLUMLER ---------- */

  .eos-section {
    max-width: 760px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 38px 20px !important;
  }

  .eos-section > h2,
  .eos-soft-section > h2,
  .eos-box-section > h2,
  .eos-teacher-section > h2 {
    margin-bottom: 16px !important;

    font-size: clamp(28px, 5vw, 36px) !important;
    line-height: 1.15 !important;

    letter-spacing: -.025em !important;
  }

  .eos-section p,
  .eos-soft-section p,
  .eos-box-section p,
  .eos-teacher-section p {
    font-size: 16px !important;
    line-height: 1.62 !important;
  }

  /* ---------- 3 ANA KART ---------- */

  .eos-section .wp-block-columns {
    display: grid !important;
    grid-template-columns: 1fr !important;

    gap: 16px !important;
    margin-bottom: 0 !important;
  }

  .eos-section .wp-block-column {
    width: 100% !important;
    flex-basis: 100% !important;

    margin: 0 !important;
  }

  .eos-card {
    width: 100% !important;

    min-height: 0 !important;

    padding: 24px 22px !important;

    border-radius: 20px !important;

    box-shadow:
      0 10px 30px rgba(23,35,59,.065) !important;
  }

  .eos-card h3 {
    margin-bottom: 12px !important;

    font-size: 24px !important;
    line-height: 1.2 !important;
  }

  .eos-card p {
    margin-bottom: 16px !important;
  }

  .eos-card a {
    margin-top: 2px !important;

    font-size: 15.5px !important;
    font-weight: 700 !important;
  }

  /* ---------- SARI KONU ALANI ---------- */

  .eos-soft-section {
    max-width: 760px !important;

    margin: 22px auto !important;
    padding: 34px 24px !important;

    border-radius: 24px !important;
  }

  .eos-soft-section .wp-block-columns {
    gap: 16px !important;
  }

  .eos-soft-section .wp-block-column {
    padding: 10px 2px !important;
  }

  .eos-soft-section h3 {
    margin-bottom: 8px !important;

    font-size: 21px !important;
    line-height: 1.25 !important;
  }

  /* ---------- GELISIM LISTESI ---------- */

  .eos-feature-list {
    columns: 1 !important;

    margin-top: 18px !important;
    margin-bottom: 0 !important;

    padding-left: 22px !important;
  }

  .eos-feature-list li {
    margin-bottom: 8px !important;

    font-size: 15.5px !important;
    line-height: 1.45 !important;
  }

  /* ---------- GELISIM DESTEK KUTUSU ---------- */

  .eos-box-section {
    max-width: 760px !important;

    margin: 24px auto !important;
    padding: 36px 26px !important;

    border-radius: 24px !important;
  }

  .eos-box-section h2 {
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .eos-box-section p {
    margin-bottom: 18px !important;
  }

  /* ---------- MERIS HOCA ---------- */

  .eos-teacher-section {
    max-width: 760px !important;

    margin: 24px auto !important;
    padding: 36px 26px !important;

    border-radius: 24px !important;

    box-shadow:
      0 12px 32px rgba(23,35,59,.065) !important;
  }

  .eos-teacher-section p {
    margin-bottom: 18px !important;
  }

  /* ---------- DISCLAIMER ---------- */

  .eos-disclaimer {
    max-width: 680px !important;

    margin: 28px auto 38px !important;
    padding: 14px 24px !important;

    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  /* ---------- SCROLL TOP ---------- */

  #ast-scroll-top {
    right: 16px !important;
    bottom: 18px !important;

    width: 46px !important;
    height: 46px !important;

    line-height: 46px !important;

    border-radius: 11px !important;

    box-shadow:
      0 8px 22px rgba(22,119,210,.20) !important;
  }
}


/* Telefon */
@media (max-width: 544px) {

  #ast-mobile-header .custom-logo,
  .site-header .custom-logo {
    max-width: 190px !important;
    max-height: 50px !important;
  }

  .eos-hero {
    margin: 14px 12px 22px !important;
    padding: 30px 22px 32px !important;
  }

  .eos-hero h1 {
    font-size: 35px !important;
    line-height: 1.08 !important;
  }

  .eos-hero-lead,
  .eos-hero p {
    font-size: 16px !important;
  }

  .eos-section {
    padding: 30px 16px !important;
  }

  .eos-section > h2,
  .eos-soft-section > h2,
  .eos-box-section > h2,
  .eos-teacher-section > h2 {
    font-size: 28px !important;
  }

  .eos-card {
    padding: 22px 20px !important;
  }

  .eos-card h3 {
    font-size: 23px !important;
  }

  .eos-soft-section,
  .eos-box-section,
  .eos-teacher-section {
    margin-left: 12px !important;
    margin-right: 12px !important;

    padding: 30px 22px !important;
  }
}


/* EvOkuluSeti Final - Mobile Scroll Button */
@media (max-width: 544px) {
  #ast-scroll-top {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    right: 10px !important;
    bottom: 14px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    box-shadow: 0 6px 18px rgba(22,119,210,.16) !important;
  }
}