/* Компактная композиция: учитываем высоту окна, сохраняем пропорции автомобиля. */
.camry-faq__number { white-space: nowrap; }

@media (min-width: 1101px) {
  .camry-red-hero { aspect-ratio: auto; height: min(66.6667vw, 100svh); }
  .camry-red-hero::before {
    content: ''; position: absolute; inset: 0; z-index: -1;
    background: #f2f2f2 url('../img/faq-paper-v1.webp') center / cover;
    clip-path: polygon(0 calc(77.2% - 11.24vw), 100% calc(77.2% + 11.24vw), 100% 100%, 0 100%);
  }
  .camry-red-hero__frame {
    position: relative; isolation: isolate; container-type: inline-size;
    width: min(100%, 150svh); height: 100%; margin-inline: auto;
  }
  .camry-red-hero__scene {
    left: -25%; width: 125%;
    mask-image: linear-gradient(to right, #000 96%, transparent);
  }
  .camry-red-hero__title { top: 14%; font-size: 10.4cqw; }
  .camry-red-hero__action { top: 60%; }
  .camry-red-page .topbar-inner { height: clamp(64px, 9svh, 90px); }
}

@media (min-width: 761px) {
  .camry-final { aspect-ratio: auto; height: min(900px, 100svh); min-height: 580px; background-image: url('../img/winner-red-texture-v1.webp'); background-size: cover; }
  .camry-final__scene { left: auto; width: min(100%, 112svh, 1008px); mask-image: linear-gradient(to right, transparent, #000 24%); }
  .camry-final__scene img { object-fit: contain; object-position: right center; }
  .camry-final__logo { left: 5%; top: 3%; width: clamp(110px, 11vw, 180px); }
  .camry-final h2 { left: 5%; top: 14%; font-size: min(9vw, 11.5svh, 104px); line-height: 1.18; }
  .camry-final__copy { left: 5%; top: 59%; width: min(32%, 390px); }
  .camry-final__eyebrow { font-size: clamp(22px, 2.1vw, 30px); margin-bottom: 12px; }
  .camry-final__description { font-size: 18px; line-height: 1.3; margin-bottom: 16px; }
  .camry-final__button { min-height: 56px; padding: 14px 22px; font-size: 24px; }
  .camry-final__button > span:last-child { font-size: 30px; }
  .camry-final__login { font-size: 16px; margin-top: 10px; }
  .camry-final__date { font-size: 12px; margin-top: 14px; }
  .camry-final__date strong { font-size: 14px; }
}

@media (min-width: 1101px) {
  .camry-final__scene { width: min(100%, 160svh, 1440px); }
  .camry-final__scene img { object-fit: cover; object-position: center; }
}

@media (min-width: 761px) and (max-height: 700px) {
  .camry-final__copy { top: 57%; }
  .camry-final__eyebrow { margin-bottom: 8px; }
  .camry-final__date { margin-top: 10px; }
}

@media (max-width: 760px) {
  .camry-red-hero {
    --hero-title-size: clamp(54px, 16.5vw, 84px);
    /* Крыша ниже трёх строк заголовка, независимо от высоты панелей браузера. */
    --hero-car-top: calc(104px + 3 * var(--hero-title-size));
    height: auto; min-height: 0;
  }
  .camry-red-hero__frame {
    position: relative; isolation: isolate;
    padding-top: calc(var(--hero-car-top) + 58vw); padding-bottom: 46px;
  }
  .camry-red-hero__scene { top: calc(var(--hero-car-top) - 92vw); bottom: auto; height: auto; }
  .camry-red-hero__title { top: 82px; font-size: var(--hero-title-size); line-height: 1.02; }
  .camry-red-hero__action { position: relative; left: auto; bottom: auto; top: auto; width: auto; margin: 0 6%; }
  .camry-red-hero__eyebrow { font-size: 21px; margin-bottom: 6px; }
  .camry-red-hero__description { font-size: 16px; margin-bottom: 12px; }
  .camry-red-hero__button { min-height: 54px; padding: 12px 20px; font-size: 22px; }
  .camry-red-hero__specs { bottom: 12px; font-size: 10px; }

  .camry-details__stage { padding: 24px 20px 18px; }
  .camry-details__model { font-size: 14px; margin-bottom: 12px; }
  .camry-details__scene { height: 36vw; margin: 12px -20px 8px; }
  .camry-details__scene img {
    position: absolute; width: 100%; height: auto; max-width: none;
    top: -21vw; object-fit: initial;
  }
  .camry-details__facts { margin-top: 0; }
  .camry-details__facts > div { padding-block: 12px; }
  .camry-details__facts dt { margin-bottom: 5px; }
  .camry-details__caption { margin-top: 14px; }

  .camry-final { padding-top: 164vw; padding-bottom: 28px; }
  .camry-final__scene { top: -2vw; }
  .camry-final h2 { top: 23vw; font-size: 16vw; line-height: 1.18; }
  .camry-final__eyebrow { margin-bottom: 12px; }
  .camry-final__description { font-size: 16px; margin-bottom: 16px; }
  .camry-final__button { min-height: 56px; padding-block: 14px; }
  .camry-final__login { margin-top: 12px; }
  .camry-final__date { margin-top: 22px; }
}