/* ==========================================================================
   ШРИФТЫ
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&display=swap');
@font-face {
  font-family: 'Felidae';
  src: url('fonts/Felidae.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ==========================================================================
   RESET / BASE
   ========================================================================== */

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

html {
  scroll-behavior: smooth;
}

body {
  position: relative;
  font-family: 'Inter Tight', sans-serif;
  background: #000000;
  color: #EBE7DD;
  container-type: inline-size;
  min-height: 215.972cqw;
}

img {
  display: block;
  max-width: 100%;
}

/* ==========================================================================
   HERO — блок "Аукцион вещей"
   ========================================================================== */

.hero {
  position: relative;
  width: 100%;
  background: #000000;
  overflow: hidden;
}

.hero__inner {
  position: relative;
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 1440 / 1042;
  container-type: inline-size;
}

.hero__glow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 0;
  pointer-events: none;
}

.hero__glow-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.42);
  z-index: 1;
  pointer-events: none;
}

.hero__blur {
  position: absolute;
  top: 0;
  width: 43.169cqw;
  height: auto;
  z-index: 2;
  pointer-events: none;
  transform-origin: top center;
}

.hero__blur--1 {
  left: 0%;
  animation: lamp-sway-1 4.5s ease-in-out infinite;
}

.hero__blur--2 {
  top: -20px;
  left: 27.569%;
  animation: lamp-sway-2 5.5s ease-in-out infinite;
  animation-delay: -2s;
}

.hero__blur--3 {
  left: 51.302%;
  animation: lamp-sway-3 5s ease-in-out infinite;
  animation-delay: -3.2s;
}

@keyframes lamp-sway-1 {
  0%   { transform: rotate(-5deg); }
  50%  { transform: rotate(6deg); }
  100% { transform: rotate(-5deg); }
}

@keyframes lamp-sway-2 {
  0%   { transform: rotate(5deg); }
  50%  { transform: rotate(-7deg); }
  100% { transform: rotate(5deg); }
}

@keyframes lamp-sway-3 {
  0%   { transform: rotate(-6.5deg); }
  50%  { transform: rotate(4deg); }
  100% { transform: rotate(-6.5deg); }
}

@media (prefers-reduced-motion: reduce) {
  .hero__blur--1,
  .hero__blur--2,
  .hero__blur--3 {
    animation: none;
  }
}

.hero__logo {
  position: absolute;
  z-index: 10;
  top: 2.778cqw;
  left: 36.667%;
  width: 26.667%;
}

.hero__title {
  position: absolute;
  z-index: 10;
  top: 12.083cqw;
  left: 22.153%;
  width: 55.694%;
  font-family: 'Felidae', 'Playfair Display', serif;
  font-weight: 400;
  font-size: 4.722cqw;
  line-height: 90%;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
  color: #EBE7DD;
  text-shadow: 0 0 40px rgba(235, 231, 221, 0.8);
}

.hero__subtitle {
  position: absolute;
  z-index: 10;
  top: 17.569cqw;
  left: 22.153%;
  width: 55.694%;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 400;
  font-size: 1.528cqw;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  color: #EBE7DD;
}

/* ==========================================================================
   РАМКИ
   ========================================================================== */

.frames {
  position: absolute;
  inset: 0;
  z-index: 3;
}

.frame {
  position: absolute;
}

.frame__box {
  position: relative;
  width: 100%;
  height: 100%;
}

.frame__border {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.frame__photo {
  position: absolute;
  z-index: 1;
  object-fit: cover;
}

.frame__caption {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  text-transform: uppercase;
}

.frame__id {
  font-family: 'Inter Tight', sans-serif;
  font-weight: 700;
  font-size: 0.833cqw;
  line-height: 120%;
  color: #EBE7DD;
}

.frame__label {
  font-family: 'Inter Tight', sans-serif;
  font-weight: 500;
  font-size: 0.833cqw;
  line-height: 120%;
  color: #EBE7DD;
}

.frame--1 {
  top: 32.150%;
  left: 5%;
  width: 27.222%;
  height: 46.833%;
}

.frame--1 .frame__photo {
  top: 8.197%;
  left: 9.439%;
  width: 80.867%;
  height: 83.607%;
}

.frame--1 .frame__caption {
  top: calc(100% + 1.111cqw);
  left: 0;
  width: 100%;
}

.frame--2 {
  top: 30.230%;
  left: 35.833%;
  width: 26.528%;
  height: 46.833%;
}

.frame--2 .frame__photo {
  top: 13.525%;
  left: 8.117%;
  width: 83.770%;
  height: 72.951%;
}

.frame--2 .frame__caption {
  top: calc(100% + 1.111cqw);
  left: 0;
  width: 100%;
}

.frame--3 {
  top: 32.150%;
  left: 66.181%;
  width: 28.819%;
  height: 46.833%;
}

.frame--3 .frame__photo {
  top: 6.967%;
  left: 10.361%;
  width: 79.759%;
  height: 86.270%;
}

.frame--3 .frame__caption {
  top: calc(100% + 1.111cqw);
  left: 0;
  width: 100%;
}

/* ==========================================================================
   АДАПТИВ — ПЛАНШЕТ (до 1024px)
   ========================================================================== */

@media (max-width: 1024px) {
  .hero__title {
    font-size: clamp(32px, 4.722cqw, 68px);
  }
  .hero__subtitle {
    font-size: clamp(14px, 1.528cqw, 22px);
  }
}

/* ==========================================================================
   АДАПТИВ — МОБИЛЬНЫЕ (до 768px)
   ========================================================================== */

@media (max-width: 768px) {
  .hero__inner {
    aspect-ratio: unset;
    height: auto;
    padding: 6.933cqw 0 10.667cqw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .hero__logo {
    position: static;
    width: 46.667%;
    max-width: none;
    margin: 0 auto 21.6cqw;
  }

  .hero__stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 13.333cqw;
    width: 91.467%;
    margin: 0 auto;
  }

  .hero__text-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4.267cqw;
    width: 100%;
  }

  .hero__title,
  .hero__subtitle {
    position: static;
    max-width: none;
  }

  .hero__title {
    width: 100%;
    font-size: 14.933cqw;
    line-height: 100%;
    letter-spacing: 0.04em;
    margin: 0;
    text-shadow: 0 0 10.667cqw rgba(235, 231, 221, 0.8);
  }

  .hero__subtitle {
    width: 100%;
    font-size: 5.067cqw;
    line-height: 110%;
    margin: 0 auto;
  }

  .hero__glow {
    height: 100%;
  }

  .frames {
    position: static;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 6.997cqw;
    width: 100%;
  }

  .frame {
    position: static;
    margin: 0;
  }

  .frame--3 {
    display: none;
  }

  .frame--1 {
    width: 38.192%;
  }

  .frame--2 {
    width: 54.810%;
    margin-top: -4.8cqw;
  }

  .frame--1 .frame__box {
    aspect-ratio: 131 / 207;
  }

  .frame--2 .frame__box {
    aspect-ratio: 188 / 232;
  }

  .frame--1 .frame__photo {
    top: 7.7%;
    left: 10%;
    width: 80.7%;
    height: 85.1%;
  }

  .frame--2 .frame__photo {
    top: 9.5%;
    left: 8.1%;
    width: 82.7%;
    height: 83%;
  }

  .frame__caption {
    position: static;
    align-items: center;
    text-align: center;
    margin-top: 2.133cqw;
    width: 100%;
  }

  .frame--2 .frame__caption {
    transform: translateY(-2.133cqw);
  }

  .frame__id,
  .frame__label {
    display: block;
    width: 100%;
    font-family: 'Inter Tight', sans-serif;
    font-weight: 500;
    font-size: 3.2cqw;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center;
  }
}

/* ==========================================================================
   INTRO — блок с двумя текстовыми колонками (вопрос / ответ)
   ========================================================================== */

.intro {
  background: #000000;
  width: 100%;
}

.intro__inner {
  position: relative;
  width: 100%;
  container-type: inline-size;
  min-height: 14.583cqw;
}

.intro__question,
.intro__answer {
  position: absolute;
  top: 2.5cqw;
  margin: 0;
  font-family: 'Inter Tight', sans-serif;
  font-size: 1.25cqw;
  color: #EBE7DD;
}

.intro__question {
  left: 12.639%;
  width: 35.208%;
  font-weight: 400;
  line-height: 140%;
}

.intro__answer {
  left: 50.833%;
  width: 36.528%;
  font-weight: 500;
  line-height: 130%;
  text-transform: uppercase;
}

@media (max-width: 1024px) {
  .intro__question,
  .intro__answer {
    font-size: clamp(14px, 1.25cqw, 18px);
  }
}

@media (max-width: 768px) {
  .intro__inner {
    min-height: 0;
    padding: 32px 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .intro__question,
  .intro__answer {
    position: static;
    width: 100%;
    font-size: 16px;
  }
}

/* ==========================================================================
   PAGE-LEVEL ЭЛЕМЕНТЫ
   ========================================================================== */

.page-glow-2 {
  position: absolute;
  top: 49.931cqw;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
  pointer-events: none;
}

/* ==========================================================================
   MYTH — блок "Миф о новом"
   ========================================================================== */

.myth__title {
  position: absolute;
  top: 99.583cqw;
  left: 37.222%;
  width: 25.556%;
  margin: 0;
  z-index: 2;
  white-space: nowrap;
  font-family: 'Felidae', 'Playfair Display', serif;
  font-weight: 400;
  font-size: 4.722cqw;
  line-height: 90%;
  letter-spacing: 0.02em;
  text-align: center;
  color: #EBE7DD;
  text-shadow: 0 0 5.913cqw rgba(235, 231, 221, 0.8);
}

.myth__p1 {
  position: absolute;
  top: 107.986cqw;
  left: 12.639%;
  width: 36.806%;
  margin: 0;
  z-index: 2;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 500;
  font-size: 1.25cqw;
  line-height: 130%;
  text-transform: uppercase;
  color: #EBE7DD;
}

.myth__p2 {
  position: absolute;
  top: 107.986cqw;
  left: 55.556%;
  width: 32.847%;
  z-index: 2;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 400;
  font-size: 1.25cqw;
  line-height: 140%;
  color: #EBE7DD;
}

.myth__p2 p {
  margin: 0 0 1em;
}

.myth__p2 p:last-child {
  margin-bottom: 0;
}

.myth__p3 {
  position: absolute;
  top: 130.347cqw;
  left: 62.153%;
  width: 24.583%;
  margin: 0;
  z-index: 2;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 400;
  font-size: 1.25cqw;
  line-height: 140%;
  color: #EBE7DD;
}

.myth__ring {
  position: absolute;
  top: 131.180cqw;
  left: 56.25%;
  width: 3.125%;
  height: 10.278cqw;
  z-index: 2;
}

.myth__ring-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

.myth__badge {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-90deg);
  font-family: 'Inter Tight', sans-serif;
  font-weight: 500;
  font-size: 0.833cqw;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
  color: #EBE7DD;
}

.myth__box {
  position: absolute;
  top: 116.806cqw;
  left: 12.778%;
  width: 34.653%;
  aspect-ratio: 499 / 529;
  z-index: 2;
  container-type: inline-size;
}

.myth__hand {
  position: absolute;
  top: 8.129%;
  left: 24.048%;
  width: 51.904%;
  height: 88.469%;
  z-index: 1;
}

.myth__label {
  position: absolute;
  top: 17.013%;
  left: 29.058%;
  width: 41.884%;
  z-index: 2;
  font-family: 'Felidae', 'Playfair Display', serif;
  font-weight: 400;
  font-size: 8.617cqw;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
  color: #FF4053;
  transition: opacity 0.25s ease;
}

.myth__label--active {
  opacity: 0;
  pointer-events: none;
}

.myth__box.is-active .myth__label--default {
  opacity: 0;
  pointer-events: none;
}

.myth__box.is-active .myth__label--active {
  opacity: 1;
  pointer-events: auto;
}

.myth__bubble {
  position: absolute;
  z-index: 3;
  padding: 0.5em 1.1em;
  border-radius: 999px;
  white-space: nowrap;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 500;
  font-size: 3.808cqw;
  line-height: 140%;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0;
  transform: scale(0.4) translateY(10px);
  pointer-events: none;
  transition: opacity 0.35s ease, transform 0.35s ease;
  transition-delay: calc(var(--i) * 0.08s);
}

.myth__box.is-active .myth__bubble {
  opacity: 1;
  transform: scale(1) translateY(0);
  pointer-events: auto;
}

.myth__bubble--1 { top: 4%;   left: 4%;   background: #8B5CF6; }
.myth__bubble--2 { top: 1%;   left: 60%;  background: #FF4053; }
.myth__bubble--3 { top: 34%;  left: -6%;  background: #FF4053; }
.myth__bubble--4 { top: 30%;  left: 78%;  background: #2F9BFF; }
.myth__bubble--5 { top: 48%;  left: 52%;  background: #8B5CF6; }
.myth__bubble--6 { top: 64%;  left: -2%;  background: #17C964; }

/* ==========================================================================
   MYTH (мобильный) — "Миф о новом", база 375px.
   ========================================================================== */

@media (max-width: 768px) {
  .page-glow-2 {
    display: none;
  }

  .section-2 {
    background-image: url('images/glow-2.webp') !important;
    background-repeat: no-repeat !important;
    background-position: center -165px !important;
    background-size: 100% auto !important;
  }

  .section-2 {
    container-type: inline-size;
  }

  .section-2 > .myth__title,
  .myth__rest {
    position: static;
  }

  .section-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 4.267% 60px;
  }

  .myth__title {
    width: 100%;
    margin: 0 0 13.867cqw;
    font-size: 12.8cqw;
    line-height: 90%;
    letter-spacing: 0.02em;
    text-align: center;
    text-shadow: 0 0 22.707cqw rgba(235, 231, 221, 0.8);
  }

  .myth__rest {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8.533cqw;
  }

  .myth__textgroup {
    display: flex;
    flex-direction: column;
    gap: 8.533cqw;
    width: 100%;
  }

  .myth__p1,
  .myth__p2 {
    position: static;
    width: 100%;
    color: #EBE7DD;
  }

  .myth__p1 {
    font-size: 5.067cqw;
    line-height: 110%;
  }

  .myth__p2 {
    font-size: 4.267cqw;
    line-height: 140%;
  }

  .myth__p2 p {
    margin: 0 0 1em;
  }

  .myth__p2 p:last-child {
    margin-bottom: 0;
  }

  .myth__lower {
    display: flex;
    flex-direction: column;
    gap: 13.867cqw;
    width: 100%;
  }

  .myth__box {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    aspect-ratio: 343 / 530;
  }

  .myth__hand {
    width: 75.653%;
    left: 12.173%;
  }

  .myth__label {
    top: 16.981%;
    left: 22.741%;
    width: 54.519%;
    font-size: 12.536cqw;
  }

  .myth__bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8.533cqw;
    width: 100%;
  }

  .myth__ring {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    width: 43.2%;
    aspect-ratio: 162 / 59;
  }

  .myth__ring-bg {
    display: none;
  }

  .myth__ring {
    background-image: url('images/badge-ring2.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  .myth__badge {
    transform: none;
    font-size: 3.2cqw;
  }

  .myth__p3 {
    position: static;
    width: 100%;
    font-size: 4.267cqw;
    line-height: 140%;
    color: #EBE7DD;
  }
}

/* ==========================================================================
   AUCTION — блок "Начинаем аукцион"
   ========================================================================== */

.auction__title {
  position: absolute;
  top: 164.444cqw;
  left: 22.153%;
  width: 55.694%;
  margin: 0;
  z-index: 2;
  font-family: 'Felidae', 'Playfair Display', serif;
  font-weight: 400;
  font-size: 4.722cqw;
  line-height: 90%;
  letter-spacing: 0.02em;
  text-align: center;
  color: #EBE7DD;
  text-shadow: 0 0 2.778cqw rgba(235, 231, 221, 0.8);
}

.auction__subtitle {
  display: none;
}

.auction__dots {
  display: none;
}

.auction__frame {
  position: relative;
  width: 74.028%;
  aspect-ratio: 1066 / 651;
  z-index: 1;
  container-type: inline-size;
}

.auction__frame-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

.auction__frame-fg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  pointer-events: none;
}

.auction__cavity {
  position: absolute;
  top: 9.831%;
  left: 8.068%;
  width: 83.208%;
  height: 81.26%;
  background: #ffffff;
  z-index: 2;
  container-type: inline-size;
}

.mobile-slides {
  display: none;
}

.auction__divider {
  position: absolute;
  inset: 0;
  width: 50%;
  height: 100%;
  box-shadow: 1.578cqw 0 2.368cqw rgba(0, 0, 0, 0.102);
  z-index: 1;
  pointer-events: none;
}

.auction__photo {
  position: absolute;
  z-index: 2;
}

.auction__photo--1 {
  top: 6.033%;
  left: 12.112%;
  width: 20.746%;
  height: 70.581%;
}

.auction__photo--2 {
  top: 10.586%;
  left: 54.904%;
  width: 33.709%;
  height: 70.888%;
}

.auction__caption {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.902cqw;
}

.auction__caption p {
  margin: 0;
}

.auction__caption-title {
  font-family: 'Inter Tight', sans-serif;
  font-weight: 700;
  font-size: 1.353cqw;
  line-height: 120%;
  text-transform: uppercase;
  color: #0b0b0c;
}

.auction__caption-text {
  font-family: 'Inter Tight', sans-serif;
  font-weight: 400;
  font-size: 1.353cqw;
  line-height: 120%;
  color: #0b0b0c;
}

.auction__caption--1 {
  top: 77.505%;
  left: 2.255%;
  width: 44.419%;
}

.auction__caption--2 {
  top: 77.505%;
  left: 53.551%;
  width: 44.419%;
  text-align: right;
}

.auction__caption--2 .auction__caption-text {
  width: 89.848%;
  margin-left: auto;
}

.auction__badge {
  position: absolute;
  top: 6%;
  left: 84%;
  width: 14%;
  height: 8.5%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.auction__badge-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

.auction__badge span {
  position: relative;
  z-index: 2;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 500;
  font-size: 1.127cqw;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
  color: #0b0b0c;
}

.auction__badge--left {
  left: 2%;
}

@media (max-width: 768px) {
  .auction {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 4.267% 8.533cqw;
  }

  .auction__title {
    position: static;
    width: 100%;
    margin: 0 0 3.499cqw;
    font-size: 13.994cqw;
    line-height: 90%;
    letter-spacing: 0.02em;
    text-shadow: 0 0 11.662cqw rgba(235, 231, 221, 0.8);
  }

  .auction__subtitle {
    display: block;
    width: 100%;
    margin: 0 0 3.499cqw;
    font-family: 'Inter Tight', sans-serif;
    font-weight: 300;
    font-size: 3.499cqw;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center;
    color: #EBE7DD;
  }

  .auction__dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.332cqw;
    width: 100%;
    margin: 0 0 8.746cqw;
  }

  .auction__dot {
    width: 4.665cqw;
    height: 4.665cqw;
    border-radius: 50%;
    background: rgba(0, 170, 255, 0.4);
    flex: none;
  }

  .auction__dot.is-active {
    background: #00AAFF;
  }

  .auction__frame {
    width: 94.667%;
    aspect-ratio: 355 / 581;
  }

  .auction__frame-bg,
  .auction__frame-fg {
    display: none;
  }

  .auction__frame {
    background-image: url('images/picture_frame.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  .auction__cavity {
    display: none;
  }

  .mobile-slides {
    display: block;
    position: absolute;
    top: 7.659%;
    left: 9.437%;
    width: 81.127%;
    height: 84.682%;
    background: #ffffff;
    z-index: 2;
    container-type: inline-size;
  }

  .mobile-slide {
    display: none;
    width: 100%;
    height: 100%;
    flex-direction: column;
  }

  .mobile-slide.is-active {
    display: flex;
  }

  .mobile-slide__photobox {
    position: relative;
    width: 90.972%;
    height: 44.309%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-slide__photobox img {
    max-width: 70%;
    max-height: 70%;
    object-fit: contain;
  }

  .mobile-slide__text {
    width: 100%;
    padding: 6.944cqw;
    display: flex;
    flex-direction: column;
    gap: 2.778cqw;
  }

  .mobile-slide__title {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 700;
    font-size: 4.861cqw;
    line-height: 120%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #000000;
  }

  .mobile-slide__desc {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 4.861cqw;
    line-height: 130%;
    letter-spacing: 0;
    color: #000000;
  }

  .mobile-slide__badge {
    position: absolute;
    top: 3.5%;
    right: 3.5%;
    width: 28%;
    aspect-ratio: 87 / 34;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-slide__badge--left {
    right: auto;
    left: 3.5%;
  }

  .mobile-slide__badge-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }

  .mobile-slide__badge span {
    position: relative;
    z-index: 1;
    font-family: 'Inter Tight', sans-serif;
    font-weight: 500;
    font-size: 1.7cqw;
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    color: #0b0b0c;
  }

  .mobile-slide__tap {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    z-index: 4;
  }

  .mobile-slide__tap--prev {
    left: 0;
  }

  .mobile-slide__tap--next {
    right: 0;
  }

  .mobile-slide--eng1,
  .mobile-slide--eng2 {
    justify-content: center;
  }

  .eng__textbox {
    width: 100%;
    padding: 20.833cqw 6.944cqw 6.944cqw;
    display: flex;
    flex-direction: column;
    gap: 5.556cqw;
  }

  .eng__title {
    font-family: 'Felidae', 'Playfair Display', serif;
    font-weight: 400;
    font-size: 9.722cqw;
    line-height: 90%;
    letter-spacing: 0.03em;
    color: #000000;
  }

  .eng__p {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 500;
    font-size: 4.514cqw;
    line-height: 130%;
    letter-spacing: 0;
    color: #000000;
  }

  .eng__listwrap {
    width: 100%;
    padding-top: 20.833cqw;
  }

  .eng__listbox {
    width: 100%;
    padding: 6.944cqw 6.944cqw 20.833cqw;
    display: flex;
    flex-direction: column;
    gap: 2.778cqw;
  }

  .eng__list-title {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 700;
    font-size: 4.861cqw;
    line-height: 120%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #000000;
  }

  .eng__list {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 4.861cqw;
    line-height: 130%;
    letter-spacing: 0;
    color: #000000;
    list-style: disc;
    padding-left: 4.514cqw;
  }

  .eng__list li + li {
    margin-top: 2.778cqw;
  }

  .eng__photobox {
    width: 90.972%;
    height: 45.528%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .eng__photobox img {
    max-width: 70%;
    max-height: 70%;
    object-fit: contain;
  }

  .eng__textbox3 {
    width: 100%;
    padding: 10.417cqw 6.944cqw 6.944cqw;
  }

  .eng__p3 {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 4.861cqw;
    line-height: 130%;
    letter-spacing: 0;
    color: #000000;
  }

}

/* ==========================================================================
   CAROUSEL — sticky horizontal scroll для разворотов аукциона.
   ========================================================================== */

.carousel {
  position: relative;
  height: calc(500vh + 50vh); /* 500vh = 5 слайдов, +50vh — запас, чтобы
                                  после последнего слайда ещё немного
                                  проскроллилось перед плавным отпусканием
                                  sticky, без рывка */
}

.carousel__sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.carousel__track {
  display: flex;
  width: 100%;
  height: auto;
  will-change: transform;
}

.carousel__hint {
  display: none;
}

@media (max-width: 768px) {
  .carousel__sticky {
    flex-direction: column;
    justify-content: center;
    container-type: inline-size;
    gap: 4.267cqw;
  }

  .carousel__hint {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 4.267cqw 4.267% 0;
    container-type: inline-size;
    z-index: 5;
    flex: none;
  }
}

.carousel__slide {
  flex: 0 0 100vw;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3%;
}

.carousel__slide--2 .auction__photo--1 {
  top: 17.958%;
  left: 6.426%;
  width: 34.837%;
  height: 49.905%;
}

.carousel__slide--2 .auction__photo--2 {
  top: 29.679%;
  left: 56.37%;
  width: 40.586%;
  height: 40.832%;
}

.carousel__slide--3 .auction__photo--1 {
  top: 16.635%;
  left: 4.059%;
  width: 36.077%;
  height: 60.491%;
}

.carousel__slide--3 .auction__photo--2 {
  top: 16.635%;
  left: 61.443%;
  width: 30.891%;
  height: 53.119%;
}

.carousel__slide--4 .auction__photo--1 {
  top: 28.922%;
  left: 3.72%;
  width: 40.474%;
  height: 36.484%;
}

/* ==========================================================================
   Слайд 5 (Frame 17) — "Инженерная ценность". Другая структура: один
   ========================================================================== */

.engineering {
}

.engineering__badge {
  position: absolute;
  top: 5.671%;
  left: 2.368%;
  width: 14%;
  height: 8.5%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.engineering__badge span {
  position: relative;
  z-index: 2;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 500;
  font-size: 1.127cqw;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
  color: #0b0b0c;
}

.engineering__title {
  position: absolute;
  top: 16.824%;
  left: 2.368%;
  width: 43.968%;
  margin: 0;
  z-index: 2;
  font-family: 'Felidae', 'Playfair Display', serif;
  font-weight: 400;
  font-size: 4.284cqw;
  line-height: 90%;
  letter-spacing: 0.02em;
  color: #0b0b0c;
}

.engineering__p1 {
  position: absolute;
  top: 25.52%;
  left: 2.368%;
  width: 32.469%;
  margin: 0;
  z-index: 2;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 500;
  font-size: 1.353cqw;
  line-height: 120%;
  color: #0b0b0c;
}

.engineering__photo {
  position: absolute;
  top: 21.928%;
  left: 54.34%;
  width: 38.444%;
  height: 50.284%;
  z-index: 2;
}

.engineering__list-box {
  position: absolute;
  top: 74.291%;
  left: 2.255%;
  width: 44.419%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.902cqw;
}

.engineering__list-title {
  margin: 0;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 700;
  font-size: 1.353cqw;
  line-height: 120%;
  text-transform: uppercase;
  color: #0b0b0c;
}

.engineering__list {
  margin: 0;
  padding-left: 1.2em;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 400;
  font-size: 1.353cqw;
  line-height: 120%;
  color: #0b0b0c;
}

.engineering__list li + li {
  margin-top: 0.3em;
}

.engineering__p2 {
  position: absolute;
  top: 74.291%;
  left: 54.34%;
  width: 42.39%;
  margin: 0;
  z-index: 2;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 400;
  font-size: 1.353cqw;
  line-height: 120%;
  text-align: right;
  color: #0b0b0c;
}

/* ==========================================================================
   OFFER — "Один инструмент или рабочий набор"
   ========================================================================== */

.offer {
  position: relative;
  width: 100%;
  background: #000000;
  overflow: hidden;
}

.offer__inner {
  position: relative;
  width: 100%;
  aspect-ratio: 1440 / 1090;
  container-type: inline-size;
}

.offer__title {
  position: absolute;
  top: 0;
  left: 22.153%;
  width: 55.694%;
  margin: 0;
  z-index: 2;
  font-family: 'Felidae', 'Playfair Display', serif;
  font-weight: 400;
  font-size: 4.722cqw;
  line-height: 90%;
  letter-spacing: 0.02em;
  text-align: center;
  color: #EBE7DD;
  text-shadow: 0 0 2.778cqw rgba(235, 231, 221, 0.8);
}

.offer__budget {
  position: absolute;
  top: 17.362cqw;
  left: 22.153%;
  width: 55.694%;
  margin: 0;
  z-index: 2;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 500;
  font-size: 2.639cqw;
  line-height: 90%;
  letter-spacing: 0.02em;
  text-align: center;
  color: #EBE7DD;
  text-shadow: 0 0 2.778cqw rgba(235, 231, 221, 0.8);
}

.offer__cta {
  position: absolute;
  top: 21.417cqw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.833cqw 1.771cqw;
  border-radius: 999px;
  border: 1px solid #00AAFF;
  box-shadow: 0 0 1.042cqw rgba(0, 170, 255, 0.75);
  font-family: 'Inter Tight', sans-serif;
  font-weight: 500;
  font-size: 1.25cqw;
  line-height: 140%;
  letter-spacing: 0;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  color: #00AAFF;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.offer__cta:hover,
.offer__cta:focus-visible {
  background: #00AAFF;
  color: #ffffff;
}

.offer__tabs {
  position: absolute;
  top: 11.181cqw;
  left: 0;
  width: 100%;
  height: 3.264cqw;
  z-index: 2;
}

.offer__tab {
  position: absolute;
  top: 0;
  height: 100%;
  border: none;
  border-radius: 30px;
  padding: 0.694cqw 1.111cqw;
  cursor: pointer;
  background: none;
  overflow: hidden;
  box-sizing: border-box;
  transition: box-shadow 0.25s ease;
}

.offer__tab-bg {
  position: absolute;
  inset: 0;
  border-radius: 30px;
  background: var(--tab-accent);
  opacity: 0.4;
  transition: opacity 0.25s ease;
}

.offer__tab-label {
  position: relative;
  z-index: 1;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 500;
  font-size: 1.319cqw;
  line-height: 140%;
  text-transform: uppercase;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.55);
  transition: color 0.25s ease;
}

.offer__tab:hover .offer__tab-bg {
  opacity: 1;
}

.offer__tab:hover .offer__tab-label {
  color: #ffffff;
}

.offer__tab.is-active {
  box-shadow: 0 0 1.389cqw color-mix(in srgb, var(--tab-accent) 75%, transparent);
}

.offer__tab.is-active .offer__tab-bg {
  opacity: 1;
}

.offer__tab.is-active .offer__tab-label {
  color: #ffffff;
}

.offer__tab--quarter {
  left: 22.917%;
  width: 19.236%;
  --tab-accent: #04E061;
}

.offer__tab--dacha {
  left: 42.708%;
  width: 8.889%;
  --tab-accent: #965EEB;
}

.offer__tab--garage {
  left: 52.153%;
  width: 10.347%;
  --tab-accent: #00AAFF;
}

.offer__tab--workshop {
  left: 63.056%;
  width: 14.028%;
  --tab-accent: #FF4053;
}

.offer__set {
  position: absolute;
  inset: 0;
}

@keyframes offerItemFadeIn {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.offer__product,
.offer__tag,
.offer__badge {
  opacity: 0;
}

.offer__set.is-visible .offer__product,
.offer__set.is-visible .offer__tag,
.offer__set.is-visible .offer__badge {
  animation-name: offerItemFadeIn;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  animation-fill-mode: both;
}

.offer__product {
  position: absolute;
  z-index: 1;
}

.offer__product--1 {
  top: 26.944cqw;
  left: 22.917%;
  width: 18.542%;
  height: 43.681cqw;
}

.offer__product--2 {
  top: 36.25cqw;
  left: 56.25%;
  width: 15.764%;
  height: 35.069cqw;
  z-index: 2;
}

.offer__product--3 {
  top: 26.25cqw;
  left: 67.361%;
  width: 14.653%;
  height: 42.569cqw;
  z-index: 1;
}

.offer__tag {
  position: absolute;
  z-index: 2;
  container-type: inline-size;
}

.offer__tag-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

.offer__tag-price {
  position: absolute;
  z-index: 2;
  text-align: center;
  white-space: nowrap;
  font-family: 'Felidae', 'Playfair Display', serif;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #FF4053;
}

.offer__tag-name {
  position: absolute;
  z-index: 2;
  text-align: center;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  color: #0b0b0c;
}

.offer__tag--1 {
  top: 49.444cqw;
  left: 12.778%;
  width: 13.75%;
  height: 12.014cqw;
}
.offer__tag--1 .offer__tag-price {
  top: 40.462%; left: 13.131%; width: 74.242%;
  font-size: 17.172cqw;
}
.offer__tag--1 .offer__tag-name {
  top: 64.74%; left: 5.051%; width: 89.899%;
  font-size: 7.071cqw;
}

.offer__tag--2 {
  top: 46.597cqw;
  left: 51.597%;
  width: 13.75%;
  height: 12.014cqw;
}
.offer__tag--2 .offer__tag-price {
  top: 47.977%; left: 11.616%; width: 76.768%;
  font-size: 17.677cqw;
}
.offer__tag--2 .offer__tag-name {
  top: 72.832%; left: 5.051%; width: 89.899%;
  font-size: 7.071cqw;
}

.offer__tag--3 {
  top: 39.583cqw;
  left: 75.972%;
  width: 13.75%;
  height: 12.014cqw;
}
.offer__tag--3 .offer__tag-price {
  top: 39.884%; left: 15.152%; width: 69.697%;
  font-size: 17.677cqw;
}
.offer__tag--3 .offer__tag-name {
  top: 64.74%; left: 5.051%; width: 89.899%;
  font-size: 7.071cqw;
}

.offer__product--dacha-1 {
  top: 22.525cqw;
  left: 16.515%;
  width: 14.646%;
  height: 49.394cqw;
  z-index: 1;
}

.offer__product--dacha-2 {
  top: 30.556cqw;
  left: 45.051%;
  width: 13.535%;
  height: 29.04cqw;
  z-index: 1;
}

.offer__product--dacha-3 {
  top: 28.99cqw;
  left: 54.646%;
  width: 17.121%;
  height: 42.525cqw;
  z-index: 2;
}

.offer__product--dacha-4 {
  top: 38.03cqw;
  left: 65.707%;
  width: 23.182%;
  height: 25cqw;
  z-index: 1;
}

.offer__tag--dacha-1,
.offer__tag--dacha-2,
.offer__tag--dacha-3,
.offer__tag--dacha-4 {
  width: 13.99%;
  height: 12.222cqw;
}

.offer__tag--dacha-1 .offer__tag-price,
.offer__tag--dacha-2 .offer__tag-price,
.offer__tag--dacha-3 .offer__tag-price,
.offer__tag--dacha-4 .offer__tag-price {
  top: 40.462%; left: 13.131%; width: 74.242%;
  font-size: 17.172cqw;
}

.offer__tag--dacha-1 .offer__tag-name,
.offer__tag--dacha-2 .offer__tag-name,
.offer__tag--dacha-3 .offer__tag-name,
.offer__tag--dacha-4 .offer__tag-name {
  top: 64.74%; left: 5.051%; width: 89.899%;
  font-size: 7.071cqw;
}

.offer__tag--dacha-1 {
  top: 56.01cqw;
  left: 12.02%;
}

.offer__tag--dacha-2 {
  top: 49.545cqw;
  left: 39.747%;
}

.offer__tag--dacha-3 {
  top: 57.576cqw;
  left: 60.808%;
}

.offer__tag--dacha-4 {
  top: 50.556cqw;
  left: 74.899%;
}

.offer__product--garage-1 {
  top: 25.101cqw;
  left: 16.515%;
  width: 14.646%;
  height: 42.374cqw;
  z-index: 1;
}

.offer__product--garage-2 {
  top: 39.848cqw;
  left: 41.566%;
  width: 16.111%;
  height: 25.303cqw;
  z-index: 2;
}

.offer__product--garage-3 {
  top: 29.343cqw;
  left: 53.131%;
  width: 21.667%;
  height: 32.323cqw;
  z-index: 1;
}

.offer__product--garage-4 {
  top: 42.424cqw;
  left: 54.343%;
  width: 13.838%;
  height: 30.808cqw;
  z-index: 3;
}

.offer__product--garage-5 {
  top: 43.586cqw;
  left: 66.768%;
  width: 15.404%;
  height: 23.333cqw;
  z-index: 2;
}

.offer__tag--garage-1,
.offer__tag--garage-2,
.offer__tag--garage-3,
.offer__tag--garage-4,
.offer__tag--garage-5 {
  width: 13.99%;
  height: 12.222cqw;
}

.offer__tag--garage-1 .offer__tag-price,
.offer__tag--garage-2 .offer__tag-price,
.offer__tag--garage-3 .offer__tag-price,
.offer__tag--garage-4 .offer__tag-price,
.offer__tag--garage-5 .offer__tag-price {
  top: 40.462%; left: 13.131%; width: 74.242%;
  font-size: 17.172cqw;
}

.offer__tag--garage-1 .offer__tag-name,
.offer__tag--garage-2 .offer__tag-name,
.offer__tag--garage-3 .offer__tag-name,
.offer__tag--garage-4 .offer__tag-name,
.offer__tag--garage-5 .offer__tag-name {
  top: 64.74%; left: 5.051%; width: 89.899%;
  font-size: 7.071cqw;
}

.offer__tag--garage-1 {
  top: 56.01cqw;
  left: 12.02%;
}

.offer__tag--garage-2 {
  top: 49.545cqw;
  left: 36.212%;
}

.offer__tag--garage-3 {
  top: 30.354cqw;
  left: 66.061%;
}

.offer__tag--garage-4 {
  top: 59.091cqw;
  left: 56.768%;
  z-index: 4;
}

.offer__tag--garage-5 {
  top: 53.687cqw;
  left: 72.02%;
}

.offer__product--workshop-1 {
  top: 31.616cqw;
  left: 16.515%;
  width: 16.111%;
  height: 37.323cqw;
  z-index: 1;
}

.offer__product--workshop-2 {
  top: 33.838cqw;
  left: 43.03%;
  width: 14.545%;
  height: 39.192cqw;
  z-index: 2;
}

.offer__product--workshop-3 {
  top: 26.919cqw;
  left: 54.192%;
  width: 16.566%;
  height: 42.778cqw;
  z-index: 1;
}

.offer__product--workshop-4 {
  top: 39.444cqw;
  left: 55%;
  width: 16.717%;
  height: 38.283cqw;
  z-index: 3;
}

.offer__product--workshop-5 {
  top: 40.354cqw;
  left: 63.535%;
  width: 22.727%;
  height: 30.152cqw;
  z-index: 2;
}

.offer__tag--workshop-1,
.offer__tag--workshop-2,
.offer__tag--workshop-3,
.offer__tag--workshop-4,
.offer__tag--workshop-5 {
  width: 13.99%;
  height: 12.222cqw;
}

.offer__tag--workshop-1 .offer__tag-price,
.offer__tag--workshop-2 .offer__tag-price,
.offer__tag--workshop-3 .offer__tag-price,
.offer__tag--workshop-4 .offer__tag-price,
.offer__tag--workshop-5 .offer__tag-price {
  top: 40.462%; left: 13.131%; width: 74.242%;
  font-size: 17.172cqw;
}

.offer__tag--workshop-1 .offer__tag-name,
.offer__tag--workshop-2 .offer__tag-name,
.offer__tag--workshop-3 .offer__tag-name,
.offer__tag--workshop-4 .offer__tag-name,
.offer__tag--workshop-5 .offer__tag-name {
  top: 64.74%; left: 5.051%; width: 89.899%;
  font-size: 7.071cqw;
}

.offer__tag--workshop-1 {
  top: 56.01cqw;
  left: 12.02%;
}

.offer__tag--workshop-2 {
  top: 49.545cqw;
  left: 36.212%;
}

.offer__tag--workshop-3 {
  top: 30.354cqw;
  left: 66.566%;
}

.offer__tag--workshop-4 {
  top: 59.091cqw;
  left: 56.768%;
  z-index: 4;
}

.offer__tag--workshop-5 {
  top: 53.737cqw;
  left: 73.03%;
}

.offer__badge {
  position: absolute;
  top: 20.937cqw;
  left: 70.885%;
  width: 12.292%;
  height: 4.583cqw;
  z-index: 3;
}

.offer__mobile-badge {
  display: none;
}

@media (max-width: 768px) {
  .offer__inner {
    aspect-ratio: unset;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 0 4.267% 21.33cqw;
    container-type: inline-size;
  }

  .offer__title {
    position: static;
    width: 100%;
    margin: 0 0 15.16cqw;
    font-size: 13.994cqw;
    line-height: 90%;
    letter-spacing: 0.02em;
    text-shadow: 0 0 11.662cqw rgba(235, 231, 221, 0.8);
  }

  .offer__tabs {
    position: static;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2.332cqw;
    margin: 0 0 15.16cqw;
  }

  .offer__tab {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    padding: 3.499cqw 6.414cqw;
    border-radius: 999px;
  }

  .offer__tab-label {
    font-size: 3.207cqw;
  }

  .offer__tab--quarter { width: 58.017%; }
  .offer__tab--dacha   { width: 30.612%; }
  .offer__tab--garage  { width: 34.402%; }
  .offer__tab--workshop{ width: 44.023%; }

  .offer__budget {
    position: static;
    width: 100%;
    margin: 0;
    font-size: 8.163cqw;
    line-height: 90%;
    letter-spacing: 0.02em;
    text-shadow: 0 0 11.662cqw rgba(235, 231, 221, 0.8);
  }

  .offer__cta {
    position: static;
    display: inline-flex;
    transform: none;
    margin: 6.4cqw auto 0;
    padding: 3.499cqw 6.414cqw;
    font-size: 3.499cqw;
  }

  .offer__scene {
    position: relative;
    width: calc(100% + 9.329cqw);
    margin: 8.533cqw -4.665cqw 0;
    aspect-ratio: 1440 / 1090;
    transform: scale(1.25);
  }

  .offer__set .offer__badge {
    display: none;
  }

  .offer__mobile-badge {
    display: flex;
    position: absolute;
    top: 476px;
    left: 266px;
    width: 93px;
    height: 34px;
    z-index: 10;
    align-items: center;
    justify-content: center;
  }

  .offer__mobile-badge-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
  }

  .offer__mobile-badge span {
    position: relative;
    z-index: 2;
    font-family: 'Inter Tight', sans-serif;
    font-weight: 500;
    font-size: 6.5px;
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    padding: 0 6px;
  }
}

.auction__photo-clip--washer {
  position: absolute;
  top: 4.915%;
  left: 61.556%;
  width: 35.738%;
  height: 82.042%;
  overflow: hidden;
}

.auction__photo-clip__img {
  position: absolute;
  top: -9.217%;
  left: 0;
  width: 100%;
  height: 109.217%;
}

.myth__button {
  position: absolute;
  top: 89.603%;
  left: 18.637%;
  width: 62.726%;
  height: 8.885%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000000;
  border: 1px solid #EBE7DD;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
  font-family: 'Felidae', 'Playfair Display', serif;
  font-weight: 400;
  font-size: 4.81cqw;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
  color: #FF4053;
}

.myth__button:hover {
  background: #FF4053;
  color: #090907;
}

.myth__button:active {
  background: #D21A2D;
  color: rgba(9, 9, 7, 0.4);
}

.section-2 {
  background: #000000;
  width: 100%;
}

/* ==========================================================================
   CHECKLIST — "Что проверять при покупке инструмента с рук"
   ========================================================================== */

.checklist {
  position: relative;
  width: 100%;
  background: #000000;
  overflow: hidden;
}

.checklist__inner {
  position: relative;
  width: 100%;
  aspect-ratio: 1440 / 640;
  container-type: inline-size;
}

.checklist__badge {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 9%;
  height: auto;
  z-index: 2;
}

.checklist__title {
  position: absolute;
  top: 4.514cqw;
  left: 22.153%;
  width: 55.694%;
  margin: 0;
  z-index: 2;
  font-family: 'Felidae', 'Playfair Display', serif;
  font-weight: 400;
  font-size: 4.722cqw;
  line-height: 90%;
  letter-spacing: 0.02em;
  text-align: center;
  color: #EBE7DD;
  text-shadow: 0 0 2.778cqw rgba(235, 231, 221, 0.8);
}

.checklist__hand {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

.checklist__hand--right {
  top: 15.833cqw;
  left: 83.681%;
  width: 13.542%;
  height: 6.597cqw;
}

.checklist__hand--left {
  top: 34.514cqw;
  left: 2.778%;
  width: 13.542%;
  height: 6.597cqw;
  transform: scaleX(-1);
}

.checklist__item {
  position: static;
}

.checklist__item--1 .checklist__switch,
.checklist__item--1 .checklist__text,
.checklist__item--2 .checklist__switch,
.checklist__item--2 .checklist__text { top: 17.153cqw; }

.checklist__item--3 .checklist__switch,
.checklist__item--3 .checklist__text,
.checklist__item--4 .checklist__switch,
.checklist__item--4 .checklist__text { top: 30.069cqw; }

.checklist__item--1 .checklist__switch,
.checklist__item--3 .checklist__switch { left: 17.431%; }
.checklist__item--2 .checklist__switch,
.checklist__item--4 .checklist__switch { left: 50.903%; }

.checklist__item--1 .checklist__text,
.checklist__item--3 .checklist__text { left: 24.792%; }
.checklist__item--2 .checklist__text,
.checklist__item--4 .checklist__text { left: 58.264%; }

.checklist__switch {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 5.139%;
  height: 2.778cqw;
  border: 0.139cqw solid #00AAFF;
  border-radius: 999px;
  background: rgba(0, 170, 255, 0.15);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 0.35cqw;
  appearance: none;
  cursor: pointer;
  transition: background 0.25s ease;
}

.checklist__switch:hover {
  background: rgba(0, 170, 255, 0.28);
}

.checklist__switch.is-on {
  background: rgba(0, 170, 255, 0.55);
}

.checklist__knob {
  width: 1.806cqw;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #00AAFF;
  transition: transform 0.25s ease;
  pointer-events: none;
}

.checklist__switch.is-on .checklist__knob {
  transform: translateX(146%);
}

/* ==========================================================================
   FINAL — "Ценность — в качестве, а не в упаковке" + бегущая строка + логотип
   ========================================================================== */

.final {
  position: relative;
  width: 100%;
  background: #000000;
  overflow: hidden;
}

.final__inner {
  position: relative;
  width: 100%;
  aspect-ratio: 1440 / 1328;
  container-type: inline-size;
}

.final__chairs {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 0;
  pointer-events: none;
}

.final__title {
  position: absolute;
  top: 4.167cqw;
  left: 22.153%;
  width: 55.694%;
  margin: 0;
  z-index: 2;
  font-family: 'Felidae', 'Playfair Display', serif;
  font-weight: 400;
  font-size: 4.722cqw;
  line-height: 90%;
  letter-spacing: 0.02em;
  text-align: center;
  color: #EBE7DD;
  text-shadow: 0 0 2.778cqw rgba(235, 231, 221, 0.8);
}

.final__p1,
.final__p2 {
  position: absolute;
  top: 16.806cqw;
  width: 31.25%;
  margin: 0;
  z-index: 2;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 400;
  color: #EBE7DD;
}

.final__p1 {
  left: 15.417%;
  font-size: 1.667cqw;
  line-height: 110%;
  text-transform: uppercase;
}

.final__p2 {
  left: 50.833%;
  font-size: 1.094cqw;
  line-height: 140%;
}

.final__link {
  color: #00AAFF;
  text-decoration: underline;
}

.final__cta {
  position: absolute;
  top: 27.388cqw;
  left: 50.833%;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.833cqw 1.771cqw;
  border-radius: 999px;
  border: 1px solid #00AAFF;
  box-shadow: 0 0 1.042cqw rgba(0, 170, 255, 0.75);
  font-family: 'Inter Tight', sans-serif;
  font-weight: 500;
  font-size: 1.25cqw;
  line-height: 140%;
  letter-spacing: 0;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  color: #00AAFF;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.final__cta:hover,
.final__cta:focus-visible {
  background: #00AAFF;
  color: #ffffff;
}

.marquee {
  position: absolute;
  top: 50.695cqw;
  left: 0;
  width: 100%;
  z-index: 2;
  overflow: hidden;
}

.marquee__track {
  display: flex;
  gap: 0.625%;
  width: max-content;
  animation: marquee-scroll 30s linear infinite;
}

@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.marquee__card {
  flex: 0 0 auto;
  width: 26.389cqw;
  border-radius: 12px;
  background: #ffffff;
  color: #0b0b0c;
  overflow: hidden;
  font-family: 'Inter Tight', sans-serif;
}

.marquee__photo {
  position: relative;
  width: 100%;
  aspect-ratio: 380 / 110;
}

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

.marquee__heart {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.marquee__row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px 0;
  font-size: 14px;
  font-weight: 500;
}

.marquee__price { white-space: nowrap; font-weight: 700; }

.marquee__seller {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  font-size: 11px;
  color: #555;
}

.marquee__avatar {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #00AAFF;
  flex-shrink: 0;
}

.marquee__seller a { color: #00AAFF; text-decoration: none; }

.marquee__actions {
  display: flex;
  gap: 8px;
  padding: 8px 12px;
}

.marquee__btn {
  flex: 1;
  border: none;
  border-radius: 8px;
  padding: 8px 0;
  font-family: 'Inter Tight', sans-serif;
  font-size: 12px;
  font-weight: 600;
  cursor: default;
}

.marquee__btn--phone { background: #04E061; color: #ffffff; }
.marquee__btn--msg { background: #00AAFF; color: #ffffff; }

.marquee__ask {
  margin: 0 12px 12px;
  padding: 8px 10px;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  font-size: 11px;
  color: #999;
  display: flex;
  justify-content: space-between;
}

.marquee__ask span { color: #bbb; }

.final__logo {
  position: absolute;
  top: 71.042cqw;
  left: 36.667%;
  width: 26.667%;
  z-index: 2;
}

.final__credits-title {
  position: absolute;
  top: 75.070cqw;
  left: 42.576%;
  width: 11.869%;
  margin: 0;
  z-index: 2;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 700;
  font-size: 0.909cqw;
  line-height: 106%;
  letter-spacing: -0.02em;
  text-align: right;
  text-transform: uppercase;
  color: #ffffff;
}

.final__credits {
  position: absolute;
  top: 78.403cqw;
  left: 43.081%;
  width: 10.859%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.505cqw;
}

.final__credit {
  margin: 0;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 400;
  font-size: 0.909cqw;
  line-height: 106%;
  letter-spacing: -0.02em;
  text-align: center;
}

.final__ad,
.final__erid {
  position: absolute;
  bottom: 4.015cqw;
  margin: 0;
  z-index: 2;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 400;
  font-size: 0.9375cqw;
  line-height: 106%;
  letter-spacing: -0.02em;
  color: #00AAFF;
}

.final__ad {
  left: 12.121%;
  width: 14.5%;
}

.final__erid {
  left: 71.414%;
  width: 16.5%;
  text-align: right;
}

.final__title-break {
  display: none;
}

.final__chairs--mobile {
  display: none;
}

@media (max-width: 768px) {
  .final__inner {
    aspect-ratio: unset;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 0 4.267% 0;
    gap: 9.329cqw;
    container-type: inline-size;
  }

  .final__title {
    position: static;
    width: 100%;
    margin: 0;
    font-size: 13.994cqw;
    line-height: 90%;
    letter-spacing: 0.02em;
    text-shadow: 0 0 24.825cqw rgba(235, 231, 221, 0.8);
  }

  .final__title-break {
    display: block;
  }

  .final__p1,
  .final__p2 {
    position: static;
    width: 100%;
    left: auto;
    top: auto;
  }

  .final__p1 {
    font-size: 5.539cqw;
    line-height: 110%;
  }

  .final__p2 {
    font-size: 4.665cqw;
    line-height: 140%;
  }

  .final__cta {
    position: static;
    align-self: center;
    display: inline-flex;
    padding: 3.499cqw 6.414cqw;
    font-size: 3.499cqw;
  }

  .final__scene {
    position: static;
    width: calc(100% + 9.329%);
    margin: 8.533cqw -4.665% 0;
    aspect-ratio: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    container-type: inline-size;
  }

  .final__chairs {
    display: none;
  }

  .final__chairs-row {
    position: relative;
    width: 100%;
  }

  .final__chairs--mobile {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 0;
  }

  .marquee {
    position: relative;
    top: auto;
    width: 100%;
    margin-top: 35.733cqw;
    z-index: 1;
  }

  .marquee__card {
    width: 68cqw;
    height: 36.267cqw;
    border-radius: 2.149cqw;
  }

  .final__logo {
    position: static;
    width: 46.667%;
    height: 5.6cqw;
    margin: 13.867cqw 0 0;
  }

  .final__credits-title {
    position: static;
    width: 48.8%;
    margin: 13.867cqw 0 0;
    font-size: 3.733cqw;
    text-align: center;
  }

  .final__credits {
    position: static;
    width: 45.333%;
    margin: 5.867cqw auto 0;
    gap: 2.133cqw;
  }

  .final__credit {
    font-size: 3.467cqw;
    text-align: center;
  }

  .final__ad,
  .final__erid {
    position: static;
    bottom: auto;
    font-size: 3.2cqw;
    text-align: center;
  }

  .final__ad {
    width: 45.6%;
    margin: 21.6cqw 0 0;
  }

  .final__erid {
    width: 61%;
    margin: 1.867cqw 0 0;
    text-align: center;
  }
}

.checklist__text {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 24.306%;
  display: flex;
  flex-direction: column;
  gap: 0.556cqw;
}

.checklist__text p {
  margin: 0;
}

.checklist__item-title {
  font-family: 'Inter Tight', sans-serif;
  font-weight: 500;
  font-size: 1.528cqw;
  line-height: 130%;
  text-transform: uppercase;
  color: #965EEB;
}

.checklist__item-desc {
  font-family: 'Inter Tight', sans-serif;
  font-weight: 400;
  font-size: 1.25cqw;
  line-height: 140%;
  color: #EBE7DD;
}

@media (max-width: 768px) {
  .checklist__inner {
    aspect-ratio: unset;
    height: auto;
    padding: 0 4.267% 8.533cqw;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 9.329cqw;
    container-type: inline-size;
  }

  .checklist__badge {
    position: static;
    transform: none;
    width: 162px;
    height: 59px;
    object-fit: contain;
  }

  .checklist__title {
    position: static;
    width: 100%;
    height: auto;
    margin: 0;
    font-size: 13.994cqw;
    line-height: 90%;
    letter-spacing: 0.02em;
    text-shadow: 0 0 11.662cqw rgba(235, 231, 221, 0.8);
  }

  .checklist__hand {
    display: none;
  }

  .checklist__items {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4.665cqw;
  }

  .checklist__item {
    position: static;
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 4.665cqw;
  }

  .checklist__switch,
  .checklist__text {
    position: static;
  }

  .checklist__switch {
    width: 14.577cqw;
    height: 8.163cqw;
    flex-shrink: 0;
  }

  .checklist__knob {
    width: 4.665cqw;
  }

  .checklist__text {
    width: auto;
    flex: 1;
    gap: 1.166cqw;
  }

  .checklist__item-title {
    font-size: 6.414cqw;
    line-height: 130%;
  }

  .checklist__item-desc {
    font-size: 4.665cqw;
    line-height: 140%;
  }
}