@media (max-width: 1199px) {
    .brand-mark {
        min-width: 230px;
    }

    .nav-link {
        padding: 9px 7px !important;
        font-size: 11px;
    }

    .nav-actions {
        gap: 7px;
        margin-left: 8px;
    }

    .btn-login,
    .btn-register {
        padding: 11px 12px;
    }

    .quick-panel {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .quick-panel-item:nth-child(3) {
        border-right: 0;
    }

    .asoc-about-grid {
        grid-template-columns: 34% 1fr;
    }

    .asoc-links-card {
        grid-column: 1 / -1;
    }

    .asoc-blog-layout {
        grid-template-columns: 1fr;
    }

    .newsletter-card {
        width: auto;
    }
}

@media (max-width: 991px) {
    .topbar-content {
        flex-direction: column;
        text-align: center;
    }

    .public-menu-toggle {
        display: inline-block;
    }

    .navbar-collapse {
        display: none;
        width: 100%;
        margin-top: 14px;
        padding: 18px;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: rgba(255, 255, 255, 0.96);
        box-shadow: var(--shadow-soft);
    }

    .navbar-collapse.show {
        display: block;
    }

    .navbar-nav {
        align-items: stretch !important;
        gap: 4px;
    }

    .nav-link {
        border-radius: var(--radius);
        font-size: 12px;
    }

    .has-submenu {
        width: 100%;
    }

    .nav-submenu {
        position: static;
        display: grid;
        gap: 4px;
        min-width: 0;
        margin: 2px 0 8px 12px;
        padding: 8px;
        border-radius: 8px;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        background: rgba(215, 154, 39, 0.08);
    }

    .nav-submenu::before {
        display: none;
    }

    .nav-submenu a {
        min-height: 34px;
        font-size: 12px;
    }

    .nav-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin: 16px 0 0;
    }

    .home-hero-modern .row {
        min-height: auto !important;
        padding: 78px 0 96px;
    }

    .asoc-hero {
        min-height: 470px;
    }

    .asoc-hero-content {
        max-width: 620px;
        padding: 64px 24px 96px;
        text-align: center;
        margin: 0 auto;
    }

    .asoc-hero-content h1 span {
        display: inline;
    }

    .asoc-hero-content p {
        margin-left: auto;
        margin-right: auto;
    }

    .quick-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .quick-panel-item,
    .quick-panel-item:nth-child(3) {
        border-right: 1px solid #dedbd5;
    }

    .quick-panel-item:nth-child(even) {
        border-right: 0;
    }

    .asoc-about-grid {
        grid-template-columns: 1fr;
    }

    .blog-cards-row,
    .chapter-strip,
    .metrics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hero-modern-content {
        text-align: center;
        margin: 0 auto;
    }

    .hero-modern-badge,
    .hero-modern-actions {
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
    }

    .hero-modern-card,
    .modern-about-image,
    .about-page-image,
    .chapters-intro-image,
    .benefits-intro-image,
    .institutional-image,
    .structure-image,
    .regulations-image {
        min-height: 300px;
    }

    .section-space {
        padding: 76px 0;
    }

    .stats-section {
        margin-top: -38px;
    }

    .gallery-grid-home,
    .org-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cta-box {
        text-align: center;
    }

    .cta-box .text-lg-end {
        text-align: center !important;
    }

    .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .footer-col-contact {
        justify-self: stretch;
        max-width: none;
    }
}

@media (max-width: 767px) {
    .topbar {
        display: none;
    }

    .navbar {
        padding: 12px 0;
    }

    .brand-symbol {
        width: 40px;
        height: 40px;
        font-size: 1.16rem;
    }

    .brand-logo {
        width: 56px;
        height: 56px;
    }

    .brand-mark {
        min-width: auto;
    }

    .brand-mark strong {
        font-size: 1.05rem;
    }

    .brand-mark small {
        max-width: 165px;
        font-size: 0.66rem;
    }

    .home-hero-modern .row {
        padding: 58px 0 76px;
    }

    .hero-modern-content h1,
    .inner-hero-content h1 {
        line-height: 1.02;
    }

    .hero-modern-content p,
    .inner-hero-content p {
        font-size: 1rem;
    }

    .asoc-hero {
        min-height: auto;
    }

    .asoc-hero-content {
        padding: 58px 16px 86px;
    }

    .asoc-hero-content h1 {
        font-size: 38px;
    }

    .asoc-hero-content p {
        font-size: 15px;
    }

    .hero-arrow {
        display: none;
    }

    .hero-modern-actions,
    .documents-actions {
        display: grid;
    }

    .btn-hero-primary,
    .btn-hero-secondary,
    .btn-main,
    .btn-cta,
    .btn-contact-submit,
    .btn-outline-dark-custom {
        width: 100%;
    }

    .hero-floating-box {
        left: 16px;
        right: 16px;
        bottom: 16px;
        max-width: none;
    }

    .stats-box,
    .contact-form-card,
    .documents-box,
    .benefits-highlight-box,
    .regional-map-box,
    .structure-chapters-box,
    .ethics-box {
        padding: 24px;
    }

    .chapter-content,
    .featured-post-content,
    .blog-list-content,
    .blog-card-home > div,
    .regional-chapter-content,
    .purpose-card,
    .mission-card,
    .value-card,
    .agreement-card,
    .chapter-function-card,
    .objective-card,
    .committee-card,
    .regulation-card,
    .role-card,
    .contact-info-card,
    .contact-type-card,
    .event-preview-card,
    .sidebar-widget,
    .post-nav-card,
    .benefit-card {
        padding: 22px;
    }

    .gallery-grid-home,
    .org-grid {
        grid-template-columns: 1fr;
    }

    .quick-panel {
        grid-template-columns: 1fr;
    }

    .quick-panel-item,
    .quick-panel-item:nth-child(3),
    .quick-panel-item:nth-child(even) {
        border-right: 0;
        border-bottom: 1px solid #dedbd5;
    }

    .quick-panel-item:last-child {
        border-bottom: 0;
    }

    .about-checks,
    .blog-cards-row,
    .chapter-strip,
    .metrics-grid {
        grid-template-columns: 1fr;
    }

    .section-row-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .inner-hero {
        padding: 78px 0;
    }

    .footer-bottom-content {
        flex-direction: column;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

@media (max-width: 480px) {
    .container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .nav-actions {
        grid-template-columns: 1fr;
    }

    .hero-modern-card,
    .modern-about-image,
    .about-page-image,
    .chapters-intro-image,
    .benefits-intro-image,
    .institutional-image,
    .structure-image,
    .regulations-image {
        min-height: 260px;
    }

    .asoc-about-photo {
        min-height: 260px;
    }

    .section-space {
        padding: 62px 0;
    }

    .cta-section {
        padding: 44px 0 68px;
    }
}