/* ==========================================================
   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) {
    .main-nav { display: none; }
    .brand__logo { width: 44px; }
    .brand__name { font-size: 1.45rem; }

    .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; }
    .brand__tagline { display: none; }
    .brand { min-width: 0; gap: 6px; }
    .brand__logo { width: 38px; }
    .brand__name { font-size: 1.25rem; white-space: nowrap; }
    .header-tools .round-btn--fav, .header-tools .round-btn--account { display: none; }
    .round-btn { width: 44px; height: 44px; }
    .hero__title { font-size: 2.5rem; }
}