/* Компактные стили для мобильного меню */
/* Этот файл переопределяет стандартные стили меню */

.mobile-menu {
    padding: 12px !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}

.menu-logo {
    width: 130px !important;
    margin: 0 auto 10px !important;
}

.contact-info {
    gap: 6px !important;
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
}

.contact-info div {
    font-size: 11px !important;
    line-height: 1.3 !important;
}

.cta-button {
    padding: 10px 16px !important;
    font-size: 13px !important;
    margin-bottom: 10px !important;
}

.menu-links {
    gap: 0 !important;
}

.menu-links a {
    font-size: 13px !important;
    padding: 8px 0 !important;
    border-bottom: none !important;
    transition: color 0.2s !important;
}

.menu-links a:hover {
    color: #5E96CF !important;
}

.menu-category {
    font-size: 13px !important;
    margin-bottom: 0 !important;
    padding: 8px 0 !important;
    border-bottom: none !important;
}

.menu-category-arrow {
    font-size: 14px !important;
}

.menu-submenu {
    background: #f9f9f9 !important;
    margin-left: -12px !important;
    margin-right: -12px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.menu-submenu.active {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.menu-submenu a {
    padding: 6px 0 6px 12px !important;
    font-size: 12px !important;
    border-bottom: none !important;
}

.menu-section {
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid #e0e0e0 !important;
}

/* Стили скроллбара для мобильного меню */
.mobile-menu::-webkit-scrollbar {
    width: 6px;
}

.mobile-menu::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.mobile-menu::-webkit-scrollbar-thumb {
    background: #5E96CF;
    border-radius: 3px;
}

.mobile-menu::-webkit-scrollbar-thumb:hover {
    background: #4a7aad;
}