/* T23 — страница «Премиум» (синий канон v2). Токены продукта (--blue/--surface/--elevated/--up). */
#page-premium{overflow-y:auto;-webkit-overflow-scrolling:touch;flex-direction:column}   /* Kamron: снова прокручиваемо; колонка → .pr-wrap тянется на высоту (короткий контент — CTA внизу, длинный — скролл) */
/* flex-заполнение высоты: CTA прижат к низу (margin-top:auto) → пустоты внизу нет при любой высоте экрана */
.pr-wrap{flex:1;align-self:center;width:100%;max-width:640px;box-sizing:border-box;display:flex;flex-direction:column;
  padding:14px 16px calc(var(--tabbar-h,56) + 16px + env(safe-area-inset-bottom,0px))}

/* ── аврора-герой ── */
.pr-hero{position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--border);background:var(--surface);padding:26px 20px 28px;margin-bottom:16px}
.pr-aurora{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(80% 60% at 20% 0%, rgba(77,139,255,.38), transparent 60%),
    radial-gradient(70% 60% at 100% 20%, rgba(56,189,248,.22), transparent 55%),
    radial-gradient(90% 70% at 60% 120%, rgba(47,107,255,.30), transparent 60%)}
.pr-hero-in{position:relative;z-index:1}
.pr-eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--blue);margin-bottom:12px}
.pr-title{margin:0 0 8px;font-size:30px;font-weight:800;letter-spacing:-.01em;color:var(--text);line-height:1.05}
.pr-sub{margin:0;font-size:14px;line-height:1.5;color:var(--muted);max-width:34ch}

/* ── планы (чек-лист Базовый/Премиум) ── */
.pr-plans{display:flex;gap:12px;margin-bottom:16px}
.pr-plan{flex:1;min-width:0;position:relative;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px}
.pr-plan-feat{border-color:var(--blue);
  background:linear-gradient(160deg,rgba(77,139,255,.14) 0%,rgba(77,139,255,.03) 45%,var(--surface) 100%)}
.pr-plan-badge{position:absolute;top:-9px;left:16px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  padding:4px 9px;border-radius:999px;background:var(--blue);color:#fff}
.pr-plan-name{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin-bottom:8px}
.pr-plan-price{display:flex;align-items:baseline;gap:3px;margin-bottom:14px}
.pr-plan-price .pr-amt{font-size:26px;font-weight:800;color:var(--text);font-family:var(--mono,inherit)}
.pr-plan-price .pr-per{font-size:13px;color:var(--muted);font-weight:600}
.pr-feats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.pr-feats li{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.35;color:var(--text)}
.pr-ck{flex:none;width:17px;height:17px;color:var(--up);margin-top:1px}
.pr-ck svg{width:100%;height:100%;display:block}
.pr-dot{flex:none;width:5px;height:5px;border-radius:50%;background:var(--dim);margin:7px 6px 0}

/* ── CTA + примечание ── */
.pr-cta{margin-top:auto;width:100%;border:0;border-radius:14px;background:var(--blue);color:#fff;font-family:var(--font);
  font-size:15px;font-weight:700;padding:15px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:filter .15s ease,transform .1s ease}
.pr-cta:hover{filter:brightness(1.06)}
.pr-cta:active{transform:scale(.99)}
.pr-note{margin-top:10px;text-align:center;font-size:12px;color:var(--dim)}

@media (max-width:440px){
  .pr-plans{flex-direction:column}
  .pr-title{font-size:26px}
}
@media (prefers-reduced-motion:reduce){.pr-cta{transition:none}}