/* Скрытие десктопных элементов на мобильных */
@media (max-width: 1023px) {
    .desktop-only {
        display: none !important;
    }
    .mobile-only {
        display: flex !important;
    }
    .header-top-bar {
        display: none !important; /* Скрываем верхнюю панель на мобилке */
    }

    /* Основная строка хедера */
    .header-main-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
    }

    .header-logo-and-catalog {
        flex: 0 0 auto;
    }

    /* Мобильные иконки справа */
    .header-mobile-actions {
        display: flex;
        align-items: center;
        gap: 20px;
    }
    .mobile-phone-icon img,
    .mobile-cart-link img {
        width: 24px;
        height: auto;
    }
    .cart-count-badge {
        background: #ff0000;
        color: #fff;
        border-radius: 50%;
        font-size: 10px;
        position: absolute;
        top: -5px;
        right: -5px;
        width: 16px;
        height: 16px;
        text-align: center;
        line-height: 16px;
    }
    .mobile-cart-link {
        position: relative;
    }

    /* Бургер кнопка */
    .hamburger-menu-btn {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        background: none;
        border: none;
        cursor: pointer;
        padding: 5px;
    }
    .hamburger-menu-btn span {
        display: block;
        width: 24px;
        height: 2px;
        background-color: #333;
        transition: all 0.3s ease;
    }

    /* Оверлей */
    #mobile-menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 9998;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    #mobile-menu-overlay.active {
        opacity: 1;
    }

    /* Панель мобильного меню */
    .mobile-menu-panel {
        position: fixed;
        top: 0;
        right: -320px; /* Скрыто за экраном */
        width: 300px;
        max-width: 85vw;
        height: 100%;
        background: #fff;
        z-index: 9999;
        transition: right 0.3s ease;
        display: flex;
        flex-direction: column;
        box-shadow: -5px 0 15px rgba(0,0,0,0.1);
    }
    .mobile-menu-panel.open {
        right: 0;
    }

    /* Шапка мобильного меню */
    .mobile-menu-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        border-bottom: 1px solid #eee;
    }
    .close-mobile-menu-btn {
        background: none;
        border: none;
        font-size: 32px;
        color: #333;
        cursor: pointer;
        line-height: 1;
    }

    /* Тело мобильного меню (скролл) */
    .mobile-menu-body {
        flex: 1;
        overflow-y: auto;
        padding: 20px;
    }
	
	.mobile-menu-body .mobile-top-menu a {color:#333;}

    /* Поиск в мобильном */
    .mobile-search {
        margin-bottom: 20px;
    }
    .mobile-search input[type="text"] {
        width: 100%;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-size: 16px;
    }

    /* Мобильный каталог (аккордеон) */
    .mobile-catalog-section {
        margin-bottom: 20px;
        border-bottom: 1px solid #eee;
        padding-bottom: 15px;
    }
    .mobile-catalog-toggle {
        display: flex;
        align-items: center;
        font-weight: 600;
        font-size: 16px;
        cursor: pointer;
        padding: 10px 0;
    }
    .mobile-catalog-toggle .catalog-icon-wrapper.mini {
        width: 20px;
        display: flex;
        flex-direction: column;
        gap: 3px;
        margin-right: 10px;
    }
    .mobile-catalog-toggle .catalog-icon-wrapper.mini span {
        display: block;
        height: 2px;
        background: #333;
    }
    .mobile-catalog-list {
        padding-left: 0px;
    }
    .mobile-catalog-list a {
        display: block;
        padding: 8px 0;
        color: #333;
        text-decoration: none;
    }
	
	 .mobile-catalog-list .catalog-section-item {
		 margin-left:0px;
		 background:transparent;
		 padding: 8px 0px;
		 
		 
	 }
	 
	 .header-dropdown-select {display:none;}
	 
	.mobile-catalog-list .catalog-section-item .section-name {color:#333; text-transform:none; font-family: 'Inter Tight', sans-serif; font-size: 14px;}

    /* Верхнее меню */
    .mobile-top-menu {
        margin-bottom: 20px;
        border-bottom: 1px solid #eee;
        padding-bottom: 15px;
    }
    .mobile-top-menu a {
        display: block;
        padding: 8px 0;
        color: #333;
        text-decoration: none;
        font-size: 16px;
    }

    /* Контакты в мобильном меню */
    .mobile-contacts {
        margin-top: auto;
    }
    .mobile-city-select {
        margin-bottom: 15px;
        font-weight: 600;
    }
    .mobile-phones a, .mobile-email a {
        display: block;
        font-size: 16px;
        color: #333;
        margin-bottom: 5px;
        text-decoration: none;
    }
    .mobile-callback-btn {
        display: block;
        text-align: center;
        margin-top: 20px;
        width: 90%;
        padding: 12px;
        background: #c32a34;
        color: #fff;
        border-radius: 4px;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14px;
    }
}
.city-selected-block span {
  color: #333;

/* Скрытие мобильных элементов на десктопе */
@media (min-width: 1024px) {
    .mobile-only {
        display: none !important;
    }
}

/* Скрываем мобильное меню на ПК (ширина экрана > 768px) */
@media (min-width: 769px) {
    #mobile-menu,
    .mobile-menu,
    .mobile-menu-overlay,
    #hamburger-menu {
        display: none !important;
    }
	
	
}

@media (max-width: 768px) {
	
	
	
	.content-wrapper, .container {padding:0 16px !important;}
	
}