/* ============================================================
   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;
}
/* 5 columns, evenly spaced, centered in the same 1182px span the old
   4-column layout used (274px side margins, unchanged). No Figma frame
   exists for the 5-tier pricing table, so these are hand-computed rather
   than lifted from a mock — see docs on demoPriceTiers if the tier count
   changes again. */
.price__lines { position: absolute; left: 504px; top: 215px; width: 720px; 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: 240px; }
.price__line--3 { left: 480px; }
.price__line--4 { left: 720px; }

.price__item { position: absolute; top: 313px; width: 220px; height: 175px; }
.price__item--1 { left: 274px; }
.price__item--2 { left: 514px; }
.price__item--3 { left: 754px; }
.price__item--4 { left: 994px; }
.price__item--5 { left: 1234px; }
.price__time {
  position: absolute;
  top: 0;
  left: 0;
  width: 220px;
  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: 220px; border-radius: 3px; background: var(--color-accent-1); }
/* Fixed-offset centering only worked for the old 4-item, hand-tuned-per-item
   layout; text-align:center is robust regardless of tier count or how many
   digits a price has. */
.price__cost { position: absolute; top: 141px; left: 0; width: 220px; height: 34px; text-align: center; }
.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__cta { left: 756px; top: 595px; }