/* Marka katmani: Comic Neue (baslik) + Quicksand (govde / arayuz).
   Palet 1 (zemin / serinlik): seftali, altin, krem, toz mavi.
   Palet 2 (enerji): gunes sarisi, altin, turuncu, kizil. */

:root {
    --ae-font-govde: "Quicksand", system-ui, sans-serif;
    --ae-font-baslik: "Comic Neue", "Quicksand", system-ui, sans-serif;

    --ae-seftali: #F09851;
    --ae-altin: #F7CD6A;
    --ae-krem: #FBEAB1;
    --ae-gok: #7EA4C6;
    --ae-gok-koyu: #3A5A78;

    --ae-gunes: #F8D648;
    --ae-gunes-2: #F6C543;
    --ae-turuncu: #F09235;
    --ae-kizil: #ED6A2C;

    --ae-yazi: var(--ae-gok-koyu);
    --ae-pas: var(--ae-seftali);
    --ae-cta: var(--ae-kizil);
    --ae-cta-hover: #D45A22;
    --ae-mor: var(--ae-gok-koyu);
    --ae-pembe: var(--ae-gok);

    --ae-band-beyaz: #FFFFFF;
    --ae-band-keten: #FFF4D6;
    --ae-band-sis: #E8F1F8;
    --ae-band-gul: #FFF0E4;

    --skinColor: var(--ae-gunes);
    --blackColor: var(--ae-gok-koyu);
    --secondaryColor: #5C5852;
    --secondaryColor2: rgba(58, 90, 120, .78);
}

html { font-size: 16px; }
body {
    font-family: var(--ae-font-govde) !important;
    color: var(--secondaryColor);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* --- Hiyerarsi ---
   Baslik / vitrin / urun adi: Comic Neue 700
   Govde / nav / form / etiket: Quicksand 400-700 */
h1, h2, h3, h4, h5, h6,
.ae-hero__title,
.ae-vitrin-title,
.ae-sez__name,
.ae-kat__name,
.ae-kyn__title,
.ae-kyn__cardtitle,
.ae-pc__title,
.ae-pc__title a,
.product-card-title,
.product-card-title a,
.section-title,
.hero-title,
.benefit-title,
.blog-list-title,
.newsletter-card-title,
.mega-nav-title,
.category-title,
.footer-nav-title,
.al-title-42px,
.al-title-30px,
.al-title-24px,
.al-title-20px,
.al-title-18px,
.pain-card-title,
.hiw-title,
.ae-test__title,
.ae-kimlik__slogan,
.ae-kimlik__baslik,
.lf-title {
    font-family: var(--ae-font-baslik) !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
    color: var(--ae-mor) !important;
}

p, a, li, label, button, input, select, textarea,
.ae-hero__lead,
.ae-hero__trust,
.section-subtitle,
.benefit-subtitle,
.ae-pc__note,
.ae-vitrin-eyebrow,
.section-sm-title,
.ba-nav-link,
.mega-nav-link,
.footer-nav-link,
.ae-kat__count,
.ae-sez__line {
    font-family: var(--ae-font-govde) !important;
}

.ae-pc__price,
.product-card-price,
.ae-pc__oldprice {
    font-family: var(--ae-font-baslik) !important;
    font-weight: 700;
}

/* Vurgu: fiyat ve ust etiketler mercan */
.ae-vitrin-eyebrow,
.section-sm-title,
.ae-kyn__eyebrow,
.ae-pc__note {
    color: var(--ae-pas) !important;
}
.ae-vitrin-urun .product-card.ae-pc .ae-pc__price,
.ae-vitrin-urun .product-card.ae-pc .product-card-price {
    color: var(--ae-turuncu) !important;
}

.ae-vitrin-title,
.ae-hero__title,
.ae-kat__name,
.ae-sez__name {
    color: var(--ae-yazi) !important;
}

/* --- CTA: siyah yerine mercan --- */
.ae-hero__btn--primary,
.ae-pc__cartbtn,
.ba-btn-dark,
.alert-signup-btn {
    background: var(--ae-cta) !important;
    border-color: var(--ae-cta) !important;
    color: #fff !important;
    font-family: var(--ae-font-govde) !important;
    font-weight: 700 !important;
    box-shadow: 0 10px 24px rgba(237, 106, 44, .30);
}
.ae-hero__btn--primary:hover,
.ae-pc__cartbtn:hover,
.ba-btn-dark:hover,
.alert-signup-btn:hover {
    background: var(--ae-cta-hover) !important;
    border-color: var(--ae-cta-hover) !important;
    color: #fff !important;
    box-shadow: 0 14px 32px rgba(212, 90, 34, .34);
}

.ae-hero__btn--ghost:hover {
    border-color: var(--ae-cta);
    color: var(--ae-cta) !important;
}

.ae-hero__pill .tag {
    background: var(--ae-gunes) !important;
    color: var(--ae-yazi) !important;
    font-family: var(--ae-font-govde) !important;
    font-weight: 700;
}
.ae-hero__trust .dot { background: var(--ae-gok) !important; }
.ae-hero__video .play { background: var(--ae-cta) !important; }
.ae-hero::before { background: var(--ae-gunes) !important; opacity: .46; }
.ae-hero::after { background: var(--ae-gok) !important; opacity: .22; }

/* Hero: krem zemin, sari isik, mavi serinlik */
.ae-hero {
    background:
        radial-gradient(900px 420px at 88% 18%, rgba(248, 214, 72, .42), transparent 60%),
        radial-gradient(640px 360px at 8% 88%, rgba(126, 164, 198, .28), transparent 64%),
        var(--heroBgColor, #FFF9EC) !important;
}

/* Sepete ekle butonu her zaman gorunur ve canli */
.ae-pc__cartbtn {
    letter-spacing: .01em;
}

/* Kategori kartlari sis zemininde biraz daha sicak */
.ae-kat .ae-kat__card {
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(58, 90, 120, .08);
}

.ae-sez__card--0 { background: var(--ae-krem) !important; }
.ae-sez__card--1 { background: #FDF0C4 !important; }
.ae-sez__card--2 { background: #D7E5F1 !important; }

/* Footer basliklari Comic Neue degil: kucuk caps icin Quicksand daha okunur */
.footer-section,
.footer-section p,
.footer-section a,
.footer-section li {
    font-family: var(--ae-font-govde) !important;
}
.footer-nav-title {
    font-family: var(--ae-font-govde) !important;
    font-weight: 700;
    letter-spacing: .08em;
}

/* Form / kimlik sayfasi */
.lead-form-section[data-tema="koyu"] .lf-title {
    color: #FFF9EC !important;
}
.lead-form-section[data-tema="krem"] .lf-title,
.lead-form-section[data-tema="beyaz"] .lf-title {
    color: var(--ae-gok-koyu) !important;
}

.ae-kimlik__slogan,
.ae-kimlik__baslik {
    font-family: var(--ae-font-baslik) !important;
    color: var(--ae-yazi) !important;
}
.how-it-works-section .hiw-number,
.audience-tabs-section .at-tab-btn.active {
    background: var(--ae-cta) !important;
    border-color: var(--ae-cta) !important;
    color: #fff !important;
}

.ae-kimlik__tik { background: var(--ae-cta) !important; }
.ae-kimlik__form .btn {
    background: var(--ae-cta) !important;
    border-color: var(--ae-cta) !important;
    color: #fff !important;
    font-family: var(--ae-font-govde) !important;
}
.lead-form-section .lf-submit {
    background: var(--ae-cta) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(237, 106, 44, .32);
}
.lead-form-section .lf-submit:hover {
    background: var(--ae-cta-hover) !important;
}

@media (prefers-reduced-motion: reduce) {
    .ae-hero__btn--primary,
    .ae-pc__cartbtn {
        box-shadow: none;
    }
}