@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: normal;
    src: url(//yastatic.net/s3/vertis-front-deploy/mf-spec/_/1d9e47ce7f6576ce7bae.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 500;
    src: url(//yastatic.net/s3/vertis-front-deploy/mf-spec/_/065ee491488865d52b60.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'JetBrains Mono';
    font-style: italic;
    font-weight: 500;
    src: url(//yastatic.net/s3/vertis-front-deploy/mf-spec/_/cbdbf29e8995bf6c5b78.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 600;
    src: url(//yastatic.net/s3/vertis-front-deploy/mf-spec/_/e25ac98086382ececc5d.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: bold;
    src: url(//yastatic.net/s3/vertis-front-deploy/mf-spec/_/75885bf04057d4697ae5.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 800;
    src: url(//yastatic.net/s3/vertis-front-deploy/mf-spec/_/db311a06095e69d7ec53.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'YS Geo';
    font-style: normal;
    font-weight: normal;
    src: url(//yastatic.net/s3/vertis-front-deploy/mf-spec/_/cfecfb868d03a60f2e63.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'YS Geo';
    font-style: normal;
    font-weight: 500;
    src: url(//yastatic.net/s3/vertis-front-deploy/mf-spec/_/ea8e2f5dde581ccdca53.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'YS Geo';
    font-style: normal;
    font-weight: bold;
    src: url(//yastatic.net/s3/vertis-front-deploy/mf-spec/_/abcfe81a93c393e653df.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Halvar Breitschrift CY';
    font-style: bold;
    font-weight: 800;
    src:
        local('Halvar Breitschrift CY'),
        url(//yastatic.net/s3/vertis-front-deploy/mf-spec/_/c3f3cd37bff3543611e6.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'YS Cond';
    font-style: bold;
    font-weight: 800;
    src: url(//yastatic.net/s3/vertis-front-deploy/mf-spec/_/6048a00a696d289d57c3.woff2) format('woff2');
    font-display: swap;
}

body {
    width: 100%;
    min-height: 100vh;
    padding: 0;
    margin: 0;
    font-family: var(--font-main);
    color: #000;
    background: #fff;
    -webkit-font-smoothing: antialiased;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 160px;

    @media (--mobile-viewport) {
        scroll-padding-top: 40px;
    }
}

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

/* stylelint-disable-next-line selector-max-universal */
*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
    --step-x1: 25px;
    --step-x2: 50px;
    --step-x3: 75px;
    --step-x4: 100px;
    --step-x5: 125px;
    --step-x6: 150px;
    --step-x7: 175px;
    --step-x8: 200px;
    --step-x9: 225px;
    --step-x10: 250px;
    --desktop-max-width: 1216px;
    --black: #000;
    --white: #fff;
    --grey: #eaeaea;
    --lime: #ccf81d;
    --voted: #cf0;
    --red: #ff1700;
    --shadow: 0 0 4.957px 0 rgb(0 0 0 / 25%);
}

.Badge-module__root__jxpb {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    width: fit-content;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    background: rgb(26 30 33 / 7%);
    transition: background 0.1s linear;

    @media (--hover) {
        &:hover {
            background: rgb(26 30 33 / 20%);
        }
    }
}

.Badge-module__active__Yw1h {
    background: var(--voted);

    @media (--hover) {
        &:hover {
            background: var(--voted);
        }
    }
}

.Badge-module__s__kgk9 {
    padding: 14px 16px;
    font-size: 14px;
    line-height: 110%;
    border-radius: 8px;

    .Badge-module__icon__a_wT {
        width: auto;
        max-width: 14px;
        height: auto;
        max-height: 14px;
    }
}

.Badge-module__m__BRed {
    padding: 20px 40px;
    font-size: 24px;
    line-height: 110%;
    border-radius: 20px;

    .Badge-module__icon__a_wT {
        width: auto;
        max-width: 24px;
        height: auto;
        max-height: 24px;
    }
}

.Filters-module__root__tF5P {
    display: flex;
    flex-wrap: wrap;
}

.Filters-module__s__syZb {
    gap: 8px 12px;
}

.Filters-module__m__VCAY {
    gap: 12px 20px;
}

.RatingHeader-module__header__hpzg {
    display: grid;
    flex-shrink: 0;
    grid-template-rows: max-content;
    grid-template-columns: 1fr minmax(135px, 0.5fr) 1fr;
    justify-items: center;
    width: 100%;
}

@media screen and (max-width: 740px) {
    .RatingHeader-module__header__hpzg {
        display: none;
    }
}

.RatingItem-module__item__mLV2 {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 25px 32px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: var(--shadow);
}

@media (--mobile-viewport) {
    .RatingItem-module__item__mLV2 {
        padding: 20px 18px;
        border-radius: 8px;
        box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);
    }
}

.RatingItem-module__item__mLV2 > p {
    z-index: 5;
    margin: 0;
}

.RatingItem-module__progress__qj8k {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 100%;
    background-color: var(--lime);
    transform-origin: center left;
}

.RatingItem-module__progressActive__acP4 {
    animation: RatingItem-module__progress__qj8k var(--time) 1 cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes RatingItem-module__progress__qj8k {
    from {
        transform: scaleX(0);
    }

    to {
        transform: scaleX(1);
    }
}

.RatingShowMoreButton-module__button__PdIh {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 25px;
    font-family: var(--font-main);
    font-size: 18px;
    font-weight: 500;
    line-height: 105%;
    color: var(--white);
    cursor: pointer;
    background-color: var(--black);
    border: 0;
    border-radius: 20px;
    box-shadow: var(--shadow);
    transition: background-color 0.2s, transform 0.2s;

    &:hover {
        background-color: #2a2a2a;
    }

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

.RatingList-module__list__OPaq,
.RatingList-module__listWrapper__IZHl {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: var(--font-main);
    font-size: 18px;
    font-weight: 500;
    line-height: 105%;
    list-style: none;
}

@media (--mobile-viewport) {
    .RatingList-module__list__OPaq {
        font-size: 14px;
        line-height: 105%;
    }
}

.RatingList-module__secondList__jjDm {
    max-height: 0;
    margin-bottom: -12px;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s, max-height 0.3s, margin-bottom 0.3s;
}

.RatingList-module__secondListVisible__Ptj0 {
    /* max-height: var(--expandedMaxWidth); */
    height: 100%;
    max-height: 100%;
    margin-bottom: 0;
    overflow: visible;
    opacity: 1;
}

.Rating-module__container__O5wt {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0 max(12px, 3.5vw);
    margin-bottom: 112px;
    text-align: center;
}

.Rating-module__wrapper__O_qw {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    max-width: var(--desktop-max-width);
}

@media (--mobile-viewport) {
    .Rating-module__wrapper__O_qw {
        gap: 24px;
    }
}

.Rating-module__head__ZMTN {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 96px;
    font-style: normal;
    font-weight: 800;
    font-variant-numeric: slashed-zero;
    line-height: 81%;
    color: #000;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: -1.9px;
}

@media (--mobile-viewport) {
    .Rating-module__head__ZMTN {
        font-size: 42px;
        letter-spacing: -0.84px;
    }

    .Rating-module__container__O5wt {
        margin-bottom: 64px;
    }
}

.Accordion-module__container__fytB {
    display: flex;
    flex-direction: column;
    padding: 32px;
    overflow-x: hidden;
    background: #efefef;
    border-radius: 20px;
}

.Accordion-module__header__WgzL {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    cursor: pointer;
}

.Accordion-module__expandedHeader__ZD_t {
    margin-bottom: 16px;
}

.Accordion-module__title__jTsp {
    margin: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
}

.Accordion-module__arrowContainer__qkmS {
    display: flex;
    align-items: center;
}

.Accordion-module__content__Y4iN {
    display: flex;
    flex-direction: column;
    max-height: 0;
    overflow: hidden;
    font-size: 20px;
    line-height: 24px;
    text-align: left;
    white-space: pre-wrap;
}

.Accordion-module__expandedContent__pZla {
    max-height: 10000px;
}

.Accordion-module__crossIcon__Upuq {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    cursor: pointer;

    &::before,
    &::after {
        position: absolute;
        width: 22px;
        height: 3px;
        content: '';
        background-color: #000;
        transition: transform 0.3s ease-in;
    }

    &::before {
        transform: rotate(90deg);
    }

    &::after {
        transform: rotate(0deg);
    }
}

.Accordion-module__crossIconActive__erud::before {
    transform: rotate(135deg);
}

.Accordion-module__crossIconActive__erud::after {
    transform: rotate(45deg);
}

@media (--mobile-viewport) {
    .Accordion-module__container__fytB {
        padding: 16px;
        border-radius: 16px;
    }

    .Accordion-module__title__jTsp {
        font-size: 16px;
        line-height: 130%;
        text-align: left;
        letter-spacing: 0.16px;
    }

    .Accordion-module__crossIcon__Upuq {
        &::before,
        &::after {
            width: 14px;
            height: 2px;
        }
    }

    .Accordion-module__content__Y4iN {
        padding-right: 16px;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0.16px;
    }
}

.FaqFilters-module__root__DN2I {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.FaqFilters-module__description__oHeU {
    padding-left: 32px;
}

.FaqFilters-module__head__osRg {
    display: flex;
    gap: 8px;
}

.FaqFilters-module__title__qPTX {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
}

.FaqFilters-module__icon__uBoO {
    width: 24px;
    height: 24px;
}

@media (--mobile-viewport) {
    .FaqFilters-module__title__qPTX {
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0.16px;
    }

    .FaqFilters-module__description__oHeU {
        padding-left: 0;
    }

    .FaqFilters-module__icon__uBoO {
        width: 20px;
        height: 20px;
    }
}

.Faq-module__root__vrCl {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 max(12px, 3.5vw);
    margin-bottom: 112px;
    text-align: center;
}

.Faq-module__head__WOMo {
    margin: 0 0 40px;
    font-family: var(--font-heading);
    font-size: 96px;
    font-style: normal;
    font-weight: 800;
    font-variant-numeric: slashed-zero;
    line-height: 81%;
    color: #000;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: -1.9px;
}

.Faq-module__items__XHQW {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.Faq-module__wrapper__G65w {
    max-width: var(--desktop-max-width);
}

@media (--mobile-viewport) {
    .Faq-module__head__WOMo {
        font-size: 42px;
        letter-spacing: -0.84px;
    }

    .Faq-module__root__vrCl {
        margin-bottom: 64px;
    }
}

.PopupCloseButton-module__button__wxAt {
    --stick-color: #000;

    position: absolute;
    top: 40px;
    right: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-color: transparent;
    border: none;
    transition: transform 0.1s;

    &:hover {
        opacity: 0.5;
    }
}

.PopupCloseButton-module__buttonStick__oqUj {
    position: absolute;
    width: 18px;
    height: 3px;
    background-color: var(--stick-color);
    transition: transform 0.25s;
}

.PopupCloseButton-module__buttonStick__oqUj:first-of-type {
    transform: rotate(45deg);
}

.PopupCloseButton-module__buttonStick__oqUj:last-of-type {
    transform: rotate(-45deg);
}

.PopupCloseButton-module__buttonInvisible___g26 .PopupCloseButton-module__buttonStick__oqUj {
    transform: rotate(0);
}

.PopupCloseButton-module__buttonMobile__EPaF {
    --stick-color: #fff;

    top: 30px;
    width: 12px;
    height: 12px;
    transform: translate(50%, -50%);
}

.PopupCloseButton-module__buttonMobile__EPaF .PopupCloseButton-module__buttonStick__oqUj {
    width: 16px;
    height: 2px;
}

.Frame-module__root__i9dM {
    --_m_t: 0;
    --_m_r: 0;
    --_m_b: 0;
    --_m_l: 0;
    --_p_t: 0;
    --_p_r: 0;
    --_p_b: 0;
    --_p_l: 0;

    all: unset;
    display: flex;
    padding:
        calc(var(--unit-base) * var(--_p_t))
        calc(var(--unit-base) * var(--_p_r))
        calc(var(--unit-base) * var(--_p_b))
        calc(var(--unit-base) * var(--_p_l));
    margin:
        calc(var(--unit-base) * var(--_m_t))
        calc(var(--unit-base) * var(--_m_r))
        calc(var(--unit-base) * var(--_m_b))
        calc(var(--unit-base) * var(--_m_l));
}

.Frame-module__row__afgZ {
    flex-direction: row;
}

.Frame-module__column__GKWR {
    flex-direction: column;
}

.Frame-module__radius-smaller__MVWv {
    border-radius: var(--unit-radius-smaller);
}

.Frame-module__radius-small___HaG {
    border-radius: var(--unit-radius-small);
}

.Frame-module__radius-medium__nBrO {
    border-radius: var(--unit-radius-medium);
}

.Frame-module__radius-large__Kzme {
    border-radius: var(--unit-radius-large);
}

.Frame-module__radius-full__sPfh {
    border-radius: 100%;
}

.Frame-module__align-start__A1KR {
    align-items: flex-start;
}

.Frame-module__align-end__yyRU {
    align-items: flex-end;
}

.Frame-module__align-center__V6IK {
    align-items: center;
}

.Frame-module__justify-start__zbiT {
    justify-content: flex-start;
}

.Frame-module__justify-end__Xvdl {
    justify-content: flex-end;
}

.Frame-module__justify-center__Uog5 {
    justify-content: center;
}

.Frame-module__text-start__PqGK {
    text-align: left;
}

.Frame-module__text-center___w07 {
    text-align: center;
}

.Frame-module__text-end__ZT_b {
    text-align: right;
}

.Frame-module__overflow-scroll__YxHM {
    overflow: scroll;
}

.Frame-module__overflow-auto__X5db {
    overflow: auto;
}

.Frame-module__overflow-initial__ggHL {
    overflow: initial;
}

.Frame-module__overflow-visible__ZRZ4 {
    overflow: visible;
}

.Frame-module__overflow-hidden__Jouy {
    overflow: hidden;
}

.Frame-module__overflowX-scroll__QT9n {
    overflow-x: scroll;
}

.Frame-module__overflowX-auto__jqKw {
    overflow-x: auto;
}

.Frame-module__overflowX-initial__az0k {
    overflow-x: initial;
}

.Frame-module__overflowX-visible__hrtd {
    overflow-x: visible;
}

.Frame-module__overflowX-hidden__Ti04 {
    overflow-x: hidden;
}

.Frame-module__overflowY-scroll__Rhwn {
    overflow-y: scroll;
}

.Frame-module__overflowY-auto__lGY_ {
    overflow-y: auto;
}

.Frame-module__overflowY-initial__gcRA {
    overflow-y: scroll;
}

.Frame-module__overflowY-visible__Lu36 {
    overflow-y: visible;
}

.Frame-module__overflowY-hidden__do6Z {
    overflow-y: hidden;
}

.Frame-module__hiddenScrollBar__NC3Z {
    scrollbar-width: none; /** Для firefox */

    &::-webkit-scrollbar {
        display: none;
    }
}

.Frame-module__bg-neutral__ADST {
    background-color: var(--color-background-neutral);
}

.Frame-module__bg-primary__UR4y {
    background-color: var(--color-background-primary);
}

.Frame-module__bg-primary-faded__pVFC {
    background-color: var(--color-background-primary-faded);
}

.Frame-module__bg-positive__CxUC {
    background-color: var(--color-background-positive);
}

.Frame-module__bg-green__g0u5 {
    background-color: var(--color-background-green);
}

.Frame-module__bg-white__qSTs {
    background-color: var(--color-background-neutral);
}

.Frame-module__bg-page__KoAV {
    background-color: var(--color-background-page);
}

.Modal-module__root__Hvdh {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    visibility: hidden;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    background: rgb(219 217 213 / 60%);
    opacity: 0;
    backdrop-filter: blur(10px);

    @supports (height: 100dvh) {
        height: 100dvh;
    }
}

.Modal-module__root__Hvdh.Modal-module__opened__8iHt {
    z-index: calc(var(--z-index-front-top) + 10);
    visibility: visible;
    opacity: 1;
}

.Modal-module__closeButton__Qrex {
    position: absolute;
    top: 0;
    left: calc(100% + 16px);
    width: var(--unit-x3);
    height: var(--unit-x3);
    cursor: pointer;
}

@media (--mobile-viewport) {
    .Modal-module__root__Hvdh {
        justify-content: flex-end;
    }

    .Modal-module__closeButton__Qrex {
        top: -24px;
        left: var(--unit-x4);
    }
}

.styles-module__root__ceqL {
    position: relative;
    background: #fff;
    border-radius: 24px;
}

.styles-module__modal__FWaQ {
    background: rgb(0 0 0 / 50%);
    backdrop-filter: none;
    /* stylelint-disable-next-line */
    z-index: 51 !important;
}

.styles-module__image__ImQ2 {
    width: 565px;
    height: auto;
    object-fit: contain;
    border-radius: 24px 24px 0 0;
}

.styles-module__content__dDhH {
    padding: 32px;
}

.styles-module__title__sBdP {
    margin-bottom: 12px;
    font-size: 26px;
    font-weight: bold;
    line-height: 30px;
}

.styles-module__text__vHLY {
    margin-bottom: 42px;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    color: rgb(0 0 0 / 50%);
}

.styles-module__link__OIHc {
    color: rgb(0 0 0 / 50%);
}

.styles-module__button__Vlcl {
    display: block;
    width: 100%;
    padding: 18px 28px;
    margin-bottom: 0;
    font-family: var(--font-main);
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background: #000;
    border: none;
    border-radius: 16px;
}

.styles-module__closeButton__OK7m {
    --stick-color: #fff;

    position: absolute;
    top: 0;
    right: -30px;
}

@media (--mobile-viewport) {
    .styles-module__root__ceqL {
        border-radius: 24px 24px 0 0;
    }

    .styles-module__content__dDhH {
        padding: 16px;
    }

    .styles-module__image__ImQ2 {
        width: 100%;
        aspect-ratio: 1.4;
        margin-top: 58px;
        object-fit: cover;
    }

    .styles-module__closeButton__OK7m {
        --stick-color: #6b6b6b;

        top: 16px;
        right: 16px;
    }

    .styles-module__title__sBdP {
        margin-bottom: 8px;
        font-size: 22px;
        line-height: 28px;
    }

    .styles-module__text__vHLY {
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 20px;
    }
}

.Logo-module__logo__UVxF {
    position: relative;
    width: 100%;
    max-width: 369px;
    height: 250px;
}

.Logo-module__logoImage__ZBU_ {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 369px;
    height: auto;
    object-fit: cover;
}

.PosterFrontBlock-module__root__coEq {
    display: flex;
    width: 100%;
    max-width: calc(var(--desktop-max-width) + 6vw);
    height: 650px;
    padding-top: 153px;
    overflow: visible;

    @media (min-width: 1270px) {
        max-height: 775px;
    }
}

.PosterFrontBlock-module__right____I3 {
    display: flex;
    flex: 1;
    align-items: flex-end;
    justify-content: flex-end;
    padding-top: 15px;
}

.PosterFrontBlock-module__left__bcOr {
    padding-top: 50px;
    margin-left: 50px;
}

.PosterFrontBlock-module__leftWrapper__RwGx {
    width: 370px;
}

.PosterFrontBlock-module__rightImage__cKgl {
    width: 100%;
    max-width: 845px;
    height: 499px;
    overflow: visible;
    object-fit: cover;
    object-position: left bottom;

    @media (max-width: 1024px) {
        max-width: 560px;
        height: 430px;
    }
}

.PosterFrontBlock-module__text__v45i {
    max-width: 431px;
    padding-left: 44px;
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
    color: #000;
}

.HeadBlock-module__root__u1Uv {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    margin-bottom: 112px;
    background: var(--lime);
}

.FilterDescription-module__root__VeEi {
    font-family: 'JetBrains Mono', 'Courier New', Courier, monospace;
    line-height: 120%;
    opacity: 0.5;
}

.FilterDescription-module__s__xvIK {
    font-size: 16px;
    letter-spacing: -0.32px;
}

.FilterDescription-module__m__y5qQ {
    font-size: 24px;
    letter-spacing: -0.48px;
}

.CarPrice-module__root__X8r2 {
    --badgeHeight: 25px;

    width: fit-content;
    height: var(--badgeHeight);
    margin: 0 11px;
    font-size: 16px;
    line-height: var(--badgeHeight);
}

.CarPrice-module__badge__NS64 {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    width: fit-content;
    height: var(--badgeHeight);
}

.CarPrice-module__price__GxR4 {
    height: var(--badgeHeight);
    padding: 0 4px;
    text-wrap: nowrap;
    background: var(--grey);
}

.CarPrice-module__priceVoted__iXIU {
    background: #fff;
}

.CarPrice-module__img__fwV5 {
    position: absolute;
    top: 0;
    height: var(--badgeHeight);
    color: var(--grey);
}

.CarPrice-module__imgLeft__SIZP {
    left: -8px;
}

.CarPrice-module__imgRight__OU4x {
    right: -8px;
    transform: rotate(180deg);
}

.CarCardVoteButton-module__container__vgG_ {
    width: 100%;
    padding: 20px 16px;
    background-color: #fff;
    border-radius: 0 0 20px 20px;

    &::after {
        position: absolute;
        inset: 5px 0 0;
        z-index: -1;
        content: '';
        border-radius: 0 0 20px 20px;
        box-shadow: 0 6px 8px 0 rgb(0 0 0 / 20%);
    }
}

.CarCardVoteButton-module__button__zlIb {
    width: 100%;
    padding: 12px 20px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    color: #fff;
    cursor: pointer;
    background-color: #000;
    border: none;
    border-radius: 10px;
    transition: background-color 0.2s;

    &:hover {
        background-color: #666;
    }
}

.CarCardVoteButton-module__containerVoted___hSN {
    background-color: var(--voted);
}

.CarCardVoteButton-module__buttonDisabled__ywmK {
    color: #b7b7b7;
    cursor: default;
    background-color: #e5e5e5;
    border: none;

    &:hover {
        background-color: var(--grey);
    }
}

.CarCardVoteButton-module__buttonVoted___2PF {
    color: #000;
    cursor: default;
    background-color: var(--voted);

    &:hover {
        background-color: var(--voted);
    }
}

.CarsGalleryCard-module__voteButtonContainer__Eq2O {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    visibility: hidden;
    width: 100%;
    opacity: 0;
    transform: translateY(calc(100% - 5px)) scaleY(0);
    transform-origin: top center;
    transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
}

.CarsGalleryCard-module__card__QcnQ {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    font-family: var(--font-main);
    cursor: pointer;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 7.6px 0 rgb(0 0 0 / 20%);
    transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s, z-index 0.2s;

    &:hover {
        z-index: 10;
        box-shadow: 0 5px 10px 0 rgb(0 0 0 / 25%);
        transform: scale(1.1);

        & .CarsGalleryCard-module__voteButtonContainer__Eq2O {
            visibility: visible;
            opacity: 1;
            transform: translateY(calc(100% - 22px));
        }
    }
}

.CarsGalleryCard-module__cardContent__nFJw {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    height: 100%;
}

.CarsGalleryCard-module__cardVoted__N5aB {
    background-color: var(--voted);
}

.CarsGalleryCard-module__image__tUeJ {
    position: relative;
    width: 100%;
    aspect-ratio: 1.656;
    margin-bottom: 20px;
    cursor: pointer;

    & img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.CarsGalleryCard-module__head__QBiU {
    margin: 0 0 8px;
    font-size: 32px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
}

.CarsGalleryCard-module__stats__iLvv {
    padding: 0 16px;
    margin-bottom: 16px;
    font-size: 16px;
}

.CarsGalleryCard-module__img__iB_t {
    border-radius: 20px 20px 0 0;
}

.CarsGalleryCard-module__text__tXah {
    padding: 0 18px;
    margin-bottom: 20px;
}

.CarsGalleryCard-module__bottomWrapper__P0NE {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.AutoruButton-module__button__JRH7 {
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    color: #000;
    text-decoration-line: underline;
}

.AutoruButton-module__desktopButton__GUyK {
    font-size: 16px;
    line-height: 120%;
}

.AutoruButton-module__button__JRH7:hover {
    transform: scale(1.025);
}

.AutoruButton-module__button__JRH7:active {
    transform: scaleX(1);
}

.VoteButton-module__button__O0m7 {
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 110%;
    color: #fff;
    background-color: var(--black);
    border: none;
    border-radius: 10px;
    transition: transform 0.1s, background-color 0.2s, color 0.2s;
}

.VoteButton-module__button__O0m7:hover {
    color: var(--black);
    background-color: var(--voted);
}

.VoteButton-module__buttonVoted__hxJy {
    color: var(--black);
    background-color: var(--voted);
    border: 1px solid #000;
}

.VoteButton-module__buttonDesktop__UWSG {
    width: 100%;
    height: 56px;
    padding: 19px 12px;
    font-size: 18px;
    font-weight: 500;
    line-height: 110%;
}

.VoteButton-module__button__O0m7:active {
    transform: scale(0.97);
}

.VoteButton-module__buttonDisabled__H9gf,
.VoteButton-module__buttonDisabledWithNoStyles__pAgS,
.VoteButton-module__buttonVoted__hxJy {
    cursor: default;
}

.VoteButton-module__buttonDisabledWithNoStyles__pAgS:not(.VoteButton-module__buttonVoted__hxJy):hover {
    color: var(--white);
    background-color: var(--black);
    transform: none;
}

.VoteButton-module__buttonVoted__hxJy:hover,
.VoteButton-module__buttonDisabled__H9gf:hover {
    transform: none;
}

.VoteButton-module__buttonDisabled__H9gf:not(.VoteButton-module__buttonVoted__hxJy) {
    background-color: var(--grey);
}

.VoteButton-module__buttonDisabled__H9gf:not(.VoteButton-module__buttonVoted__hxJy):hover {
    color: var(--white);
    background-color: var(--grey);
}

.ProviderButton-module__root__WeY3 {
    display: block;
    font-size: 14px;
    line-height: 120%;
    color: #000;
}

.ProviderButton-module__desktop__GvkB {
    font-size: 16px;
}

.Specefications-module__root__ZZKK {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin: 0 auto;
    line-height: 120%;
    color: #000;
}

.Specefications-module__item__o6kF {
    display: flex;
    width: 100%;
    max-width: 100%;
}

.Specefications-module__dots__CDXs {
    flex: 1 1 auto;
    border-bottom: 1px dashed;
}

.Specefications-module__label__cCEs {
    flex: 0 0 auto;
    text-align: left;
}

.Specefications-module__labelLeft__f3nU {
    display: flex;
    align-items: flex-end;
    padding-right: 8px;
}

.Specefications-module__labelRight__wI0H {
    padding-left: 8px;
    text-align: right;
}

.Specefications-module__s__LCj7 {
    font-size: 14px;

    .Specefications-module__bigValue__OxZz {
        max-width: 155px;
    }
}

.Specefications-module__m__OIgE {
    font-size: 16px;
}

.CategoryBadge-module__root__q_r1 {
    display: flex;
    gap: 4px;
    align-items: center;
    color: #000;
    white-space: nowrap;
    background: var(--grey);
    border-radius: 5px;
}

.CategoryBadge-module__s__wRIv {
    padding: 0 10px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 5px;

    .CategoryBadge-module__icon__xJOV {
        width: 12px;
        height: 12px;
    }
}

.CategoryBadge-module__m__sYwm {
    height: 25px;
    padding: 4px 10px;
    font-size: 18px;

    .CategoryBadge-module__icon__xJOV {
        width: 16px;
        height: 16px;
    }
}

.BuyOnAutoruButton-module__root__E7hA {
    width: 100%;
    font-weight: 500;
    line-height: 110%;
    color: #000;
    text-align: center;
    text-decoration: none;
    background: #efefef;
    border-radius: 10px;

    &:hover {
        background: rgb(26 30 33 / 20%);
    }
}

.BuyOnAutoruButton-module__s__k8qH {
    padding: 12px 20px;
    font-size: 16px;
    border: none;
    border-radius: 10px;
}

.BuyOnAutoruButton-module__m__HVJa {
    padding: 19px 12px;
    font-size: 18px;
}

.Gallery-module__mainImage__qDE0 {
    position: relative;
    margin-bottom: 20px;
}

.Gallery-module__bottomImages__j6DR {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    padding: 0;
    overflow: scroll;

    &::-webkit-scrollbar {
        display: none;
        scrollbar-width: none;
    }
}

.Gallery-module__image__hfQs {
    width: 100%;
    aspect-ratio: 1.656;
    object-fit: cover;
    border-radius: 20px;
}

.Gallery-module__bottomImage__So40 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    filter: opacity(0.5);
}

.Gallery-module__bottomImageWrapper__suxI {
    flex: 1 1 0;
    min-height: 90px;
}

.Gallery-module__bottomImageActive__H6Z_ {
    filter: opacity(1);
}

.Gallery-module__disabled__pwBm {
    opacity: 0;
}

.Gallery-module__button__r9fX {
    position: absolute;
    top: 50%;
    cursor: pointer;
    -webkit-user-select: none;
            user-select: none;
    background-color: transparent;
    border: none;
    transition: opacity 0.3s linear;
}

.Gallery-module__bottomLeft__V9IP {
    left: 7px;
    transform: translateY(-50%) rotate(180deg);
}

.Gallery-module__bottomRight__y2jD {
    right: 7px;
    transform: translateY(-50%);
}

.CarCard-module__container__bwTr {
    position: relative;
    display: flex;
    gap: 40px;
    width: calc(100vw - max(12px, 3.5vw) * 2);
    max-width: var(--desktop-max-width);
    height: 90%;
    background-color: var(--white);
    border-radius: 20px;
    box-shadow: var(--shadow);
    filter: brightness(0.3);
    transition: 0.3s linear filter;
}

.CarCard-module__active__c8sO {
    filter: brightness(1);
}

.CarCard-module__imageWrapper__adX8 {
    flex: 1;
    width: 50%;
    aspect-ratio: 16 / 9;
    padding: 40px 0 40px 40px;
    border-radius: 20px;
}

.CarCard-module__carInfo__M3ML {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 40px 40px 0;
    overflow-y: scroll;

    &::-webkit-scrollbar {
        display: none;
    }
}

.CarCard-module__itemsContainer__FyVJ {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.CarCard-module__price__WNxJ {
    font-size: 18px;
}

.CarCard-module__text__PaSB {
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    font-size: 16px;
    line-height: 120%;

    &::-webkit-scrollbar {
        display: none;
    }
}

.CarCard-module__title__SmXe {
    margin: 0;
    font-family: var(--font-main);
    font-size: 36px;
    font-weight: 500;
    white-space: break-spaces;
}

.CarCard-module__text__PaSB p {
    margin: 0;
}

.CarCard-module__text__PaSB a {
    color: #000;
    text-decoration-line: underline;
}

.CarCard-module__badges__k0Rh {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 0;

    &::-webkit-scrollbar {
        display: none;
    }
}

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

.CarsListingButton-module__button__pW3O {
    font-family: 'JetBrains Mono', 'Courier New', Courier, monospace;
    font-size: 35.5px;
    line-height: 120%;
    color: #fff;
    cursor: pointer;
    background-color: transparent;
    border: none;
    transition: transform 0.1s;

    &:hover {
        transform: scale(1.1);
    }
}

.CarsListingCards-module__container__ZuUM {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.CarsListingCards-module__carsList__asLX {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    width: max-content;
    height: 100%;
    max-height: 900px;
    padding: max(2vh, 15px) 0;
    margin: 0;
    list-style: none;
    transform: translate(-50%, -50%);
}

.CarsListingCards-module__extraCarCard__x1AW {
    position: absolute;
    top: max(5vh, var(--step-x1));
    left: calc(-10vw);
    height: calc(100% - max(10vh, var(--step-x2)));
    min-height: calc(100% - max(10vh, var(--step-x2)));
    transform: translate(-100%, -50%);
}

.CarsListingCards-module__extraCarCardRight__DxSy {
    position: absolute;
    top: max(5vh, var(--step-x1));
    right: calc(-10vw);
    height: calc(100% - max(10vh, var(--step-x2)));
    min-height: calc(100% - max(10vh, var(--step-x2)));
    transform: translate(100%, -50%);
}

.CarsListingCards-module__animationPrev__b6RW {
    animation: CarsListingCards-module__animationPrev__b6RW 1 0.3s;
}

.CarsListingCards-module__animationNext__kV7f {
    animation: CarsListingCards-module__animationNext__kV7f 1 0.3s;
}

@keyframes CarsListingCards-module__animationPrev__b6RW {
    from {
        transform: translate(calc(-50% - var(--cardWidth) - 5vw), -50%);
    }

    to {
        transform: translate(-50%, -50%);
    }
}

@keyframes CarsListingCards-module__animationNext__kV7f {
    from {
        transform: translate(calc(-50% + var(--cardWidth) + 5vw), -50%);
    }

    to {
        transform: translate(-50%, -50%);
    }
}

.CarsListingCards-module__button__a3Jc {
    position: absolute;
    top: 50%;
    z-index: 100;
    translate: 0 -50%;
}

.CarsListingCards-module__buttonLeft__RGVt {
    left: calc(((100vw - var(--cardWidth)) / 2) - 40px);

    @media (max-width: 1080px) {
        left: calc(((100vw - var(--cardWidth)) / 2) + 5px);
        color: #000;
    }
}

.CarsListingCards-module__buttonRight__D7Z1 {
    right: calc(((100vw - var(--cardWidth)) / 2) - 40px);

    @media (max-width: 1080px) {
        right: calc(((100vw - var(--cardWidth)) / 2) + 5px);
        color: #000;
    }
}

.CarsCardsPopup-module__container__Z2Xv {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30;
    display: flex;
    visibility: hidden;
    align-items: flex-end;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
}

.CarsCardsPopup-module__backdrop__vc9u {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 30;
    width: 100vw;
    height: 100vh;
    background-color: rgb(0 0 0 / 70%);
    opacity: 0;
    backdrop-filter: blur(8px);
    transition: opacity 0.6s;
}

.CarsCardsPopup-module__content__mngM {
    z-index: 40;
    width: 100vw;
    height: calc(100vh - var(--step-x5));
}

.CarsCardsPopup-module__visible__xIVR {
    visibility: visible;
    opacity: 1;
}

.CarsCardsPopup-module__visible__xIVR .CarsCardsPopup-module__backdrop__vc9u {
    opacity: 1;
}

.CarsGalleryCards-module__cards__hwf4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 32px;
    padding: 0;

    /* grid-template-columns: repeat(minmax(285px, 1fr)); */

    margin: 0;
    list-style: none;
}

.CarsGalleryCards-module__bigTaskBanner__ecF9 {
    grid-row: 2 / 2;
    grid-column: 1 / 3;
}

.CarsGalleryCards-module__firstTaskBanner__pW8w {
    grid-row: 3 / 3;
    grid-column: 4 / 4;
}

.CarsGalleryCards-module__secondTaskBanner__XNyC {
    grid-row: 4 / 4;
    grid-column: 2 / 2;
}

@media (max-width: 1100px) {
    .CarsGalleryCards-module__cards__hwf4 {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .CarsGalleryCards-module__bigTaskBanner__ecF9 {
        grid-row: 2 / 2;
        grid-column: 1 / 3;
    }

    .CarsGalleryCards-module__firstTaskBanner__pW8w {
        grid-row: 3 / 3;
        grid-column: 3 / 3;
    }

    .CarsGalleryCards-module__secondTaskBanner__XNyC {
        grid-row: 4 / 4;
        grid-column: 2 / 2;
    }
}

.CarsGalleryCards-module__taskBanner__xVLM {
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
            user-select: none;
    border-radius: 20px;
    transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s, z-index 0.2s;

    &:hover {
        z-index: 10;
        box-shadow: 0 5px 10px 0 rgb(0 0 0 / 25%);
        transform: scale(1.1);

        & .CarsGalleryCards-module__voteButtonContainer__ZvZv {
            visibility: visible;
            opacity: 1;
            transform: translateY(calc(100% - 22px));
        }
    }
}

.CarsGalleryCards-module__banner__NYfQ {
    position: relative;
    width: 100%;
    aspect-ratio: 1216 / 298;
    margin: 130px 0 0;
    overflow: hidden;
    border-radius: 20px;
    transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s, z-index 0.2s;

    &:hover {
        z-index: 10;
        box-shadow: 0 5px 10px 0 rgb(0 0 0 / 25%);
        transform: scale(1.05);

        & .CarsGalleryCards-module__voteButtonContainer__ZvZv {
            visibility: visible;
            opacity: 1;
            transform: translateY(calc(100% - 22px));
        }
    }
}

.CarsGalleryCards-module__taskBannerButton__sQv2 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    height: 48px;
    padding: 12px 48px;
    margin: 30px 25px;
    font-family: var(--font-main);
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    color: #000;
    text-align: left;
    text-decoration: none;
    outline: none;
    background: #fff;
    border: none;
    border-radius: 10px;
    transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s, z-index 0.2s;

    &:hover {
        z-index: 10;
        box-shadow: 0 5px 10px 0 rgb(0 0 0 / 25%);
        transform: scale(1.1);

        & .CarsGalleryCards-module__voteButtonContainer__ZvZv {
            visibility: visible;
            opacity: 1;
            transform: translateY(calc(100% - 22px));
        }
    }
}

.CarsGalleryCards-module__bannerImage__IeoV {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.CarsGalleryCards-module__link__WohC {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.CarsGallery-module__container__Q5kM {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    padding: 0 max(12px, 3.5vw);
    margin-bottom: 112px;
}

.CarsGallery-module__wrapper__xWCb {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    max-width: var(--desktop-max-width);
}

.CarsGallery-module__header__p5lH {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 96px;
    font-weight: 800;
    line-height: 81%;
    text-transform: uppercase;
    letter-spacing: -1.92px;
}

.Actionable-module__container__pzQF {
    all: unset;
    display: inline-flex;

    @media (--hover) {
        &:not(:disabled) {
            cursor: pointer;
        }
    }
}

.Link-module__root__LRvT {
    --color: inherit;

    color: var(--color);
    transition: 0.1s color;
}

.Link-module__neutral__nJKT {
    --color: var(--color-foreground-neutral);

    @media (--hover) {
        &:not(:disabled):hover {
            --color: var(--color-foreground-primary);
        }
    }
}

.Link-module__neutralFaded__wFLb {
    --color: var(--color-foreground-neutral-faded);

    @media (--hover) {
        &:not(:disabled):hover {
            --color: var(--color-foreground-neutral-highlighted);
        }
    }
}

.Link-module__primary__i_M_ {
    --color: var(--color-foreground-primary);

    @media (--hover) {
        &:not(:disabled):hover {
            --color: var(--color-foreground-neutral);
        }
    }
}

.Link-module__primaryCritical__FnZ9 {
    --color: var(--color-foreground-primary);

    @media (--hover) {
        &:not(:disabled):hover {
            --color: var(--color-foreground-primary-highlighted);
        }
    }
}

.Link-module__gray__Wrob {
    --color: var(--color-foreground-gray);
}

.Link-module__white__MtwO {
    --color: var(--color-foreground-white);

    @media (--hover) {
        &:not(:disabled):hover {
            --color: var(--color-foreground-primary);
        }
    }
}

.Link-module__black__E1Xx {
    --color: var(--color-foreground-black);

    @media (--hover) {
        &:not(:disabled):hover {
            --color: var(--color-foreground-primary);
        }
    }
}

.HeaderMainLogo-module__link__PSJm {
    z-index: 10;
    display: block;
    height: 24px;
}

.HeaderMainLogo-module__link__PSJm > svg {
    width: auto;
    height: 100%;
}

.HeaderNavigation-module__nav__Pf8p {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
}

.HeaderNavigation-module__navLink__P63G {
    position: relative;
    transition: color 0.2s;
}

.HeaderNavigation-module__navLink__P63G:hover,
.HeaderNavigation-module__navLinkActive__NGbF {
    color: var(--red);
}

.HeaderNavigation-module__navLink__P63G::after {
    position: absolute;
    bottom: -1px;
    left: 1px;
    display: block;
    width: 100%;
    max-width: 0;
    height: 2px;
    content: '';
    background-color: var(--red);
    transition: max-width 0.2s;
}

.HeaderNavigation-module__navLink__P63G:hover::after {
    max-width: 100%;
}

@media screen and (max-width: 1100px) {
    .HeaderNavigation-module__nav__Pf8p {
        gap: 15px;
    }
}

.HeaderVotesCount-module__root__fQUG {
    font-size: 18px;
    font-weight: 500;
    line-height: 110%;
    white-space: nowrap;
}

.Header-module__header__P8sq {
    position: fixed;
    top: 62px;
    left: 50%;
    z-index: 50;
    display: flex;
    gap: var(--step-x2);
    align-items: center;
    justify-content: space-between;
    width: calc(100% - max(12px, 3.5vw) * 2);
    max-width: var(--desktop-max-width);
    height: 84px;
    padding: 32px 40px;
    background-color: var(--white);
    border-radius: 20px;
    box-shadow: var(--shadow);
    transform: translateX(-50%);
}

@media screen and (max-width: 975px) {
    .Header-module__header__P8sq {
        gap: 20px;
    }
}

.SocialLink-module__link__Uw14 {
    display: block;
    height: 100%;
}

.SocialLink-module__link__Uw14 > svg {
    width: auto;
    height: 100%;
}

.SocialLinks-module__links__zEuP {
    display: flex;
    flex-flow: row wrap;
    gap: 16px;
    align-items: center;
    justify-content: space-around;
    width: 144px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.SocialLinks-module__link__U_qz {
    height: 34px;
}

.SocialLinks-module__s__A2ej {
    gap: 12px 8px;

    .SocialLinks-module__magLink__sIBG {
        height: 31px;
    }
}

.SocialLinks-module__m__gCHM {
    gap: 8px;

    .SocialLinks-module__magLink__sIBG {
        height: 26px;
    }
}

.Legals-module__legals__aMUr {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: baseline;
}

.Legals-module__s__TK3u {
    align-items: center;
    font-size: 12px;
    line-height: 100%;
}

.Legals-module__m__KOay {
    font-size: 20px;
    line-height: 24px;
}

.Copyright-module__root__wvs4 {
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.Copyright-module__text__V0qr {
    width: 100%;
    text-align: center;
}

.Copyright-module__logo__mPf4 {
    width: 100%;
}

.Copyright-module__s__d_C7 {
    gap: 12px;

    .Copyright-module__text__V0qr {
        font-size: 12px;
        line-height: 24px;
    }

    .Copyright-module__logo__mPf4 {
        width: 116px;
        height: 18px;
    }
}

.Copyright-module__m__REao {
    gap: 16px;

    .Copyright-module__logo__mPf4 {
        width: 116px;
        height: 24px;
    }
}

.Footer-module__footer__kcjD {
    width: 100%;
    padding: 50px max(12px, 3.5vw);
}

.Footer-module__wrapper__0INJ {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: var(--desktop-max-width);
    margin: 0 auto;
}

.styles-module__root__p7Sx {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: var(--desktop-max-width);
    margin: 112px auto;
    overflow: hidden;
    border: 5px solid #efefef;
    border-radius: 20px;
}

.styles-module__left__Z3jd {
    padding: 28px 0 40px 38px;
}

.styles-module__text__pcgt {
    font-size: 20px;
    line-height: 24px;
    white-space: nowrap;
}

.styles-module__link__o0AW {
    color: #000;
    text-decoration: underline;
}

.styles-module__title__S0KN {
    width: 324px;
    height: 159px;
    margin: 0 0 30px;
}

.styles-module__imageContainer__iLrA {
    width: 100%;
    height: 310px;
    overflow: hidden;
}

.styles-module__image__m9FA {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
}

.NewCarOfTheYear-module__main__Qk4x {
    max-width: 100%;
    overflow: hidden;
}

.Button-module__root__JiYz {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 19px;
    white-space: nowrap;
    border: 1px solid rgb(0 0 0 / 50%);
    border-radius: var(--unit-radius-medium);

    @media (--mobile-viewport) {
        padding: 13px 14px;
        border-radius: 14px;
    }

    color: var(--color-foreground-positive);
    background-color: var(--color-background-black);
}

.Button-module__fullWidth__BLeO {
    width: 100%;
}

.SwipeContainer-module__container__dO59 {
  position: relative;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform-origin: center;
  touch-action: pan-y;
  -webkit-user-select: none;
          user-select: none;
  will-change: transform;
}

.SwipeContainer-module__dragging__mekn {
  transition: none;
}

.SwipeContainer-module__left__GRuJ {
  transform: translateX(-100%) rotate(-10deg);
  opacity: 0;
}

.SwipeContainer-module__right__jNTB {
  transform: translateX(100%) rotate(10deg);
  opacity: 0;
}

/* Индикаторы направления свайпа */
.SwipeContainer-module__swipeIndicatorLeft__F8_f,
.SwipeContainer-module__swipeIndicatorRight__dvrB {
  position: absolute;
  top: 20px;
  padding: 8px 16px;
  border-radius: 20px;
  font-weight: bold;
  font-size: 18px;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.SwipeContainer-module__swipeIndicatorLeft__F8_f {
  left: 20px;
  background-color: rgba(255, 75, 75, 0.8);
  color: white;
  transform: rotate(-10deg);
}

.SwipeContainer-module__swipeIndicatorRight__dvrB {
  right: 20px;
  background-color: rgba(75, 255, 75, 0.8);
  color: white;
  transform: rotate(10deg);
}

/* Показываем индикаторы при перетаскивании */
.SwipeContainer-module__container__dO59:hover .SwipeContainer-module__swipeIndicatorLeft__F8_f,
.SwipeContainer-module__container__dO59:hover .SwipeContainer-module__swipeIndicatorRight__dvrB {
  opacity: 0.8;
}

@media (min-width: 768px) {
  /* Для десктопа добавим поддержку мыши */
  .SwipeContainer-module__container__dO59 {
    cursor: grab;
  }

  .SwipeContainer-module__container__dO59:active {
    cursor: grabbing;
  }
}

.QuestionCard-module__card__quCo {
  background: #fff;
  border-radius: 32px;
  padding: 32px 24px 24px 24px;
  box-shadow: 0 4px 30px rgba(0,0,0,0.09);
  max-width: 420px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.QuestionCard-module__sequence__YbxM {
  font-size: 1rem;
  color: #888;
  margin-bottom: 8px;
}

.QuestionCard-module__question__QO8A {
  margin: 0 0 24px 0;
  font-size: 1.6rem;
  font-weight: bold;
}

.QuestionCard-module__imageWrapper__jrgT {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.QuestionCard-module__image__EnTq {
  max-width: 320px;
  border-radius: 16px;
  object-fit: contain;
}

.QuestionCard-module__answers__Z69c {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-top: 24px;
}

/* Добавляем индикаторы свайпа */
.QuestionCard-module__card__quCo::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 8px;
  background: linear-gradient(to right, #ff4b4b 50%, #4bff4b 50%);
  opacity: 0.7;
  border-radius: 32px 32px 0 0;
}

/* Добавляем подсказку для пользователя */
.QuestionCard-module__swipeHint__ZLtd {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 14px;
  color: #888;
}

:root {
    --z-index-step: 1;
    --z-index-multiply: 10;
    --z-index-back-bottom: calc(var(--z-index-multiply) * 1 - var(--z-index-step));
    --z-index-back: calc(var(--z-index-multiply) * 1);
    --z-index-back-top: calc(var(--z-index-multiply) * 1 + var(--z-index-step));
    --z-index-middle-bottom: calc(var(--z-index-multiply) * 2 - var(--z-index-step));
    --z-index-middle: calc(var(--z-index-multiply) * 2);
    --z-index-middle-top: calc(var(--z-index-multiply) * 2 + var(--z-index-step));
    --z-index-front-bottom: calc(var(--z-index-multiply) * 3 - var(--z-index-step));
    --z-index-front: calc(var(--z-index-multiply) * 3);
    --z-index-front-top: calc(var(--z-index-multiply) * 3 + var(--z-index-step));
    --z-index-corner: 10000;
}

: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-radius-smaller: 4px;
    --unit-radius-small: 8px;
    --unit-radius-medium: 16px;
    --unit-radius-large: 24px;
    --unit-radius-full: 100%;
    --unit-container-xsmall: 600px;
    --unit-container-small: 760px;
    --unit-container-medium: 994px;
    --unit-container-large: 1220px;
    --unit-border-small: 1px;
    --font-heading: 'YS Cond', serif;
    --font-main: 'YS Geo', arial, helvetica, sans-serif;
}

/*
    @see https://medium.com/@ferie/detect-a-touch-device-with-only-css-9f8e30fa1134
    @see https://stackoverflow.com/questions/23885255/how-to-remove-ignore-hover-css-style-on-touch-devices
    @see https://gist.github.com/perjo927/e1f114398fc6fb8538a1412bea800f1a

    Ниже media query, чтобы убрать :hover на мобильных девайсах.
    Должно работать так:
    1) ставим @media на pointer: coarse, это будет работать в puppeteer
    2) ставим @media на прямую поддержку hover: hover для нормальных ребят
*/

:root {
    /*
      Статистические цвета, скорее всего вам нужно использовать значения ниже
    */
    --color-white: #fff;
    --color-rgb-white: 255, 255, 255;
    --color-black: #000;
    --color-rgb-black: 0, 0, 0;
    --color-gray: rgb(26 30 33 / 7%);
    --rgb-color-gray: 158, 155, 152;
    --color-foreground-neutral: var(--color-black);
    --color-foreground-positive: var(--color-white);
    --color-background-black: var(--color-black);
}