/* ===== DROPDOWN ===== */

/* Ограничение 1400 */
.header-menu__inner {
    max-width: 1400px;
    margin: 0 auto;
}

.header-menu__dropdown {
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    display: none;
    z-index: 10000;
    margin-top: 5px;
}

.header-menu__dropdown.active {
    display: block;
}

/* СЕТКА И ВЕРТИКАЛЬНЫЕ ЛИНИИ */
.header-menu__grid {
    display: flex;
    gap: 0; 
    padding: 20px 0;
}

.header-menu__col {
    width: 22%;
    padding: 0 20px;
    position: relative;
    /* Линия справа 1px #1a1a1a для всех колонок */
    border-right: 1px solid #eaeaea;
}

.header-menu__col--main {
    width: 34%;
}

.header-menu__col:last-child {
    border-right: none;
}

/* 1 СТОЛБЕЦ: Ссылка-плашка */
.header-menu__main-link {
    display: block;
    padding: 10px;
    font-size: 17px;
    font-weight: 700;
    color: #1a1a1a;
    text-decoration: none;
    transition: 0.2s;
    border-radius: 4px;
}

.header-menu__main-link.header-menu__item--active {
    background-color: #f0f7f1;
    color: #167f2b;
}

.header-menu__main-link:hover {
    background-color: #eaeaea !important;
    color: #167f2b !important;
}

/* ЗАГОЛОВКИ СТОЛБЦОВ */
.header-menu__title {
    font-size: 17px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 10px;
    cursor: pointer;
}

.header-menu__title:hover {
    color: #167f2b;
}

/* СПИСКИ И ЭЛЕМЕНТЫ */
.header-menu__list div {
    margin-bottom: 0px;
    cursor: pointer;
    padding: 3px 10px;
    transition: 0.2s;
    border-radius: 4px;
}

.header-menu__list div:hover {
    background: #eaeaea;
    color: #167f2b;
}

.header-menu__perf.active, 
.header-menu__pressure.active, 
.header-menu__pump.active {
    color: #167f2b;
    font-weight: 700;
    background: #f0f7f1 !important;
}

/* ===== ЛОГИКА СКРЫТИЯ (Limited/Opened) ===== */
.header-menu__list.limited div:nth-child(n+4) {
    display: none;
}
.header-menu__list.opened div {
    display: block !important;
}

.header-menu__toggle-perf,
.header-menu__toggle-pressure {
    display: inline-block;
    font-size: 15px;
    color: #167f2b;
    text-decoration: underline;
    cursor: pointer;
    margin-top: 8px;
    margin-bottom: 20px;
    font-weight: 500;
}

/* ===== ВТОРОЙ СТОЛБЕЦ (С КРЕПКОЙ ЛИНИЕЙ) ===== */

/* Сама колонка сохраняет границу 1px #eaeaea */
#colStep1_wrapper {
    position: relative;
    /* Здесь граница всегда будет видна */
}

/* Внутренняя область скролла */
#colStep1 {
    height: 65vh; 
    overflow-y: auto;
    /* Сдвигаем область скролла чуть влево от линии, чтобы они не накладывались */
    margin-right: 5px; 
    padding-right: 15px; 
    scrollbar-width: thin;
    scrollbar-color: #167f2b #f0f0f0;
}

/* Кастомный скроллбар */
#colStep1::-webkit-scrollbar {
    width: 25px; 
}

#colStep1::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 25px;
}

#colStep1::-webkit-scrollbar-thumb {
    background-color: #167f2b;
    border-radius: 25px;
    border: 4px solid #f0f0f0; 
}

#colStep1::-webkit-scrollbar-thumb:hover {
    background-color: #116021;
}

/* Кнопки сброса */
#resetSelection, #resetStep2 {
    color: #167f2b;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 10px;
}

/* ===== КНОПКА ===== */

.header-menu__button-menu {
    width: 170px;
    height: 40px;

    background: #167f2b;
    border-radius: 999px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    cursor: pointer;
    transition: 0.2s;
    text-decoration: none !important;

    /* Добавьте это, чтобы убрать любую тень */
    box-shadow: none !important; 
    outline: none;    
}

.header-menu__button-menu:hover {
    /*background: #343c85;*/
    background: #459d57;
}

/* текст */
.header-menu__text-menu {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}