@media (max-width: 1180px) {
    .header-main {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 18px 0;
    }

    .header-actions {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .newsletter-band__inner,
    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 860px) {
    .topbar__inner,
    .topbar__left,
    .topbar__right {
        justify-content: center;
    }

    .nav-inner {
        flex-wrap: wrap;
        align-items: stretch;
    }

    .mobile-nav-toggle {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        min-height: 46px;
        padding: 0 16px;
        border-radius: 999px;
        background: #fff;
        border: 1px solid var(--line);
    }

    .main-nav {
        display: none;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        padding-bottom: 10px;
    }

    .main-nav.is-open {
        display: flex;
    }

    .main-nav a {
        border-radius: 14px;
    }

    .newsletter-band__inner,
    .footer-grid {
        grid-template-columns: 1fr;
    }

    .newsletter-band__form {
        flex-direction: column;
        align-items: stretch;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    .container {
        width: min(100% - 22px, var(--container));
    }

    .topbar {
        display: none;
    }

    .brand-text small,
    .action-chip span,
    .user-menu__trigger span {
        display: none;
    }

    .categories-dropdown {
        width: min(100vw - 30px, 320px);
    }

    .btn--search {
        min-width: 90px;
        padding-inline: 14px;
    }

    .newsletter-band__inner,
    .footer-card {
        padding: 20px;
    }

    .cart-sidebar__panel {
        width: 100%;
    }
}