/*====================================
Start base
=====================================*/
html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--color-text-secondary, #253247);
}

*::-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none;
}

*::-webkit-media-controls-play-button {
    display: none !important;
    -webkit-appearance: none;
}

*::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
}


a {
    color: var(--color-text-primary, #312E2B);
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-decoration: none;
}

@media (hover: hover) {
    a:hover {
        color: var(--color-text-link, #DA5D32);
        text-decoration: none;
    }
}

ul {
    padding: 0;
}

ul li {
    list-style: none;
}

p {
    margin: 0;
}

/*====================================
End base
=====================================*/

/*====================================
Start grid
=====================================*/
.main-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--column-gap-4);
    max-width: 1922px;
    margin: auto;
}

.main-inner-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--column-gap-4);
    width: 100%;
    max-width: 1922px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1899px) {
    .main-grid, .main-inner-grid {
        gap: var(--column-gap-3);
    }
}

@media (max-width: 1279px) {
    .main-grid, .main-inner-grid {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: var(--column-gap-2);
    }
}

@media (max-width: 767px) {
    .main-grid, .main-inner-grid {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: var(--column-gap-1);
    }
}

/*====================================
End grid
=====================================*/

/*====================================
Start button-primary
=====================================*/
.button-primary {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: none;
    border-radius: 38px;
    cursor: pointer;
    font-family: Onest;
    font-style: normal;
    font-weight: 500;
    color: var(--color-text-contrast, #FFF);
    white-space: nowrap;
    box-sizing: border-box;
    background: radial-gradient(504.65% 245.32% at -53.99% 33.04%, #FFBC3B 0%, #DA5D32 35.72%, #F8A664 63.18%, #DA5D32 100%);
    z-index: 1;
}

.button-primary:hover, .button-primary:focus {
    color: #FFF;
}

.button-primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 38px;
    background: radial-gradient(660% 219.57% at -53.99% 33.04%, #FFBC3B 0%, #DA5D32 47.14%, #FFBC3B 100%);
    opacity: 0;
    transition: opacity 0.3s;
    z-index: -1;
}

.button-primary:hover::before, .button-primary:focus::before {
    opacity: 1;
}

.button-primary__size-xl {
    height: 56px;
    padding: 12px 24px;
    font-size: 18px;
    line-height: 26px;
}

.button-primary__size-l {
    height: 48px;
    padding: 12px 20px;
    font-size: 16px;
    line-height: 20px;
}

.button-primary__size-m {
    height: 40px;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 20px;
}

.button-primary__disabled,
.button-primary__disabled:hover,
.button-primary__disabled:focus {
    background: #DBDEE4;
    cursor: unset;
}

.button-primary:disabled,
.button-primary:disabled:hover,
.button-primary:disabled:focus {
    background: #DBDEE4;
    cursor: unset;
}

/*====================================
End button-primary
=====================================*/

/*====================================
Start button-secondary
=====================================*/
.button-secondary {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: none;
    border-radius: 38px;
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    color: var(--color-text-contrast, #FFF);
    background: radial-gradient(504.65% 245.32% at -53.99% 33.04%, #5C6062 0%, #312E2B 35.72%, #83888B 63.18%, #312E2B 100%);
    z-index: 1;
    box-sizing: border-box;
    text-align: center;
}

.button-secondary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 38px;
    background: linear-gradient(90deg, #312E2B -75%, #929292 15.92%, #312E2B 168.14%);
    opacity: 0;
    transition: opacity 0.3s;
    z-index: -1;
}

.button-secondary:hover {
    color: var(--color-text-contrast, #FFF);
}

.button-secondary:focus {
    background: radial-gradient(504.65% 245.32% at -53.99% 33.04%, #5C6062 0%, #312E2B 35.72%, #83888B 63.18%, #312E2B 100%);
}

.button-secondary:hover::before {
    opacity: 1;
}

.button-secondary__size-xl {
    height: 56px;
    padding: 12px 24px;
    font-size: 18px;
    line-height: 26px;
}

.button-secondary__size-l {
    height: 48px;
    padding: 12px 20px;
    font-size: 16px;
    line-height: 20px;
}

.button-secondary__size-m {
    height: 40px;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 20px;
}

.button-secondary__disabled,
.button-secondary__disabled:hover,
.button-secondary__disabled:focus {
    background: #DBDEE4;
    cursor: unset;
}

.button-secondary:disabled,
.button-secondary:disabled:hover,
.button-secondary:disabled:focus {
    background: #DBDEE4;
    cursor: unset;
}

/*====================================
End button-secondary
=====================================*/

/*====================================
Start button-outline
=====================================*/
.button-outline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: 38px;
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    border: 2px solid var(--color-border2, #C3C7D1);
    color: var(--color-text-secondary, #5C6062);
    background-color: unset;
    transition: background-color 0.3s;
}

.button-outline:hover {
    background-color: var(--color-icon, #F5F7FD);
}

.button-outline__size-xl {
    height: 56px;
    padding: 12px 24px;
    font-size: 18px;
    line-height: 26px;
}

.button-outline__size-l {
    height: 48px;
    padding: 12px 20px;
    font-size: 16px;
    line-height: 20px;
}

.button-outline__size-m {
    height: 40px;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 20px;
}

.button-outline:focus {
    outline: 2px solid var(--color-border, #C3C7D1);
    background: var(--color-process-circle2, #CED3E0);
}

.button-outline__disabled,
.button-outline__disabled:hover,
.button-outline__disabled:focus {
    background-color: unset;
    cursor: unset;
    color: var(--color-process-circle2, #CED3E0);
}

.button-outline:disabled,
.button-outline:disabled:hover,
.button-outline:disabled:focus {
    background-color: unset;
    cursor: unset;
    color: var(--color-process-circle2, #CED3E0);
}

/*====================================
End button-outline
=====================================*/

/*====================================
Start button-outline
=====================================*/
.tab-outline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: none;
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    border-radius: 38px;
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    box-shadow: 0 0 0 2px var(--color-border2, #C3C7D1);
    color: var(--color-text-secondary, #5C6062);
    height: 48px;
    padding: 14px 16px;
    font-size: var(--font-size-body-l);
    line-height: var(--line-height-body-l);
    box-sizing: border-box;
    background-color: #FFF;
}

.tab-outline.tab-outline_active {
    box-shadow: 0 0 0 2px #DA5D32;
    color: var(--color-text-contrast, #FFF);
    background: #DA5D32;
}

@media (hover: hover) {
    .tab-outline.tab-outline_active:hover {
        color: var(--color-text-contrast, #FFF);
    }

    .tab-outline:hover:not(.tab-outline_active) {
        background: var(--color-process-circle, #F4ECE9);
        outline: var(--color-process-circle, #F4ECE9);
    }
}
/*====================================
End button-outline
=====================================*/

/*====================================
Start button-circle
=====================================*/
.button-circle {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-button-contrast, #FFF);
    cursor: pointer;
    border: none;
    stroke-width: 3px;
    color: var(--color-text-primary, #312E2B);
    stroke: var(--color-text-primary, #312E2B);
    transition: all 0.6s ease;
}

.button-circle--outline {
    border: 2px solid var(--color-border, #EAEDF5);
}

.button-circle--secondary {
    background-color: var(--color-button-tertiary, #EAEDF5);
}

.button-circle--gradient {
    background: radial-gradient(88.89% 87% at 50% 63.33%, #DA5D32 0%, #FFBC3B 100%);
    color: #FFF;
    stroke: #FFF;
}

.button-circle--translucent {
    background: rgba(218, 93, 50, 0.70);
    color: #FFF;
    stroke: #FFF;
}

.button-circle--dark {
    background: var(--color-text-primary, #312E2B);
    color: #FFF;
    stroke: #FFF;
}

.button-circle--large {
    width: 80px;
    height: 80px;
}

.button-circle--small {
    width: 40px;
    height: 40px;
}

.button-circle_left {
    transform: rotate(180deg);
}

.button-circle_up {
    transform: rotate(270deg);
}

.button-circle_go-up {
    position: fixed;
    right: 21px;
    bottom: 50px;
    z-index: 12;
}

/*====================================
End button-circle
=====================================*/

/*====================================
Start logo
=====================================*/
.logo {
    width: 225px;
    height: 35px;
    z-index: 10;
}

.logo__link {
    display: inline-block;
    height: 100%;
}

.logo__img {
    width: 100%;
    height: 100%;
}

@media (max-width: 1899px) {
    .logo {
        width: 200px;
        height: 30px;
    }
}

@media (max-width: 1439px) {
    .logo {
        width: 200px;
        height: 34px;
    }
}

@media (max-width: 1279px) {
    .logo {
        width: 188px;
        height: 32px;
    }
}

.logo.logo_foot {
    width: 225px;
    height: 38px;
}

@media (max-width: 1899px) {
    .logo.logo_foot {
        width: 200px;
        height: 34px;
    }
}

@media (max-width: 1279px) {
    .logo.logo_foot {
        width: 200px;
        height: 34px;
    }
}

@media (max-width: 767px) {
    .logo.logo_foot {
        width: 200px;
        height: 34px;
    }
}

/*====================================
End logo
=====================================*/

/*====================================
Start head
=====================================*/
/* Базовые стили */
/* Базовые стили для всех страниц */
.head {
    top: 0;
    left: 0;
    right: 0;
    position: relative;
}

.head:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 334px;
    background: linear-gradient(180deg, #FFF 16.62%, rgba(255, 255, 255, 0.00) 100%);
}

.head.head_fix {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(17px);
    -webkit-backdrop-filter: blur(17px);
}
.head.head_fix:before {
    content: unset;
}
.head.head_dropdown-open {
    background-color: #FFF;
    backdrop-filter: unset;
    z-index: 999;
}

.head__inner {
    max-width: 1922px;
    padding: 20px 80px 16px 80px;
    align-items: center;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--column-gap-4);
    position: relative;
    z-index: 12;
    box-sizing: border-box;
}

.head__1th {
    grid-column: 1 / 3;
}

.head__2th {
    grid-column: 3 / 10;
}

.head__3th {
    grid-column: 10 / 13;
    display: flex;
    column-gap: 28px;
    align-items: center;
    justify-content: end;
}

@media (max-width: 1899px) {
    .head__inner {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: var(--column-gap-2);
        padding: 20px 60px 16px 60px;
    }

    .head__1th {
        grid-column: 1 / 2;
    }

    .head__2th {
        grid-column: 2 / 9;
        position: relative;
    }

    .head__3th {
        grid-column: 9 / 13;
        display: flex;
        column-gap: 10px;
        align-items: center;
    }
}

@media (max-width: 1439px) {
    .head__inner {
        padding: 20px 60px 16px 60px;
    }

    .head__3th {
        grid-column: 2 / 13;
        display: flex;
        column-gap: 15px;
        align-items: center;
    }
}

@media (max-width: 1279px) {
    .head__inner {
        padding: 20px 40px 16px 40px;
        grid-template-columns: repeat(8, 1fr);
    }

    .head__3th {
        grid-column: 2 / 9;
        display: flex;
        column-gap: 15px;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .head__inner {
        grid-template-columns: repeat(2, 1fr);
    }

    .head__inner {
        padding: 16px;
    }

    .head__3th {
        grid-column: 2/3;
    }
}

/*====================================
End head
=====================================*/

/*====================================
Start top-menu
=====================================*/
.top-menu {
    height: 56px;
    display: flex;
}

.top-menu__list {
    display: flex;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    align-items: center;
    justify-content: start;
}

.top-menu__link {
    display: flex;
    width: 100%;
    padding: 14px 12px;
    color: var(--color-text-primary, #312E2B);
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
}

.top-menu__link:hover {
    color: var(--color-text-link, #DA5D32);
}

.top-menu__point {
    display: flex;
    gap: 8px;
    width: 100%;
    flex: 1;
    align-items: center;
    border-radius: 16px;
    padding: 14px 12px 14px 20px;
}

.top-menu__point:hover .top-menu__link {
    color: var(--color-text-link, #DA5D32);
}

.top-menu__point .top-menu__link {
    width: auto;
    padding: 0;
}

.top-menu__arrow {
    transition: transform 0.3s;
    transform: rotate(90deg);
    position: relative;
    z-index: -2;
}

.top-menu__phone {
    color: var(--color-text-primary, #312E2B);
    font-family: Onest;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    padding: 8px;
}

.top-menu__sandwitch {
    display: none;
    border: none;
    background: unset;
    cursor: pointer;
    z-index: 10;
}

.top-menu__point.active .top-menu__arrow {
    transform: rotate(-90deg);
}

@media (max-width: 1899px) {
    .top-menu__list {
        gap: 4px;
    }

    .top-menu__link {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
    }

    .top-menu__phone {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
    }
}

@media (max-width: 1439px) {
    .top-menu {
        display: none;
    }

    .top-menu__sandwitch {
        display: inline;
    }
}

@media (max-width: 767px) {
    .head__3th > .top-menu__phone {
        display: none;
    }

    .head__3th > .top-menu__feedback-btn {
        display: none;
    }
}

.top-menu__list:has(.top-menu__wrap-point > .top-menu__point:is(:focus-visible, :hover)) {
    --intent: 1;
}

.top-menu__list:has(.top-menu__wrap-point > .top-menu__link:is(:focus-visible, :hover)) {
    --intent: 1;
}

.top-menu__list::before,
.top-menu__list::after {
    --transition: 0.18s;
    content: '';
    position: absolute;
    pointer-events: none;
    opacity: var(--intent, 0);
    z-index: -1;
    border-radius: 16px;
    background: var(--color-bg-secondary, #EAEDF5);
    transition: inset var(--transition), top var(--transition), left var(--transition),
    height var(--transition), opacity var(--transition), color var(--transition),
    width var(--transition);
    transition-timing-function: linear(
            0 0%,
            0.2342 12.49%,
            0.4374 24.99%,
            0.6093 37.49%,
            0.6835 43.74%,
            0.7499 49.99%,
            0.8086 56.25%,
            0.8593 62.5%,
            0.9023 68.75%,
            0.9375 75%,
            0.9648 81.25%,
            0.9844 87.5%,
            0.9961 93.75%,
            1 100%
    );
}


/* Targeting */
@supports (anchor-name: --a) {
    .top-menu__wrap-point:has(a:is(:hover, :focus-visible)) {
        anchor-name: --anchor;
    }

    .top-menu__list::before {
        position-anchor: --anchor;
        inset: anchor(inside);
    }

    .top-menu__list::after {
        position-anchor: --target;
        left: calc(anchor(left) + 1.25rem);
        top: anchor(top);
        width: calc(anchor-size(width) - 2.5rem);
        height: anchor-size(height);
    }
}

[data-no-anchor] .top-menu__list::before,
[data-no-anchor] .top-menu__list::after {
    --transition: 0.18s;
    content: '';
    position: fixed;
    pointer-events: none;
    top: calc(var(--item-active-y) * 1px);
    left: calc(var(--item-active-x) * 1px);
    height: calc(var(--item-active-height) * 1px);
    width: calc(var(--item-active-width) * 1px);
    opacity: var(--intent, 0);
    z-index: -1;
    border-radius: 6px;
    background: color-mix(in lch, canvasText, canvas 85%);
    transition: all var(--transition), top var(--transition),
    left var(--transition), height var(--transition), opacity var(--transition),
    color var(--transition), width var(--transition);
    transition-timing-function: linear(
            0 0%,
            0.2342 12.49%,
            0.4374 24.99%,
            0.6093 37.49%,
            0.6835 43.74%,
            0.7499 49.99%,
            0.8086 56.25%,
            0.8593 62.5%,
            0.9023 68.75%,
            0.9375 75%,
            0.9648 81.25%,
            0.9844 87.5%,
            0.9961 93.75%,
            1 100%
    );
}

[data-no-anchor] .top-menu__list::after {
    top: calc(var(--target-y) * 1px);
    left: calc((var(--target-x) * 1px) + 1.25rem);
    height: calc(var(--target-height) * 1px);
    width: calc((var(--target-width) * 1px) - 2.5rem);
    opacity: 1;
    background: transparent;
    border-radius: 0;
    border-bottom: 2px solid currentColor;
    view-transition-name: target;
}

/*====================================
End top-menu
=====================================*/

/*====================================
Start menu-item-with-dropdown
=====================================*/
.menu-item-with-dropdown {
    position: static;
}

/*====================================
End menu-item-with-dropdown
=====================================*/

/*====================================
Start dropdown-window
=====================================*/
.dropdown-window {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 1154px;
    border-radius: 30px;
    padding: 40px 60px 60px 60px;
    grid-template-columns: repeat(8, 1fr);
    gap: 50px;
    box-sizing: border-box;
    background: linear-gradient(0deg, #EBEEF6 0%, #FFF 85.52%);
    backdrop-filter: blur(21.850000381469727px);
    -webkit-backdrop-filter: blur(21.850000381469727px);
    overflow: auto;
}

.dropdown-window.active {
    display: grid;
    margin-left: calc(2 * (100% / 12) + 62px);
}

.dropdown-window_mobile {
    margin: auto;
    left: 0;
    right: 0;
    min-width: unset;
    display: none;
}

.dropdown-window_mobile.active {
    margin-left: auto;
    margin-right: auto;
    display: none;
}

/*
.dropdown-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 250px;
    column-gap: 50px;
    row-gap: 30px;
}*/
.dropdown-column {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
}

.dropdown-window__menu > .dropdown-column:nth-child(1),
.dropdown-window__menu > .dropdown-column:nth-child(2) {
    grid-column: span 3;
    max-width: 342px;
}

.dropdown-column.dropdown-column_preview {
    width: 250px;
    grid-column: 7/9;
}

.dropdown-window__menu-contact {
    grid-column: span 8;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dropdown-window_mobile .dropdown-window__menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 40px;
}

.dropdown-window_mobile .dropdown-window__contacts {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 40px;
    align-items: center;
}

.dropdown-window_mobile .dropdown-column_preview {
    width: 250px;
    grid-column: 9;
}

.dropdown-column__title-link {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.dropdown-column__title-link-arrow {
    transform: rotate(0deg);
    margin-top: -5px;
}

.dropdown-column__inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.dropdown-column h4 {
    margin-bottom: 15px;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.dropdown-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.dropdown-window_mobile .dropdown-column ul {
    padding-left: 16px;
}

.dropdown-column ul li a {
    color: var(--color-text-primary, #312E2B);
    text-decoration: none;
    transition: color 0.3s;
}

.dropdown-column ul li a:hover {
    color: var(--color-text-link, #DA5D32);
    text-decoration: none;
}

.dropdown-window-preview {
    display: flex;
    height: 340px;
    padding: 26px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 30px;
    background: var(--color-card-primary, radial-gradient(170.32% 118.25% at 41.35% 69.79%, #DA5D32 0%, #FFBC3B 100%));
    position: relative;
    box-sizing: border-box;
}

.dropdown-window-preview__title {
    color: var(--color-text-contrast, #FFF);
    font-family: Onest;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.dropdown-window-preview__image {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 150px;
    width: 100%;
}

.dropdown-window-preview__transition {
    z-index: 1;
}

@media (max-width: 1899px) {
    .dropdown-window {
        padding: 40px;
        gap: 40px;
    }

    .dropdown-window.active {
        display: grid;
        margin-left: 0;
    }

    .dropdown-window_mobile.active {
        margin-left: auto;
        margin-right: auto;
    }

    .dropdown-window_mobile.active {
        display: none;
    }
}

@media (max-width: 1439px) {
    .dropdown-window {
        width: 100%;
    }

    .dropdown-window_mobile.active {
        display: grid;
    }

    .dropdown-window_mobile .dropdown-window__contacts {
        text-align: center;
    }

    .dropdown-column_button {
        display: none;
    }
}

@media (max-width: 1279px) {
    .dropdown-window {
        gap: 20px;
    }

    .dropdown-window_mobile .dropdown-window__menu {
        gap: 20px;
    }

    .dropdown-window_mobile .dropdown-window__contacts {
        gap: 20px;
    }
}

@media (max-width: 1023px) {
    .dropdown-window_mobile .dropdown-column {
        grid-column: span 4;
    }

    .dropdown-window_mobile .dropdown-column_preview {
        display: none;
    }
}

@media (max-width: 767px) {
    .dropdown-window {
        grid-column: span 4;
        padding: 24px;
        background: linear-gradient(0deg, #EBEEF6 0%, #FFF 85.52%);
        width: calc(100% - (var(--space-2) * 2));
        border-radius: 0 0 20px 20px;
    }

    .dropdown-window__menu-contact {
        gap: 24px;
    }

    .dropdown-window_mobile .dropdown-window__menu {
        flex-direction: column;
        gap: 24px;
    }

    .dropdown-window_mobile .dropdown-window__contacts {
        flex-direction: column;
        text-align: center;
        gap: 8px;
        border-top: 1px solid var(--color-border2, #C3C7D1);
        padding-top: var(--space-4);
    }

    .dropdown-window_mobile .dropdown-window__contacts .dropdown-column:nth-child(1) {
        order: 3;
        margin-top: var(--space-2);
    }

    .dropdown-window_mobile .dropdown-window__contacts .dropdown-column:nth-child(2) {
        order: 1;
    }

    .dropdown-window_mobile .dropdown-window__contacts .dropdown-column:nth-child(3) {
        order: 2;
    }

    .dropdown-column__inner {
        gap: 16px;
    }

    .dropdown-window_mobile.active {
        top: 74px;
    }

    .dropdown-column_button {
        display: block;
    }
}

/*====================================
End dropdown-window
=====================================*/

/*====================================
Start foot
=====================================*/
.foot {
    position: relative;
    z-index: 11;
    padding-top: var(--space-9);
    padding-bottom: 20px;
    background-color: #FFF;
}

.foot__category-section {
    display: flex;
    gap: var(--space-6);
}

.foot__category-group {
    width: 50%;
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.foot__menu {
    margin-top: 40px;
}

.foot__menu-arrow {
    display: none;
    transition: transform 0.3s ease;
    transform: rotate(90deg); /* Исходное положение - вправо */
}

.foot__inner {
    display: grid;
    max-width: 1922px;
    grid-template-columns: repeat(12, 1fr);
    gap: 50px;
    padding: 0 80px;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.foot__1th {
    grid-column: 1 / 5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.foot__2th {
    grid-column: 5 / 13;
    display: flex;
    column-gap: 50px;
}

.foot__2th > div {
    min-width: 200px;
}

.foot__2th > div:nth-child(1) {
    width: calc(33.333333% - 25px);
    min-width: 200px;
}

.foot__2th > div:nth-child(2) {
    width: calc(66.666667%);
    min-width: 200px;
}

@media (max-width: 1899px) {
    .foot__inner {
        column-gap: 40px;
        padding: 0 60px;
    }

    .foot__2th {
        column-gap: 40px;
    }

    .foot__2th > div:nth-child(1) {
        width: calc(33.333333% - 20px);
    }

    .foot__2th > div:nth-child(2) {
        width: calc(66.666667%);
    }

    .foot__category-section {
        gap: 40px;
    }

    .foot__category-group {
        width: 50%;
        gap: 20px;
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 1439px) {
    .foot__inner {
        padding: 0 60px;
    }
}

@media (max-width: 1279px) {
    .foot__inner {
        column-gap: 20px;
        row-gap: 80px;
        padding: 0 40px;
    }

    .foot__1th {
        grid-column: 1 / 13;
        grid-row: 1;
        flex-direction: row;
    }

    .foot__2th {
        grid-column: 1 / 13;
        grid-row: 2;
    }

    .foot__2th > div:nth-child(1) {
        width: calc(33.333333% - 10px);
    }

    .foot__2th > div:nth-child(2) {
        width: calc(66.666667%);
    }

    .foot__category-section {
        gap: 20px;
    }

    .foot__2th {
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .foot__inner {
        column-gap: 8px;
        row-gap: 40px;
        padding: 0 40px;
    }

    .foot__2th {
        flex-direction: column;
        gap: 16px;
    }

    .foot__1th {
        flex-direction: column;
        gap: 40px;
    }

    .foot__inner {
        padding: 0 16px;
    }

    .foot__menu-arrow {
        display: inline;
    }

    .foot__2th > div:nth-child(1) {
        width: 100%;
    }

    .foot__2th > div:nth-child(2) {
        width: 100%;
    }

    .foot__category-group {
        width: 100%;
        flex-direction: column;
    }

    .foot__category-section {
        flex-direction: column;
    }
}

.foot__feedback {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    row-gap: 40px;
}

.foot__title-column {
    color: var(--color-text-tertiary2, #B7BDCD);
    margin: 0;
    height: 46px;
}

.foot__category-list {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    margin: 0;
}

.foot__category-item, .foot__category-item a {
    color: var(--color-text-primary, #312E2B);
}

.foot__category-item a:hover {
    color: var(--color-text-link, #DA5D32);
    text-decoration: none;
    text-underline-offset: 4px;
}

.foot__category-child-list {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.foot__category-list_v2 {
    row-gap: 20px;
}

.foot__category-child-item, .foot__category-child-item a {
    color: var(--color-text-primary, #312E2B);
}

.foot__category-child-item, .foot__category-child-item a:hover {
    color: var(--color-text-link, #DA5D32);
}

.foot__category-child-item a:before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: darken(#0BAAD4, 10%);
    transform: translateX(-100%);
}

.foot__category-child-item a:hover:before {
    transform: translateX(0);
}

.foot__column-menu {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}

.foot__column-menu a {
    position: relative;
    text-decoration: none;
}

.foot__column-menu a:before, .foot__column-menu a:after {
    content: '';
    position: absolute;
    transition: transform .5s ease;
}

.foot__column-menu a {
    display: inline-block;
    overflow: hidden;
}

.foot__column-menu a:before {
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 1px;
    background: var(--color-text-link);
    transform: translateX(-100%);
}

.foot__column-menu a:hover:before {
    transform: translateX(0);
}

.foot__bottom {
    margin-top: 60px;
}

@media (max-width: 1279px) {
    .foot__category-item, .foot__category-item a {
        color: var(--color-text-secondary, #5C6062);
    }
}

@media (max-width: 767px) {
    .foot__category-section {
        transition: opacity 0.3s ease;
        display: none;
    }

    .foot__title-column {
        height: unset;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }

    .foot__title-column {
        color: var(--color-text-primary, #312E2B);
    }

    .foot__category-item, .foot__category-item a {
        color: var(--color-text-primary, #312E2B);
    }

    .foot__column-inner {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .foot__category-child-item, .foot__category-child-item a {
        color: var(--color-text-secondary, #5C6062);
    }
    .foot__category-section {
        gap: 16px;
    }
    .foot__category-group {
        gap: 16px;
    }
}

.foot-bottom {
    display: grid;
    gap: 50px;
}

.foot-bottom__1th {
    grid-column: 1 / 5;
}

.foot-bottom__2th {
    grid-column: 5 / 13;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}

@media (max-width: 1899px) {
    .foot-bottom {
        gap: 40px;
    }

    .foot-bottom__2th {
        gap: 40px;
    }
}

@media (max-width: 1279px) {
    .foot-bottom {
        display: flex;
        gap: 20px;
    }

    .foot-bottom__1th {
        width: calc(33.333333% - 10px);
    }

    .foot-bottom__2th {
        width: calc(66.666667%);
        grid-template-columns: repeat(2, 1fr);
        column-gap: 20px;
        row-gap: 0;
    }

    .foot-bottom__2th > div:nth-child(1) {
        grid-row: 1;
        grid-column: 1;
    }

    .foot-bottom__2th > div:nth-child(2) {
        grid-row: 2;
        grid-column: 1;
    }

    .foot-bottom__2th > div:nth-child(3) {
        grid-row: 2;
        grid-column: 2;
    }
}

@media (max-width: 767px) {
    .foot-bottom {
        flex-direction: column;
        align-items: start;
        gap: 8px;
    }

    .foot-bottom__1th {
        width: 100%;
    }

    .foot-bottom__2th {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .foot-bottom__2th > div:nth-child(3) {
        margin-top: var(--space-4);
    }
}

/*====================================
End foot
=====================================*/

/*====================================
Start list-contact
=====================================*/
.list-contact {
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: var(--color-text-primary, #312E2B);
}

.list-contact__item {
    color: var(--color-text-primary, #312E2B);
    width: max-content;
}

.list-contact__item:hover {
    text-decoration: none;
}

/*====================================
End list-contact
=====================================*/

/*====================================
Start scrolling
=====================================*/
.scrolling {
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    gap: 40px;
}

.scrolling__text {
    will-change: transform;
    animation: marquee 30s linear infinite;
    display: inline-block;
    padding-right: 10px;
    font-family: Onest;
    font-size: 160px;
    font-style: normal;
    font-weight: 600;
    line-height: 160px;
    letter-spacing: -4.8px;
    text-transform: uppercase;
    background: var(--color-typography, linear-gradient(91deg, #B0B8C6 9.03%, #CECDD2 54.55%, #ECE1DE 98.35%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

@media (max-width: 1899px) {
    .scrolling__text {
        font-size: 120px;
        line-height: 120px;
    }
}

@media (max-width: 1279px) {
    .scrolling__text {
        font-size: 80px;
        line-height: 85px;
    }
}

/*====================================
End scrolling
=====================================*/

/*====================================
Start section
=====================================*/
.section {
    width: 100%;
}

.section_main-product {
    overflow: hidden;
}

.section-container {
    max-width: 1922px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: var(--space-9) 80px;
    margin: 0 auto -1px;
}

.section-container.section-container_last {
    background-color: #FFF;
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
}

.section-container.section-container_product-slider {
    border-radius: 80px;
    padding-top: var(--space-9);
    padding-bottom: var(--space-9);
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
    background-color: #EAEDF5;
}

.section-container_primary-peoples {
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
    padding-bottom: 0;
    background: linear-gradient(180deg, #FFF 16.95%, #EAEDF5 100%);
    overflow: hidden;
}

.section-container.section-container_principles {
    background: var(--color-bg, #FFF);
    overflow: hidden;
}

.section-container.section-container_history {
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
    background: #FFF;
}

.section-container.section-container_company-today {
    border-radius: 80px;
    background: var(--color-bg-secondary, #EAEDF5);
    padding-top: var(--space-8);
    padding-bottom: var(--space-8);
}

.section-container.section-container_bg {
    background-color: #FFF;
}

.section-container.section-container_bg-secondary {
    background: var(--color-bg-secondary, #EAEDF5);
}

.section-container.section-container_roll {
    padding-bottom: 0;
    overflow: hidden;
}

.section-container.section-container_career {
    background-color: #FFF;
}

.section-container.section-container_top-white:after {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 50%;
    background: white;
    z-index: -1;
}

.section-container.section-container_top-prev-white:after {
    content: '';
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    height: 50%;
    background: white;
    z-index: -1;
}

.section-container.section-container_bottom-white:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: white;
    z-index: -1;
}

.section-container.section-container_ball {
    padding-bottom: 0;
    padding-top: var(--space-7);
    gap: var(--space-4);
    overflow-x: clip;
}

.section-container.section-container_ball .section-container__description {
    text-align: center;
    max-width: 552px;
}

.section-container.section-container_ball .section__title {
    text-align: center;
}

.section-container__list-desc {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.section__product-categories {
    margin-top: 36px;
}

.section-container.section-container_geography {
    border-radius: 80px;
    background: linear-gradient(180deg, #EAEDF5 0%, #FFF 100%);
    gap: 0;
    padding-bottom: 0;
}

.section-container.section-container_geography .section-container__description {
    text-align: left;
    max-width: 552px;
}

.section-container.section-container_geography .section__title {
    text-align: left;
}

.section-container.section-container_geography .section-container__top,
.section-container.section-container_products .section-container__top {
    align-items: flex-start;
}
.section-container.section-container_geography .section-container__top {
    position: relative;
    z-index: 1;
}
.section-container.section-container_career > .section-container__top {
    align-items: flex-end;
}

.section-container__top-column {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.section-container__top-column.section-container__top-column_career {
    max-width: 704px;
}

.section-container__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.section-container__top.section-container__top_column {
    flex-direction: column;
}

.section-container.section-container__top-rounded {
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
}

.section-container.section-container__bottom-rounded {
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
}

.section-container.section-container__rounded {
    border-radius: 80px;
}

.theme-contact {
    background: linear-gradient(180deg, #FFF 9.31%, #EAEDF5 45.87%);
}

@media (max-width: 1899px) {
    .section-container {
        padding-left: 60px;
        padding-right: 60px;
    }

    .section-container.section-container_history {
        border-top-left-radius: 60px;
        border-top-right-radius: 60px;
    }

    .section-container_primary-peoples {
        border-bottom-left-radius: 60px;
        border-bottom-right-radius: 60px;
    }

    .section-container.section-container_last {
        border-top-left-radius: 60px;
        border-top-right-radius: 60px;
    }

    .section-container.section-container_product-slider {
        border-radius: 60px;
    }

    .section-container.section-container_geography {
        border-radius: 60px;
    }

    .section-container.section-container_company-today {
        border-radius: 60px;
    }

    .section-container.section-container__top-rounded {
        border-top-left-radius: 60px;
        border-top-right-radius: 60px;
    }

    .section-container.section-container__bottom-rounded {
        border-bottom-left-radius: 60px;
        border-bottom-right-radius: 60px;
    }

    .section-container.section-container__rounded {
        border-radius: 60px;
    }

    .section-container.section-container_ball {
        padding-top: var(--space-9);
    }
}

@media (max-width: 1439px) {
    .section-container {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (max-width: 1279px) {
    .section-container {
        padding-left: 40px;
        padding-right: 40px;
    }

    .section__product-categories {
        margin-top: 16px;
        margin-bottom: 0;
    }

    .section-container.section-container_geography {
        gap: var(--space-6);
    }
}

@media (max-width: 767px) {
    .section-container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .section-container_product-slider {
        padding-left: 24px;
        padding-right: 24px;
    }

    .section-container__top {
        flex-direction: column;
        align-items: flex-start;
    }

    .section-container.section-container_ball {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .section-container.section-container_geography {
        padding-top: 60px;
    }

    .section-container.section-container_ball .section-container__description {
        text-align: left;
    }
}

/*====================================
End section
=====================================*/

/*====================================
Start form-group
=====================================*/
.form-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    width: 100%;
}

.form-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: calc(50% - 8px);
    min-width: 200px;
}

@media (max-width: 767px) {
    .form-group {
        flex-direction: column;
    }
}

/*====================================
End form-group
=====================================*/

/*====================================
Start input-wrapper
=====================================*/
.input-wrapper {
    position: relative;
    width: 100%;
}

.input-wrapper.error .form-input, .checkbox-container.error .custom-checkbox {
    border-color: #ff3b3b;
}

.input-wrapper.error .error-message {
    display: block;
}

.input-wrapper.filled .clear-button {
    display: block;
}

.input-wrapper:has(.form-textarea) .clear-button {
    top: 10px;
    transform: none;
}

/*====================================
End input-wrapper
=====================================*/

/*====================================
Start floating-label
=====================================*/
.floating-label {
    position: absolute;
    left: 20px;
    top: 20px;
    color: #667085;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    pointer-events: none;
    transition: all 0.2s ease;
    background: white;
    padding: 0 4px;
    z-index: 1;
    white-space: nowrap;
    max-width: calc(100% - 70px);
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-input:focus ~ .floating-label,
.form-input:not(:placeholder-shown) ~ .floating-label {
    top: 4px;
    left: 16px;
    font-size: 14px;
    color: var(--text-color-text-tertiary, #797F86);
    background: white;
    padding: 0 4px;
}

.input-wrapper.error .form-input:focus ~ .floating-label,
.input-wrapper.error .form-input:not(:placeholder-shown) ~ .floating-label {
    color: #ff3b3b;
}

.form-textarea:focus ~ .floating-label,
.form-textarea:not(:placeholder-shown) ~ .floating-label {
    top: 4px;
    left: 16px;
    font-size: 14px;
    color: var(--text-color-text-tertiary, #797F86);
    background: white;
    padding: 0 4px;
}

/*====================================
End floating-label
=====================================*/

/*====================================
Start form-input
=====================================*/
.form-input {
    display: flex;
    padding: 18px 52px 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    border-radius: 16px;
    border: 2px solid #EAEDF5;
    background: #FFF;
    transition: border-color 0.3s ease;
    box-sizing: border-box;
    color: #253247;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    height: 58px;
}

.form-input[type="tel"]::placeholder {
    color: transparent;
}

.form-input:focus, .form-input:hover {
    outline: none;
    border: 2px solid #C3C7D1;
}

/*====================================
End form-input
=====================================*/

/*====================================
Start form-textarea
=====================================*/
.form-textarea {
    display: flex;
    height: 135px;
    padding: 28px 52px 8px 20px;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    border-radius: 16px;
    border: 2px solid #EAEDF5;
    resize: none;
    transition: border-color 0.3s ease;
    box-sizing: border-box;
    color: #253247;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.form-textarea:focus, .form-textarea:hover {
    outline: none;
    border-color: #C3C7D1;
}

/*====================================
End form-textarea
=====================================*/

/*====================================
Start error-message
=====================================*/
.error-message {
    color: #ff3b3b;
    font-family: Onest;
    font-size: 14px;
    margin-top: 4px;
    margin-left: 20px;
    display: none;
}

/*====================================
End error-message
=====================================*/

/*====================================
Start clear-button
=====================================*/
.clear-button {
    position: absolute;
    right: 10px;
    top: 30px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    display: none;
    z-index: 3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2929 0.292893C12.6834 -0.0976311 13.3164 -0.0976311 13.707 0.292893C14.0975 0.683417 14.0975 1.31643 13.707 1.70696L8.41399 6.99992L13.707 12.2929C14.0975 12.6834 14.0975 13.3164 13.707 13.707C13.3164 14.0975 12.6834 14.0975 12.2929 13.707L6.99992 8.41399L1.70696 13.707C1.31643 14.0975 0.683417 14.0975 0.292893 13.707C-0.0976311 13.3164 -0.0976311 12.6834 0.292893 12.2929L5.58586 6.99992L0.292893 1.70696C-0.0976311 1.31643 -0.0976311 0.683417 0.292893 0.292893C0.683417 -0.0976311 1.31643 -0.0976311 1.70696 0.292893L6.99992 5.58586L12.2929 0.292893Z' fill='%23797F86'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.clear-button svg {
    display: none;
}

/*====================================
End clear-button
=====================================*/

/*====================================
Start checkbox-container
=====================================*/
.checkbox-container {
    display: inline-flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    margin-top: 10px;
    width: 100%;
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
}

.custom-checkbox {
    flex-shrink: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    border: 2px solid var(--color-border, #EAEDF5);
    background: #FFF;
    margin-top: 2px;
    box-sizing: border-box;
}

.custom-checkbox:hover {
    border: 2px solid #C3C7D1;
}

.checkbox-container input:checked + .custom-checkbox {
    border: 2px solid var(--color-link-hover, #E48A6B);
    background: var(--color-link-hover, #E48A6B);
}

.checkbox-container input:checked + .custom-checkbox::after {
    content: "";
    width: 13px;
    height: 10px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyA5IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMSA0TDUgOEwxMiAxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: center;
}

/*====================================
End checkbox-container
=====================================*/

/*====================================
Start link
=====================================*/
.link:hover {
    color: var(--color-link-hover, #E48A6B);
}

.link_underline {
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
    text-decoration-color: #E48A6B;
}

.link_underline:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
    text-decoration-color: #E48A6B;
}

/*====================================
End link
=====================================*/


/*====================================
Start tag
=====================================*/
.tag-list {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: end;
}

.tag-list.tag-list_left {
    justify-content: start;
}

.tag {
    border-radius: 10px;
    border: 1px solid var(--color-border2, #C3C7D1);
    padding: 4px 8px;
    color: var(--color-text-primary, #312E2B);
}

/*====================================
End tag
=====================================*/

.atwinta-link__logo {
    color: var(--color-text-primary);
    display: inline-block;
    font-family: Gogh, sans-serif;
    font-weight: 700;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    line-height: 1;
}

.atwinta-link__logo-line {
    display: block;
    margin: 0 auto;
    width: 7px;
    height: 2px;
    background-color: #ff21a2;
    transition: 0.3s;
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
}

.atwinta-link:hover .atwinta-link__logo-line {
    width: 100%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.tab-list {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    background: #FFF;
    z-index: 12;
}

.tab-list.tab-list_sticky {
    position: sticky;
    top: 92px;
    padding: 24px 0;
    margin: -24px 0;
    background-color: #FFF;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.page-item {
    color: var(--color-text-primary, #312E2B);
    text-align: center;
    font-family: Onest;
    font-size: var(--font-size-body-l);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-body-m);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-item.page-item__current {
    border-radius: 20px;
    background: var(--color-button-tertiary, #EAEDF5);
}

.scroll {
    overflow: auto;
}

.link-arrow {
    color: var(--color-text-accent, #DA5D32);
    font-style: normal;
    font-weight: 600;
    display: flex;
    gap: 32px;
    align-items: center;
    z-index: 1;
}
.link-arrow::after {
    content: '';
    display: inline-block;
    width: 51px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53' height='16' viewBox='0 0 53 16' fill='none'%3E%3Cpath d='M1 8H52M45 15L52 8L45 1' stroke='%23DA5D32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.link-arrow:after {
    flex: none;
}

.link-arrow_d-mob {
    display: none;
}
@media (max-width: 1919px) {
    .link-arrow {
        gap: 16px;
    }
    .link-arrow::after {
        width: 30px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='16' viewBox='0 0 33 16' fill='none'%3E%3Cpath d='M1 8H31.0392M24.0392 15L31.0392 8L24.0392 1' stroke='%23DA5D32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
}
@media (max-width: 768px) {
    .link-arrow_d-mob {
        display: flex;
        gap: 16px;
    }
}

.link-arrow:after {
    transition: transform 0.25s cubic-bezier(0.34, 1.2, 0.64, 1);
}


.link-arrow:hover:after {
    transform: translateX(6px);
}

.share {
    display: flex;
    align-items: center;
    gap: 24px;
}

.share__text {
    color: var(--color-text-secondary, #5C6062);
    font-size: var(--font-size-body-l);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-body-l)
}

.share-buttons {
    display: flex;
    gap: 8px;
}

.share-btn {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: var(--color-text-secondary, #5C6062);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.share-btn::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: 100%;
    background: radial-gradient(504.65% 245.32% at -53.99% 33.04%, #FFBC3B 0%, #DA5D32 35.72%, #F8A664 63.18%, #DA5D32 100%);
    opacity: 0;
    transition: opacity 0.3s;
    z-index: -1;
}

.share-btn:hover::before {
    opacity: 1;
}

.share-btn:after {
    content: "";
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 2;
}

.share-btn_vk:after {
    width: 25px;
    height: 15px;
    margin-left: -2px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAxNSIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC40MTE3IDEuMDQwOTJDMjQuNTk3IDAuNDUzNzY1IDI0LjQxMTcgMC4wMjY3MTA2IDIzLjU5MDkgMC4wMjY3MTA2SDIwLjg2MzhDMjAuMTc1NCAwLjAyNjcxMDYgMTkuODU3NyAwLjQwMDM0NCAxOS42NzIzIDAuODAwNzY2QzE5LjY3MjMgMC44MDA3NjYgMTguMjY5IDQuMjE3MTIgMTYuMzA5NyA2LjQzMjM2QzE1LjY3NDMgNy4wNzI5NSAxNS4zODMgNy4yODY0NyAxNS4wMzg5IDcuMjg2NDdDMTQuODUzNSA3LjI4NjQ3IDE0LjYxNTMgNy4wNzI5NSAxNC42MTUzIDYuNDg1NzlWMS4wMTQyMUMxNC42MTUzIDAuMzIwMjkxIDE0LjQwMzQgMCAxMy44MjA5IDBIOS41MzE2OUM5LjEwODA1IDAgOC44NDMzMiAwLjMyMDI5MSA4Ljg0MzMyIDAuNjQwNTgxQzguODQzMzIgMS4zMDc4NyA5LjgyMjkyIDEuNDY3OTggOS45Mjg4MyAzLjMzNjNWNy4zOTMyNEM5LjkyODgzIDguMjc0MDYgOS43NyA4LjQzNDE2IDkuNDI1NzggOC40MzQxNkM4LjQ5OTA5IDguNDM0MTYgNi4yNDg1NyA0Ljk5MTEgNC44OTgyNSAxLjA2NzY0QzQuNjMzNDMgMC4yOTM1OCA0LjM2ODcgMCAzLjY4MDMzIDBIMC45MjY2ODFDMC4xMzIzOTEgMCAwIDAuMzczNzEyIDAgMC43NzQwNTVDMCAxLjQ5NDY5IDAuOTI2NjgxIDUuMTI0NTcgNC4zMTU3MSA5LjkyODg1QzYuNTY2MyAxMy4yMTE3IDkuNzcgMTQuOTczMyAxMi42NTYgMTQuOTczM0MxNC40MDM0IDE0Ljk3MzMgMTQuNjE1MyAxNC41NzI5IDE0LjYxNTMgMTMuOTA1N1YxMS40MjM1QzE0LjYxNTMgMTAuNjIyOCAxNC43NzQxIDEwLjQ4OTQgMTUuMzMwMSAxMC40ODk0QzE1LjcyNzMgMTAuNDg5NCAxNi40NDIxIDEwLjcwMjggMTguMDU3MiAxMi4yNzc2QzE5LjkxMDYgMTQuMTQ1OSAyMC4yMjgzIDE1IDIxLjI2MDkgMTVIMjMuOTg4MUMyNC43ODIzIDE1IDI1LjE1MzEgMTQuNTk5NyAyNC45NDEyIDEzLjgyNTZDMjQuNzAyOSAxMy4wNTE2IDIzLjgwMjcgMTEuOTMwNiAyMi42Mzc3IDEwLjU5NjFDMjIuMDAyMyA5Ljg0ODggMjEuMDQ5MSA5LjAyMTQgMjAuNzU3OSA4LjYyMDk4QzIwLjM2MDcgOC4wODcyNCAyMC40NjY2IDcuODczNzEgMjAuNzU3OSA3LjM5MzI0QzIwLjczMTQgNy4zOTMyNCAyNC4wNjc1IDIuNjQyMzggMjQuNDExNyAxLjA0MDkyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+");
}

.share-btn_tg:after {
    width: 18px;
    height: 15px;
    margin-left: -2px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTYuMjE2MiAwLjIzNzI3NEwxNS4zOTMxIDAuNTc4NjYzTDE0LjE1NDUgMS4wOTExMUwxMy4wODMyIDEuNTQyMDFDMTAuMzE3NiAyLjcxNDQxIDcuNTA0MTkgMy45MTU1IDQuNzE5NzggNS4wMjU0N0w0LjA3MjYxIDUuMjk0OUwyLjk4NjMzIDUuNzQ3NjdMMi4zNTY3OCA2LjAwNTg3TDEuNTg2OCA2LjMyNTEyQzEuNTM1NSA2LjM3NTg2IDEuMDkzOTMgNi41Mzk0OSAwLjk4OTE5NiA2LjU4MjYyQzAuODgxNzc0IDYuNjI2OSAwLjc5MzE1MSA2LjY2NTA4IDAuNjk1MTk3IDYuNzE1MzdDMC41ODUyNzEgNi43NzE4OCAwLjUxOTk5OSA2LjgyNzg5IDAuNDA5NTczIDYuODcxMDdMMC4xNzQ3NDcgNy4wNzIyQy0wLjA5ODMxNCA3LjM3OTY3IC0wLjAzMzI2ODggNy42NzA4NyAwLjI0NDUyNiA3LjkyMDVDMC4zNTg0MTEgOC4wMjI4IDEuMjU5ODkgOC4yOTQyOSAxLjQ5NzgxIDguMzY5NzhDMi4zNzU5OCA4LjY0ODQyIDMuMjAyNjggOC45ODAzNyA0LjE2MjE0IDkuMTEzNTdDNC4zODM4NiA5LjEyMjYgNC41OTM4OCA5LjEyNTYyIDQuODA5MDQgOS4wOTM0NUM0Ljk3MjUgOS4wNjkwMiA1LjE4MDYgOC45ODcxNSA1LjMwMzQ2IDguOTg1MTRMNS42OTUwOSA4Ljc0MzlDNy43OTA2OCA3LjIyNDMzIDEwLjA4NzIgNS43MDE2IDEyLjIzMDIgNC4yOTUxMkwxMi4yNzc3IDQuMjYyMzRDMTIuMjk1NSA0LjI1MDE1IDEyLjMxOTQgNC4yMzMxIDEyLjM0MTggNC4yMTkxN0MxMi41MzIgNC4xMDA2OCAxMy41MDgzIDMuNDg1MSAxMy41OTMzIDMuODczOTNDMTMuNjgzOCA0LjI4ODI0IDEyLjc3NzkgNS4xNjQ3NyAxMi41ODU3IDUuMjczODFDMTIuNTU2OCA1LjM4MzY0IDEyLjM2NzkgNS41Mjg3NiAxMi4yODY4IDUuNjA3QzEwLjk5MjcgNi44NTU0OSA5LjcxMTM5IDguMDUzMSA4LjQxMDIyIDkuMjcwMUM4LjQwNDEyIDkuMzMzNTggOC4zNzcxOCA5LjMzNTY1IDguMzE1OTEgOS4zODczOUM4LjI2OTM1IDkuNDI2NjggOC4yNDQ2NyA5LjQ0Njg5IDguMjAxNDggOS40ODc1NUM4LjEyODQ3IDkuNTU2MjYgOC4wNjA3OCA5LjY0NTU5IDcuOTk1NjUgOS43MzUzOEM3LjkzOTggOS44MzQzOSA3LjkwNDg4IDkuOTg1MTUgNy44NDM4IDEwLjA2ODZDNy44NjYwMSAxMC4xODQ5IDcuODUwNTggMTAuMjYyOSA3Ljg4NTQ5IDEwLjM4NTJDNy45MTU4MSAxMC40OTEyIDcuOTU0MjMgMTAuNTQyNCA3Ljk5NDA1IDEwLjY0MDdDNy45OTgxMSAxMC42NDM5IDguMDAzOTMgMTAuNjQ4OCA4LjAwNTg5IDEwLjY1MDZDOC4wMDc4OSAxMC42NTI0IDguMDE1MzEgMTAuNjU4NCA4LjAxNzc3IDEwLjY2MDhMOC4xOTI1NiAxMC44NTI4QzguNjY5MTcgMTEuMjg5NiAxMC4yODAyIDEyLjQxIDEwLjgyOTggMTIuNzY5MkMxMC45MjI1IDEyLjgyOTkgMTEuNzMgMTMuMzUzOSAxMS44MTE3IDEzLjQ1MDhDMTEuOTQ5MyAxMy40Nzg0IDEzLjEyNCAxNC4zMTE5IDEzLjM4OTYgMTQuNDY4NEMxMy42MzU4IDE0LjYxMzYgMTMuOTc4NyAxNC43Nzg1IDE0LjI4MzMgMTQuODc5QzE0LjQ0MDggMTQuOTMxIDE0LjYzNCAxNC45ODAxIDE0LjgwOCAxNC45OTUyQzE1LjEwODIgMTUuMDIxMiAxNS4yMDIzIDE0LjkzMzUgMTUuMzk3OSAxNC45MjI2QzE1LjQ4NTkgMTQuODA5IDE1LjY1OTEgMTQuNzk2NCAxNS44NjY3IDE0LjQwMzhDMTYuMDAyOSAxNC4xNDYyIDE2LjAwNjggMTMuOTQ3NSAxNi4wNzk5IDEzLjY1QzE2LjY2MDMgMTAuMDA4NCAxNy4yMzA0IDYuMzY0OTkgMTcuNzg0OSAyLjcxOTI3TDE3LjkxMTUgMS44MjIyTDE3Ljk5MzMgMS4xNDE4NUMxOC4wMjU1IDAuNTk5NjU2IDE3Ljk1MzggMC4xOTk1OTcgMTcuNTA3NyAwLjA1NTIxMjVDMTcuMDA4OSAtMC4xMDYyMjMgMTYuNjE1IDAuMTI2NzYzIDE2LjIxNjIgMC4yMzcyNzRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=");
}

.share-btn_max:after {
    width: 22px;
    height: 22px;
    margin-top: -2px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjIgMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMS4yMzY5IDIxLjkzNzFDOS4wNzc1NCAyMS45MzcxIDguMDc0IDIxLjYxOTMgNi4zMjkyMyAyMC4zNTQ4QzUuMjI3NTQgMjEuNzc5MSAxLjczMjkyIDIyLjg5MjMgMS41ODA2MiAyMC45ODdDMS41ODA2MiAxOS41NTc2IDEuMjY1ODUgMTguMzQ5MiAwLjkwODc2OSAxNy4wMzAzQzAuNDg0IDE1LjQwNTQgMCAxMy41OTUzIDAgMTAuOTc0NUMwIDQuNzExMzggNS4xMTU4NSAwIDExLjE3NzcgMEMxNy4yNDYzIDAgMjIgNC45NDQyMyAyMiAxMS4wMzIzQzIyIDExLjA0NDIgMjIgMTEuMDU2MSAyMiAxMS4wNjhDMjIgMTcuMDQ3MyAxNy4xODg4IDIxLjkwNDggMTEuMjM2OSAyMS45MzcxWk0xMS4zMjQ5IDUuNDEzMzJDOC4zNzM1NCA1LjI2MDM2IDYuMDcyIDcuMzExODEgNS41NjI2MiAxMC41MzA5QzUuMTQyOTIgMTMuMTk0MiA1Ljg4OTIzIDE2LjQzODggNi41MjM4NSAxNi42MDg4QzYuODI4NDYgMTYuNjgxOSA3LjU5NTA4IDE2LjA1OTggOC4wNzQgMTUuNTgwNUM4Ljg2MjYyIDE2LjEyNzggOS43ODQ5MiAxNi40NTc1IDEwLjc0MjggMTYuNTM0QzEwLjgzMDggMTYuNTM5MSAxMC45MjIyIDE2LjU0MDggMTEuMDExOCAxNi41NDA4QzEzLjk3IDE2LjU0MDggMTYuNDIzOCAxNC4yMzc4IDE2LjYyMDIgMTEuMjczNkMxNi42MjM1IDExLjIwMjMgMTYuNjI1MiAxMS4xMjc1IDE2LjYyNTIgMTEuMDU0NEMxNi42MjUyIDguMDYzMDUgMTQuMyA1LjU4ODM4IDExLjMyNDkgNS40MTg0MlY1LjQxMzMyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+");
}


.news-pagination-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.dots {
    position: relative;
    width: 400px;
    height: 30px;
    overflow: visible;
}

.dot {
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #DA5D32;
    opacity: .5;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    top: 50%;
    left: 50%;
    will-change: transform, opacity;
    display: block;
}

@media (max-width: 1439px) {
    .tab-list.tab-list_sticky {
        top: 84px;
    }
}

@media (max-width: 767px) {
    .dots {
        width: 300px;
    }

    .tab-list.tab-list_sticky {
        top: 75px;
    }

    .tab-outline {
        height: 40px;
    }
}

/*Анимация текста*/
@keyframes rotate {
    from {
        clip-path: inset(0 0 0 0);
        translate: 0 0;
    }
    49.99% {
        clip-path: inset(100% 0 0 0);
        translate: 0 -10px;
    }
    50% {
        clip-path: inset(0 0 100% 0);
        translate: 0 10px;
    }
    to {
        clip-path: inset(0 0 0 0);
        translate: 0 0;
    }
}

.text-anim {
    display: flex;
}

.text-anim span {
    display: inline-block;
    will-change: transform, clip-path;
}

.progress-bar {
    width: 100%;
    height: 2px;
    background: #82868942;
    position: relative;
}

.progress-bar::before {
    content: '';
    height: 100%;
    width: var(--progress, 0%);
    border-radius: inherit;
    position: absolute;
    background: #E48A6B;
}

/*Анимация текста*/

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
    animation: fadeIn 0.3s ease;
}

.modal--active {
    display: flex;
}

.modal__container {
    background: white;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    position: relative;
    box-sizing: border-box;
    max-width: 1922px;
}

.modal__head {
    padding: 20px var(--space-8) 16px var(--space-8);
    box-sizing: border-box;
    border-bottom: 1px solid var(--color-border, #EAEDF5);
    backdrop-filter: blur(17px);
    -webkit-backdrop-filter: blur(17px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal__content {
    padding: var(--space-8);
}

.modal__close {
    cursor: pointer;
    z-index: 1;
    background-color: unset;
    border: unset;
    padding: 0;
}

body.modal-open, body.dropdown-open {
    overflow: hidden;
}

@media (max-width: 1899px) {
    .modal__head {
        padding: 16px var(--space-8) 16px var(--space-8);
    }
}

.success-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn 0.3s ease;
}

.success-modal {
    background: white;
    border-radius: 30px;
    padding: var(--space-6);
    text-align: center;
    max-width: 454px;
    width: 100%;
    box-shadow: 0 20px 35px rgba(0, 0, 0, 0.1);
    animation: slideIn 0.3s ease;
    margin: 0 15px;
}

.success-modal__icon {
    margin-bottom: 20px;
}

.success-modal__icon svg {
    animation: checkmark 0.5s ease-in-out;
}

.success-modal__title {
    margin-bottom: 16px;
    color: #2E3031;
}

.success-modal__text {
    color: #2E3031;
}

.success-modal__close {
    background: #4CAF50;
    color: white;
    border: none;
    border-radius: 40px;
    padding: 12px 32px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.3s;
}

.success-modal__close:hover {
    background: #45a049;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes checkmark {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.cookie-consent {
    max-width: 1154px;
    box-sizing: border-box;
    margin: auto;
    border-radius: 20px 20px 0 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFF;
    padding: 24px;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    z-index: 9999;
    transform: translateY(200%);
    transition: transform 0.3s ease;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
}

.cookie-consent.show {
    transform: translateY(0);
}

.cookie-consent__text a {
    color: #DA5D32;
}

@media (max-width: 767px) {
    .cookie-consent {
        flex-direction: column;
    }

    .cookie-consent__button {
        align-self: flex-start;
    }
}

/* CSS */
.head.head--fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    transform: translateY(-100%);
    transition: transform 0.3s ease;
}

.head.head--fixed.head--visible {
    transform: translateY(0);
}

/* Отступ для контента */
.main--offset {
    padding-top: var(--head-height, 80px);
}

.product-3d-box {
    width: 100%;
    height: 100%;
    isolation: isolate;
    scale: 1.1;
}