.header__menu {
    display: flex;
    align-self: flex-end;
    height: 100%;
    margin-right: 44px;
    color: #989898;
    font-size: 16px;
    z-index: 1;
}

@media (max-width: 1420px) {
    .header__menu {
        display: none;
    }
}

.header__menu-list {
    display: flex;
    align-items: flex-end;
    margin: 0;
    list-style: none;
}

.header__menu-item {
    margin: 0;
    padding: 0 0 10px;
    cursor: pointer;
}

.header__menu-item:not(:last-of-type) {
    padding-right: 20px;
}

.header__menu-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: inherit;
    white-space: nowrap;
}

.header__menu-link:hover {
    color: #000000;
}

.header__menu-link::after {
    content: "";
    width: 0;
    height: 1px;
    margin-top: 4px;
    background: transparent;
    transition: width 0.2s;
}

.header__menu-link--active {
    color: #000000;
}

.header__menu-link--active::after {
    width: 100%;
    background: #000000;
}

.header__menu-second {
    position: absolute;
    top: 66px;
    left: 0;
    margin: 0 auto;
    padding: 0 70px;
    background-color: #FFFFFF;
    transition: top 0.4s;
    pointer-events: auto;
    min-width: 100%;
}

@media (max-width: 1440px) {
    .header__menu-second {
        padding: 0 40px;
    }
}

@media (max-width: 1420px) {
    .header__menu-second {
       display: none;
    }
}

.header__menu-second--shown {
    box-shadow: 0 5px 10px rgba(0,0,0,.13);
}

.header__menu-second-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    transition: none;
}

@media (max-width: 1750px) {
    .header__menu-second-link {
        font-size: 14px;
    }
}

.header__menu-second-link:hover,
.header__menu-second-link:active,
.header__menu-second-link:focus {
    color: #000000;
}

.header__menu-second-link--active {
    color: #000000;
    font-weight: 700;
}

.header__menu-second-link::after {
    height: 0;
    content: attr(data-text);
    visibility: hidden;
    font-weight: 700;
}

.header__menu-second-list {
    position: relative;
    display: flex;
    margin: 0;
}

.header__menu-second-list .ps__rail-x {
    bottom: 4px !important;
}

.header__menu-second-list .ps__rail-x .ps__thumb-x {
    height: 4px;
}

.header__menu-second-list .ps__rail-x:hover > .ps__thumb-x {
    height: 8px;
}

.header__menu-second-item {
    margin: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 0;
    cursor: pointer;
    white-space: nowrap;
}

.header__menu-second-item:not(:last-of-type) {
    padding-right: 36px;
}

@media (max-width: 1750px) {
    .header__menu-second-item:not(:last-of-type) {
        padding-right: 22px;
    }
}

.header__dropdown {
    position: absolute;
    width: 100%;
    top: 56px;
    left: 0;
    background-color: #FFFFFF;
    font-size: 16px;
    z-index: 100;
    transition: opacity 0.2s;
}

.header__dropdown::before {
    content: '';
    display: block;
    height: 19px;
}

.header__dropdown-shadow {
    position: absolute;
    top: 158px;
    left: 0;
    display: block;
    width: 100%;
    height: 100vh;
    background: #000000;
    z-index: -2;
    opacity: 0.2;
    transition: opacity 0.2s;
}

.header__dropdown-container {
    display: flex;
    justify-content: space-between;
    padding: 35px 70px;
    border-top: 1px solid #C4C4C4;
}

/*Goods*/

.header__dropdown-container--goods {
    column-gap: 110px;
}

.header__dropdown-container--goods .header__dropdown-menu-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: min-content;
    column-gap: 40px;
    width: 100%;
}

.header__dropdown-container--goods .header__dropdown-menu-category {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    column-gap: 4px;
    margin-bottom: 35px;
    font-weight: 700;
    line-height: 1.2;
}

.header__dropdown-container--goods a.header__dropdown-menu-category::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background-image: url("./images/arrow.svg");
}

.header__dropdown-container--goods .header__dropdown-menu-category:hover,
.header__dropdown-container--goods .header__dropdown-menu-category:active,
.header__dropdown-container--goods .header__dropdown-menu-category:focus {
    color: #000000;
}

.header__dropdown-container--goods .header__dropdown-menu-list,
.header__dropdown-container--goods .header__dropdown-menu-item {
    margin: 0;
    padding: 0;
}

.header__dropdown-container--goods .header__dropdown-menu-list {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.header__dropdown-container--goods .header__dropdown-menu-link {
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 1px solid transparent;
    font-size: 14px;
    line-height: 140%;
}

.header__dropdown-container--goods .header__dropdown-menu-link:hover,
.header__dropdown-container--goods .header__dropdown-menu-link:active,
.header__dropdown-container--goods .header__dropdown-menu-link:focus {
    color: #000000;
    border-bottom: 1px solid #000000;
}

/*Ideas and trends*/

.header__dropdown-container--ideas {
    display: grid !important;
    grid-template-areas:
            "title . picture1 picture2"
            "article1 article2 picture1 picture2"
            "article3 article4 picture1 picture2"
            "link . picture1 picture2"
;
    grid-template-columns: 16.65% 16.65% 1fr 1fr;
    grid-template-rows: min-content repeat(2, 150px) min-content;
}

.header__dropdown-container--ideas .header__dropdown-articles-wrapper {
    display: flex;
    flex-direction: column;
    width: 33.3%;
    font-size: 14px;
}

.header__dropdown-container--ideas .header__dropdown-articles-title {
    font-size: 16px;
    font-weight: 700;
}

.header__dropdown-container--ideas .header__dropdown-article-title {
    display: inline;
    font-size: 14px;
    transition: none;
}

.header__dropdown-container--ideas .header__dropdown-article-title:hover,
.header__dropdown-container--ideas .header__dropdown-article-title:active,
.header__dropdown-container--ideas .header__dropdown-article-title:focus {
    color: #000000;
    padding-bottom: 2px;
    border-bottom: 1px solid #000000;
}

.header__dropdown-container--ideas .header__dropdown-articles-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
    row-gap: 25px;
    margin-top: 25px;
}

.header__dropdown-container--ideas .header__dropdown-article-category,
.header__dropdown-container--ideas .header__dropdown-articles-all {
    color: #989898;
}

.header__dropdown-container--ideas .header__dropdown-article-category {
    display: block;
    margin-top: 20px;
    font-size: 14px;
}

.header__dropdown-container--ideas .header__dropdown-articles-all {
    width: fit-content;
    height: min-content;
    margin-bottom: 40px;
    border-bottom: 1px solid #989898;
    font-size: 14px;
}

.header__dropdown-container--ideas .header__dropdown-articles-all:hover,
.header__dropdown-container--ideas .header__dropdown-articles-all:focus,
.header__dropdown-container--ideas .header__dropdown-articles-all:active {
    border-bottom: 1px solid transparent;
}

.header__dropdown-container--ideas .header__dropdown-articles-wrapper--pictures {
    flex: 1 1 100%;
    flex-direction: row;
}

.header__dropdown-container--ideas .header__dropdown-article {
    width: 85%;
}

.header__dropdown-container--ideas .header__dropdown-picture-article {
    display: block;
    width: 100%;
    padding: 0 15px;
}

.header__dropdown-container--ideas .header__dropdown-picture-article:hover,
.header__dropdown-container--ideas .header__dropdown-picture-article:focus,
.header__dropdown-container--ideas .header__dropdown-picture-article:active {
    color: #000000;
}

.header__dropdown-container--ideas .header__dropdown-picture {
    width: 100%;
}

/*About company*/
.header__dropdown-container--about {
    column-gap: 110px;
}

.header__dropdown-container--about .header__dropdown-text-wrapper {
    display: flex;
    flex-direction: column;
    width: 33.3%;
}

.header__dropdown-container--about .header__dropdown-picture-wrapper {
    display: flex;
    flex: 1 1 100%;
}

.header__dropdown-container--about .header__dropdown-picture {
    padding: 0 15px;
}

.header__dropdown-container--about .header__dropdown-picture img {
    width: 100%;
}

.header__dropdown-container--about .header__dropdown-link {
    display: flex;
    align-items: center;
    column-gap: 4px;
    font-size: 16px;
    font-weight: 700;
}

a.header__dropdown-link::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background-image: url("./images/arrow.svg");
}

.header__dropdown-container--about .header__dropdown-link:hover,
.header__dropdown-container--about .header__dropdown-link:active,
.header__dropdown-container--about .header__dropdown-link:focus {
    color: #000000;
}

.header__dropdown-container--about .header__dropdown-text {
    margin: 25px 0;
    color: #989898;
    font-size: 14px;
}

.header__dropdown-container--about .header__dropdown-menu-list,
.header__dropdown-container--about .header__dropdown-menu-item {
    margin: 0;
    padding: 0;
}

.header__dropdown-container--about .header__dropdown-menu-list {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.header__dropdown-container--about .header__dropdown-menu-item {
    padding: 5px 0;
    font-size: 14px;
}

.header__dropdown-container--about .header__dropdown-menu-link {
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 1px solid transparent;
    /* font-size: 14px;
    line-height: 140%; */
}

.header__dropdown-container--about .header__dropdown-menu-link:hover,
.header__dropdown-container--about .header__dropdown-menu-link:active,
.header__dropdown-container--about .header__dropdown-menu-link:focus {
    color: #000000;
    border-bottom: 1px solid #000000;
}