/* Режим Telegram Mini App: тема из themeParams, без шапки/футера сайта */
body.is-tma{
  --bg: var(--tg-theme-bg-color, #08090B);
  --card: var(--tg-theme-secondary-bg-color, #11151B);
  --card-hover: var(--tg-theme-secondary-bg-color, #141920);
  --text: var(--tg-theme-text-color, #FFFFFF);
  --muted: var(--tg-theme-hint-color, #94A3B8);
  --accent: var(--tg-theme-button-color, #2DFF7A);
  --border: color-mix(in srgb, var(--tg-theme-hint-color, #94A3B8) 25%, transparent);
  --border-soft: color-mix(in srgb, var(--tg-theme-hint-color, #94A3B8) 15%, transparent);
  --header-h: 0px;
  padding-top: var(--tg-content-safe-area-inset-top, 0px);
  padding-bottom: calc(var(--tg-safe-area-inset-bottom, 0px) + 1rem);
}
body.is-tma .btn--primary{ color: var(--tg-theme-button-text-color, #04140b); }
body.is-tma .glow-field, body.is-tma .site-header, body.is-tma .site-footer, body.is-tma .breadcrumb{ display: none !important; }
body.is-tma main{ padding-top: 0 !important; }
body.is-tma .order-shell{ padding-top: var(--sp-2); }
body.is-tma .hero{ padding-top: calc(var(--tg-content-safe-area-inset-top, 0px) + var(--tg-safe-area-inset-top, 0px) + var(--sp-4)); }
body.is-tma .esim-head .badge{ margin-left: auto; }
.tma-main{ width: min(680px, 94vw); margin: 0 auto; padding: var(--sp-2) 0 var(--sp-4); }
.tma-head h1{ font-size: 1.5rem; font-weight: 800; letter-spacing: -.02em; margin-top: .4rem; }
.tma-head p{ margin: .3rem 0 var(--sp-3); font-size: .9rem; }
.tma-empty{ text-align: center; padding: var(--sp-4) var(--sp-2); color: var(--muted); line-height: 1.6; }
.tma-empty .btn{ margin-top: var(--sp-2); }

/* в мини-приложении главная кнопка Telegram заменяет кнопки страницы — дубли скрываем */
body.is-tma .tma-hide{ display: none !important; }
body.is-tma .terms-note{ margin-bottom: 0; }
body.is-tma .checkout-layout{ padding-bottom: 5.5rem; }  /* место под главную кнопку Telegram */
body.is-tma .summary{ position: static; }

/* пустое состояние «Мои eSIM» */
.tma-empty--rich{text-align:center;padding:2.5rem 1.2rem}
.tma-empty--rich .te-ic{width:56px;height:56px;border-radius:16px;background:var(--well);color:var(--muted);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}
.tma-empty--rich .te-title{font-size:1.15rem;font-weight:700;color:var(--text);margin:0 0 .4rem}
.tma-empty--rich .te-sub{color:var(--muted);font-size:.92rem;line-height:1.45;margin:0 0 1.2rem}
.tma-empty--rich .te-pop{margin-top:.9rem;font-size:.85rem;color:var(--muted)}
.tma-empty--rich .te-pop a{color:var(--accent);text-decoration:none;font-weight:600}