/* ============================================================
   PUSK_PUBLIC_PRICING_FRONTEND_STYLE_V2

   Price positions are relative to the Premium artwork itself.
   30 / 90 / 180 day slots are independent.
   ============================================================ */

.pusk-premium-stage-v1 {
  position: relative;
}

.pusk-premium-live-price-v2[hidden] {
  display: none !important;
}

.pusk-premium-live-price-v2 {
  position: absolute;
  z-index: 8;

  top: 39.8%;

  transform:
    translate(-50%, -50%);

  width: 13%;

  margin: 0;
  padding: 0;

  color: #ffffff;

  font-family:
    "Russo One",
    system-ui,
    sans-serif;

  font-size:
    clamp(18px, 2vw, 34px);

  font-weight: 400;
  line-height: 1;

  text-align: center;
  white-space: nowrap;

  text-shadow:
    0 0 8px rgba(255, 255, 255, 0.20),
    0 0 16px rgba(71, 173, 255, 0.44),
    0 0 22px rgba(186, 71, 255, 0.32);

  pointer-events: none;
}

.pusk-premium-live-price-v2--1m {
  left: 34.55%;
}

.pusk-premium-live-price-v2--3m {
  left: 48.45%;
}

.pusk-premium-live-price-v2--6m {
  left: 62.35%;
}


/* ============================================================
   PREMIUM V2 PLAN HIT AREAS
   Transparent buttons mapped over the three illustrated CTAs.
   ============================================================ */

.pusk-premium-plan-hit-v2 {
  position: absolute;
  z-index: 9;

  top: 68.1%;

  transform:
    translate(-50%, -50%);

  width: 11.5%;
  height: 7.4%;

  margin: 0;
  padding: 0;

  border: 0;
  border-radius: 18px;

  background: transparent;

  cursor: pointer;

  -webkit-tap-highlight-color: transparent;
}

.pusk-premium-plan-hit-v2--1m {
  left: 34.55%;
}

.pusk-premium-plan-hit-v2--3m {
  left: 48.45%;
}

.pusk-premium-plan-hit-v2--6m {
  left: 62.35%;
}

.pusk-premium-plan-hit-v2:hover,
.pusk-premium-plan-hit-v2:focus,
.pusk-premium-plan-hit-v2:focus-visible {
  border: 0;
  outline: 0;

  background: transparent;
  box-shadow: none;
}

.pusk-premium-plan-hit-v2:active {
  background:
    rgba(255, 255, 255, 0.035);
}

/* ============================================================
   PUSK_PUBLIC_PRICING_POLISH_STYLE_V3

   - prices use a stable centered amount/currency row
   - old artwork CTA zones are covered with static tariff names
   - tariff names intentionally do not behave like buttons
   ============================================================ */

.pusk-premium-live-price-v2 {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 0.22em !important;

  white-space: nowrap !important;
  text-align: center !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;

  line-height: 1 !important;
}

.pusk-premium-live-price-v2__amount {
  display: inline-block;
  min-width: 0;
  line-height: 1;
}

.pusk-premium-live-price-v2__currency {
  display: inline-block;

  font-size: 0.72em;
  line-height: 1;

  opacity: 0.96;

  transform:
    translateY(-0.04em);
}

/*
 * Existing transparent hit areas already match the baked
 * "Выбрать" zones in the Premium artwork. They now become
 * visual covers carrying tariff names.
 */
.pusk-premium-plan-hit-v2,
.pusk-premium-plan-hit-v2:disabled {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background:
    rgba(5, 10, 31, 0.96) !important;

  box-shadow: none !important;

  color:
    rgba(231, 249, 255, 0.98) !important;

  font-family:
    "Russo One",
    system-ui,
    sans-serif !important;

  font-size:
    clamp(
      10px,
      0.72vw,
      15px
    ) !important;

  font-weight: 400 !important;

  letter-spacing:
    0.055em !important;

  line-height: 1 !important;

  text-align: center !important;
  text-transform: uppercase !important;

  opacity: 1 !important;

  cursor: default !important;
  pointer-events: none !important;

  filter: none !important;
  outline: none !important;

  transition: none !important;
}

.pusk-premium-plan-hit-v2:hover,
.pusk-premium-plan-hit-v2:active,
.pusk-premium-plan-hit-v2:focus,
.pusk-premium-plan-hit-v2:focus-visible,
.pusk-premium-plan-hit-v2:disabled {
  background:
    rgba(5, 10, 31, 0.96) !important;

  box-shadow: none !important;

  outline: none !important;

  transform: none;
}

/* ============================================================
   PUSK_TARIFF_LABELS_FLOATING_V4
   Static tariff names only. No CTA/button appearance.
   ============================================================ */

.pusk-premium-plan-hit-v2,
.pusk-premium-plan-hit-v2:disabled,
.pusk-premium-plan-hit-v2:hover,
.pusk-premium-plan-hit-v2:active,
.pusk-premium-plan-hit-v2:focus,
.pusk-premium-plan-hit-v2:focus-visible {
  overflow: visible !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;

  color: transparent !important;
  font-size: 0 !important;

  cursor: default !important;
  pointer-events: none !important;

  filter: none !important;
  transition: none !important;
}

/*
 * Soft mask hides the baked "Выбрать" artwork without creating
 * another visible rectangular button.
 */
.pusk-premium-plan-hit-v2::before {
  content: "" !important;

  position: absolute !important;

  left: -22% !important;
  right: -22% !important;
  top: -24% !important;
  bottom: -24% !important;

  display: block !important;

  background:
    radial-gradient(
      ellipse at center,
      rgba(3, 9, 31, 0.96) 0%,
      rgba(3, 9, 31, 0.94) 48%,
      rgba(3, 9, 31, 0.72) 70%,
      rgba(3, 9, 31, 0) 100%
    ) !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  pointer-events: none !important;

  z-index: 0 !important;
}

/*
 * Tariff name floats as typography, not as a control.
 */
.pusk-premium-plan-hit-v2::after {
  position: absolute !important;
  inset: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color:
    rgba(231, 249, 255, 0.98) !important;

  font-family:
    "Russo One",
    system-ui,
    sans-serif !important;

  font-size:
    clamp(
      10px,
      0.68vw,
      14px
    ) !important;

  font-weight: 400 !important;

  letter-spacing:
    0.075em !important;

  line-height: 1 !important;

  text-align: center !important;
  text-transform: uppercase !important;

  text-shadow:
    0 0 7px rgba(73, 222, 255, 0.45),
    0 0 12px rgba(144, 75, 255, 0.22) !important;

  white-space: nowrap !important;

  pointer-events: none !important;

  z-index: 1 !important;
}

.pusk-premium-plan-hit-v2--1m::after {
  content: "СТАРТ" !important;
}

.pusk-premium-plan-hit-v2--3m::after {
  content: "ОПТИМУМ" !important;
}

.pusk-premium-plan-hit-v2--6m::after {
  content: "МАКСИМУМ" !important;
}

/* ============================================================
   PUSK_TARIFF_LABELS_CLEAN_V5
   Final non-button tariff typography.
   ============================================================ */

.pusk-premium-plan-hit-v2::before {
  left: -58% !important;
  right: -58% !important;
  top: -72% !important;
  bottom: -72% !important;

  background:
    radial-gradient(
      ellipse at center,
      rgba(3, 9, 29, 1) 0%,
      rgba(3, 9, 29, 0.99) 52%,
      rgba(3, 9, 29, 0.94) 68%,
      rgba(3, 9, 29, 0.58) 82%,
      rgba(3, 9, 29, 0) 100%
    ) !important;

  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  filter: none !important;
}

.pusk-premium-plan-hit-v2::after {
  align-items: center !important;
  justify-content: center !important;

  color:
    rgba(224, 241, 255, 0.94) !important;

  font-family:
    "Russo One",
    system-ui,
    sans-serif !important;

  font-size:
    clamp(
      10px,
      0.61vw,
      13px
    ) !important;

  font-weight: 400 !important;

  letter-spacing:
    0.025em !important;

  line-height: 1 !important;

  text-transform: none !important;

  text-shadow:
    0 0 5px rgba(83, 205, 255, 0.24) !important;

  transform:
    translateY(-8%) !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  cursor: default !important;
  pointer-events: none !important;
}

.pusk-premium-plan-hit-v2--1m::after {
  content: "Старт" !important;
}

.pusk-premium-plan-hit-v2--3m::after {
  content: "Оптимум" !important;
}

.pusk-premium-plan-hit-v2--6m::after {
  content: "Максимум" !important;
}

/* ============================================================
   PUSK_PREMIUM_V4_ASSET_LAYOUT_V6

   Premium artwork now contains native tariff names:
   Старт / Комфорт / Оптима.

   Old synthetic tariff-label overlays are disabled.
   Live backend prices remain dynamic.
   ============================================================ */

/* Kill every old generated tariff-name / button overlay. */
.pusk-premium-plan-hit-v2,
.pusk-premium-plan-hit-v2::before,
.pusk-premium-plan-hit-v2::after {
  display: none !important;
  content: none !important;
}

/*
 * Price coordinates measured directly against
 * PUSK_PREMIUM_V4_TARIFFS.png.
 */
.pusk-premium-live-price-v2 {
  z-index: 12 !important;

  top: 43.7% !important;

  width: 13.4% !important;

  transform:
    translate(-50%, -50%) !important;

  color:
    rgba(245, 251, 255, 0.99) !important;

  font-family:
    "Russo One",
    system-ui,
    sans-serif !important;

  font-size:
    clamp(
      14px,
      1.25vw,
      23px
    ) !important;

  font-weight: 400 !important;

  letter-spacing:
    0.01em !important;

  line-height: 1 !important;

  text-align: center !important;

  text-shadow:
    0 0 7px rgba(69, 221, 255, 0.48),
    0 0 13px rgba(132, 77, 255, 0.26) !important;

  white-space: nowrap !important;
}

.pusk-premium-live-price-v2[data-period-days="30"] {
  left: 34.9% !important;
}

.pusk-premium-live-price-v2[data-period-days="90"] {
  left: 50.4% !important;
}

.pusk-premium-live-price-v2[data-period-days="180"] {
  left: 65.9% !important;
}

.pusk-premium-live-price-v2__currency {
  font-size: 0.72em !important;
}

/* PUSK_PRICE_SIZE_FINE_TUNE_V7
   3-month price keeps the current size.
   1-month and 6-month prices are slightly smaller.
*/

.pusk-premium-live-price-v2[data-period-days="30"],
.pusk-premium-live-price-v2[data-period-days="180"] {
  font-size:
    clamp(
      13px,
      1.16vw,
      21px
    ) !important;
}

/* PUSK_PRICE_3M_PLUS10_V8
   Increase only the 3-month live price by ~10%.
*/

.pusk-premium-live-price-v2[data-period-days="90"] {
  font-size:
    clamp(
      15.4px,
      1.375vw,
      25.3px
    ) !important;
}

/* PUSK_PRICE_3M_PLUS10_AGAIN_V9
   Additional +10% only for 3-month live price.
*/

.pusk-premium-live-price-v2[data-period-days="90"] {
  font-size:
    clamp(
      16.94px,
      1.5125vw,
      27.83px
    ) !important;
}

/* PUSK_PRICE_1M_6M_DOWN_3PX_V10
   Move only 1-month and 6-month prices down exactly 3px.
*/

.pusk-premium-live-price-v2[data-period-days="30"],
.pusk-premium-live-price-v2[data-period-days="180"] {
  top: calc(43.7% + 3px) !important;
}