:root {
        --navy: #0b2350;
        --navy-700: #123a75;
        --navy-500: #1b4fa0;
        --brand-blue: #025197; /* синий с automobiliya.ru — иконки преимуществ */
        --yellow: #ffd100;
        --yellow-700: #e0b800;
        --ink: #0f141d;
        --ink-70: #464f5e;
        --ink-45: #7b8595;
        --line: #dfe4ec;
        --bg: #fff;
        --bg-soft: #f3f5f9;
        --radius: 6px;
        --wrap: 1180px;
        --gutter: 20px;

        /* поля формы — светлая тема (модальное окно); тёмная задана на .apply */
        --f-label: var(--ink-45);
        --f-text: var(--ink);
        --f-line: var(--line);
        --f-placeholder: #aab3c0;
        --f-focus: var(--brand-blue);
        --f-error: #c4392a;
        --f-muted: var(--ink-70);
        --f-box: #b6bfcc;
        --f-tick: #fff;
        --f-link: var(--navy-500);
      }

      *,
      *::before,
      *::after {
        box-sizing: border-box;
      }
      html {
        scroll-behavior: smooth;
      }
      @media (prefers-reduced-motion: reduce) {
        html {
          scroll-behavior: auto;
        }
        * {
          transition: none !important;
        }
      }
      body {
        margin: 0;
        font-family: "Golos Text", "Helvetica Neue", Arial, sans-serif;
        font-size: 16px;
        line-height: 1.55;
        color: var(--ink);
        background: var(--bg);
        -webkit-font-smoothing: antialiased;
      }
      img {
        display: block;
        max-width: 100%;
      }
      a {
        color: inherit;
      }
      h1,
      h2,
      h3 {
        margin: 0;
        line-height: 1.1;
        letter-spacing: -0.02em;
      }
      p {
        margin: 0;
      }
      .wrap {
        max-width: var(--wrap);
        margin: 0 auto;
        padding: 0 var(--gutter);
      }
      .num {
        font-variant-numeric: tabular-nums;
        font-feature-settings: "tnum";
      }
      .visually-hidden {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
      }
      :focus-visible {
        outline: 3px solid var(--yellow);
        outline-offset: 2px;
      }

      /* ---------- buttons ---------- */
      .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        border: 0;
        border-radius: var(--radius);
        padding: 15px 28px;
        font: inherit;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.01em;
        text-decoration: none;
        cursor: pointer;
        transition:
          background-color 0.15s,
          transform 0.08s;
      }
      .btn:active {
        transform: translateY(1px);
      }
      .btn--accent {
        background: var(--yellow);
        color: var(--navy);
      }
      .btn--accent:hover {
        background: var(--yellow-700);
      }
      .btn--navy {
        background: var(--navy);
        color: #fff;
      }
      .btn--navy:hover {
        background: var(--navy-700);
      }
      .btn--sm {
        padding: 12px 20px;
        font-size: 15px;
      }
      .btn--block {
        width: 100%;
      }

      /* ---------- section headings ---------- */
      .head {
        margin-bottom: 36px;
      }
      .head__bar {
        width: 46px;
        height: 5px;
        background: var(--yellow);
        margin-bottom: 18px;
      }
      .head h2 {
        font-size: clamp(26px, 3.4vw, 38px);
        font-weight: 800;
      }
      .head__note {
        margin-top: 10px;
        color: var(--ink-45);
        font-size: 15px;
      }

      /* ---------- header ---------- */
      .site-header {
        position: sticky;
        top: 0;
        z-index: 50;
        background: #fff;
        border-bottom: 1px solid var(--line);
      }
      .site-header__in {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding-top: 12px;
        padding-bottom: 12px;
      }
      .site-header__logo img {
        height: 46px;
        width: auto;
      }

      /* ---------- hero ---------- */
      .hero {
        background: #000;
        color: #fff;
        padding: 56px 0 0;
      }
      .hero__top {
        display: grid;
        grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
        gap: 32px;
        align-items: center;
      }
      .hero__eyebrow {
        display: inline-block;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--yellow);
        margin-bottom: 20px;
      }
      .hero h1 {
        font-size: clamp(34px, 5.2vw, 62px);
        font-weight: 900;
        letter-spacing: -0.035em;
      }
      .hero__sub {
        margin-top: 18px;
        font-size: clamp(17px, 2vw, 21px);
        color: rgba(255, 255, 255, 0.66);
        max-width: 30ch;
      }
      .hero__actions {
        margin-top: 32px;
        display: flex;
        align-items: center;
        gap: 26px;
        flex-wrap: wrap;
      }
      .hero__link {
        color: rgba(255, 255, 255, 0.8);
        font-size: 15px;
        text-decoration: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.35);
        padding-bottom: 2px;
      }
      .hero__link:hover {
        color: #fff;
        border-bottom-color: var(--yellow);
      }
      .hero__visual img {
        width: 100%;
        height: auto;
      }

      /* 4 блока преимуществ на всю ширину — полосой, без «карточек» */
      .facts {
        border-top: 1px solid rgba(255, 255, 255, 0.16);
        margin-top: 44px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
      }
      .facts__item {
        padding: 26px 26px 30px 0;
      }
      .facts__item + .facts__item {
        border-left: 1px solid rgba(255, 255, 255, 0.16);
        padding-left: 26px;
      }
      .facts__value {
        font-size: clamp(20px, 2.3vw, 26px);
        font-weight: 800;
        letter-spacing: -0.03em;
      }
      .facts__label {
        margin-top: 6px;
        font-size: 13px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.5);
      }

      /* ---------- calculator ---------- */
      .calc {
        background: var(--bg-soft);
        padding: 76px 0;
      }
      .calc__card {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
        background: #fff;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        overflow: hidden;
      }
      .calc__controls {
        padding: 36px 40px 40px;
      }
      .field + .field {
        margin-top: 30px;
      }
      .field__top {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 10px;
      }
      .field__top label {
        font-size: 15px;
        font-weight: 600;
        color: var(--ink-70);
      }
      .field__input {
        display: flex;
        align-items: baseline;
        gap: 6px;
        padding-bottom: 6px;
        max-width: 280px;
      }
      .field__input input {
        border: 0;
        padding: 0;
        width: 100%;
        font: inherit;
        font-size: 26px;
        font-weight: 800;
        letter-spacing: -0.02em;
        color: var(--ink);
        background: transparent;
      }
      .field__input input:focus {
        outline: none;
      }
      .field__input:focus-within {
        border-bottom-color: var(--yellow-700);
      }
      .field__unit {
        font-size: 20px;
        font-weight: 700;
        color: var(--ink-45);
      }
      .field__readout {
        font-size: 26px;
        font-weight: 800;
        letter-spacing: -0.02em;
      }
      .field__scale {
        display: flex;
        justify-content: space-between;
        margin-top: 6px;
        font-size: 12px;
        color: var(--ink-45);
      }

      input[type="range"] {
        -webkit-appearance: none;
        appearance: none;
        width: 100%;
        margin: 16px 0 0;
        background: transparent;
      }
      input[type="range"]::-webkit-slider-runnable-track {
        height: 4px;
        background: var(--line);
        border-radius: 2px;
      }
      input[type="range"]::-moz-range-track {
        height: 4px;
        background: var(--line);
        border-radius: 2px;
      }
      input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 22px;
        height: 22px;
        margin-top: -9px;
        border-radius: 50%;
        background: var(--navy);
        border: 4px solid var(--yellow);
        cursor: pointer;
      }
      input[type="range"]::-moz-range-thumb {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: var(--navy);
        border: 4px solid var(--yellow);
        cursor: pointer;
      }

      .calc__result {
        background: var(--navy);
        color: #fff;
        padding: 36px 40px 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .calc__result-label {
        font-size: 13px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.55);
      }
      .calc__payment {
        margin-top: 10px;
        font-size: clamp(38px, 4.6vw, 52px);
        font-weight: 900;
        letter-spacing: -0.04em;
        color: var(--yellow);
      }
      .calc__pitch {
        margin-top: 26px;
        padding-top: 22px;
        border-top: 1px solid rgba(255, 255, 255, 0.18);
        font-size: 15px;
        color: rgba(255, 255, 255, 0.72);
      }
      .calc__pitch strong {
        display: block;
        color: #fff;
        font-weight: 700;
        margin-bottom: 2px;
      }
      .calc__result .btn {
        margin-top: 22px;
      }
      .smallprint {
        margin-top: 22px;
        max-width: 78ch;
        font-size: 13px;
        line-height: 1.5;
        color: var(--ink-45);
      }
      .smallprint + .smallprint {
        margin-top: 10px;
      }
      .smallprint a {
        color: var(--navy-500);
      }

      /* ---------- advantages ---------- */
      .adv {
        padding: 76px 0;
      }
      .adv__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 56px;
        row-gap: 52px;
      }
      .adv__icon {
        margin-bottom: 14px;
        color: var(--brand-blue);
      }
      .adv__icon svg {
        display: block;
        width: 30px;
        height: 30px;
      }
      .adv__item h3 {
        margin: 0 0 7px;
        font-size: 19px;
        font-weight: 700;
        /* заголовок пункта — не дисплейный кегль: нужны нормальные
           межстрочный и трекинг, иначе строки слипаются */
        line-height: 1.3;
        letter-spacing: -0.005em;
      }
      .adv__item p {
        color: var(--ink-70);
        font-size: 15px;
        line-height: 1.5;
      }

      /* ---------- form ---------- */
      .apply {
        background: var(--navy);
        color: #fff;
        padding: 76px 0;

        /* тёмная тема полей */
        --f-label: rgba(255, 255, 255, 0.55);
        --f-text: #fff;
        --f-line: rgba(255, 255, 255, 0.28);
        --f-placeholder: rgba(255, 255, 255, 0.28);
        --f-focus: var(--yellow);
        --f-error: #ff9d8f;
        --f-muted: rgba(255, 255, 255, 0.66);
        --f-box: rgba(255, 255, 255, 0.45);
        --f-tick: var(--navy);
        --f-link: #fff;
      }
      .apply .head__note {
        color: rgba(255, 255, 255, 0.6);
      }
      .apply__layout {
        display: grid;
        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
        gap: 48px;
        align-items: start;
      }
      .apply__aside p {
        color: rgba(255, 255, 255, 0.66);
        font-size: 16px;
      }
      .apply__aside p + p {
        margin-top: 14px;
      }
      .apply__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;
      }
      .ff label {
        display: block;
        font-size: 13px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--f-label);
        margin-bottom: 8px;
      }
      .ff input[type="text"],
      .ff input[type="tel"],
      .ff input[type="email"] {
        width: 100%;
        border: 0;
        border-bottom: 2px solid var(--f-line);
        background: transparent;
        color: var(--f-text);
        font: inherit;
        font-size: 18px;
        font-weight: 600;
        padding: 4px 0 9px;
        border-radius: 0;
      }
      .ff input::placeholder {
        color: var(--f-placeholder);
        font-weight: 400;
      }
      .ff input:focus {
        outline: none;
        border-bottom-color: var(--f-focus);
      }
      .ff input[aria-invalid="true"] {
        border-bottom-color: var(--f-error);
      }
      .ff__error {
        display: none;
        margin-top: 7px;
        font-size: 13px;
        color: var(--f-error);
      }
      .ff.is-invalid .ff__error {
        display: block;
      }

      .consent {
        display: flex;
        gap: 12px;
        margin-top: 30px;
        font-size: 14px;
        line-height: 1.45;
        color: var(--f-muted);
        max-width: 72ch;
      }
      .consent input {
        flex: none;
        appearance: none;
        -webkit-appearance: none;
        width: 20px;
        height: 20px;
        margin: 1px 0 0;
        border: 2px solid var(--f-box);
        border-radius: 3px;
        background: transparent;
        cursor: pointer;
      }
      .consent input:checked {
        background: var(--f-focus);
        border-color: var(--f-focus);
      }
      .consent input:checked::after {
        content: "";
        display: block;
        width: 5px;
        height: 10px;
        margin: 1px auto 0;
        border: solid var(--f-tick);
        border-width: 0 2.5px 2.5px 0;
        transform: rotate(45deg);
      }
      .consent.is-invalid input {
        border-color: var(--f-error);
      }
      .consent a {
        color: var(--f-link);
        text-decoration: underline;
        text-underline-offset: 2px;
      }
      .apply__submit {
        margin-top: 28px;
        display: flex;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
      }
      .apply__submit span {
        font-size: 13px;
        color: rgba(255, 255, 255, 0.45);
      }
      .apply__done {
        border-left: 4px solid var(--yellow);
        padding: 4px 0 4px 22px;
      }
      .apply__done h3 {
        font-size: 24px;
        font-weight: 800;
        margin-bottom: 10px;
      }
      .apply__done p {
        color: rgba(255, 255, 255, 0.7);
      }

      /* ---------- catalog ---------- */
      .catalog {
        padding: 76px 0;
      }
      .catalog__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
      }
      .car {
        display: block;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        overflow: hidden;
        text-decoration: none;
        background: #fff;
        transition:
          border-color 0.15s,
          box-shadow 0.15s;
      }
      .car:hover {
        border-color: var(--navy);
        box-shadow: 0 10px 30px -18px rgba(11, 35, 80, 0.55);
      }
      .car__photo {
        aspect-ratio: 4 / 3;
        background: var(--bg-soft);
      }
      .car__photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .car__body {
        padding: 20px 22px 24px;
        border-top: 1px solid var(--line);
      }
      .car__name {
        font-size: 18px;
        font-weight: 700;
      }
      .car__meta {
        margin-top: 4px;
        font-size: 14px;
        color: var(--ink-45);
      }
      .car__price {
        margin-top: 16px;
        font-size: 24px;
        font-weight: 900;
        letter-spacing: -0.03em;
        color: var(--navy);
      }
      .car__credit {
        margin-top: 6px;
        font-size: 14px;
        color: var(--ink-70);
      }
      .car__credit b {
        font-weight: 700;
        box-shadow: inset 0 -0.5em 0 var(--yellow);
      }
      .catalog__cta {
        margin-top: 34px;
      }

      /* ---------- модальное окно заявки ---------- */
      .modal {
        width: min(560px, calc(100vw - 32px));
        max-height: calc(100vh - 32px);
        padding: 0;
        border: 0;
        border-radius: var(--radius);
        background: #fff;
        color: var(--ink);
        overflow: auto;
      }
      .modal::backdrop {
        background: rgba(6, 14, 30, 0.62);
      }
      .modal__box {
        position: relative;
        padding: 34px 36px 36px;
      }
      .modal__close {
        position: absolute;
        top: 12px;
        right: 12px;
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 50%;
        background: transparent;
        color: var(--ink-45);
        font-size: 26px;
        line-height: 1;
        cursor: pointer;
      }
      .modal__close:hover {
        background: var(--bg-soft);
        color: var(--ink);
      }
      .modal__box h2 {
        font-size: 25px;
        font-weight: 800;
        padding-right: 40px;
      }
      .modal__lead {
        margin-top: 8px;
        font-size: 15px;
        color: var(--ink-70);
      }
      .modal__summary {
        margin: 24px 0 4px;
        padding: 16px 18px;
        background: var(--bg-soft);
        border-radius: var(--radius);
        font-size: 14px;
      }
      .modal__summary div {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        gap: 14px;
        padding: 5px 0;
      }
      .modal__summary dt {
        color: var(--ink-45);
      }
      .modal__summary dd {
        margin: 0;
        font-weight: 600;
      }
      .modal__summary .is-total {
        margin-top: 4px;
        padding-top: 11px;
        border-top: 1px solid var(--line);
      }
      .modal__summary .is-total dt {
        color: var(--ink);
      }
      .modal__summary .is-total dd {
        font-size: 20px;
        font-weight: 800;
        letter-spacing: -0.02em;
        color: var(--navy);
      }
      .modal__fields {
        display: grid;
        gap: 22px;
        margin-top: 26px;
      }
      .modal .consent {
        margin-top: 22px;
      }
      .modal__submit {
        margin-top: 24px;
      }
      .modal__note {
        margin-top: 12px;
        font-size: 12.5px;
        line-height: 1.45;
        color: var(--ink-45);
      }
      .modal__done {
        padding: 10px 0 6px;
        border-left: 4px solid var(--yellow);
        padding-left: 22px;
      }
      .modal__done h3 {
        font-size: 22px;
        font-weight: 800;
        margin-bottom: 10px;
      }
      .modal__done p {
        color: var(--ink-70);
        font-size: 15px;
      }
      .modal__done .btn {
        margin-top: 22px;
      }
      html.is-modal-open {
        overflow: hidden;
      }

      /* ---------- footer ---------- */
      .site-footer {
        background: var(--bg-soft);
        border-top: 1px solid var(--line);
        padding: 52px 0 28px;
        font-size: 15px;
      }
      .site-footer__head {
        padding-bottom: 24px;
        border-bottom: 1px solid #c9d3e0;
      }
      .site-footer__logo img {
        height: 46px;
        width: auto;
      }
      .site-footer__tagline {
        margin-top: 14px;
        font-size: 17px;
        color: var(--ink-70);
      }
      .site-footer__cols {
        display: grid;
        /* колонки неравные: «Услуги» и «Контакты» длиннее — иначе адрес рвётся */
        grid-template-columns: 0.85fr 1.2fr 1.2fr 0.9fr;
        gap: 40px;
        padding-top: 34px;
      }
      .site-footer h3 {
        font-size: 19px;
        font-weight: 700;
        letter-spacing: -0.01em;
        color: var(--brand-blue);
        margin-bottom: 18px;
      }
      .site-footer ul {
        list-style: none;
        margin: 0;
        padding: 0;
      }
      .site-footer li + li {
        margin-top: 11px;
      }
      .site-footer a {
        color: var(--ink-70);
        text-decoration: none;
      }
      .site-footer a:hover {
        color: var(--brand-blue);
      }
      .site-footer__contacts li {
        display: flex;
        align-items: flex-start;
        gap: 10px;
      }
      .site-footer__contacts svg {
        flex: none;
        width: 16px;
        height: 16px;
        margin-top: 4px;
        fill: var(--brand-blue);
      }
      .site-footer__socials {
        display: flex;
        gap: 10px;
        margin-top: 20px;
      }
      .site-footer__socials a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: #c3ccd8;
        color: #fff;
        transition: background-color 0.15s;
      }
      .site-footer__socials a:hover {
        background: var(--brand-blue);
      }
      .site-footer__socials svg {
        width: 16px;
        height: 16px;
        fill: currentColor;
      }
      .site-footer__hours li {
        color: var(--ink-70);
      }
      .site-footer__hours b {
        font-weight: 700;
        color: var(--ink);
      }
      .site-footer__bottom {
        margin-top: 46px;
        font-size: 14px;
        line-height: 1.5;
        color: var(--ink-70);
      }
      .site-footer__disclaimer {
        margin-top: 10px;
      }
      .site-footer__policies {
        margin-top: 18px;
      }
      .site-footer__policies a {
        display: block;
      }
      .site-footer__policies a + a {
        margin-top: 8px;
      }
      
            /* ---------- уведомление о cookie ---------- */
      .cookie {
        position: fixed;
        left: var(--gutter);
        bottom: var(--gutter);
        /* выше липкой шапки (z-index: 50) */
        z-index: 60;
        width: min(430px, calc(100vw - var(--gutter) * 2));
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 14px 16px;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: #fff;
        box-shadow: 0 12px 30px rgba(11, 35, 80, 0.18);
        font-size: 13.5px;
        line-height: 1.45;
        color: var(--ink-70);
        opacity: 0;
        transform: translateY(12px);
        transition:
          opacity 0.2s,
          transform 0.2s;
      }
      /* display: flex перебивает скрытие атрибутом hidden — возвращаем его */
      .cookie[hidden] {
        display: none;
      }
      .cookie.is-visible {
        opacity: 1;
        transform: none;
      }
      .cookie p {
        min-width: 0;
      }
      .cookie a {
        color: var(--navy-500);
        text-decoration: underline;
      }
      .cookie a:hover {
        color: var(--navy);
      }
      .cookie .btn {
        flex: none;
        padding: 11px 20px;
        font-size: 14px;
      }

      /* ---------- responsive ---------- */
      [id] {
        scroll-margin-top: 96px;
      }
      @media (max-width: 960px) {
        .hero__top,
        .calc__card,
        .apply__layout {
          grid-template-columns: 1fr;
        }
        .hero {
          padding-top: 40px;
          padding-bottom: 16px;
        }
        .hero__visual {
          order: -1;
        }
        .hero__sub {
          max-width: none;
        }
        .facts {
          grid-template-columns: 1fr 1fr;
        }
        .facts__item:nth-child(odd) {
          border-left: 0;
          padding-left: 0;
        }
        .facts__item:nth-child(n + 3) {
          border-top: 1px solid rgba(255, 255, 255, 0.16);
        }
        .calc__controls,
        .calc__result {
          padding: 30px 24px 34px;
        }
        .adv__grid {
          grid-template-columns: 1fr 1fr;
          column-gap: 40px;
          row-gap: 44px;
        }
        .apply__layout {
          gap: 32px;
        }
        .apply__grid {
          grid-template-columns: 1fr;
          gap: 26px;
        }
        .catalog__grid {
          grid-template-columns: 1fr;
          max-width: 460px;
        }
        .site-footer__cols {
          grid-template-columns: 1fr 1fr;
          gap: 34px 36px;
        }
      }
      @media (max-width: 600px) {
        .site-header__logo img {
          height: 30px;
        }
        .site-header .btn {
          padding: 11px 6px;
          font-size: 14px;
          text-align: right;
        }
        .calc,
        .adv,
        .apply,
        .catalog {
          padding: 52px 0;
        }
        .cookie {
          right: var(--gutter);
          width: auto;
          flex-wrap: wrap;
          gap: 12px;
        }
        .cookie .btn {
          width: 100%;
        }
        
        /* 4 факта — строками «параметр — значение», чтобы не рвало по высоте */
        .facts {
          grid-template-columns: 1fr;
          margin-top: 30px;
        }
        .facts__item,
        .facts__item + .facts__item {
          display: flex;
          align-items: baseline;
          justify-content: space-between;
          gap: 18px;
          padding: 13px 0;
          border-left: 0;
        }
        .facts__item + .facts__item {
          border-top: 1px solid rgba(255, 255, 255, 0.16);
        }
        .facts__value {
          order: 2;
          flex: none;
          font-size: 17px;
          text-align: right;
        }
        .facts__label {
          order: 1;
          margin-top: 0;
          font-size: 11.5px;
          letter-spacing: 0.08em;
        }

        /* на узком экране заголовки секций переносятся — 1.1 для двух строк тесно */
        .head h2 {
          line-height: 1.2;
        }
        .adv__grid {
          grid-template-columns: 1fr;
          /* пункты идут подряд, поэтому зазор между ними должен быть
             заметно больше межстрочного интервала внутри абзаца */
          row-gap: 34px;
        }
        /* иконка и заголовок в одну строку, описание под ними */
        .adv__item {
          display: grid;
          grid-template-columns: auto minmax(0, 1fr);
          column-gap: 12px;
          align-items: center;
        }
        .adv__icon {
          grid-area: 1 / 1;
          margin-bottom: 0;
        }
        .adv__icon svg {
          width: 26px;
          height: 26px;
        }
        .adv__item h3 {
          grid-area: 1 / 2;
          font-size: 17px;
          margin-bottom: 0;
        }
        .adv__item p {
          grid-area: 2 / 2;
          margin-top: 7px;
          grid-column: span 2;
        }
        .site-footer {
          padding-top: 40px;
        }
        .site-footer__cols {
          grid-template-columns: 1fr;
          gap: 30px;
        }
        .site-footer h3 {
          font-size: 18px;
          margin-bottom: 14px;
        }
        .site-footer__bottom {
          margin-top: 34px;
          font-size: 13px;
        }
        .modal__box {
          padding: 28px 20px 30px;
        }
        .modal__box h2 {
          font-size: 22px;
        }
      }
     
    .t-rec_pt_90,
    .t-rec_pt_105 {
        display: none;
    }
    }