/* GENEL */
@media (max-width: 1023px) {
    body.sayfa-anasayfa {
        --anasayfa-section-y: clamp(2.25rem, 1.5rem + 3vw, 3.25rem);
    }

    body.sayfa-anasayfa .bolum {
        padding-block: var(--anasayfa-section-y);
    }

    body.sayfa-anasayfa .bolum-baslik {
        margin-bottom: var(--space-6, 1.5rem);
    }

    body.sayfa-anasayfa .bolum-baslik h2 {
        font-size: clamp(1.5rem, 5.5vw, 2rem);
        line-height: 1.18;
    }

    body.sayfa-anasayfa .bolum-baslik p {
        font-size: clamp(0.875rem, 3.4vw, 0.975rem);
        line-height: 1.62;
        max-width: 36ch;
    }

    body.sayfa-anasayfa .bolum-cta {
        margin-top: var(--space-6, 1.5rem);
    }

    body.sayfa-anasayfa .bolum-cta .btn {
        min-height: 48px;
        width: 100%;
        max-width: 340px;
    }
}

/* HERO */
@media (max-width: 767px) {
    body.sayfa-anasayfa .hero-marka-ad {
        font-size: clamp(4rem, 24vw, 6.75rem);
        line-height: 0.96;
    }

    body.sayfa-anasayfa .hero-marka-usta {
        font-size: clamp(2rem, 9vw, 2.85rem);
        letter-spacing: 0.08em;
    }

    body.sayfa-anasayfa .hero-marka-lezzet {
        font-size: clamp(0.72rem, 2.8vw, 0.88rem);
        letter-spacing: 0.12em;
        max-width: 95%;
    }

    body.sayfa-anasayfa .hero-slogan {
        font-size: clamp(0.9rem, 3.8vw, 1.05rem);
        line-height: 1.58;
        max-width: 32ch;
        padding-inline: 4px;
    }

    body.sayfa-anasayfa .hero-guven-rozetleri {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
        width: 100%;
        max-width: 360px;
        margin-inline: auto;
        padding-top: var(--space-3, 0.75rem);
    }

    body.sayfa-anasayfa .hero-guven-rozet {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 8px 4px;
        font-size: clamp(0.62rem, 2.6vw, 0.7rem);
        line-height: 1.25;
        text-align: center;
        white-space: normal;
        background: rgba(8, 40, 24, 0.45);
        border: 1px solid rgba(160, 127, 51, 0.22);
        border-radius: var(--radius, 8px);
        backdrop-filter: blur(4px);
    }

    body.sayfa-anasayfa .hero-guven-rozet i {
        font-size: 0.85rem;
    }

    body.sayfa-anasayfa .hero-scroll {
        display: block;
        bottom: calc(var(--mobil-alt-bar, 82px) + var(--space-3, 0.75rem));
    }

    body.sayfa-anasayfa .hero-ayirici {
        width: min(72px, 20vw);
        margin-top: clamp(8px, 2vh, 14px);
    }
}

@media (max-width: 390px) {
    body.sayfa-anasayfa .hero-marka-ad {
        font-size: clamp(3.65rem, 23vw, 5.5rem);
    }

    body.sayfa-anasayfa .hero-guven-rozetleri {
        grid-template-columns: 1fr;
        max-width: 240px;
    }

    body.sayfa-anasayfa .hero-guven-rozet {
        flex-direction: row;
        justify-content: center;
        padding: 8px 12px;
    }
}

/* LEZZET KATEGORİLERİ */
@media (max-width: 767px) {
    body.sayfa-anasayfa .anasayfa-kategori-ozet {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin-bottom: var(--space-6, 1.5rem);
        max-width: none;
    }

    body.sayfa-anasayfa .anasayfa-kategori-ozet-oge {
        min-width: 0;
        padding: 10px 6px;
    }

    body.sayfa-anasayfa .anasayfa-kategori-ozet-oge strong {
        font-size: clamp(1.25rem, 5vw, 1.5rem);
    }

    body.sayfa-anasayfa .anasayfa-kategori-ozet-oge span {
        font-size: 0.6rem;
        letter-spacing: 0.08em;
    }

    body.sayfa-anasayfa .anasayfa-yorum-slider .anasayfa-slider-kapsul,
    body.sayfa-anasayfa .anasayfa-galeri-slider .anasayfa-slider-kapsul {
        position: relative;
    }
}

/* HAKKIMIZDA */

/* ARA GÖRSEL */
@media (max-width: 767px) {
    body.sayfa-anasayfa .anasayfa-ara-gorsel {
        min-height: clamp(260px, 68vw, 360px);
    }

    body.sayfa-anasayfa .anasayfa-ara-gorsel-ic {
        padding-block: var(--space-8, 2rem);
    }

    body.sayfa-anasayfa .anasayfa-ara-gorsel-metin {
        text-align: center;
        margin-inline: auto;
    }

    body.sayfa-anasayfa .anasayfa-ara-gorsel-metin .bolum-etiket {
        display: inline-block;
    }

    body.sayfa-anasayfa .anasayfa-ara-gorsel-metin h2 {
        font-size: clamp(1.5rem, 6vw, 2rem);
    }

    body.sayfa-anasayfa .anasayfa-ara-gorsel-metin p {
        font-size: clamp(0.875rem, 3.5vw, 0.975rem);
        margin-inline: auto;
        margin-bottom: var(--space-5, 1.25rem);
    }

    body.sayfa-anasayfa .anasayfa-ara-gorsel-metin .btn {
        width: 100%;
        max-width: 300px;
    }
}

/* YORUMLAR */
@media (max-width: 767px) {
    body.sayfa-anasayfa .anasayfa-yorum-ozet {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin-bottom: var(--space-6, 1.5rem);
        max-width: none;
    }

    body.sayfa-anasayfa .anasayfa-yorum-ozet-oge {
        min-width: 0;
        padding: 10px 6px;
    }

    body.sayfa-anasayfa .anasayfa-yorum-ozet-deger {
        font-size: clamp(1.15rem, 4.5vw, 1.35rem);
    }

    body.sayfa-anasayfa .anasayfa-yorum-ozet-etiket {
        font-size: 0.58rem;
        letter-spacing: 0.06em;
        line-height: 1.25;
    }

    body.sayfa-anasayfa .anasayfa-yorum-slider {
        margin-inline: calc(-1 * max(var(--layout-gutter-x, 16px), env(safe-area-inset-left, 0px)));
        width: calc(100% + 2 * max(var(--layout-gutter-x, 16px), env(safe-area-inset-left, 0px)));
        max-width: 100%;
        box-sizing: border-box;
    }

    body.sayfa-anasayfa .anasayfa-yorum-slider .anasayfa-slider-iz {
        container-type: inline-size;
        container-name: ay-yorum;
        padding-inline: max(var(--layout-gutter-x, 16px), env(safe-area-inset-left, 0px));
        scroll-padding-inline: max(var(--layout-gutter-x, 16px), env(safe-area-inset-left, 0px));
    }

    body.sayfa-anasayfa .anasayfa-yorum-kart {
        flex: 0 0 min(88cqi, 340px);
        max-width: 340px;
        scroll-snap-align: center;
    }

    body.sayfa-anasayfa .anasayfa-yorum-kart blockquote {
        font-size: clamp(0.875rem, 3.5vw, 0.9375rem);
        line-height: 1.6;
    }

    body.sayfa-anasayfa .anasayfa-slider-noktalar {
        padding-top: var(--space-3, 0.75rem);
    }
}

/* GALERİ */
@media (max-width: 767px) {
    body.sayfa-anasayfa .anasayfa-galeri-slider {
        margin-inline: calc(-1 * max(var(--layout-gutter-x, 16px), env(safe-area-inset-left, 0px)));
        width: calc(100% + 2 * max(var(--layout-gutter-x, 16px), env(safe-area-inset-left, 0px)));
        max-width: 100%;
        box-sizing: border-box;
    }

    body.sayfa-anasayfa .anasayfa-galeri-slider .anasayfa-slider-iz {
        container-type: inline-size;
        container-name: ay-galeri;
        padding-inline: max(var(--layout-gutter-x, 16px), env(safe-area-inset-left, 0px));
        scroll-padding-inline: max(var(--layout-gutter-x, 16px), env(safe-area-inset-left, 0px));
    }

    body.sayfa-anasayfa .anasayfa-galeri-kart {
        flex: 0 0 min(82cqi, 300px);
        max-width: 300px;
        scroll-snap-align: center;
    }

    body.sayfa-anasayfa .anasayfa-galeri-kart figcaption {
        font-size: 0.8125rem;
        padding: 0.75rem 0.85rem;
    }
}

/* TABLET (768–1023) */
@media (min-width: 768px) and (max-width: 1023px) {
    body.sayfa-anasayfa .hero-marka-ad {
        font-size: clamp(4.5rem, 12vw, 6.5rem);
    }

    body.sayfa-anasayfa .anasayfa-yorum-kart {
        flex-basis: min(calc(50% - 0.5rem), 320px);
    }

    body.sayfa-anasayfa .anasayfa-galeri-kart {
        flex-basis: min(38vw, 280px);
    }

    body.sayfa-anasayfa .bolum-anasayfa-hakkimizda .iki-kolon {
        gap: var(--space-8, 2rem);
    }
}

/* ANCHOR + ALT BAR BOŞLUĞU */
@media (max-width: 1023px) {
    body.sayfa-anasayfa #lezzetler,
    body.sayfa-anasayfa #hakkimizda,
    body.sayfa-anasayfa #yorumlar,
    body.sayfa-anasayfa #galeri {
        scroll-margin-top: calc(var(--header-ic-yukseklik, 56px) + 12px);
    }

    body.sayfa-anasayfa .ana-icerik {
        padding-bottom: calc(var(--mobil-alt-bar, 82px) + env(safe-area-inset-bottom, 0px));
    }
}