/* ===== HEADER ===== */

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: #fff;
    border-top: 3px solid #ff9d00;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

header .logo {
    position: absolute;
    top: 50%;
    left: 60px;
    transform: translateY(-50%);
    display: block;
}

header .logo img {
    display: block;
    width: 49px;
    height: auto;
}

header .navigation {
    position: absolute;
    top: 0;
    right: 60px;
    height: 100%;
}

header .navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

header .primary-navigation {
    display: flex;
    align-items: stretch;
    height: 100%;
    gap: 30px;
}

header .primary-navigation__item {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

header .primary-navigation__link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    height: 100%;
    font-size: 16px;
    line-height: 1;
    color: #111;
    font-weight: 500;
    text-transform: uppercase;
    white-space: nowrap;
    transition: color 0.2s ease;
}

header .primary-navigation__link:hover,
header .primary-navigation__item:hover > .primary-navigation__link,
header .primary-navigation__item:focus-within > .primary-navigation__link {
    color: #ff9d00;
    text-decoration: none !important;
}

header .primary-navigation__chevron {
    width: 11px;
    height: 11px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-3px) rotate(45deg);
}

header .primary-navigation__lock {
    display: block;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 7.6875H16.3125V5.25C16.3125 4.10625 15.8581 3.00935 15.0494 2.2006C14.2406 1.39185 13.1437 0.9375 12 0.9375C10.8563 0.9375 9.75935 1.39185 8.9506 2.2006C8.14185 3.00935 7.6875 4.10625 7.6875 5.25V7.6875H4.5C4.1519 7.6875 3.81806 7.82578 3.57192 8.07192C3.32578 8.31806 3.1875 8.6519 3.1875 9V19.5C3.1875 19.8481 3.32578 20.1819 3.57192 20.4281C3.81806 20.6742 4.1519 20.8125 4.5 20.8125H19.5C19.8481 20.8125 20.1819 20.6742 20.4281 20.4281C20.6742 20.1819 20.8125 19.8481 20.8125 19.5V9C20.8125 8.6519 20.6742 8.31806 20.4281 8.07192C20.1819 7.82578 19.8481 7.6875 19.5 7.6875ZM8.8125 5.25C8.8125 4.40462 9.14832 3.59387 9.7461 2.9961C10.3439 2.39832 11.1546 2.0625 12 2.0625C12.8454 2.0625 13.6561 2.39832 14.2539 2.9961C14.8517 3.59387 15.1875 4.40462 15.1875 5.25V7.6875H8.8125V5.25ZM19.6875 19.5C19.6875 19.5497 19.6677 19.5974 19.6326 19.6326C19.5974 19.6677 19.5497 19.6875 19.5 19.6875H4.5C4.45027 19.6875 4.40258 19.6677 4.36742 19.6326C4.33225 19.5974 4.3125 19.5497 4.3125 19.5V9C4.3125 8.95027 4.33225 8.90258 4.36742 8.86742C4.40258 8.83225 4.45027 8.8125 4.5 8.8125H19.5C19.5497 8.8125 19.5974 8.83225 19.6326 8.86742C19.6677 8.90258 19.6875 8.95027 19.6875 9V19.5ZM12 10.6875C11.4031 10.6883 10.8273 10.9081 10.3817 11.3051C9.93604 11.7022 9.65159 12.249 9.58224 12.8418C9.51289 13.4346 9.66347 14.0323 10.0054 14.5215C10.3474 15.0107 10.8569 15.3574 11.4375 15.4959V17.25C11.4375 17.3992 11.4968 17.5423 11.6023 17.6477C11.7077 17.7532 11.8508 17.8125 12 17.8125C12.1492 17.8125 12.2923 17.7532 12.3977 17.6477C12.5032 17.5423 12.5625 17.3992 12.5625 17.25V15.4959C13.1431 15.3574 13.6526 15.0107 13.9946 14.5215C14.3365 14.0323 14.4871 13.4346 14.4178 12.8418C14.3484 12.249 14.064 11.7022 13.6183 11.3051C13.1727 10.9081 12.5969 10.6883 12 10.6875ZM12 14.4375C11.7404 14.4375 11.4867 14.3605 11.2708 14.2163C11.055 14.0721 10.8867 13.8671 10.7874 13.6273C10.6881 13.3874 10.6621 13.1235 10.7127 12.8689C10.7634 12.6143 10.8884 12.3805 11.0719 12.1969C11.2555 12.0134 11.4893 11.8884 11.7439 11.8377C11.9985 11.7871 12.2624 11.8131 12.5023 11.9124C12.7421 12.0117 12.9471 12.18 13.0913 12.3958C13.2355 12.6117 13.3125 12.8654 13.3125 13.125C13.3125 13.4731 13.1742 13.8069 12.9281 14.0531C12.6819 14.2992 12.3481 14.4375 12 14.4375Z' fill='%23111111'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 7.6875H16.3125V5.25C16.3125 4.10625 15.8581 3.00935 15.0494 2.2006C14.2406 1.39185 13.1437 0.9375 12 0.9375C10.8563 0.9375 9.75935 1.39185 8.9506 2.2006C8.14185 3.00935 7.6875 4.10625 7.6875 5.25V7.6875H4.5C4.1519 7.6875 3.81806 7.82578 3.57192 8.07192C3.32578 8.31806 3.1875 8.6519 3.1875 9V19.5C3.1875 19.8481 3.32578 20.1819 3.57192 20.4281C3.81806 20.6742 4.1519 20.8125 4.5 20.8125H19.5C19.8481 20.8125 20.1819 20.6742 20.4281 20.4281C20.6742 20.1819 20.8125 19.8481 20.8125 19.5V9C20.8125 8.6519 20.6742 8.31806 20.4281 8.07192C20.1819 7.82578 19.8481 7.6875 19.5 7.6875ZM8.8125 5.25C8.8125 4.40462 9.14832 3.59387 9.7461 2.9961C10.3439 2.39832 11.1546 2.0625 12 2.0625C12.8454 2.0625 13.6561 2.39832 14.2539 2.9961C14.8517 3.59387 15.1875 4.40462 15.1875 5.25V7.6875H8.8125V5.25ZM19.6875 19.5C19.6875 19.5497 19.6677 19.5974 19.6326 19.6326C19.5974 19.6677 19.5497 19.6875 19.5 19.6875H4.5C4.45027 19.6875 4.40258 19.6677 4.36742 19.6326C4.33225 19.5974 4.3125 19.5497 4.3125 19.5V9C4.3125 8.95027 4.33225 8.90258 4.36742 8.86742C4.40258 8.83225 4.45027 8.8125 4.5 8.8125H19.5C19.5497 8.8125 19.5974 8.83225 19.6326 8.86742C19.6677 8.90258 19.6875 8.95027 19.6875 9V19.5ZM12 10.6875C11.4031 10.6883 10.8273 10.9081 10.3817 11.3051C9.93604 11.7022 9.65159 12.249 9.58224 12.8418C9.51289 13.4346 9.66347 14.0323 10.0054 14.5215C10.3474 15.0107 10.8569 15.3574 11.4375 15.4959V17.25C11.4375 17.3992 11.4968 17.5423 11.6023 17.6477C11.7077 17.7532 11.8508 17.8125 12 17.8125C12.1492 17.8125 12.2923 17.7532 12.3977 17.6477C12.5032 17.5423 12.5625 17.3992 12.5625 17.25V15.4959C13.1431 15.3574 13.6526 15.0107 13.9946 14.5215C14.3365 14.0323 14.4871 13.4346 14.4178 12.8418C14.3484 12.249 14.064 11.7022 13.6183 11.3051C13.1727 10.9081 12.5969 10.6883 12 10.6875ZM12 14.4375C11.7404 14.4375 11.4867 14.3605 11.2708 14.2163C11.055 14.0721 10.8867 13.8671 10.7874 13.6273C10.6881 13.3874 10.6621 13.1235 10.7127 12.8689C10.7634 12.6143 10.8884 12.3805 11.0719 12.1969C11.2555 12.0134 11.4893 11.8884 11.7439 11.8377C11.9985 11.7871 12.2624 11.8131 12.5023 11.9124C12.7421 12.0117 12.9471 12.18 13.0913 12.3958C13.2355 12.6117 13.3125 12.8654 13.3125 13.125C13.3125 13.4731 13.1742 13.8069 12.9281 14.0531C12.6819 14.2992 12.3481 14.4375 12 14.4375Z' fill='%23111111'/%3E%3C/svg%3E") center / contain no-repeat;
}

header .primary-navigation__search {
    min-width: 24px;
}

header .header-search-form {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 42px;
    height: 100%;
    transition: width 0.22s ease;
}

header .header-search-form.is-open,
header .header-search-form:focus-within {
    width: 230px;
}

header .header-search-input {
    width: 100%;
    height: 40px;
    padding: 0 44px 0 14px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    color: #111;
    font-size: 14px;
    line-height: 40px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

header .header-search-form.is-open .header-search-input,
header .header-search-form:focus-within .header-search-input {
    border-color: #D8D8D8;
    background: #fff;
    opacity: 1;
    pointer-events: auto;
}

header .header-search-input:focus {
    border-color: #ff9d00;
    outline: none;
}

header .header-search-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #111;
    transform: translateY(-50%);
    cursor: pointer;
    transition: color 0.2s ease;
}

header .header-search-toggle:hover,
header .header-search-form.is-open .header-search-toggle {
    color: #ff9d00;
}

header .header-search-toggle span {
    display: block;
    background: currentColor;
    width: 18px;
    height: 18px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4474 16.0545L13.5517 12.1572C14.7198 10.6351 15.2651 8.72564 15.0771 6.81624C14.8891 4.90684 13.9818 3.14044 12.5393 1.87537C11.0968 0.6103 9.22715 -0.0587113 7.30954 0.00404756C5.39193 0.0668064 3.56999 0.856636 2.21332 2.21332C0.856636 3.56999 0.0668064 5.39193 0.00404756 7.30954C-0.0587113 9.22715 0.6103 11.0968 1.87537 12.5393C3.14044 13.9818 4.90684 14.8891 6.81624 15.0771C8.72564 15.2651 10.6351 14.7198 12.1572 13.5517L16.0561 17.4515C16.1477 17.543 16.2564 17.6157 16.376 17.6652C16.4957 17.7148 16.6239 17.7403 16.7534 17.7403C16.8829 17.7403 17.0111 17.7148 17.1307 17.6652C17.2504 17.6157 17.3591 17.543 17.4507 17.4515C17.5422 17.3599 17.6149 17.2512 17.6644 17.1316C17.714 17.0119 17.7395 16.8837 17.7395 16.7542C17.7395 16.6247 17.714 16.4965 17.6644 16.3768C17.6149 16.2572 17.5422 16.1485 17.4507 16.0569L17.4474 16.0545ZM1.9853 7.56343C1.9853 6.46018 2.31245 5.3817 2.92538 4.46439C3.53832 3.54707 4.4095 2.8321 5.42877 2.40991C6.44804 1.98771 7.56961 1.87725 8.65166 2.09248C9.73371 2.30772 10.7276 2.83898 11.5078 3.6191C12.2879 4.39921 12.8191 5.39314 13.0344 6.47519C13.2496 7.55724 13.1391 8.67881 12.7169 9.69808C12.2947 10.7174 11.5798 11.5885 10.6625 12.2015C9.74515 12.8144 8.66667 13.1416 7.56343 13.1416C6.08448 13.14 4.66655 12.5518 3.62077 11.5061C2.575 10.4603 1.98682 9.04237 1.9853 7.56343Z' fill='%23111111'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4474 16.0545L13.5517 12.1572C14.7198 10.6351 15.2651 8.72564 15.0771 6.81624C14.8891 4.90684 13.9818 3.14044 12.5393 1.87537C11.0968 0.6103 9.22715 -0.0587113 7.30954 0.00404756C5.39193 0.0668064 3.56999 0.856636 2.21332 2.21332C0.856636 3.56999 0.0668064 5.39193 0.00404756 7.30954C-0.0587113 9.22715 0.6103 11.0968 1.87537 12.5393C3.14044 13.9818 4.90684 14.8891 6.81624 15.0771C8.72564 15.2651 10.6351 14.7198 12.1572 13.5517L16.0561 17.4515C16.1477 17.543 16.2564 17.6157 16.376 17.6652C16.4957 17.7148 16.6239 17.7403 16.7534 17.7403C16.8829 17.7403 17.0111 17.7148 17.1307 17.6652C17.2504 17.6157 17.3591 17.543 17.4507 17.4515C17.5422 17.3599 17.6149 17.2512 17.6644 17.1316C17.714 17.0119 17.7395 16.8837 17.7395 16.7542C17.7395 16.6247 17.714 16.4965 17.6644 16.3768C17.6149 16.2572 17.5422 16.1485 17.4507 16.0569L17.4474 16.0545ZM1.9853 7.56343C1.9853 6.46018 2.31245 5.3817 2.92538 4.46439C3.53832 3.54707 4.4095 2.8321 5.42877 2.40991C6.44804 1.98771 7.56961 1.87725 8.65166 2.09248C9.73371 2.30772 10.7276 2.83898 11.5078 3.6191C12.2879 4.39921 12.8191 5.39314 13.0344 6.47519C13.2496 7.55724 13.1391 8.67881 12.7169 9.69808C12.2947 10.7174 11.5798 11.5885 10.6625 12.2015C9.74515 12.8144 8.66667 13.1416 7.56343 13.1416C6.08448 13.14 4.66655 12.5518 3.62077 11.5061C2.575 10.4603 1.98682 9.04237 1.9853 7.56343Z' fill='%23111111'/%3E%3C/svg%3E") center / contain no-repeat;
}

header .navigation-dropdown {
    position: absolute;
    top: 100%;
    left: -45px;
    min-width: 360px;
    padding-top: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
}

header .primary-navigation__item:hover .navigation-dropdown,
header .primary-navigation__item:focus-within .navigation-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

header .navigation-dropdown__inner {
    display: grid;
    grid-template-columns: minmax(240px, 1fr);
    gap: 34px;
    width: max-content;
    max-width: min(760px, calc(100vw - 96px));
    padding: 34px 46px 38px;
    background: #fff;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
}

header .has-dropdown-image .navigation-dropdown__inner {
    grid-template-columns: 220px 366px;
}

header .has-dropdown-svg .navigation-dropdown__inner {
    grid-template-columns: 220px max-content;
}

header .navigation-dropdown__lists {
    display: grid;
    grid-template-columns: repeat(var(--nav-column-count), minmax(190px, 1fr));
    gap: 48px;
    min-width: 0;
}

header .has-dropdown-image .navigation-dropdown__lists {
    grid-template-columns: 1fr;
}

header .navigation-dropdown__list {
    min-width: 0;
}

header .navigation-dropdown__title {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.2;
    color: #008a9a;
    font-weight: 600;
    text-transform: uppercase;
}

header .navigation-dropdown__list li {
    display: block;
    margin: 0 0 18px;
}

header .navigation-dropdown__list li:last-child {
    margin-bottom: 0;
}

header .navigation-dropdown__list a {
    position: relative;
    display: inline-block;
    padding-left: 19px;
    font-size: 16px;
    line-height: 1.25;
    color: #111;
    font-weight: 400;
    text-transform: none;
}

header .navigation-dropdown__list a:before {
    content: "";
    position: absolute;
    top: 0.45em;
    left: 0;
    width: 8px;
    height: 8px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: rotate(-45deg);
    color: #111 !important;
}

header .navigation-dropdown__list a:hover {
    color: #ff9d00;
    text-decoration: none !important;
}

header .navigation-dropdown__image img {
    display: block;
    width: 366px;
    height: 243px;
    object-fit: cover;
    border-radius: 4px;
}

header .navigation-dropdown__image.img-svg {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

header .navigation-dropdown__image.img-svg img {
    width: auto;
    height: auto;
    object-fit: initial;
    border-radius: 0;
}

header #nav-item-belnuc .navigation-dropdown__list ul li:nth-last-child(2) a {
    color: #138496;
}

.nav-button {
    display: none;
}

@media (max-width: 1199px) {
    header .primary-navigation {
        gap: 20px;
    }

    header .primary-navigation__link {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    header {
        height: 78px;
    }

    header .logo {
        left: 24px;
    }

    header .logo img {
        width: 42px;
    }

    header .navigation {
        position: fixed;
        top: 78px;
        right: 0;
        bottom: 0;
        left: 0;
        height: auto;
        overflow-y: auto;
        padding: 18px 24px 32px;
        background: #fff;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    }

    header .navigation.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    header .primary-navigation {
        display: block;
        height: auto;
    }

    header .primary-navigation__item {
        display: block;
        border-bottom: 1px solid #eee;
    }

    header .primary-navigation__link {
        display: flex;
        justify-content: space-between;
        height: auto;
        padding: 17px 0;
        font-size: 16px;
    }

    header .primary-navigation__search {
        border-bottom: 1px solid #eee;
    }

    header .header-search-form,
    header .header-search-form.is-open,
    header .header-search-form:focus-within {
        width: 100%;
        height: auto;
        padding: 13px 0;
    }

    header .header-search-input,
    header .header-search-form.is-open .header-search-input,
    header .header-search-form:focus-within .header-search-input {
        height: 42px;
        border-color: #D8D8D8;
        background: #fff;
        opacity: 1;
        pointer-events: auto;
    }

    header .header-search-toggle {
        right: 0;
    }

    header .navigation-dropdown {
        position: static;
        min-width: 0;
        display: none;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
    }

    header .primary-navigation__item.is-open > .navigation-dropdown {
        display: block;
    }

    header .primary-navigation__item.is-open > .primary-navigation__link .primary-navigation__chevron {
        transform: translateY(2px) rotate(225deg);
    }

    header .navigation-dropdown__inner,
    header .has-dropdown-image .navigation-dropdown__inner {
        display: block;
        width: 100%;
        max-width: none;
        padding: 0 0 22px 16px;
        border-radius: 0;
        box-shadow: none;
    }

    header .navigation-dropdown__lists,
    header .has-dropdown-image .navigation-dropdown__lists {
        display: block;
    }

    header .navigation-dropdown__list {
        margin-bottom: 24px;
    }

    header .navigation-dropdown__list:last-child {
        margin-bottom: 0;
    }

    header .navigation-dropdown__image {
        display: none;
    }

    .nav-button {
        position: absolute;
        top: 50%;
        right: 24px;
        display: block;
        width: 30px;
        height: 22px;
        transform: translateY(-50%);
        cursor: pointer;
    }

    .nav-button span {
        position: absolute;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: #111;
    }

    .nav-button span:nth-child(1) {
        top: 0;
    }

    .nav-button span:nth-child(2) {
        top: 10px;
    }

    .nav-button span:nth-child(3) {
        top: 20px;
    }
}
