:root {
  --bg: #0b0d11;
  --bg-elevated: #101319;
  --surface: #141820;
  --surface-2: #191e27;
  --surface-3: #202631;
  --line: rgba(255, 255, 255, .085);
  --line-strong: rgba(255, 255, 255, .14);
  --text: #f6f7f9;
  --muted: #9299a6;
  --muted-2: #646c79;
  --accent: #ff4655;
  --accent-2: #ff6b75;
  --accent-soft: rgba(255, 70, 85, .12);
  --success: #45d19a;
  --warning: #f1bd66;
  --danger: #ff7580;
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --shadow: 0 24px 80px rgba(0, 0, 0, .28);
  --page: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: #090c10; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  background:
    radial-gradient(circle at 18% -10%, rgba(255, 70, 85, .12), transparent 34%),
    radial-gradient(circle at 88% 8%, rgba(86, 110, 255, .07), transparent 26%),
    var(--bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  opacity: .18;
  background-image: linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, #000, transparent 72%);
}
a { color: inherit; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
img { max-width: 100%; }
[hidden] { display: none !important; }
::selection { background: var(--accent); color: #fff; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #0f1217; }
::-webkit-scrollbar-thumb { background: #303641; border-radius: 30px; }
::-webkit-scrollbar-thumb:hover { background: #454d5b; }
svg { display: block; }

/* Page transitions */
html.page-transitions-enabled::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 999999;
  pointer-events: none;
  background: #090c10;
  opacity: 1;
  transition: opacity .42s cubic-bezier(.22, 1, .36, 1);
}
html.page-transitions-enabled body {
  opacity: .96;
  transform: none;
  filter: none;
  transition: opacity .38s ease;
}
html.page-transitions-enabled.page-ready::after { opacity: 0; }
html.page-transitions-enabled.page-ready body,
html.page-transitions-enabled body.page-ready {
  opacity: 1;
  transform: none;
  filter: none;
}
html.page-transitions-enabled.page-leaving::after { opacity: 1; }
html.page-transitions-enabled.page-leaving body,
html.page-transitions-enabled body.page-leaving {
  opacity: .82;
  transform: none;
  filter: none;
  pointer-events: none;
}


/* ========================================================================== */
/* SHARED TOP NAVIGATION                                                      */
/* ========================================================================== */
.app-body { min-height: 100vh; background: transparent; }
.app-shell { min-height: 100vh; display: block; }
.app-sidebar {
  position: sticky;
  top: 0;
  z-index: 120;
  min-height: 72px;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 0 max(24px, calc((100vw - var(--page)) / 2));
  background: rgba(11, 13, 17, .82);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.sidebar-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  text-decoration: none;
  color: #fff;
}
.sidebar-brand::before {
  content: "";
  display: block;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  border-radius: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M12 1h16l11 11v16L28 39H12L1 28V12Z' fill='%23ff4655'/%3E%3Cpath d='M7 8h8l5 15L25 8h8L23 32h-7Z' fill='white'/%3E%3Cpath d='M29 4h5l2 2v5Z' fill='%23ff9da5'/%3E%3C/svg%3E") center / contain no-repeat;
  box-shadow: 0 12px 30px rgba(255, 70, 85, .18);
}
.sidebar-brand span { font-size: 16px; font-weight: 950; letter-spacing: .055em; }
.sidebar-brand small { display: none; }
.sidebar-label { display: none; }
.sidebar-nav {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 4px;
}
.sidebar-link {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 13px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: var(--muted);
  text-decoration: none;
  font-size: 12px;
  font-weight: 760;
  transition: .18s ease;
}
.sidebar-link svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.sidebar-link:hover { color: #fff; background: rgba(255,255,255,.045); }
.sidebar-link.active {
  color: #fff;
  background: var(--accent-soft);
  border-color: rgba(255, 70, 85, .18);
}
.sidebar-spacer { flex: 0 0 122px; }
.sidebar-foot {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 7px;
  padding-left: 10px;
  color: var(--muted-2);
  font-size: 10px;
}
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 4px rgba(69, 209, 154, .08); }

.app-main { min-width: 0; }
.app-topbar {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: min(var(--page), calc(100% - 40px));
  margin: 0 auto;
  border-bottom: 1px solid var(--line);
}
.app-crumb { color: var(--muted); font-size: 11px; font-weight: 700; }
.topbar-actions { display: flex; align-items: center; gap: 10px; }
.topbar-chip {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.03);
  color: var(--muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.app-content { width: min(var(--page), calc(100% - 40px)); margin: 0 auto; padding: 34px 0 64px; }
.app-title-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.app-title-row h1 { margin: 0; font-size: clamp(28px, 3vw, 42px); letter-spacing: -.045em; }
.app-title-row p { max-width: 650px; margin: 9px 0 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.app-tabs { display: none; }

/* ========================================================================== */
/* BUTTONS / FIELDS / PANELS                                                  */
/* ========================================================================== */
.btn-primary, .btn-catalog-neon, .btn-pay, .pay-action, .btn {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border: 1px solid var(--accent);
  border-radius: 12px;
  background: linear-gradient(180deg, var(--accent-2), var(--accent));
  color: #fff;
  font-weight: 850;
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 12px 28px rgba(255, 70, 85, .18);
  transition: .18s ease;
}
.btn-primary:hover, .btn-catalog-neon:hover, .btn-pay:hover, .pay-action:hover, .btn:hover { transform: translateY(-1px); filter: brightness(1.04); }
.btn-secondary, .btn-cancel {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border: 1px solid var(--line-strong);
  border-radius: 12px;
  background: var(--surface-2);
  color: #fff;
  font-weight: 800;
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
  transition: .18s ease;
}
.btn-secondary:hover, .btn-cancel:hover { background: var(--surface-3); border-color: rgba(255,255,255,.22); }
.panel {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(24, 29, 38, .96), rgba(18, 22, 29, .96));
  box-shadow: 0 18px 56px rgba(0, 0, 0, .16);
}
.panel-header {
  min-height: 66px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid var(--line);
  background: rgba(255,255,255,.018);
}
.panel-title { font-size: 13px; font-weight: 850; }
.panel-sub { margin-top: 4px; color: var(--muted-2); font-size: 9px; }
.panel-body { padding: 22px; }
.section-label, .control-label, .payment-section-title {
  display: block;
  margin-bottom: 9px;
  color: var(--muted-2);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.field, .form-group, .pay-form-group { margin-bottom: 16px; }
.field label, .form-group label, .pay-form-group label {
  display: block;
  margin-bottom: 8px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 750;
}
.field input, .form-group input, .form-group select, .form-group textarea, .pay-form-group input, .chat-input-area input,
#wrapper-vp input, #wrapper-rub input {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 12px;
  outline: none;
  background: #0f1319;
  color: #fff;
  transition: .18s ease;
}
.field input, .form-group input, .form-group select, .pay-form-group input, .chat-input-area input { height: 46px; padding: 0 14px; }
.form-group textarea { min-height: 150px; resize: vertical; padding: 14px; line-height: 1.55; }
.field input:focus, .form-group input:focus, .form-group select:focus, .form-group textarea:focus, .pay-form-group input:focus,
.chat-input-area input:focus, #wrapper-vp input:focus, #wrapper-rub input:focus { border-color: rgba(255,70,85,.55); box-shadow: 0 0 0 3px rgba(255,70,85,.08); }

/* ========================================================================== */
/* LANDING                                                                    */
/* ========================================================================== */
.landing-body {
  background:
    radial-gradient(circle at 14% 12%, rgba(255, 70, 85, .16), transparent 26%),
    radial-gradient(circle at 82% 18%, rgba(86, 110, 255, .10), transparent 28%),
    linear-gradient(180deg, #0b0f15 0%, #090c10 42%, #0a0e13 100%);
}
.landing-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(11,13,17,.76);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.landing-nav {
  width: min(var(--page), calc(100% - 40px));
  min-height: 72px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 20px;
}
.landing-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 950; letter-spacing: .055em; }
.landing-logo-mark { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: linear-gradient(145deg, var(--accent-2), #d92e3e); box-shadow: 0 10px 28px rgba(255,70,85,.2); font-size: 13px; }
.landing-logo strong span { color: var(--accent); }
.landing-links { margin-left: auto; display: flex; align-items: center; gap: 4px; }
.landing-links a { min-height: 40px; display: inline-flex; align-items: center; padding: 0 13px; border-radius: 11px; color: var(--muted); text-decoration: none; font-size: 12px; font-weight: 760; }
.landing-links a:hover { color: #fff; background: rgba(255,255,255,.04); }
.landing-links .landing-login { color: #fff; }
.landing-links .landing-cta { margin-left: 6px; color: #fff; background: var(--accent); }

.landing-container { width: min(var(--page), calc(100% - 40px)); margin: 0 auto; }
.landing-hero { position: relative; padding: 92px 0 82px; overflow: clip; }
.hero-ambient { position: absolute; inset: 0; pointer-events: none; }
.hero-ambient-shape { position: absolute; display: block; filter: blur(2px); }
.hero-ambient .shape-a { left: -4%; top: 18%; width: 32vw; min-width: 260px; height: 58%; border-radius: 28px; background: linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,0)); clip-path: polygon(0 10%, 84% 0, 52% 100%, 0 86%); opacity: .65; }
.hero-ambient .shape-b { right: 6%; top: 10%; width: 22vw; min-width: 220px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.08); background: linear-gradient(160deg, rgba(255,70,85,.16), rgba(255,70,85,.02)); clip-path: polygon(20% 0, 100% 0, 100% 76%, 70% 100%, 0 100%, 0 22%); opacity: .82; }
.hero-ambient .shape-c { right: 22%; bottom: 8%; width: 18vw; min-width: 180px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(255,70,85,.18), rgba(255,70,85,0) 68%); opacity: .85; }
.hero-ambient-v { position: absolute; left: 8%; top: 10%; width: min(42vw, 560px); height: min(42vw, 560px); opacity: .08; }
.hero-ambient-v::before, .hero-ambient-v::after { content: ""; position: absolute; top: 0; width: 34%; height: 100%; background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,0)); }
.hero-ambient-v::before { left: 4%; clip-path: polygon(0 0, 100% 0, 54% 100%, 0 100%); }
.hero-ambient-v::after { right: 4%; clip-path: polygon(0 0, 100% 0, 100% 100%, 46% 100%); }
.hero-layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr); align-items: center; gap: 62px; }
.hero-copy { min-width: 0; }
.hero-badge { display: inline-flex; align-items: center; gap: 9px; padding: 7px 10px; border: 1px solid rgba(255,70,85,.24); border-radius: 999px; background: rgba(255,70,85,.10); color: #ff9aa2; font-size: 9px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
.hero-badge::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px rgba(255,70,85,.08); }
.landing-title { margin: 22px 0 0; max-width: 780px; font-size: clamp(58px, 7vw, 104px); line-height: .92; letter-spacing: -.075em; }
.landing-title span { color: var(--accent); }
.landing-lead { max-width: 620px; margin: 22px 0 0; color: #adb4bf; font-size: 16px; line-height: 1.74; }
.landing-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.hero-mini-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-width: 760px; margin-top: 26px; }
.hero-mini-point { min-height: 88px; padding: 14px 15px; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)); backdrop-filter: blur(8px); }
.hero-mini-point b { display: block; font-size: 12px; }
.hero-mini-point span { display: block; margin-top: 8px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.landing-button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 20px; border: 1px solid var(--line-strong); border-radius: 13px; text-decoration: none; font-size: 12px; font-weight: 850; transition: .18s ease; }
.landing-button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.landing-button.primary { border-color: var(--accent); background: linear-gradient(180deg, var(--accent-2), var(--accent)); box-shadow: 0 14px 34px rgba(255,70,85,.18); }
.landing-button.secondary { background: rgba(255,255,255,.03); }
.landing-button:hover { transform: translateY(-1px); }

.hero-checkout {
  position: relative;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 28px;
  padding: 18px;
  background: linear-gradient(145deg, rgba(21,26,34,.96), rgba(12,16,22,.98));
  box-shadow: 0 38px 100px rgba(0,0,0,.42);
  backdrop-filter: blur(10px);
}
.hero-checkout::before { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background: linear-gradient(135deg, rgba(255,70,85,.26), transparent 42%, rgba(94,112,255,.12)); filter: blur(16px); opacity: .56; }
.hero-checkout-head { display: flex; align-items: center; justify-content: space-between; padding: 5px 4px 17px; }
.hero-checkout-label { color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.hero-checkout-status { display: inline-flex; align-items: center; gap: 7px; color: var(--success); font-size: 10px; font-weight: 800; }
.hero-checkout-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--success); }
.hero-product-card { padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.025); }
.hero-product-top { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; }
.hero-product-name { font-size: 14px; font-weight: 850; }
.hero-product-region { margin-top: 6px; color: var(--muted); font-size: 11px; }
.hero-vp { text-align: right; }
.hero-vp strong { display: block; font-size: 34px; letter-spacing: -.05em; }
.hero-vp span { color: var(--accent); font-size: 10px; font-weight: 900; }
.hero-order-list { margin-top: 18px; border-top: 1px solid var(--line); }
.hero-order-row { min-height: 46px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 11px; }
.hero-order-row b { color: #fff; }
.hero-total { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding-top: 22px; }
.hero-total span { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.hero-total strong { font-size: 38px; letter-spacing: -.05em; }
.hero-checkout-button { margin-top: 18px; min-height: 52px; display: grid; place-items: center; border-radius: 13px; background: linear-gradient(180deg, var(--accent-2), var(--accent)); font-size: 12px; font-weight: 900; box-shadow: 0 14px 30px rgba(255,70,85,.22); }
.hero-trust { margin-top: 12px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.hero-trust-item { padding: 10px; border: 1px solid var(--line); border-radius: 12px; color: var(--muted); font-size: 9px; line-height: 1.45; }
.hero-trust-item b { display: block; margin-bottom: 3px; color: #fff; font-size: 10px; }

.landing-section { padding: 82px 0; border-top: 1px solid var(--line); }
.section-kicker { color: var(--accent); font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.section-title-large { max-width: 850px; margin: 14px 0 0; font-size: clamp(36px, 4.6vw, 64px); line-height: 1.02; letter-spacing: -.055em; }
.section-lead { max-width: 630px; margin: 18px 0 0; color: var(--muted); font-size: 14px; line-height: 1.72; }
.landing-products { margin-top: 36px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.landing-product { min-height: 260px; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 26px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(145deg, rgba(25,30,39,.88), rgba(16,20,27,.95)); text-decoration: none; overflow: hidden; transition: .2s ease; }
.landing-product::after { content: ""; position: absolute; right: -60px; bottom: -80px; width: 220px; height: 220px; border-radius: 50%; background: var(--accent); opacity: .045; }
.landing-product:hover { transform: translateY(-3px); border-color: rgba(255,70,85,.3); }
.product-no { color: var(--muted-2); font: 800 10px/1 ui-monospace, monospace; }
.landing-product h3 { margin: 32px 0 0; font-size: 38px; letter-spacing: -.05em; }
.landing-product h3 span { color: var(--accent); }
.landing-product p { max-width: 440px; margin: 12px 0 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.product-meta { position: relative; z-index: 2; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-top: 30px; }
.product-meta strong { font-size: 22px; }
.product-meta span { display: block; margin-top: 5px; color: var(--muted); font-size: 9px; }
.product-arrow { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 12px; }
.product-arrow svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.landing-product:hover .product-arrow { background: var(--accent); border-color: var(--accent); }
.landing-features { margin-top: 36px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.landing-feature { min-height: 230px; padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: rgba(20,24,32,.72); }
.feature-index { color: var(--accent); font: 850 9px/1 ui-monospace, monospace; }
.landing-feature h3 { margin: 78px 0 0; font-size: 20px; }
.landing-feature p { margin: 11px 0 0; color: var(--muted); font-size: 12px; line-height: 1.68; }
.landing-cta-section { padding: 88px 0 100px; }
.landing-cta-box { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 42px; border: 1px solid rgba(255,70,85,.2); border-radius: 24px; background: linear-gradient(135deg, rgba(255,70,85,.1), rgba(21,25,34,.9) 52%); }
.landing-cta-box h2 { margin: 0; font-size: clamp(40px, 5vw, 68px); line-height: .98; letter-spacing: -.06em; }
.landing-footer { border-top: 1px solid var(--line); }
.landing-footer-inner { width: min(var(--page), calc(100% - 40px)); margin: 0 auto; padding: 28px 0 38px; display: flex; align-items: center; justify-content: space-between; gap: 24px; color: var(--muted); font-size: 10px; }
.landing-footer-links { display: flex; gap: 18px; }
.landing-footer a { text-decoration: none; }
.landing-footer a:hover { color: #fff; }

/* Compatibility: old landing mock is not shown in the cleaner version. */
.interface-stage, .interface-window { display: none; }

/* ========================================================================== */
/* CATALOG                                                                    */
/* ========================================================================== */
.region-pill-grid { display: flex; align-items: center; gap: 8px; }
.region-pill-card { min-height: 36px; display: inline-flex; align-items: center; padding: 0 12px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.025); color: var(--muted); font-size: 10px; font-weight: 800; cursor: pointer; transition: .18s ease; }
.region-pill-card:hover { color: #fff; border-color: var(--line-strong); }
.region-pill-card.active { color: #fff; background: var(--accent-soft); border-color: rgba(255,70,85,.26); }
.flag-icon { width: 18px; height: 12px; margin-right: 7px; border-radius: 2px; background-size: cover; background-position: center; box-shadow: 0 1px 3px rgba(0,0,0,.35); }
.flag-ru { background-image: linear-gradient(#fff 0 33%, #1648b8 33% 66%, #d6343d 66%); }
.flag-tr { background: #e30a17; position: relative; }
.catalog-layout { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr); gap: 16px; align-items: start; }
.catalog-summary { position: sticky; top: 92px; }
.catalog-section-title { margin: 0; font-size: 20px; }
.catalog-section-desc { margin: 8px 0 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.control-group { margin-top: 20px; }
.calc-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 5px; border: 1px solid var(--line); border-radius: 14px; background: #0f1319; }
.calc-tabs button { min-height: 40px; border: 0; border-radius: 10px; background: transparent; color: var(--muted); font-size: 10px; font-weight: 850; cursor: pointer; }
.calc-tabs button.active, .calc-tabs button[style*="background: rgb(255, 70, 85)"], .calc-tabs button[style*="#ff4655"] { background: var(--surface-3) !important; color: #fff !important; }
.calc-input-zone { margin-top: 18px; }
#wrapper-vp, #wrapper-rub { position: relative; }
#wrapper-vp input, #wrapper-rub input { height: 58px; padding: 0 58px 0 16px; font-size: 22px; font-weight: 900; letter-spacing: -.03em; }
#wrapper-vp span, #wrapper-rub span { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: var(--accent); font-size: 11px; font-weight: 900; }
.slider-shell { margin-top: 8px; }
.vp-slider { width: 100%; accent-color: var(--accent); }
.slider-labels { display: flex; justify-content: space-between; margin-top: 7px; color: var(--muted-2); font-size: 9px; }
.economy-green-text { margin: 0; color: var(--success); font-size: 11px; font-weight: 760; line-height: 1.25; }
.region-warning-alert {
  display: none;
  position: relative;
  margin: 0 0 16px;
  padding: 13px 16px 13px 46px;
  border: 1px solid rgba(241, 189, 102, .48);
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(241, 189, 102, .13), rgba(241, 189, 102, .055));
  color: #f4ca82;
  box-shadow: inset 3px 0 0 #f1bd66;
  font-size: 12px;
  font-weight: 550;
  line-height: 1.5;
}
.region-warning-alert::before {
  content: "!";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(241, 189, 102, .58);
  border-radius: 50%;
  color: #ffd792;
  font-size: 12px;
  font-weight: 750;
  transform: translateY(-50%);
}
.checkout-summary-title { margin: 0; font-size: 27px; letter-spacing: -.04em; }
.checkout-items-wrapper { min-height: 120px; max-height: 220px; margin-top: 16px; overflow: auto; }
.checkout-item { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0 13px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.024); font-size: 11px; }
.checkout-item + .checkout-item { margin-top: 7px; }
.checkout-bottom-action { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.price-small-label { color: var(--muted-2); font-size: 8px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.total-price-display { margin-top: 4px; font-size: 29px; font-weight: 950; letter-spacing: -.045em; }
.products-heading { margin: 34px 0 15px; font-size: 24px; letter-spacing: -.035em; }
.products-launcher-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.launcher-product-card { position: relative; min-height: 220px; display: flex; flex-direction: column; align-items: flex-start; padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg, rgba(24,29,38,.92), rgba(16,20,27,.98)); overflow: hidden; transition: .2s ease; }
.launcher-product-card:hover { transform: translateY(-3px); border-color: rgba(255,70,85,.28); }
.product-card-top-glow { position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); opacity: .25; }
.product-card-vp-display { display: flex; align-items: baseline; gap: 5px; margin-top: 12px; }
.product-card-vp-display .vp-number { font-size: 34px; font-weight: 950; letter-spacing: -.055em; }
.product-card-vp-display .vp-currency { color: var(--accent); font-size: 10px; font-weight: 900; }
.product-card-desc-premium { margin: 9px 0 0; color: var(--muted); font-size: 10px; }
.product-card-bottom-premium { width: 100%; margin-top: auto; }
.product-card-price-premium { display: block; margin-bottom: 12px; font-size: 20px; font-weight: 900; }
.btn-product-buy-neon { width: 100%; min-height: 40px; border: 1px solid var(--line-strong); border-radius: 10px; background: rgba(255,255,255,.035); color: #fff; font-size: 10px; font-weight: 850; cursor: pointer; }
.btn-product-buy-neon:hover { border-color: var(--accent); background: var(--accent); }
.card-hit-badge { position: absolute; top: 13px; right: 13px; padding: 5px 8px; border-radius: 999px; background: var(--accent); font-size: 8px; font-weight: 900; letter-spacing: .08em; }

/* CATALOG MODAL */
.payment-overlay { position: fixed; inset: 0; z-index: 1000; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(4,6,9,.78); backdrop-filter: blur(12px); opacity: 0; transition: opacity .18s ease; }
.payment-overlay.opening { opacity: 1; }
.payment-modal { width: min(480px, 100%); padding: 24px; border: 1px solid var(--line-strong); border-radius: 20px; background: #151922; box-shadow: var(--shadow); }
.payment-header { font-size: 19px; font-weight: 900; }
.payment-summary { margin-top: 18px; padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: #10141a; }
.payment-summary > div { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 11px; }
.payment-summary > div:last-child { border-bottom: 0; }
.payment-summary strong, .payment-summary span:last-child { color: #fff; }
.highlight-price { color: var(--accent) !important; font-size: 18px; font-weight: 900; }
.payment-section-title { margin-top: 20px; }
.payment-methods-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.method-card { min-height: 90px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--line); border-radius: 12px; background: #10141a; color: var(--muted); cursor: pointer; transition: .18s ease; }
.method-card:hover { border-color: var(--line-strong); color: #fff; }
.method-card.active { border-color: rgba(255,70,85,.38); background: var(--accent-soft); color: #fff; }
.method-icon-wrapper { height: 28px; display: grid; place-items: center; }
.method-icon { max-width: 48px; max-height: 28px; object-fit: contain; }
.icon-card { transform: scale(.85); }
.terms { display: flex; align-items: flex-start; gap: 9px; margin: 17px 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.terms input { margin-top: 2px; accent-color: var(--accent); }
.terms a { color: #fff; }
.modal-actions-footer { display: grid; grid-template-columns: 1fr 1.3fr; gap: 8px; }

/* ========================================================================== */
/* CHECKOUT LINK                                                              */
/* ========================================================================== */
.pay-head { max-width: 760px; margin-bottom: 22px; }
.pay-kicker { color: var(--accent); font-size: 9px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.pay-title { margin: 10px 0 0; font-size: clamp(30px, 4vw, 48px); letter-spacing: -.055em; }
.pay-subtitle { margin-top: 12px; color: var(--muted); font-size: 12px; line-height: 1.65; }
.loading, .pay-error, .status-box-inline { padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.pay-error { color: var(--danger); }
.checkout-main-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, .75fr); gap: 16px; align-items: start; }
.summary-grid { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.summary-item { min-height: 78px; padding: 14px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.018); }
.summary-item:nth-child(2n) { border-right: 0; }
.summary-item.wide { grid-column: 1 / -1; border-right: 0; }
.summary-label { color: var(--muted-2); font-size: 8px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.summary-value { margin-top: 8px; font-size: 12px; font-weight: 800; overflow-wrap: anywhere; }
.amount-value { color: var(--accent); font-size: 28px; letter-spacing: -.04em; }
.items-box { border: 1px solid var(--line); border-radius: 13px; overflow: hidden; }
.item-row { min-height: 46px; padding: 0 13px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--line); font-size: 11px; }
.item-row:last-child { border-bottom: 0; }
.item-meta { color: var(--muted); }
.security-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 16px; }
.security-item { padding: 11px; border: 1px solid var(--line); border-radius: 11px; color: var(--muted); font-size: 9px; line-height: 1.55; }
.contact-note, .preview-notice { margin-bottom: 14px; padding: 11px 12px; border: 1px solid rgba(69,209,154,.18); border-radius: 11px; background: rgba(69,209,154,.06); color: #91e8c4; font-size: 9px; line-height: 1.55; }
.preview-notice { border-color: rgba(241,189,102,.2); background: rgba(241,189,102,.06); color: #efc77e; }
.methods { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.method-button { min-height: 46px; border: 1px solid var(--line); border-radius: 11px; background: #0f1319; color: var(--muted); font-size: 10px; font-weight: 850; cursor: pointer; }
.method-button.active { color: #fff; border-color: rgba(255,70,85,.36); background: var(--accent-soft); }
.pay-action { width: 100%; margin-top: 8px; }
.footer-note { margin-top: 10px; color: var(--muted-2); font-size: 9px; text-align: center; }
.preview-json { max-height: 320px; overflow: auto; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: #0a0d11; color: #c8ced7; font: 10px/1.55 ui-monospace, monospace; white-space: pre-wrap; }
.preview-actions { display: flex; gap: 8px; margin-top: 12px; }
.preview-actions a { min-height: 38px; display: inline-flex; align-items: center; padding: 0 12px; border: 1px solid var(--line); border-radius: 10px; text-decoration: none; font-size: 9px; font-weight: 800; }

/* ========================================================================== */
/* SUPPORT                                                                    */
/* ========================================================================== */
.support-app-content { padding-top: 22px; }
.support-layout { height: calc(100vh - 72px - 58px - 42px); min-height: 620px; display: grid; grid-template-columns: 310px minmax(0, 1fr); gap: 14px; }
.history-sidebar, .main-pane { min-height: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(180deg, rgba(24,29,38,.96), rgba(17,21,28,.98)); }
.history-sidebar { display: flex; flex-direction: column; }
.support-sidebar-head { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 16px; border-bottom: 1px solid var(--line); }
.support-sidebar-head h2 { margin: 0; font-size: 13px; }
.support-sidebar-head .btn-primary { min-height: 34px; padding: 0 11px; font-size: 9px; }
.history-list { flex: 1; min-height: 0; overflow-y: auto; padding: 9px; }
.history-item { position: relative; margin-bottom: 7px; padding: 13px; border: 1px solid transparent; border-radius: 11px; background: rgba(255,255,255,.025); color: var(--muted); cursor: pointer; font-size: 10px; transition: .18s ease; }
.history-item:hover, .history-item.active { color: #fff; border-color: var(--line-strong); background: var(--surface-2); }
.history-item b { display: inline-block; margin-bottom: 4px; color: #fff; font-size: 11px; }
.history-item .status { float: right; font-size: 8px; font-weight: 850; text-transform: uppercase; }
.main-pane { position: relative; }
.screen-content { display: none; width: 100%; height: 100%; }
.screen-content.active { display: flex; }
#tForm { align-items: center; justify-content: center; padding: 30px; }
.ticket-form { width: min(520px, 100%); }
.ticket-form h3 { margin: 8px 0 20px; font-size: 28px; letter-spacing: -.04em; }
.chat-panel { flex-direction: column; }
.chat-header { min-height: 62px; display: flex; align-items: center; padding: 0 18px; border-bottom: 1px solid var(--line); font-size: 12px; font-weight: 850; }
.chat-messages { flex: 1; min-height: 0; overflow-y: auto; padding: 18px; display: flex; flex-direction: column; gap: 9px; }
.msg { max-width: 72%; padding: 11px 13px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface-2); font-size: 11px; line-height: 1.55; }
.msg.outgoing { align-self: flex-end; border-color: rgba(255,70,85,.18); background: rgba(255,70,85,.07); }
.msg.incoming, .msg.bot-msg { align-self: flex-start; }
.msg.system { align-self: center; max-width: 90%; color: var(--muted); background: transparent; border-style: dashed; text-align: center; }
.msg-sender { display: block; margin-bottom: 4px; color: var(--accent); font-size: 8px; font-weight: 900; text-transform: uppercase; }
.msg-edited { margin-left: 6px; color: var(--muted-2); font-size: 8px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.faq-quick-wrapper { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 18px; border-top: 1px solid var(--line); }
.faq-quick-title { width: 100%; color: var(--muted-2); font-size: 8px; font-weight: 850; text-transform: uppercase; }
.faq-quick-btn { min-height: 32px; padding: 0 10px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.025); color: var(--muted); font-size: 8px; cursor: pointer; }
.faq-quick-btn:hover { color: #fff; border-color: var(--line-strong); }
.chat-input-area { min-height: 72px; display: flex; gap: 8px; padding: 13px 18px; border-top: 1px solid var(--line); }
.chat-input-area input { flex: 1; min-width: 0; }
.chat-input-area button { flex: 0 0 auto; }

/* ========================================================================== */
/* LEGAL / ABOUT                                                              */
/* ========================================================================== */
.legal-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 16px; align-items: start; }
.legal-nav-box, .glass-legal-card { border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(180deg, rgba(24,29,38,.96), rgba(17,21,28,.98)); }
.legal-nav-box { position: sticky; top: 92px; padding: 14px; }
.legal-nav-title { padding: 7px 9px 12px; color: var(--muted-2); font-size: 8px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.legal-nav-links { display: flex; flex-direction: column; gap: 5px; }
.legal-nav-item { min-height: 42px; display: flex; align-items: center; padding: 0 10px; border: 1px solid transparent; border-radius: 10px; color: var(--muted); font-size: 10px; font-weight: 760; cursor: pointer; }
.legal-nav-item:hover { color: #fff; background: rgba(255,255,255,.035); }
.legal-nav-item.active { color: #fff; background: var(--accent-soft); border-color: rgba(255,70,85,.18); }
.nav-icon { margin-right: 8px; }
.glass-legal-card { padding: 30px; }
.legal-tab-content { display: none; }
.legal-tab-content.active { display: block; }
.legal-main-title { margin: 0; font-size: 32px; letter-spacing: -.045em; }
.legal-meta-date { margin-top: 8px; padding-bottom: 18px; border-bottom: 1px solid var(--line); color: var(--muted-2); font-size: 9px; }
.legal-text-body { color: #b7bdc7; }
.legal-text-body h2 { margin: 28px 0 10px; color: #fff; font-size: 17px; }
.legal-text-body p { margin: 0 0 14px; font-size: 12px; line-height: 1.72; }
.about-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr); gap: 16px; }
.about-copy { padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.about-copy p { color: var(--muted); font-size: 13px; line-height: 1.75; }
.about-stats { display: grid; gap: 10px; }
.about-stat { min-height: 120px; padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.about-stat strong { display: block; font-size: 28px; letter-spacing: -.04em; }
.about-stat span { display: block; margin-top: 8px; color: var(--muted); font-size: 10px; }

/* ========================================================================== */
/* STATUS PAGES                                                               */
/* ========================================================================== */
.status-panel { width: min(820px, 100%); margin: 0 auto; }
.status-kicker { color: var(--accent); font-size: 9px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.status-title { margin: 9px 0 0; font-size: 34px; letter-spacing: -.045em; }
.status-description { margin: 10px 0 0; color: var(--muted); font-size: 11px; line-height: 1.65; }
.status-progress { height: 4px; margin: 20px 0 0; border-radius: 999px; background: #272d36; overflow: hidden; }
.status-progress::before { content: ""; display: block; width: 44%; height: 100%; border-radius: inherit; background: var(--accent); animation: progress 1.6s ease-in-out infinite; }
.status-progress.done::before { width: 100%; background: var(--success); animation: none; }
@keyframes progress { 0% { transform: translateX(-110%); } 100% { transform: translateX(320%); } }
.status-grid { display: grid; grid-template-columns: 1fr 1fr; margin-top: 16px; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.status-item { min-height: 82px; padding: 15px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.018); }
.status-item:nth-child(2n) { border-right: 0; }
.status-item-label { color: var(--muted-2); font-size: 8px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.status-item-value { margin-top: 8px; font-size: 12px; font-weight: 800; overflow-wrap: anywhere; }
.status-alert { display: none; margin-top: 14px; padding: 12px; border: 1px solid rgba(255,117,128,.22); border-radius: 11px; background: rgba(255,117,128,.06); color: #ff9ba3; font-size: 10px; }
.status-alert.visible { display: block; }
.codes-zone { display: none; margin-top: 18px; }
.codes-zone.visible { display: block; }
.codes-title { font-size: 14px; }
.code-card { margin-top: 8px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: #0f1319; }
.code-value { margin-top: 8px; font: 850 15px/1.4 ui-monospace, monospace; letter-spacing: .04em; }
.code-copy { min-height: 36px; margin-top: 10px; padding: 0 11px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-2); color: #fff; font-size: 9px; cursor: pointer; }
.status-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.status-icon-circle { width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid rgba(255,117,128,.22); border-radius: 15px; background: rgba(255,117,128,.06); color: var(--danger); }
.status-icon-circle svg { width: 24px; height: 24px; }
.error-style h1 { margin: 18px 0 0; font-size: 34px; }
.error-style p { color: var(--muted); font-size: 11px; line-height: 1.65; }

/* ========================================================================== */
/* RESPONSIVE                                                                 */
/* ========================================================================== */
@media (max-width: 1020px) {
  .sidebar-foot { display: none; }
  .sidebar-link { padding: 0 10px; }
  .hero-layout { grid-template-columns: 1fr; gap: 42px; }
  .hero-checkout { max-width: 620px; }
  .hero-mini-points { grid-template-columns: 1fr; max-width: 620px; }
  .hero-ambient .shape-a { width: 66vw; }
  .hero-ambient .shape-b { right: -2%; top: 12%; }
  .catalog-layout, .checkout-main-grid, .about-grid { grid-template-columns: 1fr; }
  .catalog-summary { position: static; }
  .products-launcher-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .legal-layout { grid-template-columns: 1fr; }
  .legal-nav-box { position: static; }
  .legal-nav-links { display: grid; grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  body::before { display: none; }
  .hero-ambient-v { left: -10%; top: 16%; width: 72vw; height: 72vw; }
  .hero-ambient .shape-a { left: -12%; top: 24%; width: 88vw; height: 36%; }
  .hero-ambient .shape-b { right: -18%; top: 4%; width: 54vw; }
  .hero-ambient .shape-c { right: 8%; bottom: 18%; width: 44vw; }
  .app-sidebar { min-height: 64px; padding: 0 14px; gap: 10px; overflow-x: auto; }
  .sidebar-brand::before { width: 34px; height: 34px; }
  .sidebar-brand span { font-size: 14px; }
  .sidebar-nav { margin-left: 0; gap: 2px; }
  .sidebar-link { min-height: 38px; padding: 0 9px; }
  .sidebar-link svg { display: none; }
  .sidebar-link span { white-space: nowrap; font-size: 10px; }
  .app-topbar { width: calc(100% - 28px); min-height: 52px; }
  .topbar-chip { display: none; }
  .app-content { width: calc(100% - 28px); padding: 24px 0 42px; }
  .landing-nav { width: calc(100% - 28px); min-height: 64px; }
  .landing-links a:not(.landing-cta) { display: none; }
  .landing-container { width: calc(100% - 28px); }
  .landing-hero { padding: 64px 0 56px; }
  .landing-title { font-size: clamp(48px, 15vw, 74px); }
  .landing-lead { font-size: 14px; }
  .hero-trust { grid-template-columns: 1fr; }
  .landing-products, .landing-features { grid-template-columns: 1fr; }
  .landing-cta-box { align-items: flex-start; flex-direction: column; padding: 28px; }
  .landing-footer-inner { width: calc(100% - 28px); flex-direction: column; align-items: flex-start; }
  .products-launcher-grid { grid-template-columns: 1fr; }
  .support-layout { height: auto; min-height: 0; grid-template-columns: 1fr; }
  .history-sidebar { max-height: 300px; }
  .main-pane { min-height: 600px; }
  .security-list { grid-template-columns: 1fr; }
  .summary-grid, .status-grid { grid-template-columns: 1fr; }
  .summary-item, .summary-item:nth-child(2n), .status-item, .status-item:nth-child(2n) { border-right: 0; }
  .summary-item.wide { grid-column: auto; }
  .legal-nav-links { grid-template-columns: 1fr; }
  .glass-legal-card { padding: 22px; }
}
@media (max-width: 480px) {
  .sidebar-brand span { display: none; }
  .sidebar-link { padding: 0 8px; }
  .checkout-bottom-action { align-items: stretch; flex-direction: column; }
  .checkout-bottom-action .btn-catalog-neon { width: 100%; }
  .payment-methods-grid, .methods, .modal-actions-footer { grid-template-columns: 1fr; }
  .landing-actions { flex-direction: column; align-items: stretch; }
  .landing-button { width: 100%; }
}

/* ========================================================================== */
/* PROFESSIONAL LANDING — SIMPLE, EDITORIAL, CHARACTER-LED                    */
/* ========================================================================== */
.pro-body {
  margin: 0;
  min-height: 100vh;
  color: #f5f7fa;
  background: #0a0d12;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.pro-body::before { display: none; }
.pro-body a { color: inherit; }
.pro-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(10, 13, 18, .90);
  border-bottom: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.pro-nav {
  width: min(1220px, calc(100% - 40px));
  min-height: 72px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 28px;
}
.pro-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.pro-logo-mark {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #ff4655;
  color: #fff;
  font-size: 13px;
  font-weight: 950;
}
.pro-logo strong { font-size: 16px; letter-spacing: .06em; }
.pro-logo strong span { color: #ff4655; }
.pro-links { margin-left: auto; display: flex; align-items: center; gap: 26px; }
.pro-links a { color: #9ba3ae; text-decoration: none; font-size: 12px; font-weight: 720; }
.pro-links a:hover { color: #fff; }
.pro-nav-cta {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 0 17px;
  border-radius: 10px;
  background: #ff4655;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 850;
}
.pro-hero { position: relative; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.07); }
.pro-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 68% 36%, rgba(255,70,85,.14), transparent 24%),
    linear-gradient(115deg, rgba(255,70,85,.06), transparent 33%),
    linear-gradient(180deg, #0d1117 0%, #090c11 100%);
}
.pro-hero-inner {
  position: relative;
  z-index: 1;
  width: min(1220px, calc(100% - 40px));
  min-height: 720px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, .86fr);
  align-items: center;
  gap: 54px;
  padding: 74px 0 62px;
}
.pro-copy { position: relative; z-index: 4; }
.pro-kicker { display: inline-flex; align-items: center; gap: 9px; color: #ff7d87; font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.pro-kicker span { width: 7px; height: 7px; border-radius: 2px; background: #ff4655; }
.pro-copy h1 { max-width: 760px; margin: 22px 0 0; font-size: clamp(55px, 6.3vw, 90px); line-height: .98; letter-spacing: -.065em; }
.pro-copy h1 em { color: #ff4655; font-style: normal; }
.pro-copy > p { max-width: 610px; margin: 24px 0 0; color: #a9b1bc; font-size: 16px; line-height: 1.72; }
.pro-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.pro-primary, .pro-secondary {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 20px;
  border-radius: 11px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 850;
}
.pro-primary { background: #ff4655; color: #fff; box-shadow: 0 14px 30px rgba(255,70,85,.16); }
.pro-primary:hover { background: #ff5866; }
.pro-secondary { border: 1px solid rgba(255,255,255,.13); color: #d5d9df; background: rgba(255,255,255,.025); }
.pro-secondary:hover { border-color: rgba(255,255,255,.25); color: #fff; }
.pro-facts { max-width: 760px; margin-top: 34px; padding-top: 24px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; border-top: 1px solid rgba(255,255,255,.09); }
.pro-facts b { display: block; font-size: 12px; }
.pro-facts span { display: block; margin-top: 7px; color: #7f8895; font-size: 11px; line-height: 1.45; }
.pro-visual { position: relative; min-height: 620px; }
.pro-agent {
  position: absolute;
  inset: -44px 20px -16px 8px;
  background: url('/assets/hero-agent-v2.webp?v=20260804-1639') center bottom / contain no-repeat;
  filter: saturate(.9) contrast(1.04);
  opacity: .94;
  pointer-events: none;
}
.pro-visual::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -60px;
  top: 44px;
  border: 1px solid rgba(255,255,255,.08);
  transform: rotate(12deg);
  background: linear-gradient(145deg, rgba(255,70,85,.08), transparent 58%);
}
.pro-visual-grid {
  position: absolute;
  inset: 54px 0 40px 86px;
  opacity: .12;
  background-image: linear-gradient(rgba(255,255,255,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.13) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: linear-gradient(to bottom, transparent, #000 25%, #000 75%, transparent);
}
.pro-order-guide {
  position: absolute;
  right: 0;
  bottom: 22px;
  width: min(420px, 92%);
  padding: 20px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 18px;
  background: rgba(12,16,22,.88);
  box-shadow: 0 26px 70px rgba(0,0,0,.38);
  backdrop-filter: blur(16px);
  cursor: default;
  user-select: none;
  pointer-events: none;
}
.pro-guide-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.08); }
.pro-guide-head span { color: #f4f6f8; font-size: 12px; font-weight: 850; }
.pro-guide-head small { color: #7e8794; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.pro-guide-list { display: grid; gap: 0; }
.pro-guide-step { min-height: 76px; display: grid; grid-template-columns: 42px 1fr; align-items: center; gap: 12px; border-bottom: 1px solid rgba(255,255,255,.07); }
.pro-guide-step > b { color: #ff5966; font: 850 11px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.pro-guide-step strong { display: block; color: #fff; font-size: 12px; }
.pro-guide-step span { display: block; margin-top: 5px; color: #858f9c; font-size: 10px; line-height: 1.45; }
.pro-guide-example { padding-top: 17px; }
.pro-guide-example > span { color: #717b88; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.pro-guide-example > div { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; margin-top: 9px; }
.pro-guide-example b { font-size: 20px; letter-spacing: -.035em; }
.pro-guide-example strong { font-size: 20px; letter-spacing: -.035em; }
.pro-strip { background: #0d1117; border-bottom: 1px solid rgba(255,255,255,.07); }
.pro-strip-inner { width: min(1220px, calc(100% - 40px)); margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); }
.pro-strip-inner > div { min-height: 112px; display: grid; grid-template-columns: 40px 1fr; align-content: center; column-gap: 14px; padding: 0 24px; border-right: 1px solid rgba(255,255,255,.07); }
.pro-strip-inner > div:first-child { padding-left: 0; }
.pro-strip-inner > div:last-child { border-right: 0; }
.pro-strip span { grid-row: 1 / 3; color: #ff4655; font: 850 11px/1 ui-monospace, monospace; }
.pro-strip b { font-size: 13px; }
.pro-strip small { margin-top: 5px; color: #79828e; font-size: 10px; }
.pro-section { width: min(1220px, calc(100% - 40px)); margin: 0 auto; padding: 84px 0; }
.pro-section-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 30px; }
.pro-section-head h2 { margin: 10px 0 0; font-size: clamp(36px, 4vw, 58px); line-height: 1; letter-spacing: -.05em; }
.pro-section-head > p { max-width: 470px; margin: 0; color: #8f98a4; font-size: 13px; line-height: 1.65; }
.pro-eyebrow { color: #ff4655; font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.pro-region-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.pro-region-card { min-height: 230px; display: grid; grid-template-columns: auto 1fr; align-content: space-between; gap: 24px; padding: 26px; border: 1px solid rgba(255,255,255,.08); border-radius: 18px; background: #11161d; text-decoration: none; }
.pro-region-card:hover { border-color: rgba(255,70,85,.35); }
.pro-region-code { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 12px; background: rgba(255,70,85,.10); color: #ff6874; font: 900 13px/1 ui-monospace, monospace; }
.pro-region-card h3 { margin: 0; font-size: 28px; letter-spacing: -.04em; }
.pro-region-card p { max-width: 430px; margin: 10px 0 0; color: #8f98a4; font-size: 12px; line-height: 1.62; }
.pro-region-card > span { grid-column: 1 / -1; align-self: end; color: #cdd2d9; font-size: 11px; font-weight: 800; }
.pro-how { border-top: 1px solid rgba(255,255,255,.07); }
.pro-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.pro-steps article { min-height: 225px; padding: 24px; border: 1px solid rgba(255,255,255,.08); border-radius: 18px; background: #10151c; }
.pro-steps article > span { color: #ff4655; font: 850 10px/1 ui-monospace, monospace; }
.pro-steps h3 { margin: 70px 0 0; font-size: 20px; }
.pro-steps p { margin: 11px 0 0; color: #8f98a4; font-size: 12px; line-height: 1.65; }
.pro-final { width: min(1220px, calc(100% - 40px)); margin: 0 auto 90px; display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 38px; border: 1px solid rgba(255,70,85,.20); border-radius: 20px; background: linear-gradient(120deg, rgba(255,70,85,.08), #11161d 62%); }
.pro-final > div > span { color: #ff6874; font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .1em; }
.pro-final h2 { margin: 9px 0 0; font-size: clamp(30px, 4vw, 48px); letter-spacing: -.045em; }
.pro-footer { width: min(1220px, calc(100% - 40px)); min-height: 150px; margin: 0 auto; padding: 30px 0; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 40px; border-top: 1px solid rgba(255,255,255,.08); color: #7f8895; }
.pro-footer p { margin: 8px 0 0; font-size: 10px; }
.pro-footer nav { display: flex; gap: 20px; }
.pro-footer nav a { color: #8f98a4; text-decoration: none; font-size: 10px; }
.pro-footer small { font-size: 10px; }
@media (max-width: 980px) {
  .pro-links { display: none; }
  .pro-nav-cta { margin-left: auto; }
  .pro-hero-inner { grid-template-columns: 1fr; min-height: 0; padding-top: 58px; }
  .pro-visual { min-height: 620px; }
  .pro-agent { inset: -40px 10% 0 10%; }
  .pro-order-guide { right: 6%; }
  .pro-facts, .pro-strip-inner, .pro-steps { grid-template-columns: 1fr; }
  .pro-strip-inner > div { min-height: 90px; padding: 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.07); }
  .pro-region-grid { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .pro-nav { width: calc(100% - 28px); min-height: 64px; }
  .pro-nav-cta { min-height: 38px; padding: 0 13px; }
  .pro-hero-inner, .pro-strip-inner, .pro-section, .pro-final, .pro-footer { width: calc(100% - 28px); }
  .pro-copy h1 { font-size: clamp(46px, 14vw, 68px); }
  .pro-copy > p { font-size: 14px; }
  .pro-facts { grid-template-columns: 1fr; }
  .pro-visual { min-height: 560px; }
  .pro-agent { inset: -10px -6% 0 -6%; opacity: .84; }
  .pro-order-guide { right: 0; left: 0; bottom: 0; width: 100%; }
  .pro-section { padding: 64px 0; }
  .pro-section-head { align-items: flex-start; flex-direction: column; gap: 14px; }
  .pro-region-card { min-height: 210px; padding: 22px; }
  .pro-steps { grid-template-columns: 1fr; }
  .pro-final { align-items: flex-start; flex-direction: column; padding: 28px; }
  .pro-footer { grid-template-columns: 1fr; gap: 20px; }
  .pro-footer nav { flex-wrap: wrap; }
}

/* ========================================================================== */
/* SCREENSHOT-MATCH LANDING — NON-INTERACTIVE ORDER COMPOSITION               */
/* ========================================================================== */
.showcase-body {
  margin: 0;
  min-height: 100vh;
  color: #f4f6f9;
  background: #080c11;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.showcase-body::before { display: none; }
.showcase-body a { color: inherit; }
.showcase-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(7, 11, 16, .93);
  border-bottom: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.showcase-nav {
  width: min(1440px, calc(100% - 64px));
  min-height: 82px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 32px;
}
.showcase-logo { display: inline-flex; align-items: center; gap: 16px; text-decoration: none; }
.showcase-logo strong { font-size: 21px; letter-spacing: .035em; }
.showcase-logo-mark { position: relative; width: 44px; height: 38px; display: block; }
.showcase-logo-mark::before,
.showcase-logo-mark::after { content: ""; position: absolute; top: 0; width: 17px; height: 35px; background: #ff4655; }
.showcase-logo-mark::before { left: 2px; clip-path: polygon(0 0, 100% 0, 42% 100%, 0 72%); }
.showcase-logo-mark::after { right: 2px; clip-path: polygon(0 0, 100% 0, 100% 72%, 58% 100%); }
.showcase-links { margin-left: auto; display: flex; align-items: center; gap: 34px; }
.showcase-links a { color: #a5adb8; text-decoration: none; font-size: 14px; font-weight: 650; transition: color .18s ease; }
.showcase-links a:hover { color: #fff; }
.showcase-nav-cta { min-height: 48px; display: inline-flex; align-items: center; padding: 0 24px; border-radius: 9px; background: #ef3745; color: #fff; text-decoration: none; font-size: 14px; font-weight: 800; }

.showcase-hero {
  position: relative;
  min-height: 830px;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 48% 28%, rgba(255,70,85,.11), transparent 27%),
    linear-gradient(180deg, #0d1219 0%, #070b10 100%);
}
.showcase-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .24;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 76px 76px;
  mask-image: linear-gradient(to bottom, transparent 5%, #000 24%, #000 72%, transparent 100%);
}
.showcase-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(7,11,16,.94) 0%, rgba(7,11,16,.44) 39%, rgba(7,11,16,.14) 55%, rgba(7,11,16,.64) 81%, rgba(7,11,16,.92) 100%);
}
.showcase-hero-inner {
  position: relative;
  z-index: 3;
  width: min(1440px, calc(100% - 64px));
  min-height: 830px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(520px, .9fr);
  align-items: center;
  gap: 84px;
  padding: 72px 0 56px;
}
.showcase-side-rail {
  position: absolute; z-index: 5; left: max(18px, calc((100vw - 1540px) / 2)); top: 122px; bottom: 54px; width: 22px; pointer-events:none;
}
.showcase-side-rail::before, .showcase-side-rail::after { content:""; position:absolute; left: 10px; width:1px; background: rgba(255,255,255,.10); }
.showcase-side-rail::before { top: 44px; height: 220px; }
.showcase-side-rail::after { bottom: 44px; height: 126px; }
.showcase-side-rail { background:
  linear-gradient(#ff4655,#ff4655) 0 10px/8px 8px no-repeat,
  linear-gradient(#ff4655,#ff4655) 0 calc(100% - 10px)/8px 8px no-repeat,
  linear-gradient(rgba(255,70,85,.55),rgba(255,70,85,.55)) 10px 0/2px 2px no-repeat,
  linear-gradient(rgba(255,70,85,.55),rgba(255,70,85,.55)) 10px 100%/2px 2px no-repeat; }
.showcase-side-label {
  position: absolute;
  z-index: 5;
  left: max(18px, calc((100vw - 1540px) / 2));
  color: #ff4655;
  font: 750 10px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: .16em;
  writing-mode: vertical-rl;
}
.showcase-side-label.side-top { top: 145px; }
.showcase-side-label.side-bottom { bottom: 82px; }
.showcase-shape { position: absolute; z-index: 1; pointer-events: none; }
.showcase-shape-a { left: 7%; top: 70px; width: 520px; height: 540px; background: linear-gradient(135deg, rgba(255,70,85,.16), rgba(255,70,85,0)); clip-path: polygon(0 0, 74% 0, 100% 56%, 46% 100%, 0 73%); opacity: .42; }
.showcase-shape-b { right: 5%; bottom: 60px; width: 410px; height: 260px; border: 1px solid rgba(255,255,255,.06); transform: rotate(-7deg); opacity: .38; }
.showcase-agent {
  position: absolute;
  z-index: 2;
  left: 35%;
  top: 34px;
  width: 560px;
  height: 800px;
  background: url('/assets/jett-official.webp?v=20260804b') center bottom / contain no-repeat;
  filter: saturate(.72) brightness(.66) contrast(1.04) drop-shadow(10px 0 14px rgba(255,70,85,.08));
  opacity: .58;
  pointer-events: none;
  mask-image: linear-gradient(180deg, transparent 0%, #000 10%, #000 82%, transparent 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 10%, #000 82%, transparent 100%);
}
.showcase-copy { position: relative; z-index: 5; padding-left: 58px; }
.showcase-kicker { color: #ff4d5b; font-size: 12px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.showcase-copy h1 { margin: 22px 0 0; font-size: clamp(68px, 6.2vw, 106px); line-height: .87; letter-spacing: -.055em; }
.showcase-copy h1 span { color: #f23b49; }
.showcase-lead { max-width: 520px; margin: 24px 0 0; color: #a7b0bc; font-size: 19px; line-height: 1.48; }
.showcase-benefits { max-width: 720px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin-top: 36px; }
.showcase-benefit { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: start; }
.showcase-benefit b { display: block; font-size: 14px; }
.showcase-benefit small { display: block; margin-top: 8px; color: #8b95a2; font-size: 12px; line-height: 1.5; }
.benefit-icon { width: 28px; height: 28px; display: grid; place-items: center; color: #ff4655; }
.benefit-svg { width: 26px; height: 26px; overflow: visible; }
.benefit-svg * { fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.benefit-svg.bolt path { fill: currentColor; stroke: none; }
.showcase-actions { display: flex; align-items: center; gap: 18px; margin-top: 38px; }
.showcase-primary, .showcase-secondary { min-height: 56px; display: inline-flex; align-items: center; gap: 18px; padding: 0 28px; border-radius: 8px; text-decoration: none; font-size: 15px; font-weight: 800; }
.showcase-primary { background: #ef3745; color: #fff; box-shadow: 0 18px 34px rgba(239,55,69,.18); }
.showcase-primary:hover { background: #ff4b58; }
.showcase-secondary { color: #c3c9d1; }
.showcase-secondary:hover { color: #fff; }

.showcase-summary {
  position: relative;
  z-index: 6;
  width: 100%;
  max-width: 560px;
  justify-self: end;
  padding: 22px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(18,24,32,.94), rgba(8,13,19,.97));
  box-shadow: 0 32px 78px rgba(0,0,0,.38);
  cursor: default;
  user-select: none;
  pointer-events: none;
}
.showcase-summary-head { display: flex; align-items: center; justify-content: flex-start; gap: 20px; padding: 4px 6px 18px; color: #aeb6c1; }
.showcase-summary-head > span { font-size: 11px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.showcase-summary-head > span::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 9px; border-radius: 2px; background: #ff4655; }
.showcase-summary-head small { display:none; }
.showcase-summary-main { padding: 26px; border: 1px solid rgba(255,255,255,.09); border-radius: 17px; background: rgba(255,255,255,.018); }
.summary-product-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.summary-product-row b { display: block; font-size: 17px; }
.summary-product-row span { display: block; margin-top: 7px; color: #8993a0; font-size: 12px; }
.summary-vp { text-align: right; }
.summary-vp strong { display: block; font-size: 42px; letter-spacing: -.045em; }
.summary-vp em { color: #ff4655; font-size: 11px; font-style: normal; font-weight: 900; }
.summary-list { margin: 22px 0 0; border-top: 1px solid rgba(255,255,255,.08); }
.summary-list > div { min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid rgba(255,255,255,.08); }
.summary-list dt { color: #8b95a2; font-size: 12px; }
.summary-list dd { margin: 0; color: #fff; font-size: 13px; font-weight: 800; }
.summary-total-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding-top: 26px; }
.summary-total-row span { color: #828c99; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.summary-total-row strong { font-size: 42px; letter-spacing: -.04em; }
.showcase-summary-note { margin-top: 22px; padding: 16px 18px; border-left: 3px solid #ff4655; border-radius: 0 10px 10px 0; background: rgba(255,70,85,.065); }
.showcase-summary-note b { display: block; font-size: 12px; }
.showcase-summary-note span { display: block; margin-top: 7px; color: #929ca8; font-size: 11px; line-height: 1.5; }
.showcase-summary-trust { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 14px; }
.showcase-summary-trust > div { min-height: 86px; padding: 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; }
.showcase-summary-trust b { display: block; font-size: 11px; }
.showcase-summary-trust span { display: block; margin-top: 7px; color: #7f8996; font-size: 10px; line-height: 1.45; }

.showcase-strip { background: #0c1117; border-bottom: 1px solid rgba(255,255,255,.07); }
.showcase-strip-inner { width: min(1440px, calc(100% - 64px)); margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); }
.showcase-strip-inner > div { min-height: 112px; display: grid; grid-template-columns: 42px 1fr; align-content: center; column-gap: 14px; padding: 0 28px; border-right: 1px solid rgba(255,255,255,.07); }
.showcase-strip-inner > div:first-child { padding-left: 0; }
.showcase-strip-inner > div:last-child { border-right: 0; }
.showcase-strip span { grid-row: 1 / 3; color: #ff4655; font: 850 11px/1 ui-monospace, monospace; }
.showcase-strip b { font-size: 13px; }
.showcase-strip small { margin-top: 5px; color: #79828e; font-size: 10px; }

@media (max-width: 1180px) {
  .showcase-links { display: none; }
  .showcase-nav-cta { margin-left: auto; }
  .showcase-hero-inner { grid-template-columns: 1fr; min-height: 0; gap: 44px; }
  .showcase-copy { padding-left: 0; }
  .showcase-agent { left: 43%; top: 300px; opacity: .42; width: 500px; }
  .showcase-summary { justify-self: start; max-width: 620px; }
  .showcase-benefits { max-width: 760px; }
  .showcase-side-rail, .showcase-side-label.side-bottom { display:none; }
}
@media (max-width: 760px) {
  .showcase-nav, .showcase-hero-inner, .showcase-strip-inner { width: calc(100% - 28px); }
  .showcase-nav { min-height: 66px; }
  .showcase-logo strong { font-size: 17px; }
  .showcase-logo-mark { width: 35px; height: 31px; }
  .showcase-logo-mark::before, .showcase-logo-mark::after { width: 14px; height: 29px; }
  .showcase-nav-cta { min-height: 40px; padding: 0 14px; }
  .showcase-hero-inner { padding: 52px 0 44px; }
  .showcase-side-label, .showcase-side-rail { display: none; }
  .showcase-copy h1 { font-size: clamp(58px, 18vw, 82px); }
  .showcase-lead { font-size: 16px; }
  .showcase-benefits, .showcase-summary-trust, .showcase-strip-inner { grid-template-columns: 1fr; }
  .showcase-actions { align-items: stretch; flex-direction: column; }
  .showcase-primary, .showcase-secondary { justify-content: center; }
  .showcase-agent { left: 26%; top: 310px; width: 380px; opacity: .30; }
  .showcase-summary { padding: 14px; }
  .showcase-summary-main { padding: 20px; }
  .showcase-summary-head small { display: none; }
  .showcase-strip-inner > div { min-height: 90px; padding: 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.07); }
}


/* Unified landing header */
.showcase-shared-header { width: 100%; }
.showcase-shared-header + main { display: block; }

/* Catalog layout refinements */
.catalog-layout {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}
.catalog-layout > .panel {
  height: 445px;
  min-height: 445px;
}
.catalog-controls .panel-body { height: calc(100% - 66px); overflow: auto; }
.catalog-summary { position: sticky; top: 92px; }
.catalog-summary .panel-body {
  height: calc(100% - 66px);
  display: flex;
  flex-direction: column;
}
.catalog-summary .checkout-items-wrapper {
  flex: 0 0 124px;
  height: 124px;
  min-height: 124px;
  max-height: 124px;
  overflow-y: auto;
}
.catalog-summary .checkout-bottom-action { margin-top: auto; }
.products-launcher-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }

/* Main-page typography cleanup */
.showcase-body,
.showcase-body button,
.showcase-body a {
  font-family: "Segoe UI Variable Display", "Segoe UI", Inter, ui-sans-serif, system-ui, sans-serif;
  font-synthesis: none;
}
.showcase-kicker { font-weight: 700; letter-spacing: .12em; }
.showcase-copy h1 { font-weight: 800; text-rendering: geometricPrecision; }
.showcase-benefit b,
.showcase-primary,
.showcase-secondary { font-weight: 700; }

@media (max-width: 1020px) {
  .catalog-layout > .panel { height: auto; min-height: 0; }
  .catalog-controls .panel-body,
  .catalog-summary .panel-body { height: auto; }
  .catalog-summary .checkout-items-wrapper { flex-basis: 124px; }
  .products-launcher-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .sidebar-spacer { display: none; }
  .products-launcher-grid { grid-template-columns: 1fr; }
}

/* ========================================================================== */
/* FINAL UI POLISH — 2026-08-04                                               */
/* ========================================================================== */

/* Visible, reliable page transitions */
html.page-transitions-enabled {
  background: #090c10;
}
html.page-transitions-enabled::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 999999;
  pointer-events: none;
  background: #090c10;
  opacity: 1;
  transition: opacity .28s ease;
}
html.page-transitions-enabled.page-ready::after { opacity: 0; }
html.page-transitions-enabled.page-leaving::after { opacity: 1; }
html.page-transitions-enabled body {
  opacity: 0;
  transform: none;
  filter: none;
  transition: opacity .28s ease;
}
html.page-transitions-enabled.page-ready body,
html.page-transitions-enabled body.page-ready {
  opacity: 1;
  transform: none;
  filter: none;
}
html.page-transitions-enabled.page-leaving body,
html.page-transitions-enabled body.page-leaving {
  opacity: 0;
  transform: none;
  filter: none;
}


/* One logo and one typography system on every page */
.app-sidebar,
.showcase-shared-header,
.sidebar-brand,
.sidebar-link {
  font-family: "Segoe UI Variable", "Segoe UI", Inter, ui-sans-serif, system-ui, sans-serif;
}
.sidebar-brand span {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .025em;
}
.showcase-shared-header .sidebar-brand span { font-weight: 800; letter-spacing: .025em; }
.showcase-body,
.showcase-body button,
.showcase-body a {
  font-family: "Segoe UI Variable", "Segoe UI", Inter, ui-sans-serif, system-ui, sans-serif;
}

/* Correct Turkish flag */
.flag-tr {
  position: relative;
  background-color: #e30a17;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Crect width='18' height='12' rx='1.2' fill='%23e30a17'/%3E%3Ccircle cx='7.2' cy='6' r='3.2' fill='white'/%3E%3Ccircle cx='8.2' cy='6' r='2.55' fill='%23e30a17'/%3E%3Cpath d='m11.1 6 .9.3-.55-.76v.94l.55-.76-.9.29Z' fill='white'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Hero: replace fake checkout preview with a clear process explanation */
.showcase-process {
  position: relative;
  z-index: 6;
  width: 100%;
  max-width: 560px;
  justify-self: end;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(18,24,32,.94), rgba(8,13,19,.97));
  box-shadow: 0 32px 78px rgba(0,0,0,.38);
}
.showcase-process-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 2px 4px 19px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.showcase-process-head > span {
  color: #eef1f5;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}
.showcase-process-head > span::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 10px;
  border-radius: 2px;
  background: var(--accent);
}
.showcase-process-head small { color: #788290; font-size: 10px; }
.showcase-process-list {
  list-style: none;
  margin: 0;
  padding: 8px 0 0;
}
.showcase-process-list li {
  min-height: 91px;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr);
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid rgba(255,255,255,.075);
}
.showcase-process-list li:last-child { border-bottom: 0; }
.showcase-process-list li > span {
  color: var(--accent);
  font: 800 13px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.showcase-process-list b { display: block; font-size: 15px; }
.showcase-process-list small { display: block; margin-top: 7px; color: #8d97a4; font-size: 12px; line-height: 1.5; }
.showcase-process-footer {
  min-height: 78px;
  display: grid;
  grid-template-columns: 34px 1fr;
  align-items: center;
  gap: 13px;
  margin-top: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(255,70,85,.18);
  border-radius: 14px;
  background: rgba(255,70,85,.055);
}
.showcase-process-footer svg { width: 25px; height: 25px; fill: none; stroke: var(--accent); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.showcase-process-footer b { display: block; font-size: 12px; }
.showcase-process-footer span { display: block; margin-top: 5px; color: #929ca8; font-size: 10px; }

/* Useful quick links instead of the oversized empty strip */
.showcase-quick {
  padding: 22px 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: #0b1016;
}
.showcase-quick-inner {
  width: min(1220px, calc(100% - 40px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}
.showcase-quick-card {
  min-height: 88px;
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.018);
  text-decoration: none;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.showcase-quick-card:hover { transform: translateY(-2px); border-color: rgba(255,70,85,.28); background: rgba(255,255,255,.032); }
.quick-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: rgba(255,70,85,.10);
  color: var(--accent);
  font-size: 11px;
  font-weight: 900;
}
.quick-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.showcase-quick-card b { display: block; font-size: 13px; }
.showcase-quick-card small { display: block; margin-top: 5px; color: #7f8996; font-size: 10px; }
.showcase-quick-card em { color: #7f8996; font-size: 18px; font-style: normal; }

/* Catalog: no internal scrolling in settings, fixed and stable order panel */
.catalog-layout { width: 100%; }
.catalog-layout > .panel {
  min-width: 0;
  height: 510px;
  min-height: 510px;
}
.catalog-controls .panel-body {
  height: calc(100% - 66px);
  overflow: visible;
}
.catalog-summary .panel-body { height: calc(100% - 66px); }
.catalog-summary .checkout-items-wrapper {
  flex: 0 0 156px;
  height: 156px;
  min-height: 156px;
  max-height: 156px;
  overflow-y: auto;
  scrollbar-gutter: stable;
}
input[type="number"] { -moz-appearance: textfield; appearance: textfield; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

/* Support: readable controls and direct Telegram contact */
.support-telegram-link {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(255,255,255,.025);
  color: #bcc4ce;
  text-decoration: none;
  font-size: 10px;
  font-weight: 700;
}
.support-telegram-link:hover { color: #fff; border-color: rgba(255,70,85,.28); }
.support-telegram-link svg { width: 16px; height: 16px; fill: none; stroke: var(--accent); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.support-sidebar-head .btn-primary {
  min-height: 42px;
  padding: 0 15px;
  font-size: 10px;
}
.support-contact-card {
  min-height: 68px;
  display: grid;
  grid-template-columns: 30px 1fr auto;
  align-items: center;
  gap: 12px;
  margin: 14px 0 18px;
  padding: 12px 14px;
  border: 1px solid rgba(255,70,85,.18);
  border-radius: 12px;
  background: rgba(255,70,85,.055);
  text-decoration: none;
}
.support-contact-card svg { width: 23px; height: 23px; fill: none; stroke: var(--accent); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.support-contact-card b { display: block; font-size: 11px; }
.support-contact-card span { display: block; margin-top: 4px; color: #919aa6; font-size: 9px; }
.support-contact-card em { color: #919aa6; font-style: normal; }
.faq-quick-wrapper { gap: 8px; padding: 13px 18px; }
.faq-quick-title { margin-bottom: 2px; font-size: 9px; }
.faq-quick-btn {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 650;
}
.chat-input-area button { min-height: 44px; padding: 0 18px !important; font-size: 10px; }

/* About page: useful principles instead of decorative numbers */
.about-principles { display: grid; gap: 10px; }
.about-principles article {
  min-height: 104px;
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: center;
  gap: 13px;
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: var(--surface);
}
.about-principles article > span { color: var(--accent); font: 800 11px/1 ui-monospace, monospace; }
.about-principles b { display: block; font-size: 13px; }
.about-principles p { margin: 7px 0 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.about-telegram {
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 18px;
  border: 1px solid rgba(255,70,85,.2);
  border-radius: 14px;
  background: rgba(255,70,85,.06);
  text-decoration: none;
}
.about-telegram b { font-size: 12px; }
.about-telegram span { color: #ff7b85; font-size: 10px; }

/* Footer: same VCOIN identity as the header */
.pro-footer { min-height: 142px; }
.footer-brand-block p { margin: 8px 0 0; color: #7f8895; font-size: 10px; }
.footer-brand { display: inline-flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; }
.footer-brand-mark {
  width: 38px;
  height: 38px;
  display: block;
  flex: 0 0 auto;
  font-size: 0;
  color: transparent;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M12 1h16l11 11v16L28 39H12L1 28V12Z' fill='%23ff4655'/%3E%3Cpath d='M7 8h8l5 15L25 8h8L23 32h-7Z' fill='white'/%3E%3Cpath d='M29 4h5l2 2v5Z' fill='%23ff9da5'/%3E%3C/svg%3E") center / contain no-repeat;
  box-shadow: 0 12px 30px rgba(255,70,85,.16);
}
.footer-brand strong { font-size: 16px; font-weight: 800; letter-spacing: .025em; }
.footer-meta { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.footer-meta a { color: #9da6b2; font-size: 10px; text-decoration: none; }
.footer-meta a:hover { color: #fff; }
.footer-meta small { color: #68717e; }

@media (max-width: 1180px) {
  .catalog-layout > .panel { height: auto; min-height: 0; }
  .catalog-controls .panel-body,
  .catalog-summary .panel-body { height: auto; }
  .showcase-process { justify-self: start; max-width: 620px; }
}
@media (max-width: 760px) {
  .showcase-process { padding: 16px; }
  .showcase-process-list li { min-height: 82px; grid-template-columns: 38px 1fr; }
  .showcase-quick-inner { width: calc(100% - 28px); grid-template-columns: 1fr; }
  .support-telegram-link span { display: none; }
  .about-grid { grid-template-columns: 1fr; }
  .pro-footer { grid-template-columns: 1fr; }
  .footer-meta { align-items: flex-start; }
}

/* Payment method icons are inline SVGs, so the modal has no missing image assets */
.method-icon-wrapper { display: grid; place-items: center; }
.method-svg { width: 34px; height: 34px; }
.method-sbp path { fill: #fff; }
.method-card-svg { fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.method-card.active .method-svg { color: #fff; }


/* Final UX and typography pass */
body {
  font-family: "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", Arial, sans-serif;
  font-size: 15px;
  font-synthesis: none;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sidebar-brand { gap: 12px; }
.sidebar-brand span,
.footer-brand strong { font-size: 17px; font-weight: 800; letter-spacing: .025em; }
.sidebar-link { font-size: 13px; font-weight: 650; }
.panel-title { font-size: 14px; font-weight: 700; }
.panel-sub { font-size: 10px; font-weight: 400; }
.app-title-row h1,
.catalog-section-title,
.checkout-summary-title,
.products-heading,
.pay-title,
.status-title,
.ticket-form h3 { font-weight: 700; }
.app-title-row p,
.catalog-section-desc,
.pay-subtitle { font-size: 13px; }
.btn-primary, .btn-catalog-neon, .btn-pay, .pay-action, .btn,
.btn-secondary, .btn-cancel, .sidebar-link, .method-button, .btn-product-buy-neon { font-weight: 700; }
.showcase-kicker, .section-label, .control-label, .payment-section-title { font-weight: 700; }
.showcase-copy h1 { font-weight: 800; }
.showcase-benefit b, .showcase-process-list b, .pro-steps h3 { font-weight: 700; }
.showcase-benefit small, .showcase-process-list small, .pro-steps p { font-size: 13px; }
.product-card-vp-display .vp-number { font-weight: 800; }
.product-card-price-premium, .total-price-display { font-weight: 800; }
.launcher-product-card, .panel, .showcase-process { font-synthesis: none; }

/* Let the full order composition stay visible without an inner scrollbar. */
.catalog-layout { align-items: start; }
.catalog-layout > .panel,
.catalog-controls,
.catalog-summary { height: auto !important; min-height: 0 !important; }
.catalog-controls .panel-body,
.catalog-summary .panel-body { height: auto !important; overflow: visible !important; }
.catalog-summary { position: static !important; }
.checkout-items-wrapper,
.catalog-summary .checkout-items-wrapper {
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  flex: none !important;
  overflow: visible !important;
  scrollbar-width: none;
}
.checkout-items-wrapper::-webkit-scrollbar { display: none; }
.catalog-summary .checkout-bottom-action { margin-top: 24px; }

/* ========================================================================== */
/* HOTFIX: clean logo, real page fades, fixed catalog panels                  */
/* ========================================================================== */

/* Clean mark without a dark/angular outline around it. */
.sidebar-brand::before {
  content: "V" !important;
  width: 38px !important;
  height: 38px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, #ff6673, #eb3445) !important;
  color: #fff !important;
  font-family: "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: 0 10px 24px rgba(255,70,85,.18) !important;
}
.footer-brand-mark {
  position: relative !important;
  width: 38px !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, #ff6673, #eb3445) !important;
  box-shadow: 0 10px 24px rgba(255,70,85,.18) !important;
}
.footer-brand-mark::before {
  content: "V";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  font-family: "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
}

/* Fallback transition for browsers without cross-document View Transitions. */
html.page-transitions-enabled::after {
  display: block !important;
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  pointer-events: none !important;
  background: #090c10 !important;
  opacity: 1 !important;
  transition: opacity .52s cubic-bezier(.22,1,.36,1) !important;
}
html.page-transitions-enabled body {
  opacity: 0 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  will-change: auto !important;
}
html.page-transitions-enabled.page-ready::after { opacity: 0 !important; }
html.page-transitions-enabled.page-ready body,
html.page-transitions-enabled body.page-ready {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  animation: vcoin-crisp-fade-in .34s ease-out;
}
html.page-transitions-enabled.page-leaving::after { opacity: 1 !important; }
html.page-transitions-enabled.page-leaving body,
html.page-transitions-enabled body.page-leaving {
  opacity: 0 !important;
  transform: none !important;
  filter: none !important;
  animation: vcoin-crisp-fade-out .28s ease-in;
  pointer-events: none !important;
}
@keyframes vcoin-crisp-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes vcoin-crisp-fade-out { from { opacity: 1; } to { opacity: 0; } }

/* Desktop catalog: both cards keep the same fixed dimensions. */
@media (min-width: 1181px) {
  .catalog-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }
  .catalog-layout > .panel,
  .catalog-controls,
  .catalog-summary {
    height: 445px !important;
    min-height: 445px !important;
    max-height: 445px !important;
  }
  .catalog-controls .panel-body,
  .catalog-summary .panel-body {
    height: calc(100% - 66px) !important;
    overflow: hidden !important;
  }
  .catalog-summary {
    position: sticky !important;
    top: 92px !important;
  }
  .catalog-summary .panel-body {
    display: flex !important;
    flex-direction: column !important;
  }
  .catalog-summary .checkout-items-wrapper,
  .checkout-items-wrapper {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    margin-top: 12px !important;
    overflow: visible !important;
  }
  .checkout-items-wrapper #checkoutItemsList {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 7px !important;
    align-content: start !important;
  }
  .checkout-items-wrapper.is-multi-column #checkoutItemsList {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .checkout-item {
    min-height: 38px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    font-size: 10px !important;
  }
  .catalog-summary .checkout-bottom-action {
    margin-top: auto !important;
    padding-top: 15px !important;
  }
  .checkout-summary-title { font-size: 25px !important; }
  .total-price-display { font-size: 27px !important; }
}

@media (max-width: 1180px) {
  .catalog-layout > .panel,
  .catalog-controls,
  .catalog-summary {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  .catalog-controls .panel-body,
  .catalog-summary .panel-body { height: auto !important; overflow: visible !important; }
  .catalog-summary { position: static !important; }
  .checkout-items-wrapper #checkoutItemsList,
  .checkout-items-wrapper.is-multi-column #checkoutItemsList { grid-template-columns: 1fr !important; }
}


/* Micro polish: compact benefit spacing and crisp cover-only page transition. */
.economy-green-text {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: -4px !important;
  line-height: 1.25 !important;
}

/* Disable browser snapshot transitions: they can soften text rendering. */
@view-transition { navigation: none; }

html.page-transitions-enabled::after {
  display: block !important;
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  pointer-events: none !important;
  background: #090c10 !important;
  opacity: 1 !important;
  transition: opacity .34s ease !important;
}
html.page-transitions-enabled.page-ready::after {
  opacity: 0 !important;
}
html.page-transitions-enabled.page-leaving::after {
  opacity: 1 !important;
}
html.page-transitions-enabled body,
html.page-transitions-enabled.page-ready body,
html.page-transitions-enabled.page-leaving body,
html.page-transitions-enabled body.page-ready,
html.page-transitions-enabled body.page-leaving {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  will-change: auto !important;
}


/* Exact alignment hotfix for economy line — 2026-08-04 */
.slider-labels {
  margin-top: 4px !important;
  padding-inline: 1px !important;
}
.economy-green-text {
  display: block !important;
  width: auto !important;
  margin: -1px 0 0 !important;
  padding: 0 1px !important;
  position: static !important;
  top: auto !important;
  transform: none !important;
  text-align: left !important;
  line-height: 1.25 !important;
}


/* Economy label final vertical alignment — 2026-08-04 */
.slider-labels {
  margin-top: 4px !important;
}
.economy-green-text {
  margin: 6px 0 0 !important;
  padding: 0 1px !important;
  position: static !important;
  top: auto !important;
  transform: none !important;
}


/* ========================================================================== */
/* TYPOGRAPHY REFINEMENT — lighter weights and crisper Windows rendering      */
/* ========================================================================== */
:root {
  --font-ui: "Segoe UI Variable Text", "Segoe UI", Tahoma, Arial, sans-serif;
  --font-display: "Segoe UI Variable Display", "Segoe UI", Tahoma, Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-ui) !important;
  font-synthesis: none !important;
  font-optical-sizing: auto;
  font-kerning: normal;
  font-feature-settings: "kern" 1, "liga" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
.landing-title,
.section-title-large,
.showcase-copy h1,
.pro-copy h1,
.app-title-row h1,
.checkout-summary-title,
.status-title,
.legal-main-title,
.error-style h1 {
  font-family: var(--font-display) !important;
  font-synthesis: none !important;
  text-rendering: optimizeLegibility !important;
}

/* Normal emphasis: use semibold instead of the previous extra-bold weights. */
b,
strong,
.sidebar-link,
.landing-links a,
.pro-links a,
.showcase-links a,
.panel-title,
.btn-primary,
.btn-catalog-neon,
.btn-pay,
.pay-action,
.btn,
.btn-secondary,
.btn-cancel,
.method-button,
.btn-product-buy-neon,
.showcase-primary,
.showcase-secondary,
.pro-primary,
.pro-secondary,
.showcase-benefit b,
.showcase-process-head > span,
.showcase-process-list b,
.showcase-process-footer b,
.pro-steps h3,
.landing-feature h3,
.summary-list dd,
.showcase-summary-note b,
.showcase-summary-trust b,
.history-item,
.chat-header,
.ticket-form h3 {
  font-weight: 600 !important;
}

/* Keep only the main numeric hierarchy distinctly bold, but not black/950. */
.landing-title,
.showcase-copy h1,
.pro-copy h1,
.app-title-row h1,
.checkout-summary-title,
.status-title,
.legal-main-title,
.error-style h1,
.summary-vp strong,
.summary-total-row strong,
.hero-vp strong,
.hero-total strong,
.total-price-display,
.product-card-vp-display .vp-number,
.product-card-price-premium,
#wrapper-vp input,
#wrapper-rub input,
.about-stat strong {
  font-weight: 700 !important;
}

/* Brand remains readable without looking over-sharpened. */
.sidebar-brand span,
.footer-brand strong,
.landing-logo,
.showcase-logo strong,
.pro-logo strong {
  font-weight: 700 !important;
  letter-spacing: .02em !important;
}

/* The block from the screenshot: slightly larger, lighter and more even. */
.showcase-process-head > span {
  font-size: 12px !important;
  letter-spacing: .09em !important;
}
.showcase-process-list b {
  font-size: 16px !important;
  line-height: 1.28 !important;
  letter-spacing: .005em;
}
.showcase-process-list small {
  font-size: 13px !important;
  line-height: 1.55 !important;
}
.showcase-process-footer b {
  font-size: 13px !important;
  line-height: 1.3 !important;
}

/* Small interface text stays legible and no longer looks excessively dense. */
.panel-title { font-size: 14px !important; }
.sidebar-link { font-size: 13px !important; }
.showcase-benefit b { font-size: 15px !important; }
.calc-tabs button,
.btn-product-buy-neon,
.method-button,
.topbar-chip,
.control-label,
.section-label,
.payment-section-title {
  font-weight: 600 !important;
}

/* geometricPrecision can make heavier glyphs look jagged in Chromium/Windows. */
.showcase-copy h1,
.landing-title,
.pro-copy h1 {
  text-rendering: optimizeLegibility !important;
}

/* 2026-08-06: stable checkout payment icons */
.method-icon-wrapper {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 42px;
}
.payment-method-icon {
  width: 36px;
  height: 36px;
  display: block;
  overflow: visible;
  color: #cbd3df;
  shape-rendering: geometricPrecision;
}
.method-card:hover .payment-method-icon,
.method-card.active .payment-method-icon {
  color: #ffffff;
}
.payment-method-icon * {
  vector-effect: non-scaling-stroke;
}


/* ParityPay checkout: payment method is handled by the provider / shop settings. */
.payment-provider-note,
.provider-note {
    margin: 8px 0 18px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 11px;
    background: rgba(255, 255, 255, .025);
    color: #9aa1ad;
    font-size: 11px;
    line-height: 1.5;
}

/* 2026-08-18: gateway selector in catalog checkout */
.gateway-methods-grid { margin-top: 8px; }
.gateway-card {
    min-height: 82px;
    padding: 13px 14px;
    font: inherit;
    text-align: left;
    align-items: flex-start;
}
.gateway-card strong {
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}
.gateway-card small {
    color: var(--muted);
    font-size: 9px;
    line-height: 1.4;
}
.gateway-card.active small { color: #c8ced8; }


/* ========================================================================== */
/* MOBILE RESPONSIVE HARDENING — 2026-08-24                                  */
/* ========================================================================== */
@media (max-width: 760px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  .app-sidebar {
    width: 100%; min-height: 58px; padding: 7px 12px; gap: 8px;
    border-bottom-color: rgba(255,255,255,.10);
    background: rgba(10,13,18,.96);
    overscroll-behavior-x: contain;
  }
  .sidebar-brand { gap: 7px; }
  .sidebar-brand::before { width: 32px; height: 32px; }
  .sidebar-brand span { font-size: 13px !important; }
  .sidebar-nav { min-width: 0; margin-left: 0; flex: 1 1 auto; overflow-x: auto; scrollbar-width: none; }
  .sidebar-nav::-webkit-scrollbar, .app-sidebar::-webkit-scrollbar, .topbar-actions::-webkit-scrollbar { display: none; }
  .sidebar-link { flex: 0 0 auto; min-height: 36px; padding: 0 9px; border-radius: 9px; }
  .sidebar-link span { font-size: 10px; }

  .app-topbar {
    width: calc(100% - 24px); min-height: 0; padding: 10px 0;
    align-items: stretch; flex-wrap: wrap; gap: 8px;
  }
  .app-crumb { flex: 1 1 100%; font-size: 10px; }
  .topbar-actions { width: 100%; min-width: 0; overflow-x: auto; }
  .region-pill-grid { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .region-pill-card { min-width: 0; min-height: 38px; justify-content: center; padding: 0 8px; font-size: 10px; }

  .app-content { width: calc(100% - 24px); padding: 20px 0 40px; }
  .app-title-row { display: block; margin-bottom: 16px; }
  .app-title-row h1 { font-size: clamp(26px, 9vw, 36px); line-height: 1.04; }
  .app-title-row p { margin-top: 8px; font-size: 12px; line-height: 1.55; }
  .panel { border-radius: 14px; }
  .panel-header { min-height: 58px; padding: 0 15px; }
  .panel-body { padding: 16px; }

  .catalog-layout { grid-template-columns: 1fr !important; gap: 12px; }
  .catalog-section-title { font-size: 18px; }
  .catalog-section-desc { font-size: 11px; }
  .calc-tabs button { min-height: 42px; font-size: 10px; }
  #wrapper-vp input, #wrapper-rub input { height: 54px; font-size: 20px; }
  .checkout-summary-title { font-size: 23px !important; }
  .checkout-items-wrapper { min-height: 0; max-height: none; }
  .checkout-item { min-height: 0; padding: 10px 12px; align-items: flex-start; flex-direction: column; gap: 4px; line-height: 1.35; }
  .checkout-item + .checkout-item { margin-top: 6px; }
  .checkout-bottom-action { margin-top: 14px; padding-top: 14px; }
  .total-price-display { font-size: 25px !important; }
  .products-heading { margin-top: 26px; font-size: 21px; }
  .launcher-product-card { min-height: 178px; padding: 17px; }
  .product-card-vp-display .vp-number { font-size: 30px; }

  .payment-overlay { padding: 0; align-items: flex-end; }
  .payment-modal {
    width: 100%; max-height: 92dvh; overflow-y: auto; padding: 18px 16px max(18px, env(safe-area-inset-bottom));
    border-radius: 18px 18px 0 0; border-left: 0; border-right: 0; border-bottom: 0;
  }
  .payment-header { font-size: 17px; }
  .payment-summary { margin-top: 13px; padding: 11px; }
  .payment-summary > div { min-height: 34px; gap: 10px; }
  .payment-provider-note, .provider-note { margin: 7px 0 12px; padding: 10px 11px; }
  .payment-gateway-button { min-width: 0; padding: 0 7px; font-size: 10px; overflow-wrap: anywhere; }
  .modal-actions-footer { position: sticky; bottom: 0; padding-top: 8px; background: linear-gradient(180deg, rgba(21,25,34,0), #151922 25%); }
  input, select, textarea { font-size: 16px !important; }

  .support-app-content { padding-top: 14px; }
  .support-layout { height: auto; min-height: 0; grid-template-columns: 1fr; gap: 10px; }
  .history-sidebar { max-height: 260px; border-radius: 13px; }
  .main-pane { min-height: min(70dvh, 620px); border-radius: 13px; }
  #tForm { padding: 18px; }
  .ticket-form h3 { font-size: 24px; }
  .chat-header { min-height: 54px; padding: 0 13px; }
  .chat-messages { padding: 12px; gap: 7px; }
  .msg { max-width: 88%; padding: 9px 11px; }
  .faq-quick-wrapper { padding: 8px 12px; }
  .chat-input-area { min-height: 64px; padding: 10px 12px max(10px, env(safe-area-inset-bottom)); }

  .status-panel .panel-body { padding: 16px; }
  .status-title { font-size: 28px; }
  .status-actions { display: grid; grid-template-columns: 1fr; }
  .status-actions > * { width: 100%; }
  .code-value { font-size: 13px; overflow-wrap: anywhere; word-break: break-word; }

  .legal-layout, .about-grid { grid-template-columns: 1fr; gap: 12px; }
  .legal-nav-box { position: static; padding: 10px; }
  .glass-legal-card, .about-copy { padding: 18px; }
  .legal-main-title { font-size: 27px; }

  .showcase-hero-inner { width: calc(100% - 24px); padding-top: 42px; }
  .showcase-copy h1 { font-size: clamp(46px, 16vw, 68px); line-height: .95; }
  .showcase-lead { font-size: 14px; line-height: 1.58; }
  .showcase-benefit { min-height: 0; }
  .showcase-process { width: 100%; padding: 14px; }
  .showcase-process-list li { min-height: 72px; }
  .showcase-quick-inner, .pro-section, .pro-final, .pro-footer { width: calc(100% - 24px); }
  .pro-section { padding: 54px 0; }
  .pro-steps article { min-height: 190px; padding: 20px; }
  .pro-steps h3 { margin-top: 48px; }
}

@media (max-width: 480px) {
  .app-sidebar { padding-inline: 9px; }
  .sidebar-brand span { display: none !important; }
  .sidebar-link { padding: 0 8px; }
  .app-content, .app-topbar { width: calc(100% - 20px); }
  .panel-body { padding: 14px; }
  .calc-tabs { grid-template-columns: 1fr; }
  .checkout-bottom-action { align-items: stretch; flex-direction: column; }
  .checkout-bottom-action .btn-catalog-neon { width: 100%; }
  .payment-gateway-choice { grid-template-columns: 1fr !important; }
  .modal-actions-footer { grid-template-columns: 1fr; }
  .payment-summary > div { align-items: flex-start; flex-direction: column; justify-content: center; gap: 3px; padding: 7px 0; }
  .region-warning-alert { padding-left: 42px; }
  .showcase-actions { gap: 8px; }
  .showcase-primary, .showcase-secondary { width: 100%; }
}


/* ========================================================================== */
/* VCOIN CONVERSION HERO V13 — 2026-08-26                                    */
/* ========================================================================== */
.showcase-hero {
  min-height: 0;
}
.showcase-hero-inner {
  min-height: min(760px, calc(100svh - 58px));
  grid-template-columns: minmax(0, 1.06fr) minmax(430px, .78fr);
  gap: clamp(42px, 5vw, 78px);
  padding-top: 48px;
  padding-bottom: 44px;
}
.sales-hero-copy {
  max-width: 790px;
}
.sales-hero-title {
  max-width: 790px;
  margin-top: 18px !important;
  font-size: clamp(54px, 5.35vw, 88px) !important;
  line-height: .91 !important;
  letter-spacing: -.055em !important;
}
.sales-hero-title > span {
  color: #ff4655 !important;
}
.sales-hero-title > small {
  display: block;
  margin-top: 16px;
  color: #eef1f5;
  font-size: clamp(20px, 2vw, 31px);
  font-weight: 650;
  line-height: 1.12;
  letter-spacing: -.025em;
}
.sales-hero-lead {
  max-width: 650px;
  margin-top: 22px !important;
  font-size: clamp(16px, 1.35vw, 19px) !important;
  line-height: 1.55 !important;
}
.sales-hero-lead strong {
  display: block;
  margin-top: 3px;
  color: #f4f6f9;
  font-weight: 700;
}
.sales-hero-actions {
  margin-top: 28px !important;
}
.sales-hero-primary {
  min-width: 178px;
  min-height: 54px;
  justify-content: center;
  border-radius: 10px;
  box-shadow: 0 18px 38px rgba(255,70,85,.20);
}
.sales-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}
.sales-trust-row > span,
.sales-trust-row > a {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 0 11px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 9px;
  background: rgba(255,255,255,.025);
  color: #b7c0cb;
  text-decoration: none;
  font-size: 11px;
  font-weight: 650;
  white-space: nowrap;
}
.sales-trust-row > a {
  color: #e7ebf0;
  transition: border-color .18s ease, background .18s ease, color .18s ease;
}
.sales-trust-row > a:hover {
  border-color: rgba(255,70,85,.32);
  background: rgba(255,70,85,.07);
  color: #fff;
}
.sales-popular {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 12px;
  margin-top: 18px;
}
.sales-popular-label {
  color: #7f8996;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}
.sales-popular-links {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.sales-popular-links a {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 1px solid rgba(255,70,85,.22);
  border-radius: 9px;
  background: rgba(255,70,85,.055);
  color: #f0f2f5;
  text-decoration: none;
  font-size: 11px;
  font-weight: 750;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.sales-popular-links a:hover {
  transform: translateY(-1px);
  border-color: rgba(255,70,85,.48);
  background: rgba(255,70,85,.11);
}
.sales-process {
  max-width: 500px;
  padding: 21px;
}
.sales-process .showcase-process-list li {
  min-height: 82px;
}
.sales-process .showcase-process-footer {
  min-height: 72px;
}

@media (max-width: 1180px) {
  .showcase-hero-inner {
    min-height: 0;
    grid-template-columns: 1fr;
    padding-top: 54px;
    padding-bottom: 48px;
  }
  .sales-hero-copy { max-width: 820px; }
  .sales-process { justify-self: start; max-width: 620px; }
}

@media (max-width: 760px) {
  .showcase-hero-inner {
    padding-top: 36px !important;
    padding-bottom: 34px;
    gap: 32px;
  }
  .sales-hero-title {
    font-size: clamp(46px, 14.4vw, 66px) !important;
    line-height: .94 !important;
  }
  .sales-hero-title > small {
    margin-top: 13px;
    font-size: clamp(19px, 6vw, 25px);
    line-height: 1.15;
  }
  .sales-hero-lead {
    margin-top: 18px !important;
    font-size: 14px !important;
  }
  .sales-hero-actions { margin-top: 22px !important; }
  .sales-hero-primary { width: 100%; min-height: 50px; }
  .sales-trust-row { margin-top: 14px; }
  .sales-trust-row > span,
  .sales-trust-row > a { flex: 1 1 calc(50% - 4px); justify-content: center; }
  .sales-popular { align-items: flex-start; flex-direction: column; margin-top: 16px; }
  .sales-popular-links { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sales-popular-links a { width: 100%; }
  .sales-process { width: 100%; max-width: none; padding: 14px; }
  .sales-process .showcase-process-list li { min-height: 72px; }
}

@media (max-width: 420px) {
  .sales-trust-row > span,
  .sales-trust-row > a { flex-basis: 100%; }
  .sales-popular-links { grid-template-columns: 1fr; }
}

/* Home embedded shop v14 */
.home-shop { position: relative; padding: 54px 0 68px; border-bottom: 1px solid rgba(255,255,255,.07); background: #0d1117; scroll-margin-top: 24px; }
.home-shop::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 74% 32%, rgba(255,70,85,.08), transparent 34%); }
.home-shop-inner { position: relative; z-index: 1; width: min(1180px, calc(100% - 72px)); margin: 0 auto; }
.home-shop-head { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 26px; }
.home-shop-head h2 { margin: 7px 0 0; font-size: clamp(31px, 3vw, 46px); letter-spacing: -.035em; }
.home-shop-head p { max-width: 650px; margin: 10px 0 0; color: #89939f; font-size: 13px; line-height: 1.6; }
.home-shop-catalog-link { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 9px; color: #a8b1bd; font-size: 12px; text-decoration: none; }
.home-shop-catalog-link:hover { color: #fff; }
.home-shop-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr); gap: 18px; align-items: stretch; }
.home-shop-controls, .home-shop-summary { border: 1px solid rgba(255,255,255,.08); border-radius: 20px; background: #11161e; box-shadow: 0 20px 46px rgba(0,0,0,.16); }
.home-shop-controls { display: grid; gap: 24px; padding: 25px; }
.home-shop-block { display: grid; gap: 11px; }
.home-shop-label { color: #a6afbb; font-size: 11px; font-weight: 750; letter-spacing: .045em; text-transform: uppercase; }
.home-shop-regions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.home-shop-regions button, .home-shop-popular button { min-height: 44px; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; background: rgba(255,255,255,.025); color: #d8dde4; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; transition: .16s ease; }
.home-shop-regions button:hover, .home-shop-popular button:hover { transform: translateY(-1px); border-color: rgba(255,70,85,.30); }
.home-shop-regions button.active, .home-shop-popular button.active { border-color: rgba(255,70,85,.66); background: rgba(255,70,85,.12); color: #fff; box-shadow: inset 0 0 0 1px rgba(255,70,85,.08); }
.home-shop-region-warning { padding: 10px 12px; border: 1px solid rgba(255,180,80,.20); border-radius: 11px; background: rgba(255,180,80,.07); color: #eac28b; font-size: 11px; line-height: 1.5; }
.home-shop-popular { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.home-shop-custom { display: grid; grid-template-columns: 1fr auto; align-items: center; min-height: 50px; border: 1px solid rgba(255,255,255,.10); border-radius: 13px; background: #0d1219; overflow: hidden; }
.home-shop-custom:focus-within { border-color: rgba(255,70,85,.55); box-shadow: 0 0 0 3px rgba(255,70,85,.08); }
.home-shop-custom input { width: 100%; height: 48px; border: 0; outline: 0; background: transparent; color: #fff; padding: 0 15px; font: inherit; font-size: 17px; font-weight: 760; }
.home-shop-custom span { padding: 0 15px; color: #ff6673; font-size: 12px; font-weight: 850; }
.home-shop-block small { color: #6f7986; font-size: 10px; line-height: 1.5; }
.home-shop-summary { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; padding: 28px; }
.home-shop-summary::after { content: ""; position: absolute; width: 210px; height: 210px; right: -86px; top: -82px; border-radius: 50%; background: rgba(255,70,85,.10); filter: blur(10px); pointer-events: none; }
.home-shop-summary-kicker { position: relative; z-index: 1; color: #7f8996; font-size: 10px; font-weight: 800; letter-spacing: .10em; text-transform: uppercase; }
.home-shop-summary-vp { position: relative; z-index: 1; margin-top: 12px; font-size: clamp(32px,4vw,50px); line-height: 1; letter-spacing: -.045em; }
.home-shop-summary-price { position: relative; z-index: 1; margin-top: 10px; color: #ff5360; font-size: clamp(25px,3vw,35px); font-weight: 850; letter-spacing: -.035em; }
.home-shop-summary p { position: relative; z-index: 1; margin: 18px 0 0; color: #9aa4b0; font-size: 12px; line-height: 1.62; }
.home-shop-composition { position: relative; z-index: 1; min-height: 17px; margin-top: 10px; color: #687381; font-size: 10px; line-height: 1.5; }
.home-shop-error { position: relative; z-index: 1; margin-top: 12px; padding: 10px 12px; border: 1px solid rgba(239,68,68,.30); border-radius: 10px; background: rgba(239,68,68,.07); color: #ffb4b4; font-size: 11px; line-height: 1.5; }
.home-shop-buy { position: relative; z-index: 1; min-height: 52px; margin-top: 22px; border: 0; border-radius: 13px; background: linear-gradient(180deg,#ff5966,#e93243); color: #fff; font: inherit; font-size: 13px; font-weight: 850; cursor: pointer; box-shadow: 0 15px 34px rgba(255,70,85,.20); }
.home-shop-buy:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(1.04); }
.home-shop-buy:disabled { opacity: .52; cursor: wait; }
.home-shop-delivery { position: relative; z-index: 1; margin-top: 12px; color: #6f7986; font-size: 9px; line-height: 1.55; text-align: center; }
.home-payment-modal { width: min(500px,100%); }
.home-payment-gateways { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 12px 0 16px; }
.payment-gateway-button { min-height: 42px; border: 1px solid rgba(255,255,255,.14); border-radius: 11px; background: rgba(255,255,255,.04); color: rgba(255,255,255,.78); cursor: pointer; font: inherit; font-weight: 650; }
.payment-gateway-button.active { border-color: rgba(225,29,46,.75); background: rgba(225,29,46,.14); color: #fff; }
.payment-gateway-button:disabled { opacity: .38; cursor: not-allowed; }
.catalog-payment-error { margin: 0 0 12px; padding: 11px 13px; border: 1px solid rgba(239,68,68,.35); border-radius: 11px; background: rgba(239,68,68,.08); color: #ffb4b4; font-size: 13px; line-height: 1.45; }
.catalog-payment-ready { display: grid; gap: 13px; text-align: center; }
.catalog-payment-ready h3 { margin: 0; color: #fff; font-size: 20px; }
.catalog-payment-ready p { margin: 0; color: rgba(255,255,255,.66); font-size: 13px; line-height: 1.5; }
.catalog-payment-qr-shell { display: flex; justify-content: center; align-items: center; padding: 12px; border-radius: 16px; background: #fff; width: max-content; max-width: 100%; margin: 0 auto; }
.catalog-payment-qr-shell canvas { display: block; max-width: min(220px,70vw); height: auto!important; }
.catalog-payment-ready-actions { display: grid; gap: 8px; }
.catalog-payment-open { display: flex; align-items: center; justify-content: center; min-height: 46px; border-radius: 12px; background: #e11d2e; color: #fff; text-decoration: none; font-weight: 700; }
.catalog-payment-back { min-height: 40px; border: 1px solid rgba(255,255,255,.14); border-radius: 11px; background: rgba(255,255,255,.04); color: rgba(255,255,255,.82); cursor: pointer; font: inherit; }
@media (max-width: 900px) {
  .home-shop-inner { width: calc(100% - 28px); }
  .home-shop-head { align-items: flex-start; flex-direction: column; gap: 12px; }
  .home-shop-grid { grid-template-columns: 1fr; }
  .home-shop-summary { min-height: 330px; }
}
@media (max-width: 560px) {
  .home-shop { padding: 38px 0 46px; }
  .home-shop-inner { width: calc(100% - 24px); }
  .home-shop-controls, .home-shop-summary { border-radius: 16px; }
  .home-shop-controls { padding: 18px; gap: 20px; }
  .home-shop-summary { min-height: 0; padding: 22px 18px; }
  .home-shop-popular { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-shop-regions { grid-template-columns: 1fr; }
  .home-payment-gateways { grid-template-columns: 1fr; }
}

/* VCOIN v17: trust proof + real recent issuances */
.home-trust-proof { position: relative; padding: 64px 0 70px; border-bottom: 1px solid rgba(255,255,255,.07); background: #0a0e14; overflow: hidden; }
.home-trust-proof::before { content: ""; position: absolute; width: 440px; height: 440px; left: -220px; top: -190px; border-radius: 50%; background: rgba(255,70,85,.06); filter: blur(18px); pointer-events: none; }
.home-trust-inner { position: relative; z-index: 1; width: min(1180px, calc(100% - 72px)); margin: 0 auto; }
.home-trust-head { display: flex; align-items: end; justify-content: space-between; gap: 26px; margin-bottom: 25px; }
.home-trust-head h2 { margin: 7px 0 0; font-size: clamp(31px,3vw,46px); letter-spacing: -.035em; }
.home-trust-head p { max-width: 690px; margin: 10px 0 0; color: #89939f; font-size: 13px; line-height: 1.62; }
.home-trust-layout { display: grid; grid-template-columns: minmax(0,1.18fr) minmax(350px,.82fr); gap: 18px; align-items: stretch; }
.home-trust-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.home-trust-card { min-height: 174px; display: flex; gap: 15px; padding: 22px; border: 1px solid rgba(255,255,255,.08); border-radius: 18px; background: #11161e; box-shadow: 0 18px 42px rgba(0,0,0,.14); }
.home-trust-icon { flex: 0 0 auto; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; background: rgba(255,255,255,.035); font-size: 20px; }
.home-trust-card h3 { margin: 2px 0 8px; color: #f3f5f7; font-size: 15px; letter-spacing: -.01em; }
.home-trust-card p { margin: 0; color: #8d97a4; font-size: 11px; line-height: 1.62; }
.home-trust-card a { display: inline-flex; align-items: center; gap: 7px; margin-top: 12px; color: #ff6673; font-size: 11px; font-weight: 800; text-decoration: none; }
.home-trust-card a:hover { color: #fff; }
.home-recent-issuances { position: relative; overflow: hidden; display: flex; flex-direction: column; padding: 24px; border: 1px solid rgba(255,255,255,.09); border-radius: 18px; background: #11161e; box-shadow: 0 18px 42px rgba(0,0,0,.16); }
.home-recent-issuances::after { content: ""; position: absolute; width: 220px; height: 220px; right: -100px; top: -110px; border-radius: 50%; background: rgba(46,204,113,.06); pointer-events: none; }
.home-recent-head { position: relative; z-index: 1; display: flex; align-items: start; justify-content: space-between; gap: 18px; padding-bottom: 17px; border-bottom: 1px solid rgba(255,255,255,.07); }
.home-recent-head h3 { margin: 7px 0 0; color: #f4f6f8; font-size: 22px; letter-spacing: -.025em; }
.home-recent-live { display: inline-flex; align-items: center; gap: 7px; color: #8fa09a; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.home-recent-live i { width: 7px; height: 7px; border-radius: 50%; background: #52d68a; box-shadow: 0 0 0 4px rgba(82,214,138,.10); }
.home-recent-check { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(82,214,138,.20); border-radius: 50%; background: rgba(82,214,138,.08); color: #78e5a5; font-size: 15px; font-weight: 900; }
.home-recent-list { position: relative; z-index: 1; display: grid; gap: 0; margin-top: 7px; min-height: 202px; }
.home-recent-item { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 14px; min-height: 50px; border-bottom: 1px solid rgba(255,255,255,.055); }
.home-recent-item:last-child { border-bottom: 0; }
.home-recent-main { min-width: 0; display: flex; align-items: center; gap: 8px; color: #dce1e7; font-size: 11px; font-weight: 730; white-space: nowrap; }
.home-recent-main time { color: #707b88; font-variant-numeric: tabular-nums; }
.home-recent-dot { color: #424b56; }
.home-recent-vp { color: #f5f7f9; }
.home-recent-region { display: inline-flex; align-items: center; min-height: 23px; padding: 0 8px; border: 1px solid rgba(255,255,255,.08); border-radius: 999px; background: rgba(255,255,255,.03); color: #aeb7c2; font-size: 9px; font-weight: 850; letter-spacing: .05em; }
.home-recent-status { display: inline-flex; align-items: center; gap: 5px; color: #79dca0; font-size: 10px; font-weight: 850; white-space: nowrap; }
.home-recent-loading, .home-recent-empty, .home-recent-error { display: grid; place-items: center; min-height: 190px; color: #737e8b; text-align: center; font-size: 11px; line-height: 1.6; }
.home-recent-error { color: #a99393; }
.home-recent-note { position: relative; z-index: 1; margin: auto 0 0; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.07); color: #616c79; font-size: 9px; line-height: 1.55; }

@media (max-width: 980px) {
  .home-trust-inner { width: calc(100% - 28px); }
  .home-trust-layout { grid-template-columns: 1fr; }
  .home-recent-list { min-height: 0; }
}
@media (max-width: 680px) {
  .home-trust-proof { padding: 42px 0 48px; }
  .home-trust-inner { width: calc(100% - 24px); }
  .home-trust-cards { grid-template-columns: 1fr; }
  .home-trust-card { min-height: 0; padding: 18px; }
  .home-recent-issuances { padding: 19px 17px; }
  .home-recent-item { grid-template-columns: 1fr; gap: 5px; padding: 10px 0; }
  .home-recent-status { justify-self: start; }
  .home-recent-main { flex-wrap: wrap; white-space: normal; }
}

/* VCOIN v18 — verified customer reviews */
.home-reviews { padding: 62px 0 68px; border-bottom: 1px solid rgba(255,255,255,.07); background: #0d1219; }
.home-reviews-inner { width: min(1180px, calc(100% - 72px)); margin: 0 auto; }
.home-reviews-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.home-reviews-head h2 { margin: 7px 0 0; font-size: clamp(31px,3vw,46px); letter-spacing: -.035em; }
.home-reviews-head p { max-width: 680px; margin: 10px 0 0; color: #89939f; font-size: 12px; line-height: 1.62; }
.home-reviews-all { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 16px; border: 1px solid rgba(255,255,255,.10); border-radius: 12px; color: #f2f4f7; text-decoration: none; font-size: 11px; font-weight: 850; }
.home-reviews-all:hover { border-color: rgba(255,70,85,.42); color: #ff6673; }
.home-reviews-summary { display: inline-flex; align-items: center; min-height: 30px; margin-bottom: 14px; padding: 0 11px; border: 1px solid rgba(255,190,74,.18); border-radius: 999px; background: rgba(255,190,74,.055); color: #efc66c; font-size: 10px; font-weight: 850; }
.home-reviews-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.home-review-card { min-height: 190px; display: flex; flex-direction: column; padding: 21px; border: 1px solid rgba(255,255,255,.08); border-radius: 18px; background: #11161e; box-shadow: 0 18px 42px rgba(0,0,0,.14); }
.home-review-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.home-review-stars { color: #f4c65f; font-size: 14px; letter-spacing: .08em; }
.home-review-verified { color: #78d99d; font-size: 9px; font-weight: 850; white-space: nowrap; }
.home-review-card blockquote { margin: 24px 0 20px; color: #edf0f4; font-size: 15px; font-weight: 720; line-height: 1.52; }
.home-review-meta { margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.06); color: #77818e; font-size: 10px; font-weight: 760; }
.home-reviews-loading, .home-reviews-empty { grid-column: 1 / -1; min-height: 126px; display: grid; place-items: center; padding: 24px; border: 1px dashed rgba(255,255,255,.08); border-radius: 18px; color: #707b87; text-align: center; font-size: 11px; line-height: 1.6; }
.reviews-page-main { min-height: 100vh; background: #0a0f15; color: #eef1f5; }
.reviews-page-shell { width: min(1080px, calc(100% - 40px)); margin: 0 auto; padding: 48px 0 72px; }
.reviews-page-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.reviews-page-head h1 { margin: 5px 0 0; font-size: clamp(34px,5vw,58px); letter-spacing: -.045em; }
.reviews-page-head p { max-width: 660px; margin: 10px 0 0; color: #8a95a2; font-size: 13px; line-height: 1.65; }
.reviews-back { color: #dce1e7; text-decoration: none; font-size: 12px; font-weight: 800; }
.reviews-summary-card { display: flex; align-items: center; gap: 14px; min-height: 70px; margin-bottom: 18px; padding: 16px 18px; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: #11161e; }
.reviews-summary-rating { color: #f4c65f; font-size: 26px; font-weight: 900; }
.reviews-summary-copy strong { display: block; font-size: 13px; }
.reviews-summary-copy span { display: block; margin-top: 4px; color: #77818e; font-size: 10px; }
.reviews-page-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.review-page-card { min-height: 190px; display: flex; flex-direction: column; padding: 22px; border: 1px solid rgba(255,255,255,.08); border-radius: 18px; background: #11161e; }
.review-page-card blockquote { margin: 22px 0; color: #f0f2f5; font-size: 16px; line-height: 1.55; }
.review-page-card .home-review-meta { margin-top: auto; }
.order-review-box { display: none; margin-top: 24px; padding: 20px; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: #0f141b; }
.order-review-box.visible { display: block; }
.order-review-box h2 { margin: 0 0 6px; font-size: 18px; }
.order-review-box p { margin: 0 0 14px; color: #86919e; font-size: 11px; line-height: 1.55; }
.order-review-stars { display: flex; gap: 6px; margin-bottom: 12px; }
.order-review-star { width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.10); border-radius: 10px; background: #151b23; color: #7d8794; font-size: 18px; cursor: pointer; }
.order-review-star.active { border-color: rgba(244,198,95,.45); color: #f4c65f; background: rgba(244,198,95,.07); }
.order-review-text { width: 100%; min-height: 92px; resize: vertical; padding: 12px 13px; border: 1px solid rgba(255,255,255,.10); border-radius: 11px; background: #0b1016; color: #f0f2f5; font: inherit; font-size: 12px; outline: none; }
.order-review-text:focus { border-color: rgba(255,70,85,.42); }
.order-review-actions { display: flex; align-items: center; gap: 10px; margin-top: 12px; }
.order-review-submit { min-height: 40px; padding: 0 16px; border: 0; border-radius: 10px; background: #e43d4c; color: #fff; font-size: 11px; font-weight: 850; cursor: pointer; }
.order-review-submit:disabled { opacity: .5; cursor: default; }
.order-review-message { color: #7e8996; font-size: 10px; }
@media (max-width: 900px) { .home-reviews-inner { width: calc(100% - 28px); } .home-reviews-grid { grid-template-columns: 1fr; } .reviews-page-grid { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .home-reviews { padding: 42px 0 48px; } .home-reviews-inner { width: calc(100% - 24px); } .home-reviews-head, .reviews-page-head { align-items: start; flex-direction: column; } .home-review-top { align-items: flex-start; flex-direction: column; } .reviews-page-shell { width: calc(100% - 24px); padding-top: 28px; } }



/* Checkout v19 — payment method first, processor second */
.payment-gateway-choice,
.home-payment-gateways {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 12px 0 16px;
}
.payment-gateway-button.payment-method-card {
  width: 100%;
  min-height: 96px;
  padding: 14px 15px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  text-align: left;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
  color: #fff;
  cursor: pointer;
  font: inherit;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.payment-gateway-button.payment-method-card:hover:not(:disabled) {
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.24);
}
.payment-gateway-button.payment-method-card.active {
  border-color: rgba(225,29,46,.88);
  background: linear-gradient(180deg, rgba(225,29,46,.15), rgba(225,29,46,.07));
  box-shadow: 0 0 0 1px rgba(225,29,46,.08) inset;
}
.payment-method-copy { min-width: 0; display: grid; gap: 4px; }
.payment-method-title { color: #fff; font-size: 15px; font-weight: 850; letter-spacing: -.01em; }
.payment-method-description { color: rgba(255,255,255,.72); font-size: 12px; line-height: 1.4; }
.payment-method-hint { color: rgba(255,255,255,.42); font-size: 10px; line-height: 1.45; }
.payment-method-side { min-width: 128px; display: grid; justify-items: end; gap: 8px; text-align: right; }
.payment-method-badge { padding: 5px 8px; border-radius: 999px; background: rgba(47,187,109,.13); border: 1px solid rgba(47,187,109,.26); color: #78e7a7; font-size: 9px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.payment-method-provider { max-width: 145px; color: rgba(255,255,255,.38); font-size: 9px; line-height: 1.4; }
.payment-gateway-button.payment-method-card:disabled { opacity: .36; cursor: not-allowed; transform: none; }
.payment-gateway-button.payment-method-card[hidden] { display: none !important; }
@media (max-width: 560px) {
  .payment-gateway-button.payment-method-card { min-height: 0; grid-template-columns: 1fr; gap: 9px; padding: 13px; }
  .payment-method-side { min-width: 0; width: 100%; grid-template-columns: auto 1fr; justify-items: start; align-items: center; text-align: left; }
  .payment-method-provider { max-width: none; justify-self: end; text-align: right; }
}


/* Checkout v20 — compact order-first checkout */
.checkout-modal-v20 {
  width: min(520px, 100%);
  max-height: min(92vh, 860px);
  overflow: auto;
  padding: 22px;
}
.checkout-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.checkout-modal-head .payment-header { font-size: 22px; letter-spacing: -.025em; }
.checkout-modal-close {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  color: rgba(255,255,255,.72);
  font: inherit;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.checkout-modal-close:hover { border-color: rgba(255,255,255,.24); color: #fff; }
.checkout-order-card {
  margin-top: 16px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
}
.checkout-order-region { display: grid; gap: 5px; }
.checkout-order-region > span,
.checkout-order-cost > span {
  color: rgba(255,255,255,.46);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.checkout-order-region > strong {
  color: #fff;
  font-size: clamp(23px, 4vw, 30px);
  line-height: 1.08;
  letter-spacing: -.035em;
}
.checkout-order-vp {
  margin-top: 15px;
  color: #fff;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -.025em;
}
.checkout-order-cost {
  margin-top: 14px;
  padding-top: 14px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.checkout-order-cost > strong {
  color: #fff !important;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.035em;
}
.checkout-delivery-note {
  margin-top: 14px;
  padding: 10px 12px;
  border-radius: 11px;
  background: rgba(47,187,109,.07);
  color: rgba(221,255,235,.82);
  font-size: 11px;
  line-height: 1.5;
}
.checkout-order-card .payment-region-guard { margin-top: 9px; }
.checkout-email-group { margin-top: 18px; }
.checkout-email-group label { font-size: 11px; font-weight: 700; }
.checkout-email-group input { min-height: 48px; font-size: 14px; }
.checkout-payment-simple { display: grid; gap: 8px; margin-top: 10px; }
.checkout-method-choice {
  width: 100%;
  min-height: 70px;
  padding: 12px 13px;
  display: grid;
  grid-template-columns: 18px minmax(0,1fr) auto;
  align-items: center;
  gap: 11px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 13px;
  background: rgba(255,255,255,.025);
  color: #fff;
  text-align: left;
  font: inherit;
  cursor: pointer;
}
.checkout-method-choice.active {
  border-color: rgba(225,29,46,.70);
  background: rgba(225,29,46,.09);
}
.checkout-choice-radio {
  width: 16px;
  height: 16px;
  border: 1.5px solid rgba(255,255,255,.36);
  border-radius: 50%;
  box-shadow: inset 0 0 0 4px transparent;
}
.checkout-method-choice.active .checkout-choice-radio {
  border-color: #ff5260;
  background: #ff5260;
  box-shadow: inset 0 0 0 4px #171b23;
}
.checkout-choice-copy { min-width: 0; display: grid; gap: 3px; }
.checkout-choice-copy strong { color: #fff; font-size: 14px; font-style: normal; }
.checkout-choice-copy small { color: rgba(255,255,255,.60); font-size: 11px; line-height: 1.35; }
.checkout-choice-copy em { color: rgba(255,255,255,.35); font-size: 9px; line-height: 1.35; font-style: normal; }
.checkout-choice-badge {
  padding: 5px 7px;
  border: 1px solid rgba(47,187,109,.24);
  border-radius: 999px;
  background: rgba(47,187,109,.10);
  color: #82e5ab;
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.checkout-alt-gateways {
  margin-top: 8px !important;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 13px;
  background: rgba(0,0,0,.10);
}
.checkout-alt-gateways[hidden] { display: none !important; }
.checkout-alt-gateways .is-primary-gateway { display: none !important; }
.checkout-alt-gateways .payment-method-badge { display: none !important; }
.checkout-terms { margin: 14px 0 12px; }
.checkout-primary-action { display: block; }
.checkout-primary-action .btn-pay { width: 100%; min-height: 52px; font-size: 14px; }
.checkout-support-link {
  display: block;
  margin-top: 12px;
  color: rgba(255,255,255,.48);
  font-size: 10px;
  text-align: center;
  text-decoration: none;
}
.checkout-support-link strong { color: rgba(255,255,255,.78); }
.checkout-support-link:hover strong { color: #fff; }
@media (max-width: 560px) {
  .checkout-modal-v20 { padding: 16px; border-radius: 17px; }
  .checkout-order-card { padding: 15px; }
  .checkout-method-choice { grid-template-columns: 18px minmax(0,1fr); }
  .checkout-choice-badge { grid-column: 2; justify-self: start; }
  .checkout-order-cost { align-items: flex-start; flex-direction: column; gap: 5px; }
}

/* ========================================================================== */
/* VCOIN HOME STRUCTURE V21 — 2026-08-26                                     */
/* Hero → shop → advantages → how → reviews → FAQ → support                  */
/* ========================================================================== */

/* The duplicated process card was removed from the hero. Keep the first
   screen focused on the product and CTA instead of reserving an empty column. */
.showcase-hero-inner {
  min-height: clamp(540px, 66svh, 650px);
  grid-template-columns: minmax(0, 900px);
  justify-content: start;
  gap: 0;
  padding-top: 54px;
  padding-bottom: 48px;
}
.sales-hero-copy { max-width: 900px; }

/* The single remaining purchase process is intentionally compact. */
.home-how { padding-top: 66px; padding-bottom: 66px; }
.home-how .pro-section-head { margin-bottom: 22px; }
.home-how .pro-steps article { min-height: 190px; }
.home-how .pro-steps h3 { margin-top: 52px; }

.home-faq {
  padding: 66px 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: #0a0f15;
}
.home-faq-inner {
  width: min(1180px, calc(100% - 72px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(260px,.62fr) minmax(0,1.38fr);
  gap: clamp(28px,5vw,72px);
  align-items: start;
}
.home-faq-head h2 {
  margin: 7px 0 0;
  font-size: clamp(31px,3vw,46px);
  letter-spacing: -.035em;
}
.home-faq-head p {
  max-width: 420px;
  margin: 12px 0 0;
  color: #89939f;
  font-size: 12px;
  line-height: 1.65;
}
.home-faq-list { display: grid; gap: 9px; }
.home-faq-list details {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 15px;
  background: #11161e;
  overflow: hidden;
}
.home-faq-list summary {
  position: relative;
  padding: 18px 48px 18px 19px;
  color: #f1f4f7;
  font-size: 13px;
  font-weight: 760;
  cursor: pointer;
  list-style: none;
}
.home-faq-list summary::-webkit-details-marker { display: none; }
.home-faq-list summary::after {
  content: "+";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: #ff5a67;
  font-size: 20px;
  font-weight: 500;
}
.home-faq-list details[open] summary::after { content: "−"; }
.home-faq-list details[open] summary { border-bottom: 1px solid rgba(255,255,255,.06); }
.home-faq-list details p {
  margin: 0;
  padding: 16px 19px 18px;
  color: #8e98a5;
  font-size: 11px;
  line-height: 1.7;
}

.home-support {
  padding: 54px 0 72px;
  background: #0d1219;
}
.home-support-inner {
  width: min(1180px, calc(100% - 72px));
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
  padding: 30px 32px;
  border: 1px solid rgba(255,70,85,.20);
  border-radius: 20px;
  background: linear-gradient(120deg, rgba(255,70,85,.075), #11161d 62%);
}
.home-support h2 {
  margin: 7px 0 0;
  font-size: clamp(27px,3vw,39px);
  letter-spacing: -.035em;
}
.home-support p {
  max-width: 620px;
  margin: 10px 0 0;
  color: #929ca8;
  font-size: 12px;
  line-height: 1.62;
}
.home-support-actions { display: flex; flex: 0 0 auto; gap: 9px; align-items: center; }
.home-support-primary,
.home-support-telegram {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 16px;
  border-radius: 11px;
  text-decoration: none;
  font-size: 11px;
  font-weight: 830;
}
.home-support-primary { background: #ff4655; color: #fff; }
.home-support-primary:hover { filter: brightness(1.05); }
.home-support-telegram {
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.025);
  color: #d9dfe6;
}
.home-support-telegram:hover { border-color: rgba(255,70,85,.30); color: #fff; }

@media (max-width: 900px) {
  .showcase-hero-inner { min-height: 0; }
  .home-faq-inner { width: calc(100% - 28px); grid-template-columns: 1fr; gap: 24px; }
  .home-support-inner { width: calc(100% - 28px); align-items: flex-start; flex-direction: column; }
}
@media (max-width: 620px) {
  .showcase-hero-inner { padding-top: 36px !important; padding-bottom: 36px; }
  .home-how { padding-top: 48px; padding-bottom: 48px; }
  .home-faq { padding: 46px 0; }
  .home-faq-inner { width: calc(100% - 24px); }
  .home-support { padding: 40px 0 52px; }
  .home-support-inner { width: calc(100% - 24px); padding: 22px 18px; }
  .home-support-actions { width: 100%; flex-direction: column; align-items: stretch; }
  .home-support-primary, .home-support-telegram { width: 100%; }
}

/* ========================================================================== */
/* VCOIN FINAL HOME V23 — 2026-08-26                                         */
/* Header → Hero → Shop → Benefits → Issuances → Activation → Reviews → FAQ  */
/* → Telegram + documents.                                                    */
/* ========================================================================== */
.v23-home {
  --v23-width: 1180px;
  background: #090d12;
}
.v23-home button,
.v23-home input { font-family: inherit; }
.v23-home button { appearance: none; -webkit-appearance: none; }
.v23-home main { overflow: hidden; }

.v23-header {
  --v23-width: 1180px;
  position: sticky;
  top: 0;
  z-index: 180;
  min-height: 66px;
  border-bottom: 1px solid rgba(255,255,255,.075);
  background: rgba(9,12,17,.90);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.v23-header-inner {
  width: min(var(--v23-width), calc(100% - 48px));
  min-height: 66px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 28px;
}
.v23-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  color: #fff;
  text-decoration: none;
}
.v23-brand-mark {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #ff4655;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 10px 25px rgba(255,70,85,.18);
}
.v23-brand strong { font-size: 16px; font-weight: 850; letter-spacing: .035em; }
.v23-nav {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 4px;
}
.v23-nav a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 0 13px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #a7b0bb;
  text-decoration: none;
  font-size: 12px;
  font-weight: 690;
  transition: color .16s ease, background .16s ease, border-color .16s ease;
}
.v23-nav a:hover {
  color: #fff;
  border-color: rgba(255,255,255,.07);
  background: rgba(255,255,255,.035);
}

.v23-hero { min-height: 0; }
.v23-hero .showcase-agent {
  left: auto;
  right: max(2vw, calc((100vw - var(--v23-width)) / 2 - 70px));
  top: 8px;
  width: 500px;
  height: 670px;
  opacity: .34;
  filter: saturate(.68) brightness(.58) contrast(1.06) drop-shadow(10px 0 16px rgba(255,70,85,.08));
}
.v23-hero-inner {
  width: min(var(--v23-width), calc(100% - 48px)) !important;
  min-height: clamp(500px, 61svh, 610px) !important;
  padding: 62px 0 58px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 720px) !important;
  align-items: center;
  justify-content: start !important;
}
.v23-hero-copy { position: relative; z-index: 8; max-width: 720px !important; }
.v23-hero-title {
  margin-top: 16px !important;
  max-width: 720px !important;
  font-size: clamp(54px, 5.2vw, 82px) !important;
  line-height: .91 !important;
}
.v23-hero-title > small {
  margin-top: 14px !important;
  max-width: 660px;
  font-size: clamp(21px, 2.1vw, 30px) !important;
}
.v23-hero-lead {
  max-width: 610px !important;
  margin-top: 20px !important;
  color: #aeb6c1 !important;
  font-size: clamp(15px, 1.25vw, 18px) !important;
}
.v23-primary {
  min-width: 166px;
  min-height: 52px !important;
  padding: 0 23px !important;
  border: 1px solid #ff5260;
  border-radius: 11px !important;
  background: linear-gradient(180deg,#ff5360,#e52e3d) !important;
  color: #fff !important;
}
.v23-hero-trust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
}
.v23-hero-trust span,
.v23-hero-trust a {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 0 11px;
  border: 1px solid rgba(255,255,255,.085);
  border-radius: 9px;
  background: rgba(255,255,255,.025);
  color: #bac2cc;
  text-decoration: none;
  font-size: 11px;
  font-weight: 650;
}
.v23-hero-trust a:hover { color: #fff; border-color: rgba(255,70,85,.28); }

.v23-section-head { margin-bottom: 24px; }
.v23-section-head h2,
.v23-section-head-split h2 {
  margin: 7px 0 0;
  color: #f3f5f8;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.05;
  letter-spacing: -.035em;
}
.v23-section-head p,
.v23-section-head-split p {
  max-width: 690px;
  margin: 10px 0 0;
  color: #8c96a3;
  font-size: 12px;
  line-height: 1.65;
}
.v23-section-head-split {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}
.v23-text-link {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 13px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 10px;
  background: rgba(255,255,255,.022);
  color: #c7ced6;
  text-decoration: none;
  font-size: 11px;
  font-weight: 700;
}
.v23-text-link:hover { border-color: rgba(255,70,85,.34); color: #fff; }

.v23-shop {
  padding: 62px 0 70px;
  scroll-margin-top: 66px;
  background: #0d1117;
}
.v23-shop .home-shop-inner { width: min(var(--v23-width), calc(100% - 48px)); }
.v23-shop-grid { grid-template-columns: minmax(0, 1.32fr) minmax(320px, .68fr); gap: 16px; }
.v23-shop-controls {
  align-content: start;
  gap: 25px;
  padding: 24px;
  border-radius: 18px;
  background: #11161e;
}
.v23-regions { gap: 9px; }
.v23-regions button {
  min-height: 66px !important;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  justify-items: start;
  column-gap: 10px;
  padding: 11px 14px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 12px !important;
  background: #0d1219 !important;
  color: #eef1f4 !important;
  text-align: left;
}
.v23-regions button > span { grid-row: 1 / span 2; font-size: 21px; }
.v23-regions button > strong { align-self: end; font-size: 13px; font-weight: 800; }
.v23-regions button > small { align-self: start; color: #74808d; font-size: 9px; font-weight: 600; }
.v23-regions button.active {
  border-color: rgba(255,70,85,.62) !important;
  background: rgba(255,70,85,.09) !important;
  box-shadow: inset 0 0 0 1px rgba(255,70,85,.07);
}
.v23-denoms { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 9px !important; }
.v23-denoms button {
  min-height: 68px !important;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 5px;
  padding: 0 10px !important;
  border: 1px solid rgba(255,255,255,.085) !important;
  border-radius: 12px !important;
  background: #0d1219 !important;
  color: #e4e8ed !important;
}
.v23-denoms button strong { font-size: 18px; font-weight: 830; letter-spacing: -.025em; }
.v23-denoms button span { color: #808b98; font-size: 10px; font-weight: 800; }
.v23-denoms button:hover { border-color: rgba(255,70,85,.34) !important; background: rgba(255,70,85,.035) !important; }
.v23-denoms button.active {
  border-color: rgba(255,70,85,.68) !important;
  background: rgba(255,70,85,.10) !important;
  color: #fff !important;
}
.v23-denoms button.active span { color: #ff8f98; }
.v23-shop-summary {
  justify-content: flex-start;
  padding: 26px;
  border-radius: 18px;
  background: linear-gradient(160deg,#141a23,#10151c 70%);
}
.v23-shop-summary .home-shop-summary-vp { margin-top: 18px; }
.v23-shop-summary .home-shop-summary-price { margin-top: 8px; }
.v23-shop-summary .home-shop-buy {
  width: 100%;
  margin-top: 22px;
  border: 1px solid #ff5260 !important;
  background: linear-gradient(180deg,#ff5360,#e52e3d) !important;
  color: #fff !important;
}
.v23-shop-summary .home-shop-delivery { margin-top: 12px; color: #707b87; font-size: 9px; line-height: 1.5; }

.v23-benefits { padding: 64px 0 70px; background: #090e14; }
.v23-benefits .home-trust-inner { width: min(var(--v23-width), calc(100% - 48px)); }
.v23-benefit-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.v23-benefit-grid .home-trust-card {
  min-height: 178px;
  flex-direction: column;
  gap: 14px;
  padding: 20px;
  border-radius: 16px;
  background: #11161e;
}
.v23-benefit-grid .home-trust-icon { width: 40px; height: 40px; }

.v23-recent {
  padding: 64px 0 70px;
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: #0d1219;
}
.v23-recent-inner { width: min(var(--v23-width), calc(100% - 48px)); margin: 0 auto; }
.v23-recent-card {
  padding: 6px 24px 18px;
  border-radius: 17px;
  background: #11161e;
}
.v23-recent-card .home-recent-list { min-height: 0; margin-top: 0; }
.v23-recent-card .home-recent-item { min-height: 58px; }
.v23-recent-card .home-recent-loading,
.v23-recent-card .home-recent-empty,
.v23-recent-card .home-recent-error { min-height: 118px; }
.v23-recent-card .home-recent-note { margin-top: 4px; }

.v23-activate {
  width: min(var(--v23-width), calc(100% - 48px));
  margin: 0 auto;
  padding: 66px 0 72px !important;
  border-bottom: 0;
}
.v23-activate .pro-section-head { margin-bottom: 23px; }
.v23-activate .pro-section-head p { max-width: 690px; margin: 10px 0 0; color: #8c96a3; font-size: 12px; line-height: 1.65; }
.v23-activate-steps { gap: 10px; }
.v23-activate-steps article {
  min-height: 202px !important;
  padding: 21px !important;
  border-radius: 16px !important;
  background: #11161e !important;
}
.v23-activate-steps h3 { margin-top: 48px !important; }

.v23-reviews { padding: 64px 0 70px; background: #0d1219; }
.v23-reviews .home-reviews-inner { width: min(var(--v23-width), calc(100% - 48px)); }
.v23-reviews .home-reviews-all {
  background: rgba(255,255,255,.025) !important;
  color: #e4e8ed !important;
}
.v23-faq { padding: 66px 0; background: #090e14; }
.v23-faq .home-faq-inner { width: min(var(--v23-width), calc(100% - 48px)); }

.v23-support { padding: 58px 0 72px; background: #0d1219; }
.v23-support-inner {
  width: min(var(--v23-width), calc(100% - 48px)) !important;
  padding: 30px !important;
  border-color: rgba(255,70,85,.18) !important;
  border-radius: 18px !important;
}
.v23-support-actions { flex-wrap: wrap; justify-content: flex-end; }
.v23-support-actions .home-support-primary,
.v23-support-actions .home-support-telegram {
  min-height: 44px;
  border-radius: 10px;
}
.v23-support-actions .home-support-primary {
  border: 1px solid #ff5260;
  background: linear-gradient(180deg,#ff5360,#e52e3d) !important;
  color: #fff !important;
}
.v23-support-actions .home-support-telegram {
  border: 1px solid rgba(255,255,255,.10) !important;
  background: #11161e !important;
  color: #dce2e8 !important;
}

/* Never let native/default light button styling leak into the final storefront. */
.v23-home .checkout-modal-v20 button,
.v23-home .payment-modal button,
.v23-home .home-shop button,
.v23-home .home-support a {
  color-scheme: dark;
}
.v23-home .checkout-modal-v20 .checkout-modal-close,
.v23-home .checkout-modal-v20 .checkout-method-choice,
.v23-home .checkout-modal-v20 .payment-gateway-button {
  background-color: #151a22;
  color: #fff;
}
.v23-home .checkout-modal-v20 .btn-pay,
.v23-home .catalog-payment-open {
  border-color: #ff5260 !important;
  background: linear-gradient(180deg,#ff5360,#e52e3d) !important;
  color: #fff !important;
}
.v23-home .catalog-payment-back {
  border: 1px solid rgba(255,255,255,.10) !important;
  background: #151a22 !important;
  color: #dfe4ea !important;
}

@media (max-width: 1020px) {
  .v23-hero .showcase-agent { right: -70px; opacity: .23; }
  .v23-shop-grid { grid-template-columns: 1fr; }
  .v23-benefit-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .v23-shop-summary { min-height: 290px; }
}
@media (max-width: 760px) {
  .v23-header-inner { width: calc(100% - 28px); min-height: 62px; }
  .v23-header { min-height: 62px; }
  .v23-brand-mark { width: 32px; height: 32px; }
  .v23-nav { gap: 0; }
  .v23-nav a { min-height: 36px; padding: 0 8px; font-size: 10px; }
  .v23-nav a:nth-child(2) { display: none; }
  .v23-hero .showcase-agent { right: -120px; top: 92px; width: 390px; height: 520px; opacity: .15; }
  .v23-hero-inner { width: calc(100% - 28px) !important; min-height: 0 !important; padding: 48px 0 44px !important; }
  .v23-hero-title { font-size: clamp(44px,14vw,64px) !important; }
  .v23-hero-title > small { font-size: clamp(19px,6.2vw,25px) !important; }
  .v23-hero-trust { display: grid; grid-template-columns: 1fr; width: 100%; }
  .v23-hero-trust span, .v23-hero-trust a { justify-content: center; }
  .v23-shop .home-shop-inner,
  .v23-benefits .home-trust-inner,
  .v23-recent-inner,
  .v23-activate,
  .v23-reviews .home-reviews-inner,
  .v23-faq .home-faq-inner,
  .v23-support-inner { width: calc(100% - 24px) !important; }
  .v23-section-head-split { align-items: flex-start; flex-direction: column; gap: 14px; }
  .v23-text-link { width: 100%; justify-content: center; }
  .v23-regions { grid-template-columns: 1fr !important; }
  .v23-denoms { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .v23-benefit-grid { grid-template-columns: 1fr; }
  .v23-benefit-grid .home-trust-card { min-height: 0; }
  .v23-recent-card { padding: 4px 16px 16px; }
  .v23-recent-card .home-recent-item { grid-template-columns: 1fr; gap: 5px; padding: 10px 0; }
  .v23-recent-card .home-recent-main { flex-wrap: wrap; white-space: normal; }
  .v23-support-actions { width: 100%; flex-direction: column; align-items: stretch; }
  .v23-support-actions a { width: 100%; }
}
@media (max-width: 420px) {
  .v23-header-inner { width: calc(100% - 20px); gap: 12px; }
  .v23-brand strong { font-size: 14px; }
  .v23-nav a { padding: 0 7px; font-size: 9px; }
  .v23-shop-controls, .v23-shop-summary { padding: 18px; }
  .v23-denoms button { min-height: 62px !important; }
}

/* ========================================================================== */
/* CATALOG REGION + SMART PICKER POLISH V23 — 2026-08-26                     */
/* ========================================================================== */
.catalog-main .app-content { padding-top: 26px; }
.catalog-region-selector {
  margin: 0 0 30px;
  padding: 22px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: linear-gradient(160deg,#12171f,#0f141b);
  box-shadow: 0 20px 48px rgba(0,0,0,.16);
}
.catalog-region-selector-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.catalog-region-kicker {
  color: #ff6170;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.catalog-region-selector h2 { margin: 7px 0 0; font-size: 27px; letter-spacing: -.035em; }
.catalog-region-selector p { margin: 8px 0 0; max-width: 680px; color: #8c96a3; font-size: 11px; line-height: 1.6; }
.catalog-region-state {
  flex: 0 0 auto;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 11px;
  border: 1px solid rgba(255,70,85,.22);
  border-radius: 999px;
  background: rgba(255,70,85,.06);
  color: #fff;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .05em;
}
.catalog-region-state > span { display: none; }
body[data-catalog-region="RU"] .catalog-region-state .region-state-ru,
body:not([data-catalog-region]) .catalog-region-state .region-state-ru { display: inline; }
body[data-catalog-region="TR"] .catalog-region-state .region-state-tr { display: inline; }
.catalog-region-options {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px !important;
  margin-top: 18px;
}
.catalog-region-options .region-pill-card {
  min-height: 72px;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 13px;
  background: #0c1118;
  color: #fff;
  text-align: left;
}
.catalog-region-options .region-pill-card:hover { border-color: rgba(255,70,85,.32); background: rgba(255,70,85,.035); }
.catalog-region-options .region-pill-card.active {
  border-color: rgba(255,70,85,.64);
  background: rgba(255,70,85,.095);
  box-shadow: inset 0 0 0 1px rgba(255,70,85,.06);
}
.catalog-region-flag { font-size: 24px; line-height: 1; }
.catalog-region-option-copy { min-width: 0; display: grid; gap: 4px; }
.catalog-region-option-copy strong { color: #f5f7f9; font-size: 14px; font-weight: 800; }
.catalog-region-option-copy small { color: #707b88; font-size: 9px; font-weight: 600; }
.catalog-region-check {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 50%;
  color: transparent;
  font-size: 10px;
}
.catalog-region-options .region-pill-card.active .catalog-region-check {
  border-color: rgba(255,70,85,.58);
  background: #ff4655;
  color: #fff;
}
.catalog-standard-purchase { margin-top: 0; }
.catalog-choice-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 14px;
}
.catalog-choice-heading .products-heading { margin: 0; }
.catalog-choice-subtitle { margin: 7px 0 0; color: #818c99; font-size: 11px; line-height: 1.55; }
.product-region-badge {
  min-height: 25px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: #aab4bf;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .05em;
}
.product-region-purchase-note {
  min-height: 30px;
  margin: -4px 0 10px;
  color: #727d89;
  font-size: 9px;
  line-height: 1.45;
}
.smart-picker-entry {
  margin-top: 22px;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 15px;
  background: #10151c;
}
.smart-picker-kicker { color: #f1f4f7; font-size: 12px; font-weight: 780; }
.smart-picker-copy { margin-top: 4px; color: #737e8b; font-size: 10px; line-height: 1.5; }
.smart-picker-toggle {
  min-height: 42px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 15px;
  border: 1px solid rgba(255,70,85,.32);
  border-radius: 10px;
  background: rgba(255,70,85,.075);
  color: #f5f7f9;
  font: inherit;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}
.smart-picker-toggle:hover,
.smart-picker-toggle.is-open { border-color: #ff4655; background: rgba(255,70,85,.13); color: #fff; }
.catalog-smart-wrap { margin-top: 16px; scroll-margin-top: 24px; }
.catalog-smart-wrap[hidden] { display: none !important; }
.catalog-summary-region-guard { margin-top: 10px; color: #8e98a5; font-size: 10px; line-height: 1.5; }
.catalog-summary-region-guard .region-only-ru,
.catalog-summary-region-guard .region-only-tr { display: none; }
body[data-catalog-region="RU"] .catalog-summary-region-guard .region-only-ru,
body:not([data-catalog-region]) .catalog-summary-region-guard .region-only-ru { display: block; }
body[data-catalog-region="TR"] .catalog-summary-region-guard .region-only-tr { display: block; color: #efc37a; }

/* The QR canvas itself needs a light quiet-zone, but interactive controls never do. */
.catalog-main button:not(.catalog-payment-qr-shell),
.catalog-main .smart-picker-toggle,
.catalog-main .region-pill-card { color-scheme: dark; }

@media (max-width: 760px) {
  .catalog-region-selector { padding: 17px; }
  .catalog-region-selector-head { flex-direction: column; gap: 12px; }
  .catalog-region-state { align-self: flex-start; }
  .catalog-region-options { grid-template-columns: 1fr; }
  .smart-picker-entry { align-items: flex-start; flex-direction: column; }
  .smart-picker-toggle { width: 100%; }
}


/* ========================================================================== */
/* VISUAL POLISH V24 — cross-platform flags + storefront typography           */
/* ========================================================================== */
/* Windows does not render country-flag emoji consistently. These are local
   vector flags encoded in CSS, so RU/TR never degrade to plain "RU" / "TR". */
.vcoin-flag {
  flex: 0 0 auto;
  width: 24px;
  height: 16px;
  display: inline-block;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 4px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 2px 8px rgba(0,0,0,.22);
  vertical-align: -2px;
}
.vcoin-flag-ru {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Cpath fill='%23fff' d='M0 0h30v6.667H0z'/%3E%3Cpath fill='%230039A6' d='M0 6.667h30v6.666H0z'/%3E%3Cpath fill='%23D52B1E' d='M0 13.333h30V20H0z'/%3E%3C/svg%3E");
}
.vcoin-flag-tr {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23E30A17'/%3E%3Ccircle cx='11' cy='10' r='5.2' fill='%23fff'/%3E%3Ccircle cx='12.4' cy='10' r='4.15' fill='%23E30A17'/%3E%3Cpath fill='%23fff' d='m18.1 10 1.57.51-.97-1.34v1.66l.97-1.34-1.57.51 1.57.51-.97-1.34v1.66l.97-1.34z'/%3E%3Cpath fill='%23fff' d='m18.05 7.45.62 1.9h2l-1.62 1.18.62 1.9-1.62-1.18-1.62 1.18.62-1.9-1.62-1.18h2z' transform='scale(.68) translate(8.5 4.6)'/%3E%3C/svg%3E");
}
.vcoin-inline-region { display: inline-flex; align-items: center; gap: 6px; }
.vcoin-inline-region .vcoin-flag { width: 18px; height: 12px; border-radius: 3px; }

/* Embedded shop: stronger labels, deterministic numeric alignment. */
.v23-shop-controls { gap: 27px; }
.v23-shop .home-shop-label {
  color: #aeb7c3;
  font-size: 11px;
  font-weight: 780;
  letter-spacing: .055em;
}
.v23-regions button {
  position: relative;
  grid-template-columns: 34px minmax(0,1fr);
  column-gap: 11px;
  min-height: 70px !important;
  padding: 12px 15px !important;
}
.v23-regions button > .vcoin-flag {
  grid-row: 1 / span 2;
  width: 30px;
  height: 20px;
  align-self: center;
  border-radius: 5px;
}
.v23-regions button > strong {
  font-family: "Segoe UI Variable Text", "Segoe UI", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 720;
  letter-spacing: -.01em;
}
.v23-regions button > small { margin-top: 2px; font-size: 9.5px; }
.v23-regions button.active::after {
  content: "✓";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  border: 1px solid rgba(255,70,85,.65);
  border-radius: 50%;
  background: rgba(255,70,85,.10);
  color: #ff6975;
  font-size: 10px;
  font-weight: 900;
}
.v23-regions button.active { padding-right: 44px !important; }
.v23-denoms button {
  min-height: 72px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-variant-numeric: tabular-nums lining-nums;
}
.v23-denoms button strong {
  min-width: 0;
  color: #edf1f5;
  font-family: "Segoe UI Variable Display", "Segoe UI", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 19px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: -.03em;
  text-align: center;
  white-space: nowrap;
}
.v23-denoms button span {
  position: relative;
  top: 3px;
  color: #7f8996;
  font-size: 9.5px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: .035em;
}
.v23-denoms button.active strong { color: #fff; }

/* Order summary: remove the over-letterspaced tiny all-caps look. */
.v23-shop-summary { padding: 28px; }
.v23-shop-summary .home-shop-summary-kicker {
  color: #b4bdc8;
  font-family: "Segoe UI Variable Text", "Segoe UI", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 720;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
}
.home-shop-summary-region {
  position: relative;
  z-index: 1;
  width: max-content;
  max-width: 100%;
  min-height: 29px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 13px;
  padding: 0 9px;
  border: 1px solid rgba(255,255,255,.085);
  border-radius: 8px;
  background: rgba(255,255,255,.025);
  color: #aeb7c3;
  font-size: 10px;
  font-weight: 650;
}
.home-shop-summary-region .vcoin-flag { width: 19px; height: 13px; border-radius: 3px; }
.v23-shop-summary .home-shop-summary-vp {
  display: flex;
  align-items: baseline;
  gap: 9px;
  margin-top: 16px;
  color: #f5f7f9;
  font-family: "Segoe UI Variable Display", "Segoe UI", Inter, ui-sans-serif, system-ui, sans-serif;
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: 0;
}
.home-shop-summary-number {
  font-size: clamp(38px,4.4vw,54px);
  font-weight: 610;
  line-height: .98;
  letter-spacing: -.045em;
  white-space: nowrap;
}
.home-shop-summary-unit {
  color: #a7b0bc;
  font-size: clamp(17px,1.7vw,22px);
  font-weight: 630;
  line-height: 1;
  letter-spacing: -.015em;
}
.v23-shop-summary .home-shop-summary-price {
  margin-top: 12px;
  font-family: "Segoe UI Variable Display", "Segoe UI", Inter, ui-sans-serif, system-ui, sans-serif;
  font-variant-numeric: tabular-nums lining-nums;
  font-size: clamp(28px,3vw,37px);
  font-weight: 690;
  letter-spacing: -.03em;
}
.v23-shop-summary p { max-width: 340px; margin-top: 20px; font-size: 11.5px; line-height: 1.65; }
.v23-shop-summary .home-shop-composition { margin-top: 12px; font-size: 10px; }
.v23-shop-summary .home-shop-buy {
  position: relative;
  min-height: 54px;
  margin-top: 24px;
  padding: 0 45px 0 18px;
  font-family: "Segoe UI Variable Text", "Segoe UI", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 12.5px;
  font-weight: 760;
}
.v23-shop-summary .home-shop-buy::after {
  content: "→";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 17px;
  font-weight: 500;
}
.v23-shop-summary .home-shop-delivery { margin-top: 13px; color: #7f8996; font-size: 10px; }

/* Catalog and modal flags use the same cross-platform asset. */
.catalog-region-state > span { align-items: center; gap: 7px; }
body[data-catalog-region="RU"] .catalog-region-state .region-state-ru,
body:not([data-catalog-region]) .catalog-region-state .region-state-ru,
body[data-catalog-region="TR"] .catalog-region-state .region-state-tr { display: inline-flex; }
.catalog-region-state .vcoin-flag { width: 19px; height: 13px; border-radius: 3px; }
.catalog-region-flag.vcoin-flag { width: 30px; height: 20px; font-size: 0; }
.product-region-badge { display: inline-flex !important; align-items: center; gap: 7px; }
.product-region-badge .vcoin-flag { width: 18px; height: 12px; border-radius: 3px; }
.catalog-summary-region-guard > span,
.payment-region-guard > span { align-items: center; gap: 7px; }
.catalog-summary-region-guard .vcoin-flag,
.payment-region-guard .vcoin-flag { width: 18px; height: 12px; border-radius: 3px; }
#modalRegion, #homeModalRegion { display: inline-flex; align-items: center; gap: 8px; }
#modalRegion .vcoin-flag, #homeModalRegion .vcoin-flag { width: 22px; height: 15px; }
.home-recent-region { display: inline-flex; align-items: center; gap: 6px; }
.home-recent-region .vcoin-flag { width: 17px; height: 11px; border-radius: 3px; }
.home-review-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }

@media (max-width: 560px) {
  .v23-regions button { min-height: 66px !important; }
  .v23-denoms button strong { min-width: 0; font-size: 18px; }
  .v23-shop-summary .home-shop-summary-vp { gap: 7px; }
  .home-shop-summary-number { font-size: 40px; }
  .home-shop-summary-unit { font-size: 17px; }
}



/* ========================================================================== */
/* TYPOGRAPHY V31 — storefront type baseline (overridden by V39 Onest)                 */
/* ========================================================================== */
/* The remote face is optional at runtime: if Google Fonts is unavailable,
   the existing Windows/system stack remains a safe fallback. */
body {
  font-family: "Onest", "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  text-rendering: optimizeLegibility;
}
button, input, select, textarea { font-family: inherit; }

/* Stable four-step weight scale instead of browser-dependent intermediate
   variable-font values such as 610/690/760. */
.landing-title,
.showcase-copy h1,
.pro-copy h1,
.v23-hero-title,
.app-title-row h1,
.section-title-large,
.v23-section-head h2,
.v23-section-head-split h2,
.home-shop-head h2,
.home-trust-head h2,
.home-reviews-head h2,
.home-faq-head h2,
.home-support h2,
.reviews-page-head h1,
.status-title,
.legal-main-title,
.error-style h1 {
  font-family: "Onest", "Segoe UI Variable Display", "Segoe UI", sans-serif;
  font-weight: 800 !important;
}

.sidebar-brand span,
.footer-brand strong,
.landing-logo,
.showcase-logo strong,
.pro-logo strong,
.v23-brand strong,
.panel-title,
.catalog-section-title,
.checkout-summary-title,
.products-heading,
.pay-title,
.payment-header,
.ticket-form h3,
.home-trust-card h3,
.home-faq-list summary,
.home-review-card blockquote,
.reviews-summary-copy strong {
  font-weight: 700 !important;
}

/* Primary controls and product hierarchy. */
.sidebar-link,
.landing-links a,
.v23-nav a,
.landing-button,
.btn-primary,
.btn-secondary,
.btn-cancel,
.btn-catalog-neon,
.btn-pay,
.pay-action,
.btn,
.method-button,
.btn-product-buy-neon,
.showcase-primary,
.showcase-secondary,
.pro-primary,
.pro-secondary,
.home-shop-buy,
.home-reviews-all,
.reviews-back,
.checkout-primary-action .btn-pay,
.payment-gateway-button,
.checkout-method-choice {
  font-weight: 700 !important;
}

.v23-regions button > strong,
.v23-denoms button strong,
.product-card-vp-display .vp-number,
.home-shop-summary-number,
.checkout-order-vp,
.summary-vp strong,
.hero-vp strong,
#wrapper-vp input,
#wrapper-rub input {
  font-family: "Onest", "Segoe UI Variable Display", "Segoe UI", sans-serif;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums lining-nums;
}

.v23-shop-summary .home-shop-summary-price,
.home-shop-summary-price,
.product-card-price-premium,
.total-price-display,
.checkout-order-cost > strong,
.reviews-summary-rating,
.hero-total strong {
  font-family: "Onest", "Segoe UI Variable Display", "Segoe UI", sans-serif;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums lining-nums;
}

.home-shop-summary-unit,
.home-shop-summary-region,
.v23-regions button > small,
.v23-denoms button span,
.product-card-vp-display .vp-currency,
.checkout-choice-copy small,
.checkout-choice-copy em,
.checkout-order-region > span,
.checkout-order-cost > span,
.checkout-email-group label {
  font-weight: 600 !important;
}

/* Secondary copy: still muted, but no longer hairline on dark backgrounds. */
.app-title-row p,
.landing-lead,
.section-lead,
.catalog-section-desc,
.pay-subtitle,
.home-shop-head p,
.home-shop-summary p,
.v23-shop-summary p,
.home-trust-head p,
.home-trust-card p,
.home-reviews-head p,
.home-faq-head p,
.home-faq-list details p,
.home-support p,
.reviews-page-head p,
.catalog-payment-ready p,
.checkout-delivery-note,
.terms,
.checkout-terms,
.checkout-choice-copy small,
.home-reviews-loading,
.home-reviews-empty,
.home-recent-loading,
.home-recent-empty,
.home-recent-error {
  font-weight: 500 !important;
}

/* Small captions that were visually too thin/small in Chromium on Windows. */
.hero-badge,
.section-kicker,
.showcase-kicker,
.section-label,
.control-label,
.payment-section-title,
.price-small-label,
.topbar-chip,
.home-shop-summary-kicker,
.home-review-verified,
.home-recent-region,
.checkout-choice-badge {
  font-weight: 700 !important;
}

.v23-regions button > small { font-size: 10px; }
.v23-denoms button span { font-size: 10px; }
.v23-shop-summary .home-shop-delivery,
.home-shop-delivery { font-size: 11px; font-weight: 500; }
.v23-shop-summary .home-shop-composition,
.home-shop-composition { font-size: 11px; font-weight: 500; }
.product-card-desc-premium { font-size: 11px; font-weight: 500; line-height: 1.5; }
.checkout-choice-copy em { font-size: 10px; }
.checkout-choice-badge { font-size: 9px; }
.checkout-support-link { font-size: 11px; font-weight: 500; }
.home-trust-card p { font-size: 12px; }
.home-recent-region { font-size: 10px; }
.home-recent-note { font-size: 10px; font-weight: 500; }
.home-review-verified { font-size: 10px; }
.home-review-meta { font-size: 11px; font-weight: 600; }
.reviews-summary-copy span { font-size: 11px; font-weight: 500; }
.panel-sub { font-size: 11px; font-weight: 500; }

/* Keep generated/customer codes monospace; typography v31 must not change them. */
.mono,
.code,
.code-value,
.code-value-cell,
code,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}


/* ========================================================================== */
/* RESTORED V31 HEADER ON ALL PUBLIC PAGES V33 — 2026-08-27                  */
/* Exactly the previous V23/V31 home header visual language, reused globally. */
/* ========================================================================== */
.app-shell > .v23-header + .app-main { min-width: 0; }
.reviews-page-main > .v23-header + .reviews-page-shell { padding-top: 54px; }
@media (max-width: 760px) {
  .reviews-page-main > .v23-header + .reviews-page-shell { padding-top: 34px; }
}

/* ========================================================================== */
/* V37 — FORCED REAL MOTION LAYER                                                    */
/* Forces visible motion even when the OS/browser requests reduced motion.  */
/* ========================================================================== */
html.vcoin-motion-ready.page-transitions-enabled body {
  opacity: .84 !important;
  transform: translateY(10px) scale(.996) !important;
  filter: none !important;
  transition:
    opacity .46s ease,
    transform .58s cubic-bezier(.22, 1, .36, 1) !important;
  will-change: opacity, transform !important;
}
html.vcoin-motion-ready.page-transitions-enabled.page-ready body,
html.vcoin-motion-ready.page-transitions-enabled body.page-ready {
  opacity: 1 !important;
  transform: none !important;
}
html.vcoin-motion-ready.page-transitions-enabled.page-leaving body,
html.vcoin-motion-ready.page-transitions-enabled body.page-leaving {
  opacity: .58 !important;
  transform: translateY(-10px) scale(.992) !important;
  pointer-events: none !important;
}
html.vcoin-motion-ready.page-transitions-enabled::after {
  background:
    radial-gradient(circle at 50% 42%, rgba(255,70,85,.055), transparent 42%),
    #090c10 !important;
  transition: opacity .38s cubic-bezier(.22, 1, .36, 1) !important;
}

html.vcoin-motion-ready .vcoin-reveal {
  opacity: 0;
  transform: translateY(28px) scale(.986);
  filter: blur(2px);
  transition:
    opacity .58s ease var(--vcoin-reveal-delay, 0ms),
    transform .72s cubic-bezier(.22, 1, .36, 1) var(--vcoin-reveal-delay, 0ms),
    filter .58s ease var(--vcoin-reveal-delay, 0ms);
  will-change: opacity, transform, filter;
}
html.vcoin-motion-ready .vcoin-reveal.is-visible {
  opacity: 1;
  transform: none;
  filter: none;
}

/* Hero appears with a slightly stronger first-screen motion. */
html.vcoin-motion-ready .v23-hero-copy.vcoin-reveal {
  transform: translateY(36px) scale(.982);
}
html.vcoin-motion-ready .v23-hero-copy.vcoin-reveal.is-visible {
  transform: none;
}

/* Cards feel alive after the reveal instead of becoming static blocks. */
.home-trust-card,
.v23-recent-card,
.home-review-card,
.review-page-card,
.launcher-product-card,
.smart-picker-entry,
.reviews-summary-card,
.support-contact-card,
.faq-quick-btn,
.panel {
  transition:
    transform .22s cubic-bezier(.22, 1, .36, 1),
    border-color .22s ease,
    background-color .22s ease,
    box-shadow .22s ease !important;
}
@media (hover: hover) and (pointer: fine) {
  .home-trust-card:hover,
  .v23-recent-card:hover,
  .home-review-card:hover,
  .review-page-card:hover,
  .launcher-product-card:hover,
  .smart-picker-entry:hover,
  .reviews-summary-card:hover,
  .support-contact-card:hover,
  .faq-quick-btn:hover {
    transform: translateY(-3px);
    border-color: rgba(255,70,85,.26) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.22);
  }
}

.v23-header {
  transition: background-color .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}
.v23-brand-mark,
.v23-nav a,
.btn-primary,
.btn-catalog-neon,
.btn-product-buy-neon,
.home-shop-buy,
.smart-picker-toggle,
.checkout-method-choice,
.payment-gateway-button {
  transition:
    transform .18s ease,
    filter .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease,
    box-shadow .18s ease !important;
}
@media (hover: hover) and (pointer: fine) {
  .v23-brand:hover .v23-brand-mark { transform: rotate(-4deg) scale(1.04); }
  .v23-nav a:hover { transform: translateY(-1px); }
  .btn-product-buy-neon:hover,
  .home-shop-buy:hover:not(:disabled),
  .smart-picker-toggle:hover,
  .checkout-method-choice:hover:not(:disabled),
  .payment-gateway-button:hover:not(:disabled) { transform: translateY(-2px); }
}




/* V37 hard guard: motion remains enabled even when Windows/browser reports reduce. */
html.vcoin-force-motion.vcoin-motion-ready .vcoin-reveal {
  animation-play-state: running !important;
}

/* ========================================================================== */
/* V38 — LIVE INTERACTION MOTION                                               */
/* Re-arms scroll reveals and keeps the UI animated after the first viewport. */
/* ========================================================================== */
@keyframes vcoin-click-pop {
  0% { transform: scale(1); }
  38% { transform: scale(.965); }
  72% { transform: scale(1.018); }
  100% { transform: scale(1); }
}
@keyframes vcoin-state-pop {
  0% { transform: scale(1); box-shadow: 0 0 0 rgba(255,70,85,0); }
  42% { transform: scale(1.035); box-shadow: 0 0 0 5px rgba(255,70,85,.09); }
  100% { transform: scale(1); box-shadow: 0 0 0 rgba(255,70,85,0); }
}
@keyframes vcoin-open-pop {
  0% { opacity: .18; transform: translateY(18px) scale(.975); filter: blur(2px); }
  58% { opacity: 1; transform: translateY(-2px) scale(1.006); filter: blur(0); }
  100% { opacity: 1; transform: none; filter: none; }
}
@keyframes vcoin-input-bump {
  0% { transform: scale(1); }
  45% { transform: scale(1.012); }
  100% { transform: scale(1); }
}
@keyframes vcoin-selected-breathe {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255,70,85,0); }
  50% { box-shadow: 0 0 0 4px rgba(255,70,85,.055); }
}

.vcoin-click-pop { animation: vcoin-click-pop .42s cubic-bezier(.22,1,.36,1) !important; }
.vcoin-state-pop { animation: vcoin-state-pop .52s cubic-bezier(.22,1,.36,1) !important; }
.vcoin-open-pop { animation: vcoin-open-pop .64s cubic-bezier(.22,1,.36,1) both !important; }
.vcoin-input-bump { animation: vcoin-input-bump .32s cubic-bezier(.22,1,.36,1) !important; }

button.vcoin-pressing,
a.vcoin-pressing,
[role="button"].vcoin-pressing {
  transform: translateY(1px) scale(.975) !important;
  filter: brightness(.96) !important;
  transition-duration: .08s !important;
}

/* A very subtle persistent accent: selected choices remain visually alive. */
.home-shop-regions button.active,
.home-shop-popular button.active,
.catalog-region-options .region-pill-card.active,
.calc-tabs button.active,
.payment-gateway-button.active,
.checkout-method-choice.active {
  animation: vcoin-selected-breathe 3.4s ease-in-out infinite;
}

/* Sticky header reacts continuously to scroll instead of being a static bar. */
html.vcoin-page-scrolled .v23-header {
  background: rgba(9,12,16,.94) !important;
  border-bottom-color: rgba(255,255,255,.11) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.26) !important;
}

/* Interactive cards keep motion after their reveal animation has completed. */
@media (hover: hover) and (pointer: fine) {
  .home-trust-card:hover,
  .v23-recent-card:hover,
  .home-review-card:hover,
  .review-page-card:hover,
  .launcher-product-card:hover,
  .smart-picker-entry:hover,
  .reviews-summary-card:hover,
  .support-contact-card:hover,
  .faq-quick-btn:hover,
  .about-grid > *:hover,
  .about-principles > *:hover {
    transform: translateY(-5px) scale(1.008);
    box-shadow: 0 22px 48px rgba(0,0,0,.28);
  }
}


/* ========================================================================== */
/* V39 — storefront pricing, Onest typography, premium catalog cards          */
/* ========================================================================== */
body {
  font-family: "Onest", "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
.landing-title,
.showcase-copy h1,
.pro-copy h1,
.v23-hero-title,
.app-title-row h1,
.section-title-large,
.v23-section-head h2,
.v23-section-head-split h2,
.home-shop-head h2,
.home-trust-head h2,
.home-reviews-head h2,
.home-faq-head h2,
.home-support h2,
.reviews-page-head h1,
.status-title,
.legal-main-title,
.error-style h1,
.products-heading,
.catalog-section-title,
.checkout-summary-title,
.total-price-display,
.product-card-vp-display .vp-number,
.product-card-price-premium,
.v23-denoms button strong {
  font-family: "Onest", "Segoe UI Variable Display", "Segoe UI", sans-serif !important;
}

/* Homepage: VP + price inside each popular denomination. */
.v23-denoms button {
  min-height: 90px !important;
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
  justify-content: center;
  gap: 9px !important;
  padding: 12px 14px !important;
}
.v23-denoms .home-denom-vp-row {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 6px;
  line-height: 1;
}
.v23-denoms .home-denom-vp-row > span {
  top: 0;
  color: #8792a0;
  font-size: 10px;
  font-weight: 700 !important;
}
.v23-denoms .home-denom-price {
  width: 100%;
  display: block;
  padding-top: 8px;
  border-top: 1px solid rgba(255,255,255,.075);
  color: #aeb7c2;
  font-size: 13px;
  font-weight: 650;
  line-height: 1;
  text-align: center;
  font-variant-numeric: tabular-nums lining-nums;
}
.v23-denoms button.active .home-denom-price {
  border-top-color: rgba(255,70,85,.18);
  color: #d9dfe6;
}

/* Catalog direct cards: stronger hierarchy, clean price well, no helper line. */
.launcher-product-card {
  min-height: 300px;
  padding: 22px;
  border-color: rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 50% -18%, rgba(255,70,85,.08), transparent 42%),
    linear-gradient(155deg, rgba(25,31,41,.96), rgba(14,18,25,.99));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 12px 32px rgba(0,0,0,.16);
}
.launcher-product-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(115deg, rgba(255,255,255,.025), transparent 34%, transparent 72%, rgba(255,70,85,.025));
}
.launcher-product-card.hit-product {
  border-color: rgba(255,70,85,.30);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 16px 42px rgba(255,70,85,.06);
}
.product-card-top-glow {
  height: 3px;
  opacity: .42;
  filter: blur(.2px);
}
.product-region-badge {
  position: relative;
  z-index: 1;
  min-height: 30px;
  padding: 0 10px;
  background: rgba(255,255,255,.035);
  border-color: rgba(255,255,255,.10);
  font-size: 9px;
}
.product-card-vp-display {
  position: relative;
  z-index: 1;
  width: 100%;
  margin-top: 28px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.product-card-vcoin-mark {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,70,85,.62);
  border-radius: 11px;
  clip-path: polygon(50% 0, 90% 18%, 100% 56%, 74% 100%, 26% 100%, 0 56%, 10% 18%);
  background: linear-gradient(145deg, rgba(255,70,85,.16), rgba(255,70,85,.045));
  color: #ff5c68;
  box-shadow: inset 0 0 18px rgba(255,70,85,.08), 0 7px 20px rgba(255,70,85,.06);
  font-size: 13px;
  font-weight: 800;
}
.product-card-vp-copy {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
}
.product-card-vp-display .vp-number {
  font-size: clamp(36px, 2.9vw, 48px);
  font-weight: 750 !important;
  letter-spacing: -.045em;
  line-height: .95;
}
.product-card-vp-display .vp-currency {
  font-size: 11px;
  font-weight: 750 !important;
}
.product-card-bottom-premium {
  position: relative;
  z-index: 1;
  margin-top: auto;
  padding-top: 24px;
}
.product-card-price-shell {
  min-height: 54px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  margin-bottom: 13px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 11px;
  background: rgba(5,8,12,.25);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}
.product-card-price-premium {
  margin: 0;
  color: #dfe5eb;
  font-size: 20px;
  font-weight: 650 !important;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums lining-nums;
}
.product-region-purchase-note { display: none !important; }
.btn-product-buy-neon {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-color: rgba(255,70,85,.42);
  background: linear-gradient(180deg, rgba(255,70,85,.07), rgba(255,70,85,.025));
  font-size: 11px;
  font-weight: 750 !important;
}
.btn-product-buy-neon:hover {
  border-color: #ff4655;
  background: linear-gradient(180deg, #ff5260, #ef3444);
  box-shadow: 0 12px 28px rgba(255,70,85,.18);
}
.card-hit-badge {
  z-index: 2;
  top: 17px;
  right: 17px;
  padding: 7px 10px;
  font-size: 9px;
}

/* Smart picker: region warning is a real alert, not a muted footer note. */
.catalog-summary-region-guard {
  margin-top: 18px;
  padding: 0;
  border: 0;
  color: inherit;
  font-size: 11px;
  line-height: 1.4;
}
.catalog-summary-region-guard .region-only-ru,
.catalog-summary-region-guard .region-only-tr {
  min-height: 82px;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border: 1px solid rgba(255,70,85,.52);
  border-radius: 13px;
  background: linear-gradient(105deg, rgba(255,70,85,.115), rgba(255,70,85,.035));
  box-shadow: inset 3px 0 0 rgba(255,70,85,.82), 0 12px 30px rgba(255,70,85,.04);
  color: #dce2e8;
}
body[data-catalog-region="RU"] .catalog-summary-region-guard .region-only-ru,
body:not([data-catalog-region]) .catalog-summary-region-guard .region-only-ru,
body[data-catalog-region="TR"] .catalog-summary-region-guard .region-only-tr {
  display: flex;
}
.catalog-summary-region-guard .vcoin-region-warning-icon {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,101,112,.72);
  border-radius: 50%;
  color: #ff7d87;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
}
.catalog-summary-region-guard strong {
  display: block;
  color: #f4f6f8;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .01em;
}
.catalog-summary-region-guard small {
  display: block;
  margin-top: 5px;
  color: #a8b1bc;
  font-size: 10px;
  font-weight: 550;
}
.checkout-summary-title,
.total-price-display,
.checkout-item .item-name,
.checkout-item > span:last-child,
#wrapper-vp input,
#wrapper-rub input,
.slider-labels {
  font-variant-numeric: tabular-nums lining-nums;
}

@media (max-width: 760px) {
  .v23-denoms button { min-height: 82px !important; }
  .launcher-product-card { min-height: 250px; }
  .product-card-vp-display { margin-top: 20px; }
  .product-card-vp-display .vp-number { font-size: 36px; }
}


/* ========================================================================== */
/* V42 — minimalist catalog cards + plain homepage numbers                    */
/* ========================================================================== */

/* Direct catalog cards: remove decorative gaming chrome and keep only useful information. */
.launcher-product-card {
  min-height: 270px;
  padding: 20px;
  border: 1px solid rgba(255,255,255,.095);
  background: #111720;
  box-shadow: none;
}
.launcher-product-card::after,
.product-card-top-glow,
.product-card-vcoin-mark {
  display: none !important;
}
.launcher-product-card:hover {
  border-color: rgba(255,255,255,.16);
  background: #131a24;
  box-shadow: 0 12px 28px rgba(0,0,0,.16);
}
.launcher-product-card.hit-product {
  border-color: rgba(255,70,85,.36);
  background: #131820;
  box-shadow: none;
}
.launcher-product-card.hit-product:hover {
  border-color: rgba(255,70,85,.58);
}

.product-region-badge {
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: #a9b2bd;
  font-size: 9px;
  letter-spacing: .025em;
}
.product-card-vp-display {
  width: 100%;
  margin-top: 34px;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 7px;
}
.product-card-vp-copy {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
}
.product-card-vp-display .vp-number {
  color: #f4f6f8;
  font-size: clamp(38px, 3vw, 50px);
  font-weight: 650 !important;
  letter-spacing: -.045em;
  line-height: .95;
}
.product-card-vp-display .vp-currency {
  color: #ff5866;
  font-size: 10px;
  font-weight: 700 !important;
  letter-spacing: .02em;
}
.product-card-bottom-premium {
  margin-top: auto;
  padding-top: 26px;
}
.product-card-price-shell {
  min-height: auto;
  margin: 0 0 18px;
  padding: 16px 0 0;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.075);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.product-card-price-premium {
  color: #cfd6de;
  font-size: 19px;
  font-weight: 600 !important;
  letter-spacing: -.015em;
}
.btn-product-buy-neon {
  min-height: 44px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  background: transparent;
  color: #e9edf1;
  box-shadow: none;
  font-size: 11px;
  font-weight: 650 !important;
}
.btn-product-buy-neon:hover {
  border-color: rgba(255,70,85,.72);
  background: rgba(255,70,85,.075);
  color: #fff;
  box-shadow: none;
}
.card-hit-badge {
  top: 17px;
  right: 17px;
  padding: 6px 9px;
  border-radius: 999px;
  background: #ff4655;
  box-shadow: none;
  font-size: 9px;
}

/* Homepage popular denomination values deliberately use ungrouped integers. */
.v23-denoms .home-denom-vp-row strong,
.v23-denoms .home-denom-price {
  font-variant-numeric: tabular-nums lining-nums;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .launcher-product-card { min-height: 230px; padding: 18px; }
  .product-card-vp-display { margin-top: 24px; }
  .product-card-vp-display .vp-number { font-size: 36px; }
}