/* Header responsive behaviour */
@media (max-width: 1199.98px) {
    .header-top__inner {
        min-height: 128px;
        gap: 20px;
    }
    .site-brand {
        flex-basis: 220px;
    }
    .tourism-badge {
        display: none;
    }
    .header-contact {
        gap: 20px;
    }
    .main-menu a {
        padding-inline: 7px;
        font-size: 13px;
    }
}
@media (max-width: 991.98px) {
    .header-top__inner {
        min-height: 94px;
    }
    .site-brand {
        flex-basis: 205px;
    }
    .header-contact {
        margin-left: auto;
    }
    .header-email {
        display: none;
    }
    .contact-icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }
    .login-btn {
        min-height: 46px;
        padding-inline: 16px;
    }
    .menu-toggle {
        display: block;
        flex: 0 0 46px;
    }
    .main-nav {
        background: #fff;
    }
    .main-nav .container {
        max-width: none;
        padding: 0;
    }
    .main-menu {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        min-height: 0;
        max-height: 0;
        overflow: hidden;
        display: block;
        background: #f25a29;
        box-shadow: 0 14px 24px rgba(12, 38, 76, 0.18);
        transition: max-height 0.35s ease;
    }
    .main-menu.is-open {
        max-height: calc(100vh - 94px);
        overflow-y: auto;
    }
    .main-menu li {
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    }
    .main-menu a {
        min-height: 50px;
        padding: 0 24px;
        font-size: 15px;
    }
    .main-menu a::after {
        top: 12px;
        right: auto;
        bottom: 12px;
        left: 12px;
        width: 3px;
        height: auto;
        transform: scaleY(0);
    }
    .main-menu a:hover::after,
    .main-menu a.active::after {
        transform: scaleY(1);
    }
}
@media (max-width: 767.98px) {
    .header-top__inner {
        min-height: 82px;
        gap: 12px;
    }
    .site-brand {
        flex-basis: 180px;
    }
    .header-contact {
        display: none;
    }
    .login-btn {
        margin-left: auto;
        min-width: 44px;
        width: 44px;
        padding: 0;
    }
    .login-btn span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }
    .main-menu.is-open {
        max-height: calc(100vh - 82px);
    }
}
@media (max-width: 399.98px) {
    .header-top__inner {
        min-height: 74px;
        gap: 8px;
        padding-inline: 12px;
    }
    .site-brand {
        flex: 1 1 auto;
        max-width: 158px;
    }
    .login-btn,
    .menu-toggle {
        width: 42px;
        height: 42px;
        min-height: 42px;
        flex-basis: 42px;
    }
    .main-menu.is-open {
        max-height: calc(100vh - 74px);
    }
}
@media (prefers-reduced-motion: reduce) {
    .main-menu,
    .menu-toggle span {
        transition: none;
    }
}