/* =====================================================================
   GRETHORIA — Responsive (mobile-first overrides)
   Breakpoints: 1440, 1024, 768, 480
   ===================================================================== */

/* ---- Large desktop: optional 5-column product grid ---- */
@media (min-width: 1441px) {
    .product-grid--wide { grid-template-columns: repeat(5, 1fr); }
}

/* ---- Laptop (<= 1200) ---- */
@media (max-width: 1200px) {
    .container { padding-inline: 32px; }
    .mega__inner { grid-template-columns: repeat(4, 1fr); }
    .mega__feature { display: none; }
}

/* ---- Tablet (<= 1024) ---- */
@media (max-width: 1024px) {
    :root { --section-y: 70px; --section-y-editorial: 84px; }

    .nav { display: none; }
    .hamburger { display: inline-flex; }

    .footer__grid { grid-template-columns: 1fr 1fr; gap: var(--space-xl); }
    .footer__brand { font-size: clamp(40px, 9vw, 60px); }

    .advantages { grid-template-columns: repeat(2, 1fr); gap: var(--space-md); }
    .category-grid { grid-template-columns: repeat(2, 1fr); }
    .product-grid,
    .product-grid--5 { grid-template-columns: repeat(3, 1fr); }
    .trend-grid { grid-template-columns: 1fr; }
    .recipe-grid { grid-template-columns: repeat(2, 1fr); }
    .instagram-grid { grid-template-columns: repeat(3, 1fr); }

    .story { grid-template-columns: 1fr; }
    .story__media { min-height: 320px; }
    .story__body { padding: var(--space-2xl) var(--space-lg); }

    .listing { grid-template-columns: 1fr; gap: var(--space-lg); }
    .filters { display: none; }
    .filters.is-open { display: block; }

    .product-detail { grid-template-columns: 1fr; gap: var(--space-lg); }
    .product-info { position: static; }
    .perk-strip { grid-template-columns: repeat(2, 1fr); gap: var(--space-md); }
    .recipe-detail { grid-template-columns: 1fr; }
    .contact-grid { grid-template-columns: 1fr; }
}

/* ---- Tablet portrait (<= 768) ---- */
@media (max-width: 768px) {
    .container { padding-inline: 24px; }

    .header__bar { grid-template-columns: auto 1fr auto; }
    .brand { font-size: 26px; }
    /* İkonları küçült + boşlukları azalt (yatay taşmayı önle) */
    .header__left, .header__right { gap: 2px; }
    .header__icon { width: 38px; height: 38px; }
    .section__head { flex-direction: column; align-items: flex-start; }

    .hero { min-height: 540px; }
    .hero__title { font-size: clamp(42px, 11vw, 56px); }

    .newsletter__form { flex-direction: column; }
}

/* ---- Mobile (<= 480) ---- */
@media (max-width: 480px) {
    .container { padding-inline: 18px; }
    :root { --section-y: 56px; --section-y-editorial: 60px; }

    /* Dar ekranda Instagram ikonunu header'dan gizle (footer + mobil menüde var) */
    .header__icon--ig { display: none; }
    .brand { font-size: 22px; letter-spacing: .10em; }
    .header__icon { width: 34px; height: 34px; }
    .header__icon svg { width: 18px; height: 18px; }

    .advantages { grid-template-columns: 1fr; }
    .category-grid { grid-template-columns: 1fr; }
    .product-grid,
    .product-grid--5 { grid-template-columns: repeat(2, 1fr); gap: var(--space-md) var(--space-sm); }
    .recipe-grid { grid-template-columns: 1fr; }
    .instagram-grid { grid-template-columns: repeat(3, 1fr); }

    .product-card__name { font-size: 19px; }
    .perk-strip { grid-template-columns: 1fr 1fr; }

    .hero { min-height: 500px; }
    .footer__bottom { flex-direction: column; gap: 8px; text-align: center; }
}

/* ---- Horizontal scroll sliders on small screens ---- */
@media (max-width: 640px) {
    .slider-mobile {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 74%;
        gap: var(--space-md);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom: var(--space-sm);
    }
    .slider-mobile > * { scroll-snap-align: start; }
}