.header{
  width: 100%;
  margin-top: 40px;
}
.header-content{
  position: relative;
  display: flex;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 97px;
}
.header-left .logo{
  height: 30px;
  width: 157px; 
}
.header-left .logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header-right {
  display: flex;
  width: 100%;
  max-width: 886px;
  align-items: center;
}
.header-actions {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 352px;
  width: 352px;
  height: 40px;
  align-items: center;
  gap: 20px;
}
.header-actions__contacts {
  display: flex;
  flex: 0 0 157px;
  width: 157px;
  height: 40px;
  align-items: center;
}
.header-actions .telephone:hover,
.header-actions .mail:hover {
  opacity: 0.8;
}
.header-actions .header-controls {
  box-sizing: border-box;
  display: flex;
  width: 157px;
  height: 35px;
  margin: 0;
  padding: 0;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: flex-start;
  text-align: right;
}
.header-actions .phones_wrap {
  width: 130px;
  height: 19px;
}
.header-actions .telephone {
  display: block;
  width: 130px;
  height: 19px;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  white-space: nowrap;
}
.header-actions .mail {
  display: block;
  width: 157px;
  height: 19px;
  margin-top: -3px;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  white-space: nowrap;
}
.header-actions__callback {
  flex: 0 0 175px;
  width: 175px;
  height: 40px;
}
.header-actions__callback .callback-wrapper {
  width: 175px;
  height: 40px;
}
.header-actions__callback .btn-green,
.header-actions__callback .callback-btn {
  box-sizing: border-box;
  display: flex;
  width: 175px;
  min-width: 175px;
  max-width: 175px;
  height: 40px;
  min-height: 40px;
  margin: 0;
  padding: 10px 20px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 19px;
  font-family: 'Manrope', Arial, sans-serif;
  white-space: nowrap;
}
.header-actions__callback .callback-btn img {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
}
.header-controls {
  padding-right: 1.2rem;
  padding-left: 1.2rem;
  display: flex;
  text-align: right;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}
.header-controls.header-phones {
  position: relative;
}
.header-controls a{
  color: #FFF;
  text-decoration: none;
}
.burger-icon {
    box-sizing: border-box;
    position: relative;
    z-index: 2147483647;
    display: none;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}
.header .inner-width {
    width: 100%;
}
@media (max-width: 1279px) {
    .burger-icon__line {
        transition:
            top .25s ease,
            transform .25s ease,
            background-color .35s ease;
    } 
}
@media (max-width: 1279px) {
    .header-left .logo img {
        filter: brightness(1);
        transition: filter .4s cubic-bezier(.22, 1, .36, 1);
    }
    .header.header--active .header-left .logo img {
        filter: brightness(0);
    }
    .header.header--active .burger-icon__line {
        background-color: #000;
    }
    .top-menu .header-actions {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        margin-top: 28px;
        padding: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .top-menu .header-actions__contacts {
        display: block;
        flex: none;
        width: 100%;
        height: auto;
    }
    .top-menu .header-actions .header-controls {
        display: flex;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        text-align: left;
        gap: 10px;
    }
    .top-menu .header-actions .mail {
        order: 1;
        width: auto;
        height: auto;
        margin: 0;
        color: #000000 !important;
        font-family: 'Manrope', Arial, sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
    }
    .top-menu .header-actions .phones_wrap {
        order: 2;
        width: auto;
        height: auto;
    }
    .top-menu .header-actions .telephone {
        width: auto;
        height: auto;
        color: #000000 !important;
        font-family: 'Manrope', Arial, sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
    }
    .top-menu .header-actions__callback {
        flex: none;
        width: 100%;
        height: auto;
    }
    .top-menu .header-actions__callback .callback-wrapper {
        width: 100%;
        height: auto;
    }
    .top-menu .header-actions__callback .btn-green,
    .top-menu .header-actions__callback .callback-btn {
        display: flex;
        width: 100%;
        min-width: 0;
        max-width: none;
        height: 54px;
        min-height: 54px;
        margin: 0;
        padding: 0 24px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: #0E0C20;
        color: #ffffff !important;
        font-family: 'Manrope', Arial, sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
    }
}

@media (min-width: 1024px) and (max-width: 1278px) {
    .header {
        box-sizing: border-box;

        position: sticky;
        z-index: 1000;
        top: 0;

        width: 100%;
        height: 90px;

        margin: 0;

        background: transparent;
        overflow: visible;

        transition:
            background-color .22s ease,
            box-shadow .22s ease;
    }


   


    /*
    * Не используем 100vw.
    * Растягиваем фон ровно до границ layout viewport.
    * Это убирает потенциальный горизонтальный вылет
    * на ширину scrollbar.
    */
    


    .header-content {
        position: relative;

        display: flex;

        width: 100%;
        max-width: none;
        height: 90px;
        min-height: 90px;

        margin: 0;

        align-items: center;
        justify-content: space-between;

        gap: 0;
    }


    .header-left {
        flex: 0 0 auto;
    }


    .header-left .logo {
        width: clamp(250px, 25vw, 310px);
        height: auto;

        margin: 0;
    }


    .header-left .logo a,
    .header-left .logo img {
        display: block;

        width: 100%;
        height: auto;
    }


    .header-right {
        position: relative;

        display: flex;
        flex: 1 1 auto;

        width: auto;
        min-width: 0;
        max-width: none;
        height: 90px;

        margin: 0;

        align-items: center;
        justify-content: flex-end;
    }


    .header .burger-icon {
        position: relative;

        display: block;
        flex: 0 0 32px;

        width: 32px;
        height: 32px;

        margin: 0 0 0 auto;

        transform: none;
    }
    .burger-icon {
        display: flex;
    }
    .header .inner-width {
        --header-side: clamp(42px, 6vw, 76px);
        box-sizing: border-box;
        position: relative;
        isolation: isolate;
        width: calc(100% - var(--header-side) * 2);
        max-width: none;
        height: 90px;
        margin: 0 var(--header-side);
        padding: 0;
    }
    .header .inner-width::before {
    content: "";

    position: absolute;
    z-index: -1;

    top: 0;
    right: calc(-1 * var(--header-side));
    bottom: 0;
    left: calc(-1 * var(--header-side));

    width: auto;

    background:
        linear-gradient(
            180deg,
            rgba(14, 14, 32, 1) 45%,
            rgba(14, 14, 32, .62) 80%,
            rgba(14, 14, 32, .35) 100%
        );

    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);

    box-shadow:
        0 10px 30px rgba(0, 0, 0, .16);

    opacity: 1;

    transition: opacity .22s ease;

    pointer-events: none;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
    /*.header {
        position: relative;
        z-index: 20;
        box-sizing: border-box;
        width: 100%;
        margin-top: 20px;
    }*/.header {
    box-sizing: border-box;

    position: sticky;
    z-index: 1000;
    top: 0;

    width: 100%;
    height: 84px;

    margin: 0;

    background: transparent;
    overflow: visible;

    transition:
        background-color .22s ease,
        box-shadow .22s ease;
}

    /*.header .inner-width {
        --header-side: clamp(32px, 5vw, 48px);

        width: calc(100% - var(--header-side) * 2);
        max-width: none;
        margin: 0 var(--header-side);
    }*/
    .header .inner-width {
    --header-side: clamp(32px, 5vw, 48px);

    box-sizing: border-box;
    position: relative;
    isolation: isolate;

    width: calc(100% - var(--header-side) * 2);
    max-width: none;
    height: 84px;

    margin: 0 var(--header-side);
    padding: 0;
}
.header .inner-width::before {
    content: "";

    position: absolute;
    z-index: -1;

    top: 0;
    right: calc(-1 * var(--header-side));
    bottom: 0;
    left: calc(-1 * var(--header-side));

    background:
        linear-gradient(
            180deg,
            rgba(14, 14, 32, 1) 45%,
            rgba(14, 14, 32, .62) 80%,
            rgba(14, 14, 32, .35) 100%
        );

    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);

    box-shadow:
        0 10px 30px rgba(0, 0, 0, .16);

    pointer-events: none;
}
.header.header--active > .inner-width::before {
    content: none;
    display: none;
}

    .header-content {
        display: flex;

        width: 100%;
        min-height: 84px;

        align-items: center;
        justify-content: space-between;

        gap: 0;
    }

    .header-left {
        flex: 0 0 auto;
    }

    .header-left .logo {
        width: clamp(220px, 29vw, 270px);
        height: auto;
        margin: 0;
    }

    .header-left .logo a,
    .header-left .logo svg {
        display: block;
        width: 100%;
        height: auto;
    }

    .header-right {
        position: relative;

        display: flex;
        flex: 1 1 auto;

        width: auto;
        max-width: none;

        margin: 0;

        align-items: center;
        justify-content: flex-end;
    }

    .header .burger-icon {
        position: relative;
        z-index: 2147483647;

        display: block;
        flex: 0 0 32px;

        width: 32px;
        height: 32px;

        margin-left: auto;
    }

    .header .burger-icon svg {
        display: block;
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 767px) {
    .header {
        position: relative;
        z-index: 20;
        box-sizing: border-box;
        width: 100%;
        height: 90px;
        margin-top: 0;
        padding-top: 20px;
        background: transparent;
    }
.header .inner-width {
        --header-side: clamp(22px, 5vw, 28px);

        position: relative;
        display: block;
        width: calc(100% - var(--header-side) * 2);
        max-width: none;
        margin: 0 var(--header-side);
    }
    

    .header-content {
        position: relative;
        display: flex;
        width: 100%;
        max-width: none;
        height: 90px;
        align-items: center;
    }

    .header-left {
        min-width: 0;
    }

    .header-left .logo {
        width: clamp(174px, 41vw, 205px);
        height: auto;
        margin: 0;
    }

    .header-left .logo a,
    .header-left .logo svg {
        display: block;
        width: 100%;
        height: auto;
    }

    .header-right {
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        width: 30px;
        height: 100%;
        margin: 0;
        align-items: center;
        transform: none;
    }

    .header .burger-icon {
        display: block;
        flex: 0 0 30px;
        width: 30px;
        height: 26px;
        margin: 0;
    }

    .header .burger-icon svg {
        display: block;
        width: 100%;
        height: 100%;
    }
}   

@media (max-width: 374px) {
    
.header .inner-width {
        --header-side: 18px;
    }
    .header-left .logo {
        width: 165px;
    }
}

@media (max-width: 340px) {
    .header-left .logo {
      height: 28px;
    }
}

@media (max-width: 1279px) {
    .header-actions {
        display: none;
    }
}

@media (min-width: 1400px) /*and (max-width: 1920px)*/ {
    .header .inner-width, .header {
        --desktop-header-top-space:
            clamp(
                18px,
                calc(8.504px + 2.187vw),
                40.499px
            );
    }
    .header-content { max-width: clamp(1140px, calc(242.362px + 62.336vw), 1439.213px); gap: clamp(97px, calc(20.622px + 5.304vw), 122.459px); }
    .header-left .logo { width: clamp(157px, calc(33.378px + 8.585vw), 198.207px); height: clamp(30px, calc(6.378px + 1.64vw), 37.874px); }
    .header-right { max-width: clamp(886px, calc(188.362px + 48.447vw), 1118.546px); }
    .header .top-menu { max-width: clamp(886px, calc(188.362px + 48.447vw), 1118.546px); gap: clamp(98px, calc(20.835px + 5.359vw), 123.722px); }
    .header .top-menu > .top-menu__list {
        flex-basis: clamp(436px, calc(92.693px + 23.841vw), 550.436px); width: clamp(436px, calc(92.693px + 23.841vw), 550.436px); max-width: clamp(436px, calc(92.693px + 23.841vw), 550.436px);
        height: clamp(19px, calc(4.039px + 1.039vw), 23.987px); gap: clamp(23px, calc(4.89px + 1.258vw), 29.037px);
    }
    .header .top-menu__link {
        height: clamp(19px, calc(4.039px + 1.039vw), 23.987px); padding-bottom: 0;
        font-size: clamp(14px, calc(2.976px + 0.766vw), 17.675px); line-height: clamp(19px, calc(4.039px + 1.039vw), 23.987px);
    }
    .header .top-menu__link::after { height: clamp(3px, calc(0.638px + 0.164vw), 3.787px); border-radius: clamp(3px, calc(0.638px + 0.164vw), 3.787px); }

    .header .header-actions {
        flex-basis: clamp(352px, calc(74.835px + 19.248vw), 444.388px); width: clamp(352px, calc(74.835px + 19.248vw), 444.388px); height: clamp(40px, calc(8.504px + 2.187vw), 50.499px); gap: clamp(20px, calc(4.252px + 1.094vw), 25.249px);
    }
    .header .header-actions__contacts { flex-basis: clamp(157px, calc(33.378px + 8.585vw), 198.207px); width: clamp(157px, calc(33.378px + 8.585vw), 198.207px); height: clamp(40px, calc(8.504px + 2.187vw), 50.499px); }
    .header .header-actions .header-controls { width: clamp(157px, calc(33.378px + 8.585vw), 198.207px); height: clamp(35px, calc(7.441px + 1.914vw), 44.186px); }
    .header .header-actions .phones_wrap,
    .header .header-actions .telephone { width: clamp(130px, calc(27.638px + 7.108vw), 164.121px); height: clamp(19px, calc(4.039px + 1.039vw), 23.987px); }
    .header .header-actions .telephone,
    .header .header-actions .mail { font-size: clamp(14px, calc(2.976px + 0.766vw), 17.675px); line-height: clamp(19px, calc(4.039px + 1.039vw), 23.987px); }
    .header .header-actions .mail { width: clamp(157px, calc(33.378px + 8.585vw), 198.207px); height: clamp(19px, calc(4.039px + 1.039vw), 23.987px); margin-top: clamp(-3.787px, calc(-0.638px + -0.164vw), -3px); }
    .header .header-actions__callback,
    .header .header-actions__callback .callback-wrapper { width: clamp(175px, calc(37.205px + 9.569vw), 220.932px); height: clamp(40px, calc(8.504px + 2.187vw), 50.499px); flex-basis: clamp(175px, calc(37.205px + 9.569vw), 220.932px); }
    .header .header-actions__callback .btn-green,
    .header .header-actions__callback .callback-btn {
        width: clamp(175px, calc(37.205px + 9.569vw), 220.932px); min-width: clamp(175px, calc(37.205px + 9.569vw), 220.932px); max-width: clamp(175px, calc(37.205px + 9.569vw), 220.932px);
        height: clamp(40px, calc(8.504px + 2.187vw), 50.499px); min-height: clamp(40px, calc(8.504px + 2.187vw), 50.499px);
        padding: clamp(10px, calc(2.126px + 0.547vw), 12.625px) clamp(20px, calc(4.252px + 1.094vw), 25.249px); gap: clamp(5px, calc(1.063px + 0.273vw), 6.312px);
        border-radius: clamp(10px, calc(2.126px + 0.547vw), 12.625px); font-size: clamp(14px, calc(2.976px + 0.766vw), 17.675px); line-height: clamp(19px, calc(4.039px + 1.039vw), 23.987px);
    }
    .header .header-actions__callback .callback-btn img { width: clamp(20px, calc(4.252px + 1.094vw), 25.249px); height: clamp(20px, calc(4.252px + 1.094vw), 25.249px); flex-basis: clamp(20px, calc(4.252px + 1.094vw), 25.249px); }

}

@media (min-width: 1921px) and (min-device-width: 2200px) {
    .header {
        --desktop-header-top-space:
            clamp(
                24.499px,
                calc(-11.311849px + 3.219315vw),
                32px
            );
    }    
    .header .inner-width {
            width: 100%;

            max-width: clamp(
                1443px,
                calc(-292.890411px + 90.410959vw),
                2103px
            );

            margin-right: auto;
            margin-left: auto;
    }

    .header-content {
        display: flex;
        width: 100%;

        max-width: clamp(
            1439.213px,
            calc(-293.487055px + 90.244795vw),
            2098px
        );

        margin-right: auto;
        margin-left: auto;

        align-items: center;
        justify-content: space-between;

        gap: clamp(
            122.459px,
            calc(-26.251575px + 7.745342vw),
            179px
        );
    }


    /* ---------- Логотип ---------- */

    .header-left .logo {
        flex:
            0 0
            clamp(
                198.207px,
                calc(-40.591027px + 12.437397vw),
                289px
            );

        width: clamp(
            198.207px,
            calc(-40.591027px + 12.437397vw),
            289px
        );

        height: clamp(
            37.874px,
            calc(-7.169726px + 2.346027vw),
            55px
        );

        margin: 0;
    }

    .header-left .logo img {
        display: block;

        width: 100%;
        height: 100%;

        object-fit: contain;
    }


    /* ---------- Правая часть ---------- */

    .header-right {
        display: flex;

        flex:
            0 0
            clamp(
                1118.546px,
                calc(-226.648082px + 70.062192vw),
                1630px
            );

        width: clamp(
            1118.546px,
            calc(-226.648082px + 70.062192vw),
            1630px
        );

        max-width: clamp(
            1118.546px,
            calc(-226.648082px + 70.062192vw),
            1630px
        );

        align-items: center;
    }


    /* ---------- Меню + actions ---------- */

    .header .top-menu {
        display: flex;

        width: 100%;

        max-width: clamp(
            1118.546px,
            calc(-226.648082px + 70.062192vw),
            1630px
        );

        align-items: center;
        justify-content: flex-start;

        gap: clamp(
            123.722px,
            calc(-24.296849px + 7.709315vw),
            180px
        );
    }

    .header .top-menu > .top-menu__list {
        display: flex;

        flex:
            0 0
            clamp(
                550.436px,
                calc(-111.211781px + 34.460822vw),
                802px
            );

        width: clamp(
            550.436px,
            calc(-111.211781px + 34.460822vw),
            802px
        );

        max-width: clamp(
            550.436px,
            calc(-111.211781px + 34.460822vw),
            802px
        );

        height: clamp(
            23.987px,
            calc(-4.978699px + 1.508630vw),
            35px
        );

        margin: 0;
        padding: 0;

        align-items: center;

        gap: clamp(
            29.037px,
            calc(-5.057466px + 1.775753vw),
            42px
        );
    }

    .header .top-menu__link {
        height: clamp(
            23.987px,
            calc(-4.978699px + 1.508630vw),
            35px
        );

        padding-bottom: clamp(
            10.1px,
            calc(-2.787671px + 0.671233vw),
            15px
        );

        font-size: clamp(
            17.675px,
            calc(-4.220890px + 1.140411vw),
            26px
        );

        line-height: clamp(
            23.987px,
            calc(-4.978699px + 1.508630vw),
            35px
        );
    }

    .header .top-menu__link::after {
        height: clamp(
            3.787px,
            calc(-2.033493px + 0.303151vw),
            6px
        );

        border-radius: clamp(
            3.787px,
            calc(-2.033493px + 0.303151vw),
            6px
        );
    }


    /* ---------- Телефон + кнопка ---------- */

    .header .header-actions {
        display: flex;

        flex:
            0 0
            clamp(
                444.388px,
                calc(-91.139452px + 27.892055vw),
                648px
            );

        width: clamp(
            444.388px,
            calc(-91.139452px + 27.892055vw),
            648px
        );

        height: clamp(
            50.499px,
            calc(-11.311849px + 3.219315vw),
            74px
        );

        align-items: center;

        gap: clamp(
            25.249px,
            calc(-5.657740px + 1.609726vw),
            37px
        );
    }


    /* Телефон / email */

    .header .header-actions__contacts {
        flex:
            0 0
            clamp(
                198.207px,
                calc(-40.591027px + 12.437397vw),
                289px
            );

        width: clamp(
            198.207px,
            calc(-40.591027px + 12.437397vw),
            289px
        );

        height: clamp(
            50.499px,
            calc(-11.311849px + 3.219315vw),
            74px
        );
    }

    .header .header-actions .header-controls {
        width: clamp(
            198.207px,
            calc(-40.591027px + 12.437397vw),
            289px
        );

        height: clamp(
            44.186px,
            calc(-7.927534px + 2.714247vw),
            64px
        );
    }

    .header .header-actions .phones_wrap {
        width: clamp(
            164.121px,
            calc(-32.821027px + 10.257397vw),
            239px
        );

        height: clamp(
            23.987px,
            calc(-4.978699px + 1.508630vw),
            35px
        );
    }

    .header .header-actions .telephone {
        width: clamp(
            164.121px,
            calc(-32.821027px + 10.257397vw),
            239px
        );

        height: clamp(
            23.987px,
            calc(-4.978699px + 1.508630vw),
            35px
        );

        font-size: clamp(
            17.675px,
            calc(-4.220890px + 1.140411vw),
            26px
        );

        line-height: clamp(
            23.987px,
            calc(-4.978699px + 1.508630vw),
            35px
        );
    }

    .header .header-actions .mail {
        width: clamp(
            198.207px,
            calc(-40.591027px + 12.437397vw),
            289px
        );

        height: clamp(
            23.987px,
            calc(-4.978699px + 1.508630vw),
            35px
        );

        margin-top: clamp(
            -6px,
            calc(2.033493px - 0.303151vw),
            -3.787px
        );

        font-size: clamp(
            17.675px,
            calc(-4.220890px + 1.140411vw),
            26px
        );

        line-height: clamp(
            23.987px,
            calc(-4.978699px + 1.508630vw),
            35px
        );
    }


    /* ---------- Заказать звонок ---------- */

    .header .header-actions__callback {
        flex:
            0 0
            clamp(
                220.932px,
                calc(-44.890685px + 13.844932vw),
                322px
            );

        width: clamp(
            220.932px,
            calc(-44.890685px + 13.844932vw),
            322px
        );

        height: clamp(
            50.499px,
            calc(-11.311849px + 3.219315vw),
            74px
        );
    }

    .header .header-actions__callback .callback-wrapper {
        width: clamp(
            220.932px,
            calc(-44.890685px + 13.844932vw),
            322px
        );

        height: clamp(
            50.499px,
            calc(-11.311849px + 3.219315vw),
            74px
        );
    }

    .header .header-actions__callback .btn-green,
    .header .header-actions__callback .callback-btn {
        width: clamp(
            220.932px,
            calc(-44.890685px + 13.844932vw),
            322px
        );

        min-width: clamp(
            220.932px,
            calc(-44.890685px + 13.844932vw),
            322px
        );

        max-width: clamp(
            220.932px,
            calc(-44.890685px + 13.844932vw),
            322px
        );

        height: clamp(
            50.499px,
            calc(-11.311849px + 3.219315vw),
            74px
        );

        min-height: clamp(
            50.499px,
            calc(-11.311849px + 3.219315vw),
            74px
        );

        padding:
            clamp(
                12.625px,
                calc(-1.511986px + 0.736301vw),
                18px
            )
            clamp(
                25.249px,
                calc(-5.657740px + 1.609726vw),
                37px
            );

        gap: clamp(
            6.312px,
            calc(-0.757808px + 0.368219vw),
            9px
        );

        border-radius: clamp(
            12.625px,
            calc(-1.511986px + 0.736301vw),
            18px
        );

        font-size: clamp(
            17.675px,
            calc(-4.220890px + 1.140411vw),
            26px
        );

        line-height: clamp(
            23.987px,
            calc(-4.978699px + 1.508630vw),
            35px
        );
    }

    .header .header-actions__callback .callback-btn img {
        flex:
            0 0
            clamp(
                25.249px,
                calc(-5.657740px + 1.609726vw),
                37px
            );

        width: clamp(
            25.249px,
            calc(-5.657740px + 1.609726vw),
            37px
        );

        height: clamp(
            25.249px,
            calc(-5.657740px + 1.609726vw),
            37px
        );
    }

}