/* stylelint-disable selector-max-universal */

body {
    height: 100%;
    min-height: 100%;
    font-family: 'YS Text';
    font-family: var(--font-family-additional);
    font-size: 17px;
    font-size: var(--font-size-b0);
    font-feature-settings: 'pnum';
    font-variant-numeric: proportional-nums;
    -webkit-font-smoothing: antialiased;
    background: linear-gradient(180deg, #F2F7FB 0%, #DCF0FF 150.74%);
    background: linear-gradient(180deg, var(--blue1) 0%, var(--blue2) 150.74%);
}

html {
    scroll-behavior: smooth;
}

img {
    pointer-events: none;
    -webkit-user-select: none;
            user-select: none;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
}

/* stylelint-disable-next-line selector-max-id */
#app {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;

    @media (--mobile) {
        -webkit-user-select: none;
                user-select: none;
    }
}

@font-face {
    font-family: 'YS Text';
    font-style: normal;
    font-weight: normal;
    src: url(//st.avto.ru/pdd-front/_/5b3a85021efcfe0b8efa.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'YS Text';
    font-style: normal;
    font-weight: 500;
    src: url(//st.avto.ru/pdd-front/_/fd82028209e90f356054.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'YS Text';
    font-style: normal;
    font-weight: bold;
    src: url(//st.avto.ru/pdd-front/_/29036cce06c2c28eca48.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'YS Geo';
    font-style: normal;
    font-weight: normal;
    src: url(//st.avto.ru/pdd-front/_/1b1e8e26873f369420c0.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'YS Geo';
    font-style: normal;
    font-weight: 500;
    src: url(//st.avto.ru/pdd-front/_/443a65dfc1f39e941fd2.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'YS Geo';
    font-style: normal;
    font-weight: bold;
    src: url(//st.avto.ru/pdd-front/_/fccf16dea9aea7096bac.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'YS Geo';
    font-style: normal;
    font-weight: 900;
    src: url(//st.avto.ru/pdd-front/_/47af0982def544e49f25.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'YS Text Wide';
    font-weight: normal;
    src: url(//st.avto.ru/pdd-front/_/a57bda9b98c41126298b.woff2) format('woff2'),
         url(//st.avto.ru/pdd-front/_/2e54e32df57926d55c9b.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'YS Text Wide';
    font-weight: 900;
    src: url(//st.avto.ru/pdd-front/_/5fd0383343d75e7ade89.woff2) format('woff2'),
         url(//st.avto.ru/pdd-front/_/26f1a8a613bf205d431d.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'YS Text Wide';
    font-weight: bold;
    src: url(//st.avto.ru/pdd-front/_/c9e24771812ea34e8d22.woff2) format('woff2'),
         url(//st.avto.ru/pdd-front/_/54392a5b1a4161a63dc3.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Auto Dots';
    src: url(//st.avto.ru/pdd-front/_/66b7646c225529e265f9.otf);
    src: url(//st.avto.ru/pdd-front/_/c2a16c163891d385c849.woff) format('woff');
    src: url(//st.avto.ru/pdd-front/_/eb226a5abe615a793949.woff2) format('woff2');
}

:root {
    --unit-base: 4px; /* При смене значения, не забудь поменять в константах */
    --unit-x0: 0;
    --unit-x1: var(--unit-base); /* 4 */
    --unit-x2: calc(var(--unit-base) * 2); /* 8 */
    --unit-x3: calc(var(--unit-base) * 3); /* 12 */
    --unit-x4: calc(var(--unit-base) * 4); /* 16 */
    --unit-x5: calc(var(--unit-base) * 5); /* 20 */
    --unit-x6: calc(var(--unit-base) * 6); /* 24 */
    --unit-x7: calc(var(--unit-base) * 7); /* 28 */
    --unit-x8: calc(var(--unit-base) * 8); /* 32 */
    --unit-x9: calc(var(--unit-base) * 9); /* 36 */
    --unit-x10: calc(var(--unit-base) * 10); /* 40 */
    --unit-x11: calc(var(--unit-base) * 11);
    --unit-x12: calc(var(--unit-base) * 12);
    --unit-x13: calc(var(--unit-base) * 13);
    --unit-x14: calc(var(--unit-base) * 14);
    --unit-x15: calc(var(--unit-base) * 15);
    --unit-x20: calc(var(--unit-base) * 20);
    --unit-x25: calc(var(--unit-base) * 25);
    --unit-x30: calc(var(--unit-base) * 30);
    --sections-space: var(--unit-x25);
    --unit-radius-smaller: 4px;
    --unit-radius-small: 12px;
    --unit-radius-medium: 16px;
    --unit-radius-large: 24px;
    --unit-radius-full: 100%;
    --unit-container-xsmall: 600px;
    --unit-container-small: 760px;
    --unit-container-medium: 966px;
    --unit-container-large: 1220px;
    --unit-container-xlarge: 1340px;
    --unit-border-small: 1px;
    --page-navigation-tags-layer: 3;
    --mobile-footer-height: 273px;
    --desktop-footer-height: 140px;
    --header-landing-height: 72px;
    --header-padding-top: var(--unit-x4);
    --header-height: var(--unit-x8);
    --header-space-bottom: var(--unit-x2);

    /* Total: 64 */

    @media (max-width: 747px) and (min-width: 390px) and (max-aspect-ratio: 390/800) {
        --header-padding-top: var(--unit-x8);
        --header-space-bottom: var(--unit-x7);

         /* Total: 124 */
    }

    @media (min-width: 747px) {
        --header-height: var(--unit-x10);
        --header-padding-top: var(--unit-x10);
        --header-space-bottom: 10px;

        /* Total: 130 */
    }

    @media (max-width: 320px) {
        --header-padding-top: var(--unit-x2);
    }

    /* Актуальные цвета */
    --white: #fff;
    --gray: #F3F3F3;
    --blue1: #F2F7FB;
    --blue2: #DCF0FF;
    --blue3: #B6E1FF;
    --blue4: #87C3EE;
    --blue5: #EEF5FB;
    --success-color: #36B555;
    --failure-color: #FCC;
    --text-primary-color: #1A1E21;
    --black: #1e1e1e;
    --secondary-text-black-02: rgb(26 30 33 / 30%);
    --secondary-text-black-03: rgb(26 30 33 / 65%);
    --foreground-secondary: rgb(28 33 40 / 60%);
    --foreground-tertiary: rgb(12 18 28 / 30%);
    --auto-red: #e60000;
    --overlay-quinary-dark-static: rgb(0 0 0 / 5%);
    --winter-haven: #e0e6eb;
    --backdrop: rgb(0 0 0 / 80%);
    --secondary-color: #000;

    /* Неактуальные цвета */;
    --text-secondary-color: #000;
    --secondary-bg-color: #eaeaea;

    /* Font family */
    --font-family-base: 'YS Geo', sans-serif;
    --font-family-additional: 'YS Text';
    --font-family-wide: 'YS Text Wide Bold', sans-serif;

    /* Актуальные размеры */
    --font-size-caption: 11px;
    --line-height-caption: 12px;
    --font-weight-caption: 400;
    --font-size-b0: 17px;
    --line-height-b0: 24px;
    --font-weight-b0: 500;
    --font-size-b1: 15px;
    --line-height-b1: 20px;
    --font-weight-b1: 500;
    --font-size-b2: 13px;
    --line-height-b2: 16px;
    --font-weight-b2: 500;
    --font-size-h1: 47px;
    --line-height-h1: 52px;
    --font-weight-h1: 700;
    --font-size-h2: 34px;
    --line-height-h2: 36px;
    --font-weight-h2: 700;
    --font-size-h3: 28px;
    --line-height-h3: 32px;
    --font-weight-h3: 700;
    --font-size-h4: 24px;
    --line-height-h4: 28px;
    --font-weight-h4: 700;
    --font-size-h5: 20px;
    --line-height-h5: 24px;
    --font-weight-h5: 700;
    --font-size-sub: 17px;
    --line-height-sub: 28px;
    --font-weight-sub: 500;

    /* Прочее */
    --back-z-index: -1;
    --background-z-index: 100;
    --content-z-index: 999;
    --modal-z-index: 9999;
    --popup-z-index: 9999;
    --tutorial-z-index: 100000;
    --font-size-2xl: 50px;
    --font-weight-2xl: 900;
    --line-height-2xl: 44px;
    --font-size-3xl: 100px;
    --font-weight-3xl: 900;
    --line-height-3xl: 88px;
    --primary-text-size: var(--font-size-b0);

    @media screen and (max-width: 747px) {
        --primary-text-size: var(--font-size-b0);
    }
}

.Butterfly-module__butterfly__qJsS {
    width: 42px;
    height: 42px;
    padding: 0;
    margin: 0;
    border: 0;
}

.YndxBug-Body {
    bottom: 0;
    left: 0;
}

.Devtools-module__root__acSq {
    position: absolute;
    bottom: 16px;
}

.PageLayout-module__container__XWhx {
    position: relative;
    min-height: 100svh;
    overflow: clip;
}

.PageLayout-module__content__P4SA {
    position: relative;
    z-index: 999;
    z-index: var(--content-z-index);
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100svh;
}

.PageLayout-module__paddings__vv66 {
    padding: 0 calc(4px * 4) calc(4px * 8);
    padding: 0 var(--unit-x4) var(--unit-x8);
}

@supports (min-height: 100dvh) {
    .PageLayout-module__container__XWhx {
        min-height: 100dvh;
    }

    .PageLayout-module__content__P4SA {
        min-height: 100dvh;
    }
}

:root {
    --primary-header-font-size: var(--font-size-h5);
    --primary-header-line-height: var(--line-height-h5);
}

.PrimaryHeader-module__main__IjrV {
    z-index: 1;
    font-family: 'YS Geo', sans-serif;
    font-family: var(--font-family-base);
    font-size: 20px;
    font-size: var(--primary-header-font-size);
    font-weight: 700;
    font-weight: var(--font-weight-h5);
    line-height: 24px;
    line-height: var(--primary-header-line-height);
    color: #000;
    color: var(--text-secondary-color);
}

@media (min-width: 747px) {
    :root {
        --primary-header-font-size: var(--font-size-b1);
        --primary-header-line-height: var(--line-height-b1);
    }
}

.Button-module__root__JiYz {
    --border-radius: var(--unit-radius-medium);
    --background-color: inherit;
    --button-base-height: 54px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--button-base-height);
    padding: calc(4px * 2) calc(4px * 4);
    padding: var(--unit-x2) var(--unit-x4);
    font-family: 'YS Text';
    font-family: var(--font-family-additional);
    font-size: 17px;
    font-size: var(--font-size-b0);
    font-weight: 500;
    font-weight: var(--font-weight-b0);
    line-height: 24px;
    line-height: var(--line-height-b0);
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
            user-select: none;
    background-color: var(--background-color);
    border: none;
    border-radius: var(--border-radius);
    transition:
        background-color 0.15s ease,
        opacity 0.15s ease,
        transform 0.10s ease;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;

    @media (min-width: 747px) {
        position: relative;
        padding: calc(4px * 3) calc(4px * 6);
        padding: var(--unit-x3) var(--unit-x6);

        &:hover {
            position: relative;

            &::after {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                content: '';
                background-color: rgb(255 255 255 / 35%);
                border-radius: var(--border-radius);
            }
        }
    }

    &:active {
        transform: scale(0.95);
    }

    &:disabled {
        cursor: not-allowed;
    }
}

.Button-module__child__wX7r {
    pointer-events: none;
}

.Button-module__size_72__VcsH {
    height: 72px;
}

.Button-module__size_64__riwh {
    height: 64px;
}

.Button-module__size_56__q9mJ {
    height: 56px;
}

.Button-module__size_48__r1gj {
    height: 48px;
}

.Button-module__size_40__cWkF {
    height: 40px;
}

.Button-module__size_32__VujV {
    height: 32px;
}

.Button-module__size_auto__CeF_ {
    height: auto;
}

.Button-module__size_responsive__ywZ9 {
    height: 56px;

    @media (min-width: 747px) {
        height: 64px;
    }
}

.Button-module__black__eQDD {
    color: #fff;
    color: var(--white);
    background: #000;
    background: var(--secondary-color);
}

.Button-module__transparent__mz6P {
    color: #000;
    color: var(--secondary-color);
    background-color: transparent;
}

.Button-module__white__wh5C {
    color: #1e1e1e;
    color: var(--black);
    background-color: #fff;
    background-color: var(--white);
}

.Button-module__blue__ULKr {
    background-color: #DCF0FF;
    background-color: var(--blue2);
}

.Button-module__disabled__hmod {
    color: rgb(28 33 40 / 60%);
    pointer-events: none;
    background: rgb(73 84 104 / 10%);
}

.Button-module__fullWidth__BLeO {
    width: 100%;
}

@media (max-width: 320px) {
    /* На остальных устройствах все помещается в 1 экран, но на маленьких появляется скролл */
    .Button-module__disabled__hmod {
        background: #BABBBC;
    }
}

.Link-module__link__u1QM {
    font-family: var(--font-family-text);
    font-size: 17px;
    font-size: var(--primary-text-size);
    font-weight: normal;
    line-height: 24px;
    line-height: var(--line-height-b0);
    color: #0000004d;
    text-decoration: none;
}

.style-module__root__YBI6 {
    cursor: pointer;
}

.CloseIcon-module__blackIcon__WgEc {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    padding: 0;
    color: rgb(12 18 28 / 30%);
    color: var(--foreground-tertiary);
    background-color: rgb(0 0 0 / 5%);
    background-color: var(--overlay-quinary-dark-static);
    border-radius: 50%
}

.CloseIcon-module__whiteIcon__docR {
    color: #fff;
    color: var(--white);
}

.CloseIcon-module__svg__gwIu {
    display: block;
}

.NavMenuContent-module__mainText__ISEX,
.NavMenuContent-module__body__I4Dz,
.NavMenuContent-module__links__oPmO,
.NavMenuContent-module__extLinks__w16f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.NavMenuContent-module__extLinks__w16f {
    gap: 50px;

    &.NavMenuContent-module__panel__f0L5 {
        gap: 47px;

        @media (min-width: 747px) {
            gap: 50px;
        }
    }

    &.NavMenuContent-module__footer__MtPR {
        @media (min-width: 747px) {
            flex-direction: row;
            align-items: end;
            justify-content: space-between;
            max-width: 856px;
        }
    }
}

.NavMenuContent-module__mainText__ISEX {
    gap: calc(4px * 10);
    gap: var(--unit-x10);

    &.NavMenuContent-module__panel__f0L5 {
        gap: calc(4px * 14);
        gap: var(--unit-x14);

        @media (min-width: 747px) {
            gap: calc(4px * 10);
            gap: var(--unit-x10);
        }
    }

    &.NavMenuContent-module__footer__MtPR {
        @media (min-width: 747px) {
            flex-direction: row;
            justify-content: space-between;
            width: 100%;
            max-width: 624px;
        }
    }
}

.NavMenuContent-module__links__oPmO {
    gap: 4px;
    gap: var(--unit-x1);

    &.NavMenuContent-module__panel__f0L5 {
        gap: calc(4px * 3);
        gap: var(--unit-x3);
    }

    &.NavMenuContent-module__footer__MtPR {
        @media (min-width: 747px) {
            width: auto;
        }
    }
}

.NavMenuContent-module__body__I4Dz {
    gap: calc(4px * 2);
    gap: var(--unit-x2);

    &.NavMenuContent-module__footer__MtPR {
        @media (min-width: 747px) {
            gap: 15px;
            width: auto;
        }
    }
}

.NavMenuContent-module__header__ZNUM {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: max-content;

    &.NavMenuContent-module__footer__MtPR {
        @media (min-width: 747px) {
            flex-direction: column;
            gap: 34px;
            align-items: flex-start;
            justify-content: flex-start;
            width: auto;
        }
    }
}

.NavMenuContent-module__headerLogo__Q3u7 {
    display: flex;
    gap: calc(4px * 3);
    gap: var(--unit-x3);
    align-items: center;

    &.NavMenuContent-module__panel__f0L5 {
        @media (min-width: 747px) {
            justify-content: space-between;
            width: 100%;
        }
    }
}

.NavMenuContent-module__logo__qHzo {
    height: 16px;

    &.NavMenuContent-module__panel__f0L5 {
        height: 14px;

        @media (min-width: 747px) {
            height: 24px;
        }
    }

    @media (min-width: 747px) {
        height: 37px;
    }
}

.NavMenuContent-module__closeIcon__X47B {
    width: 16px;
    height: 16px;

    @media (min-width: 747px) {
        width: 22px;
        height: 22px;
    }
}

.NavMenuContent-module__socials__jK0o {
    display: flex;
    gap: calc(4px * 3);
    gap: var(--unit-x3);
    align-items: flex-start;
    width: max-content;
}

.NavMenuContent-module__footerLinks__wXnH {
    display: flex;
    flex-wrap: wrap;
    gap: calc(4px * 3) 45px;
    gap: var(--unit-x3) 45px;
    place-content: flex-end space-between;
    align-items: flex-end;
    align-self: stretch;

    &.NavMenuContent-module__panel__f0L5 {
        @media (min-width: 747px) {
            gap: 14px 17px;
            max-width: 439px;
        }
    }

    &.NavMenuContent-module__footer__MtPR {
        @media (min-width: 747px) {
            gap: 15px;
            justify-content: flex-start;
        }

        @media (min-width: 1116px) {
            gap: 24px;
        }
    }
}

.NavMenuContent-module__backButton__mG6Y {
    width: auto;
    height: auto;
    padding: 0;
}

.NavMenuContent-module__backButtonText__rvPG {
    display: flex;
    gap: 3px;
    align-items: center;
    font-size: 11px;
    font-size: var(--font-size-caption);
    line-height: 12px;
    line-height: var(--line-height-caption);
    color: #fff;
    color: var(--white);

    @media (min-width: 747px) {
        gap: 7px;
        font-size: 16px;
        line-height: 23px;
        letter-spacing: -0.32px;
    }
}

.NavMenuContent-module__arrow__VENo {
    width: 7px;
    height: 7px;

    @media (min-width: 747px) {
        width: 9px;
        height: 9px;
    }
}

.NavMenuContent-module__shareBtn__JDRk {
    width: auto;
    padding: 0;
}

.NavMenuContent-module__link__lp_m {
    font-size: 13px;
    font-size: var(--font-size-b2);
    font-weight: 500;
    font-weight: var(--font-weight-b2);
    line-height: 16px;
    line-height: var(--line-height-b2);
    color: #fff;
    color: var(--white);

    &.NavMenuContent-module__panel__f0L5 {
        @media (min-width: 747px) {
            font-size: 15px;
            font-size: var(--font-size-b1);
            line-height: 20px;
            line-height: var(--line-height-b1);
        }
    }

    &.NavMenuContent-module__footer__MtPR {
        @media (min-width: 747px) {
            font-size: 12px;
            font-weight: 400;
            font-weight: var(--font-weight-caption);
            line-height: 12px;
            letter-spacing: -0.24px;
        }
    }

    @media (min-width: 747px) {
        font-size: 16px;
        line-height: 23px;
        letter-spacing: -0.32px;
    }
}

.NavMenuContent-module__linkPanel__cRQm {
    font-family: 'YS Geo', sans-serif;
    font-family: var(--font-family-base);
    font-size: 24px;
    font-size: var(--font-size-h4);
    font-weight: 500;
    font-weight: var(--font-weight-b2);
    line-height: 28px;
    line-height: var(--line-height-h4);
    color: #fff;
    color: var(--white);
    transition: opacity .15s ease;

    &:hover,
    &:focus-visible {
        opacity: 0.6;
    }

    @media (min-width: 747px) {
        font-size: 28px;
        font-size: var(--font-size-h3);
        line-height: 32px;
        line-height: var(--line-height-h3);
    }
}

.NavMenuContent-module__share__KaAS {
   opacity: 0.7;
}

.NavMenuContent-module__shareTitle__BeUj {
    max-width: 300px;
    font-size: 13px;
    font-size: var(--font-size-b2);
    line-height: 16px;
    line-height: var(--line-height-b2);
    color: #fff;
    color: var(--white);

    &.NavMenuContent-module__panel__f0L5 {
        @media (min-width: 747px) {
            font-size: 15px;
            font-size: var(--font-size-b1);
            line-height: 20px;
            line-height: var(--line-height-b1);
        }
    }

    &.NavMenuContent-module__footer__MtPR {
        @media (min-width: 747px) {
            font-size: 12px;
            line-height: 24px;
            letter-spacing: -0.24px;
        }
    }
}

.NavMenuContent-module__footerLink__lvZI {
    font-size: 11px;
    font-size: var(--font-size-caption);
    line-height: 12px;
    line-height: var(--line-height-caption);
    color: #fff;
    color: var(--white);

    &.NavMenuContent-module__panel__f0L5 {
        @media (min-width: 747px) {
            font-size: 13px;
            font-size: var(--font-size-b2);
            line-height: 16px;
            line-height: var(--line-height-b2);
        }
    }

    &.NavMenuContent-module__footer__MtPR {
        @media (min-width: 747px) {
            font-size: 12px;
            line-height: 20px;
        }

        @media (min-width: 1116px) {
            &:last-child {
                margin-left: 24px;
            }
        }
    }
}

.NavMenuContent-module__normal__u9Pe {
    font-weight: 400;
    font-weight: var(--font-weight-caption);
}

@media (min-width: 747px) {
    .NavMenuContent-module__closeIconBtn__t7M7 {
        order: 2;
    }
}

.NavMenuContent-module__disclaimer__D1iQ {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 24px;
}

.SideMenu-module__root__eMR1 {
    position: fixed;
    inset: 0;
    z-index: 9999;
    z-index: var(--modal-z-index);
    display: flex;
    flex-direction: column;
    gap: 47px;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 32px 15px 21px;
    overflow: hidden;
    overscroll-behavior: contain;
    pointer-events: none;
    background-color: #e60000;
    background-color: var(--auto-red);
    opacity: 0;
    transform: translateX(-100%);
    transition: transform .2s ease-out;
}

.SideMenu-module__backdrop__iize {
    display: none;
}

.SideMenu-module__open__sc1K {
    pointer-events: auto;
    opacity: 1;
    transform: translateX(0);
}

.SideMenu-module__close__jBYx {
    opacity: 0;
    transform: translateX(-100%);
}

@media (min-width: 747px) {
    .SideMenu-module__backdrop__iize {
        position: absolute;
        inset: 0;
        z-index: 9999;
        z-index: var(--popup-z-index);
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgb(0 0 0 / 80%);
        background-color: var(--backdrop);
        opacity: 1;
        transition: height 0ms 0ms, opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    }

    .SideMenu-module__backdrop__iize.SideMenu-module__hidden__fCcX {
        height: 0;
        overflow: hidden;
        opacity: 0;
        transition: height 0ms 225ms, opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    }

    .SideMenu-module__root__eMR1 {
        inset: 0 0 auto auto;
        gap: 50px;
        width: 551px;
        padding: calc(4px * 10);
        padding: var(--unit-x10);
        transform: translateX(0);
    }

    .SideMenu-module__close__jBYx {
        transform: translateX(100%);
    }

}

.AppHeader-module__main__HbMN {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: max-content;
    margin-bottom: calc(calc(4px * 8) + calc(4px * 4)*2 + calc(4px * 2));
    margin-bottom: calc(var(--header-height) + var(--header-padding-top)*2 + var(--header-space-bottom));
}

.AppHeader-module__topRowBg__jK0A {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    z-index: var(--background-z-index);
    width: 100%;
    height: calc(calc(4px * 8) + calc(4px * 4)*2);
    height: calc(var(--header-height) + var(--header-padding-top)*2);
    pointer-events: none;
    background-color: #F2F7FB;
    background-color: var(--blue1);

    @media(min-width: 747px) {
        &.AppHeader-module__landing__j1W9 {
            background-color: #EEF5FB;
            background-color: var(--blue5);
        }
    }
}

.AppHeader-module__topRow__Cp9G {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    z-index: var(--popup-z-index);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: calc(4px * 4) calc(4px * 4);
    padding: var(--header-padding-top) var(--unit-x4);
}

.AppHeader-module__btnContainer__cz6S,
.AppHeader-module__statsContainer__rq3I {
    position: relative;
    z-index: 1;
}

.AppHeader-module__btnContainer__cz6S {
    display: flex;
    gap: calc(4px * 2);
    gap: var(--unit-x2);
    align-items: center;
}

.AppHeader-module__openSideMenuBtn__FXA9 {
    flex-shrink: 0;
    width: 20px;
    height: 14px;
}

.AppHeader-module__logo__r6Gn {
    width: 100px;
    height: 19px;
}

.AppHeader-module__autoruCar__E2BO {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    aspect-ratio: 1/1;
    background-color: #e60000;
    background-color: var(--auto-red);
    border-radius: 400px;
}

.AppHeader-module__autoruCarIcon__XtQr {
    width: 24px;
    height: 13px
}

.AppHeader-module__statsContainer__rq3I {
    display: flex;
    gap: 4px;
    gap: var(--unit-x1);
    align-items: center;
}

.AppHeader-module__starsWrapper__Z6n8,
.AppHeader-module__heartWrapper__dXAN {
    position: relative;
}

.AppHeader-module__buttonReset__jHm1 {
    padding: 0;
}

.AppHeader-module__buttonInnerContainer__B727 {
    display: flex;
    gap: 2px;
    align-items: center;
}

.AppHeader-module__icon__Yv1K {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    aspect-ratio: 1/1;
}

.AppHeader-module__statValue__h36P {
    font-family: 'YS Geo', sans-serif;
    font-family: var(--font-family-base);
    font-size: 20px;
    font-size: var(--font-size-h5);
    font-weight: 700;
    font-weight: var(--font-weight-h5);
    line-height: 24px;
    line-height: var(--line-height-h5);
    color: #1A1E21;
    color: var(--text-primary-color);
    text-align: center;
}

.AppHeader-module__statMax__BN8W {
    font-family: 'YS Text';
    font-family: var(--font-family-additional);
    font-size: 13px;
    font-size: var(--font-size-b2);
    font-weight: 700;
    font-weight: var(--font-weight-h2);
    line-height: 16px;
    line-height: var(--line-height-b2);
    color: rgb(26 30 33 / 30%);
    color: var(--secondary-text-black-02);
    text-align: center;
}

@media (min-width: 747px) {
    .AppHeader-module__topRow__Cp9G {
        padding-inline: max(80px, calc((100% - 1340px) / 2));
        padding-inline: max(80px, calc((100% - var(--unit-container-xlarge)) / 2));
    }

    .AppHeader-module__autoruCarIcon__XtQr {
        width: 32px;
        height: 16px;
    }

    .AppHeader-module__autoruCar__E2BO {
        width: 40px;
        height: 40px;
    }

    .AppHeader-module__icon__Yv1K {
        width: 40px;
        height: 40px;
    }

    .AppHeader-module__statValue__h36P {
        font-size: 28px;
        font-size: var(--font-size-h3);
        line-height: 32px;
        line-height: var(--line-height-h3);
    }

    .AppHeader-module__statMax__BN8W {
        font-size: 17px;
        font-size: var(--font-size-b0);
        line-height: 24px;
        line-height: var(--line-height-b0);
    }

    .AppHeader-module__openSideMenuBtn__FXA9 {
        width: 35px;
        height: 20px;
    }

    .AppHeader-module__logo__r6Gn {
        width: 160px;
        height: 24px
    }

    .AppHeader-module__btnContainer__cz6S {
        gap: 0;
    }
}

.AppHeader-module__tooltipStars__MW29,
.AppHeader-module__tooltipHeart__wLLr {
    width: 203px;
    text-align: center;
    transform: translateX(-81%);
}

.AppHeader-module__tooltipHeart__wLLr {
    transform: translateX(-86%);
}

.AppHeader-module__tooltipHeartTriangle__UsT6 {
    right: 11%;
}

.AppHeader-module__tooltipStarsTriangle__N50w {
    right: 22%;
}

@media (max-width: 320px) {
    .AppHeader-module__main__HbMN {
        margin-bottom: 54px;
    }
}

.Footer-module__root__EtZ7 {
    position: static;
    display: flex;
    flex-direction: column;
    gap: calc(4px * 10);
    gap: var(--unit-x10);
    align-items: flex-start;
    width: 100%;
    padding: 41px 11px 27px 16px;
    background-color: #e60000;
    background-color: var(--auto-red);
}

.Footer-module__mobileDisabled__TFWQ {
    display: none;
}

@media (min-width: 747px) {
    .Footer-module__root__EtZ7 {
        gap: 70px;
        justify-content: space-between;
        padding: 60px 0 50px;
        padding-inline: max(80px, calc((100% - 1340px) / 2));
        padding-inline: max(80px, calc((100% - var(--unit-container-xlarge)) / 2));
    }

    .Footer-module__mobileDisabled__TFWQ {
        display: flex;
    }
}

.style-module__container__QwRp {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;

    /* Сдвигаем вверх на высоту хедера */
    margin-top: calc(-1*calc(calc(4px * 8) + calc(4px * 4)*2 + calc(4px * 2)));
    margin-top: calc(-1*calc(var(--header-height) + var(--header-padding-top)*2 + var(--header-space-bottom)));
}

.style-module__wrapper__azyV {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.style-module__title__FwNd {
    font-size: 17px;
    font-size: var(--font-size-sub);
    font-weight: 700;
    font-weight: var(--font-weight-h1);
    line-height: 20px;
    line-height: var(--line-height-b1);
    color: #1A1E21;
    color: var(--text-primary-color);
    text-align: center;
}

.style-module__img__HPLn {
    width: auto;
    height: 175px;

    @media (max-width: 376px) {
        width: 100%;
        max-width: 300px;
        height: auto;
    }
}

.style-module__btnWrapper__fQ1l {
    width: 100%;
    padding: calc(4px * 2) calc(4px * 4) calc(4px * 8);
    padding: var(--unit-x2) var(--unit-x4) var(--unit-x8);
}

@media (min-width: 747px) {
    .style-module__container__QwRp {
        display: grid;
        grid-template-rows: 1fr auto 1fr;
        justify-items: center;
    }

    .style-module__wrapper__azyV {
        flex-grow: 0;
        grid-row: 2;
        align-self: center;
    }

    .style-module__btnWrapper__fQ1l {
        grid-row: 3;
        place-self: center center;
        width: 400px;
        padding: calc(4px * 4) 0;
        padding: var(--unit-x4) 0;
    }

    .style-module__title__FwNd {
        margin-top: -15px;
        font-size: 24px;
        font-size: var(--font-size-h4);
        line-height: 28px;
        line-height: var(--line-height-h4);
    }

    .style-module__img__HPLn {
        width: auto;
        max-width: none;
        height: 350px;
    }
}

.LandingLocatinonPreview-module__root__Dbd3 {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
}

.LandingLocatinonPreview-module__topSection__FptN {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.LandingLocatinonPreview-module__header__oPOb {
    text-align: center;
}

.LandingLocatinonPreview-module__title__Rbqw {
    margin-bottom: calc(4px * 6);
    margin-bottom: var(--unit-x6);
    font-family: 'YS Geo', sans-serif;
    font-family: var(--font-family-base);
    font-size: 50px;
    font-size: var(--font-size-2xl);
    font-weight: 900;
    font-weight: var(--font-weight-2xl);
    font-variant-numeric: lining-nums proportional-nums;
    line-height: 44px;
    line-height: var(--line-height-2xl);
    color: #1A1E21;
    color: var(--text-primary-color);
    text-transform: uppercase;
}

.LandingLocatinonPreview-module__subtitle__VyiI {
    max-width: 315px;
    margin: 0 auto 16px;
    font-family: 'YS Text';
    font-family: var(--font-family-additional);
    font-size: 13px;
    font-size: var(--font-size-b2);
    font-weight: 500;
    font-weight: var(--font-weight-b2);
    font-variant-numeric: lining-nums proportional-nums;
    line-height: 16px;
    line-height: var(--line-height-b2);
    color: rgb(26 30 33 / 65%);
    color: var(--secondary-text-black-03);
    text-align: center;
}

.LandingLocatinonPreview-module__image__ewCb {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
}

.LandingLocatinonPreview-module__firstTimeImage__hmaW {
    position: absolute;
    top: 320px;
    z-index: -1;
    z-index: var(--back-z-index);
    width: 100vw;
    margin-left: -16px;
}


@media (max-width: 390px) {
    .LandingLocatinonPreview-module__firstTimeImage__hmaW {
        z-index: -1;
        width: 100vw;
    }
}

@media (max-width: 320px) {
    .LandingLocatinonPreview-module__title__Rbqw {
        margin-bottom: calc(4px * 4);
        margin-bottom: var(--unit-x4);
        font-size: 34px;
        font-size: var(--font-size-h2);
        line-height: 36px;
        line-height: var(--line-height-h2);
    }

    .LandingLocatinonPreview-module__root__Dbd3 {
        padding-bottom: 0;
    }
}

@media (max-width: 746px) and (max-height: 699px) {
    .LandingLocatinonPreview-module__image__ewCb {
        object-position: top;
    }

    .LandingLocatinonPreview-module__topSection__FptN {
        flex: 1;
    }
}

@media (max-width: 747px) and (min-width: 390px) and (max-aspect-ratio: 390/800) {
    .LandingLocatinonPreview-module__subtitle__VyiI {
        margin-bottom: 32px;
    }

    .LandingLocatinonPreview-module__title__Rbqw {
        margin-bottom: calc(4px * 8);
        margin-bottom: var(--unit-x8);
        font-size: 70px;
        line-height: 55px;
    }

    .LandingLocatinonPreview-module__firstTimeImage__hmaW {
        top: 400px;
    }
}

@media (min-width: 747px) {
    .LandingLocatinonPreview-module__root__Dbd3 {
        max-width: 1340px;
        max-width: var(--unit-container-xlarge);
        padding: 0 calc(4px * 4);
        padding: 0 var(--unit-x4);
        margin: 0 auto;
    }

    .LandingLocatinonPreview-module__topSection__FptN {
        position: relative;
        flex-direction: row;
        justify-content: flex-start;
        width: 100%;
        min-width: 1340px;
        min-width: var(--unit-container-xlarge);
        margin-bottom: calc(4px * 9);
        margin-bottom: var(--unit-x9);
    }

    .LandingLocatinonPreview-module__button__pKy6 {
        max-width: 400px;
    }

    .LandingLocatinonPreview-module__firstTimeImage__hmaW {
        position: relative;

        /* Отступ хедера */
        top: 40px;
        left: initial;
    }

    .LandingLocatinonPreview-module__header__oPOb {
        flex-shrink: 0;
        width: 760px;
        padding: calc(4px * 20) 0 0;
        padding: var(--unit-x20) 0 0;
        text-align: left;
    }

    .LandingLocatinonPreview-module__title__Rbqw {
        margin-bottom: calc(4px * 9);
        margin-bottom: var(--unit-x9);
        font-size: 100px;
        font-size: var(--font-size-3xl);
        font-weight: 900;
        font-weight: var(--font-weight-3xl);
        line-height: 88px;
        line-height: var(--line-height-3xl);
    }

    .LandingLocatinonPreview-module__subtitle__VyiI {
        max-width: 540px;
        margin: 0;
        font-size: 20px;
        font-size: var(--font-size-h5);
        font-weight: 500;
        font-weight: var(--font-weight-b1);
        line-height: 24px;
        line-height: var(--line-height-h5);
        text-align: left;
    }

    .LandingLocatinonPreview-module__image__ewCb {
        position: absolute;
        top: 0;
        left: 700px;
        z-index: -1;
        z-index: var(--back-z-index);
        width: calc(100vw - (100vw - 1340px - calc(4px * 8))/2 - 600px);
        width: calc(100vw - (100vw - var(--unit-container-xlarge) - var(--unit-x8))/2 - 600px);
        max-width: 712px;
        height: auto;
        object-position: center;

        @media (max-height: 800px) {
            top: 50px;
        }
    }
}

@media (min-width: 747px) and (max-height: 740px) {
    .LandingLocatinonPreview-module__root__Dbd3 {
        margin-top: -50px;
    }
}

:root {
    --section-header-font-size: var(--font-size-h2);
    --section-header-align: center;

    @media (min-width: 747px) {
        --section-header-font-size: var(--font-size-h1);
    }
}

.SectionHeader-module__main__ffIF {
    margin-bottom: 24px;
    font-family: 'YS Geo', sans-serif;
    font-family: var(--font-family-base);
    font-size: 34px;
    font-size: var(--section-header-font-size);
    font-weight: 700;
    font-weight: var(--font-weight-h2);
    line-height: 36px;
    line-height: var(--line-height-h2);
    color: #1A1E21;
    color: var(--text-primary-color);
    text-align: center;
    text-align: var(--section-header-align);

    @media (min-width: 747px) {
        margin-bottom: 50px;
        font-weight: 700;
        font-weight: var(--font-weight-h1);
        line-height: 47px;
        line-height: var(--font-size-h1);
    }
}

.PddTutor-module__root__wGvS {
    display: flex;
    flex-direction: column;
    padding: 12px 16px 16px;
    background: #DCF0FF;
    background: var(--blue2);
    border-radius: 24px;
}

.PddTutor-module__title__JUvo {
    margin-bottom: 12px;
}

.PddTutor-module__subtitle__r8VX {
    max-width: 330px;
    margin: 0 auto 28px;
    font-size: 15px;
    font-size: var(--font-size-b1);
    font-weight: 500;
    font-weight: var(--font-weight-b1);
    font-variant-numeric: lining-nums proportional-nums;
    line-height: 20px;
    line-height: var(--line-height-b1);
    color: rgb(26 30 33 / 65%);
    color: var(--secondary-text-black-03);
    text-align: center;
}

.PddTutor-module__image__qNUp {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.PddTutor-module__button__b2dE {
    width: 100%;
}

@media (min-width: 747px) {
    .PddTutor-module__root__wGvS {
        max-width: 1339px;
        padding: 40px 24px 80px;
        margin: 0 auto;
    }

    .PddTutor-module__image__qNUp {
        width: 351px;
        margin: 0 auto;
    }

    .PddTutor-module__title__JUvo {
        margin-bottom: 24px;
    }

    .PddTutor-module__subtitle__r8VX {
        max-width: 863px;
        margin-bottom: 50px;
        font-size: 17px;
        font-size: var(--font-size-b0);
        line-height: 24px;
        line-height: var(--line-height-b0);
    }

    .PddTutor-module__button__b2dE {
        max-width: 332px;
        margin: 0 auto;
    }
}

:root {
    --section-padding: var(--unit-x4);
    --section-margin: var(--unit-x10);
    --mobile-button-bottom-padding: var(--unit-x8);

    @media (min-width: 747px) {
        --section-margin: 100px;
        --section-padding: 80px;
    }
}

.Landing-module__background__T8Fu {
    background: linear-gradient(180deg, #F2F7FB 0.27%, #DCF0FF 21.09%);
    background: linear-gradient(180deg, var(--blue1) 0.27%, var(--blue2) 21.09%);

    @media (min-width: 747px) {
        background: linear-gradient(180deg, #EEF5FB 0%, #DCF0FF 14.38%);
        background: linear-gradient(180deg, var(--blue5) 0%, var(--blue2) 14.38%);
    }
}

.Landing-module__sectionWhite__rleL {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fff;
    background-color: var(--white);

    @media (min-width: 747px) {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.Landing-module__sectionPddTutor__Wgga {
    padding-right: 16px;
    padding-left: 16px;

    @media (min-width: 747px) {
        padding-right: 50px;
        padding-left: 50px;
    }
}

.Landing-module__firstScreen__ORVA {
    position: relative;
    display: flex;
    flex-direction: column;

    /* Фоллбек */
    height: 100dvh;
    padding: 0 calc(4px * 4);
    padding: 0 var(--unit-x4);
    padding-bottom: calc(4px * 4);
    padding-bottom: var(--unit-x4);

    /* Размер хедера: высота + 2 паддинга */
    scroll-margin-top: calc(calc(4px * 8) + calc(4px * 4)*2);
    scroll-margin-top: calc(var(--header-height) + var(--header-padding-top)*2);

    @media (min-width: 747px) {
        max-width: 1340px;
        max-width: var(--unit-container-xlarge);
        height: auto;
        padding: 0 calc(4px * 4) calc(4px * 20) calc(4px * 4);
        padding: 0 var(--unit-x4) var(--unit-x20) var(--unit-x4);
        margin: 0 auto;
    }
}

@media (min-width: 747px) {
    .Landing-module__firstScreen__ORVA {
        position: static;
        max-width: calc(1340px + calc(4px * 4) * 2);
        max-width: calc(var(--unit-container-xlarge) + var(--section-padding) * 2);
        padding: 0 calc(4px * 4);
        padding: 0 var(--section-padding);
        margin-bottom: 56px;
    }
}