/* ============================================================
   PRICE — Стоимость посещения. Figma: price (top:3683 height:655)
   ============================================================ */
.price {
  position: relative;
  width: 1728px;
  height: 655px;
  background: var(--color-bg);
}
.price__watermark {
  position: absolute;
  left: 50%;
  top: -84px;
  transform: translateX(-364.5px);
  font-family: var(--font-watermark);
  font-size: 225px;
  color: rgba(255, 255, 255, 0.05);
  white-space: nowrap;
}
.price__heading {
  position: absolute;
  left: 50%;
  top: 50px;
  transform: translateX(-50%);
  font-family: var(--font-text);
  font-weight: 500;
  font-size: 64px;
  line-height: 85px;
  color: var(--color-white);
  white-space: nowrap;
}
.price__lines { position: absolute; left: 563px; top: 215px; width: 602px; height: 344px; }
.price__line { position: absolute; top: 0; width: 1px; height: 344px; background: rgba(255, 255, 255, 0.1); }
.price__line--1 { left: 0; }
.price__line--2 { left: 301px; }
.price__line--3 { left: 601px; }

.price__item { position: absolute; top: 313px; width: 280px; height: 175px; }
.price__item--1 { left: 273px; }
.price__item--2 { left: 574px; }
.price__item--3 { left: 875px; }
.price__item--4 { left: 1175px; }
.price__time {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--font-display);
  font-size: 20px;
  color: var(--color-white);
  white-space: nowrap;
}
.price__time img { width: 24px; height: 24px; }
.price__rule { position: absolute; top: 75px; left: 0; height: 6px; width: 280px; border-radius: 3px; }
.price__item--1 .price__rule { background: #ffecd8; }
.price__item--2 .price__rule,
.price__item--4 .price__rule { background: #f8a54c; }
.price__item--3 .price__rule { background: #ffc486; }
.price__cost { position: absolute; top: 141px; left: 79px; width: 280px; height: 34px; }
.price__cost-value {
  font-family: var(--font-display);
  font-size: 48px;
  line-height: 34px;
  color: var(--color-accent-text);
  white-space: nowrap;
}
.price__cost-rub { display: inline-block; width: 16px; height: 22px; margin: 0 4px 0 6px; }
.price__cost-period { font-size: 16px; color: var(--color-accent-text); }
.price__item--1 .price__cost { text-align: left; }
.price__item--2 .price__cost,
.price__item--3 .price__cost,
.price__item--4 .price__cost { left: 62px; }

.price__cta { left: 756px; top: 595px; }