/* ==========================================================
   Duyarlı tasarım: tablet ve mobil kırılımları
   ========================================================== */

@media (max-width: 1180px) {
    .main-nav__list { flex-wrap: wrap; justify-content: center; gap: 0 12px; }
    .main-nav__list::-webkit-scrollbar { display: none; }
    .hero__content { padding-left: 20px; }
    .promo-card__title { font-size: 1.25rem; }
}

@media (max-width: 1024px) {
    .category-strip { grid-template-columns: repeat(4, 1fr); row-gap: 20px; }
    .card-grid--4 { grid-template-columns: repeat(2, 1fr); }
    .expert-grid { grid-template-columns: repeat(2, 1fr); }
    .promo-grid { grid-template-columns: 1fr 1fr; }
    .promo-grid > :last-child { grid-column: 1 / -1; }
    .site-footer__grid { grid-template-columns: 1fr 1fr; }
    .article__layout { grid-template-columns: 1fr; gap: 24px; }
    .article__sidebar { position: static; }
    .cta-banner { grid-template-columns: 140px 1fr 220px; }
    .user-actions { gap: 14px; }
    .brand__name { font-size: 1.55rem; }
}

@media (max-width: 860px) {
    .site-header__top { flex-wrap: wrap; gap: 10px 14px; padding-top: 10px; padding-bottom: 10px; }
    .nav-toggle { display: grid; order: 0; }
    .brand { order: 1; margin-right: auto; }
    .brand__logo { width: 48px; }
    .brand__tagline { font-size: .74rem; }
    .user-actions { order: 2; }
    .user-actions__label { display: none; }
    .search-box { order: 3; flex-basis: 100%; max-width: none; }
    .search-box__input { height: 44px; }

    /* Mobil menü: çekmece */
    .main-nav {
        position: fixed; inset: 0 auto 0 0; width: min(82vw, 320px); z-index: 80;
        background: #fff; border: 0; box-shadow: var(--shadow-lg);
        transform: translateX(-105%); transition: transform .3s var(--ease); overflow-y: auto;
        padding-top: 70px;
    }
    .main-nav .container { padding: 0 12px; }
    .main-nav__list { flex-direction: column; overflow: visible; gap: 2px; }
    .main-nav__link { padding: 13px 12px; border-radius: 12px; font-size: .98rem; }
    .main-nav__link::after { display: none; }
    .main-nav__link.is-active { background: var(--pink-50); }
    .main-nav__icon { width: 22px; height: 22px; }
    body.nav-open .main-nav { transform: translateX(0); }
    body.nav-open { overflow: hidden; }
    body.nav-open::after { content: ""; position: fixed; inset: 0; z-index: 70; background: rgba(44, 49, 80, .35); }
    body.nav-open .nav-toggle { position: fixed; top: 12px; left: 12px; z-index: 90; background: #fff; }

    .hero__inner { grid-template-columns: 1fr; min-height: 0; gap: 0; }
    .hero__content { padding: 34px 0 6px; text-align: center; }
    .hero__text { margin-left: auto; margin-right: auto; }
    .hero__visual img { max-height: 300px; margin: 0 auto; }
    .hero__note { font-size: 1.1rem; top: 8%; }

    .contact-layout { grid-template-columns: 1fr; }
    .section { padding: 40px 0; }
    .section-head { flex-wrap: wrap; align-items: center; }
    .section-head .link-arrow { margin-left: auto; }
}

@media (max-width: 640px) {
    .container { padding: 0 16px; }
    .category-strip {
        display: flex; overflow-x: auto; gap: 6px; scroll-snap-type: x mandatory; padding-bottom: 6px;
        margin: 0 -16px; padding-left: 16px; padding-right: 16px; scrollbar-width: none;
    }
    .category-strip::-webkit-scrollbar { display: none; }
    .category-strip li { flex: 0 0 104px; scroll-snap-align: start; }
    .category-tile__icon { width: 70px; height: 70px; border-radius: 22px; }
    .category-tile__icon .icon { width: 34px; height: 34px; }
    .category-tile__name { font-size: .84rem; }

    .card-grid, .card-grid--3, .card-grid--4, .expert-grid, .promo-grid { grid-template-columns: 1fr; }
    .promo-grid > :last-child { grid-column: auto; }
    .promo-card { min-height: 170px; }
    .form-row { grid-template-columns: 1fr; }
    .form-card { padding: 20px; }
    .site-footer__grid { grid-template-columns: 1fr; gap: 26px; }

    .cta-banner { grid-template-columns: 1fr; text-align: center; }
    .cta-banner__img--left { display: none; }
    .cta-banner__img--right { max-height: 130px; object-position: center; order: -1; padding-top: 16px; }
    .cta-banner__text { padding: 0 18px 24px; }

    .page-header__row { flex-direction: column; align-items: flex-start; }
    .page-header__icon { width: 56px; height: 56px; border-radius: 18px; }
    .expert-profile { flex-direction: column; align-items: flex-start; }
    .newsletter__text { flex-direction: column; align-items: flex-start; }
    .search-inline { flex-direction: column; }
    .user-actions__item--bell { display: none; }
    .brand__tagline { display: none; }
    .brand { min-width: 0; gap: 6px; }
    .brand__logo { width: 40px; }
    .brand__name { font-size: 1.3rem; white-space: nowrap; }
    .user-actions { gap: 10px; }
    .hero__title { font-size: 2.5rem; }
}