header {
    height          : 4rem;
    background-color: #fff;
}

nav {
    height: max-content;
}

#menu_auth_panel_button+#menu_auth_panel {
    z-index: 9999;
    top: 100%;
    right: 0;
    width: 250px;
    position: absolute;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 3px;
}

.h-divider {
    border-bottom: 4px solid #123EAB;
}

.h-divider-title {
    background-color: #123EAB;
}

.h-divider-title-left {
    max-width    : 0;
    max-height   : 0;
    border       : 1rem solid transparent;
    border-right : 1rem solid #123EAB;
    border-bottom: 1rem solid #123EAB;
}

.h-divider-title-right {
    max-width    : 0;
    max-height   : 0;
    border       : 1rem solid transparent;
    border-left  : 1rem solid #123EAB;
    border-bottom: 1rem solid #123EAB;
}

.catalog_button {
    width              : 100%;
    height             : 2rem;
    border-radius      : 3px;
    background-clip    : unset;
    border             : 1px solid #a39bb1;
    /* background-color: #123EAB; */
    background-color   : #e4e2ea;
}

.catalog_button:hover {
    border             : 1px solid #c0b7d0;
    /* background-color: #1b4bc4; */
    background-color   : #ebe9f2;
}

.catalog_button:active,
.catalog_button:focus {
    border             : 1px solid #7b7587;
    /* background-color: #402d82; */
    background-color   : #d7d4dd;
}

.catalog_button p {
    font-size  : 85%;
    line-height: 100%;
}

.dropdownMenuButton_column {
    padding-bottom: 0.8rem;
}

.catalog_search {
    padding         : 0.8rem;
    /* border-radius: 0px 5px 5px 5px; */
    border-radius   : 5px;
    background-color: #123EAB;
}

#searchPanel label {
    display         : inline-block;
    cursor          : pointer;
    user-select     : none;
    font-size       : smaller;
    border-radius   : 5px 5px 0px 0px;
    color           : #000;
    border-bottom   : none;
    background-color: #e4e2ea;
}

#searchPanel label:hover {
    border-bottom   : none;
    background-color: #ebe9f2;
}

#searchPanel input[type=radio] {
    display: none;
}

#searchPanel input[type=radio]+label:active,
#searchPanel input[type=radio]:checked+label:active {
    border-bottom   : none;
    background-color: #d7d4dd;
}

#searchPanel input[type=radio]:checked+label,
#searchPanel input[type=radio]:checked:hover+label,
#searchPanel input[type=radio]:checked:active+label {
    color           : #ffffff;
    background-color: #123EAB;
}

#searchPanel input[type=radio]:disabled+label {
    background: #241c3d;
    color     : #c4c4c4;
}

.catalog_search_line {
    height          : 2rem;
    margin          : 0 .8rem 0 0;
    font-size       : 85%;
    line-height     : 100%;
    border-radius   : 3px;
    border          : 1px solid #a39bb1;
    background-color: #fbf9ff !important;
}

.catalog_search_button {
    height          : 2rem;
    margin          : 0 0 0 .8rem;
    font-size       : 85%;
    line-height     : 100%;
    border-radius   : 3px;
    border          : 1px solid #a39bb1;
    background-color: #e4e2ea;
}

.catalog_search_button:hover {
    border          : 1px solid #c0b7d0;
    background-color: #ebe9f2;
}

.catalog_search_button:active {
    border          : 1px solid #7b7587;
    background-color: #d7d4dd;
}

#notification_button .notification_button_active, #cart_button .cart_button_active {
    /* color: #123EAB; */
    color: #0010ff;
}


@media (max-width: 400px) {
    .catalog_search {
        flex-direction: column;
    }

    .catalog_search_button {
        margin: .8rem 0 0 0;
        height: auto;
        line-height: 200%;
    }
}

/* Малые девайсы («ландшафтные телефоны», >= 576px) */

@media (max-width: 576px) {

    #logo,
    .tagline,
    .h-divider {
        display: none !important;
    }

    #searchPanel label {
        width     : 100%;
        text-align: center;
    }
}

/* Средние девайсы («таблетки», >= 768px) */

@media (max-width: 768px) {
    .dropdownMenuButton_column {
        display: none !important;
    }
}

/* Большие девайсы (десктопы, >= 992px) */

@media (max-width: 992px) {
    .dropdownMenuButton_column {
        width: max-content;
    }

    #dropdownMenuButton p {
        display: none;
    }
}

/* Экстрабольшие девайсы (большие десктопы, >= 1200px) */

@media (max-width: 1200px) {
    .h-title>* {
        display: none !important;
    }
}
