@media (max-width: 991px) {
    .site-navbar {
        height: 58px;
    }
    .site-branding .custom-logo {
        height: 34px;
        max-width: 148px;
    }
    .navbar-inner {
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .site-navbar {
        height: 54px;
    }
    .site-branding .custom-logo {
        height: 30px;
        max-width: 128px;
    }
}

@media (max-width: 767px) {
    .hero-slide {
        height: 430px;
    }
    .hero-content {
        padding: 26px 0;
    }
    .hero-eyebrow {
        font-size: 11px;
        margin-bottom: 8px;
    }
    .hero-title {
        font-size: 22px;
        line-height: 1.32;
        margin-bottom: 10px;
    }
    .hero-sub {
        font-size: 13.5px;
        line-height: 1.6;
        margin-bottom: 16px;
    }
    .hero-buttons {
        gap: 8px;
    }
    .hero-buttons .btn {
        padding: 9px 15px;
        font-size: 13px;
        line-height: 1.25;
        border-radius: 8px;
        min-height: 0;
    }
    .hero-buttons .btn i {
        font-size: 12px;
    }
    .hero-stats-grid {
        gap: 10px;
        margin-top: 18px;
    }
}

@media (max-width: 380px) {
    .hero-title {
        font-size: 20px;
    }
    .hero-buttons .btn {
        padding: 8px 12px;
        font-size: 12.5px;
    }
}

@media (max-width: 767px) {
    .xzk-page-banner {
        min-height: 190px;
        padding: 24px 0;
    }
    .xzk-page-banner .page-title {
        font-size: 21px;
        line-height: 1.32;
        margin-bottom: 6px;
    }
    .xzk-page-banner .page-subtitle {
        font-size: 13px;
        line-height: 1.6;
    }

    .product-h1-title {
        font-size: 21px;
        line-height: 1.34;
    }

    .xzk-cathero-h1,
    .category-hero-h1 {
        font-size: 21px;
        line-height: 1.34;
    }

    .app-h1 {
        font-size: 21px;
        line-height: 1.34;
    }
    .app-h1-sub {
        font-size: 13px;
    }

    .section-title {
        font-size: 20px;
        line-height: 1.35;
    }
    .section-sub {
        font-size: 13.5px;
        line-height: 1.6;
    }

    .xzk-news-list-header h1,
    .xzk-news-list-header h2 {
        font-size: 21px;
        line-height: 1.35;
    }
    .xzk-news-list-header p {
        font-size: 13.5px;
    }

    .xzk-product-title {
        font-size: 15px;
        line-height: 1.35;
    }

    .xzk-news-title,
    .case-title {
        font-size: 16px;
        line-height: 1.4;
    }

    .xzk-case-banner-v297 h1,
    .xzk-news-single-hero h1 {
        font-size: 21px;
        line-height: 1.35;
    }
}

@media (max-width: 991px) {
    .mobile-menu-list li {
        position: relative;
    }

    .mobile-menu-list .sub-menu {
        display: none;
        list-style: none;
        margin: 0;
        padding: 0 0 0 16px;
    }
    .mobile-menu-list .sub-menu .sub-menu {
        padding-left: 16px;
        border-left: 2px solid rgba(255, 255, 255, 0.12);
    }

    .mobile-menu-list li.is-open > .sub-menu {
        display: block;
    }

    .mobile-menu-list li.has-children > a {
        padding-right: 52px;
    }

    .mobile-menu-list .xzk-submenu-toggle {
        position: absolute;
        top: 0;
        right: 0;
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        background: transparent;
        border: 0;
        border-radius: 6px;
        cursor: pointer;
        color: inherit;
        opacity: 0.75;
        transition: transform 0.22s ease, opacity 0.22s ease;
        -webkit-tap-highlight-color: transparent;
    }
    .mobile-menu-list .xzk-submenu-toggle:hover,
    .mobile-menu-list .xzk-submenu-toggle:focus-visible {
        opacity: 1;
        background: rgba(255, 255, 255, 0.08);
        outline: none;
    }
    .mobile-menu-list .xzk-submenu-toggle i {
        font-size: 13px;
        line-height: 1;
    }
    .mobile-menu-list li.is-open > .xzk-submenu-toggle {
        transform: rotate(180deg);
    }
}

.xzk-logo-white img,
.xzk-logo-white .custom-logo,
footer .custom-logo-link img,
.site-footer .custom-logo-link img {
    filter: brightness(0) invert(1);
}

.about-prof-photo {
    width: 132px;
    height: 132px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 16px;
    border: 3px solid rgba(200, 16, 46, 0.16);
    background: #F1F5F9;
}
.about-prof-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}
@media (max-width: 767px) {
    .about-prof-photo {
        width: 108px;
        height: 108px;
        margin-bottom: 12px;
    }
}

.xzk-media-input-group {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.xzk-media-input-group input[type="text"] {
    flex: 1 1 320px;
    min-width: 0;
}