/* CMS — quiet black / burnt-orange interface, inspired by minimal developer tools. */
:root,
:root[data-theme="dark"],
:root[data-theme="light"],
:root[data-theme="neon"] {
  color-scheme: dark;
  --bg: #0b0b0b;
  --bg-soft: #101010;
  --panel: #121212;
  --panel-2: #151515;
  --panel-solid: #151515;
  --text: #f5f5f2;
  --muted: #949494;
  --muted-2: #6f6f6f;
  --line: #242424;
  --line-soft: #1a1a1a;
  --accent: #9b5cf6;
  --accent-2: #b983ff;
  --accent-3: #6f35cb;
  --danger: #d75b5b;
  --warning: #b58a4a;
  --ok: #66a57b;
  --shine: transparent;
  --shadow: none;
  --radius: 12px;
  --radius-sm: 8px;
  --nav-height: 68px;
  --max-width: 1120px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

:root { --purple: #9b5cf6; --purple-strong: #6f35cb; --purple-soft: #b983ff; --pink: #9b5cf6; --green: #66a57b; }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); scrollbar-color: #2a2a2a var(--bg); }
body {
  margin: 0;
  min-height: 100vh;
  background: var(--bg) !important;
  color: var(--text);
  line-height: 1.65;
  overflow-x: hidden;
}
body::before, body::after { display: none !important; }
::selection { background: rgba(184,95,32,.32); color: var(--text); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: #2b2b2b; border: 3px solid var(--bg); border-radius: 999px; }
img, video, iframe { max-width: 100%; }
a { color: inherit; text-underline-offset: 4px; }
main { position: relative; z-index: 1; }

/* Header */
.topbar,
.account-topbar,
.license-header,
.site-header.site-header--simple {
  position: fixed !important;
  z-index: 160 !important;
  inset: 0 0 auto 0 !important;
  min-height: var(--nav-height) !important;
  width: 100%;
  display: flex !important;
  align-items: center;
  gap: 22px;
  padding: 0 max(20px, calc((100vw - var(--max-width)) / 2)) !important;
  border: 0 !important;
  border-bottom: 1px solid transparent !important;
  background: rgba(11,11,11,.78) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  transition: background .2s ease, border-color .2s ease !important;
}
.topbar.is-scrolled,
.account-topbar.is-scrolled,
.license-header.is-scrolled,
.site-header.site-header--simple.is-scrolled {
  background: rgba(11,11,11,.94) !important;
  border-bottom-color: var(--line) !important;
  box-shadow: none !important;
}
.brand {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  color: var(--text) !important;
  font-size: 14px;
  font-weight: 700 !important;
  letter-spacing: -.02em;
  text-decoration: none;
}
.brand-mark, .payment-return-brand__mark {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  background: #111 !important;
  color: #b983ff !important;
  box-shadow: none !important;
  transition: border-color .18s ease !important;
}
.brand:hover .brand-mark { border-color: #4a2b18 !important; box-shadow: none !important; }
.cms-nav { display: flex; align-items: center; gap: 22px; margin-left: auto; }
.cms-nav a {
  padding: 8px 0;
  color: #8e8e8e;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: color .16s ease;
}
.cms-nav a::after { display: none !important; }
.cms-nav a:hover, .cms-nav a.is-active { color: #ededeb; }
.cms-nav a.is-active { color: #b983ff; }
.cms-nav-cta {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  padding: 0 14px !important;
  border: 1px solid #3a2417;
  border-radius: 9px !important;
  background: #17120f !important;
  color: #b983ff !important;
  box-shadow: none !important;
  font-weight: 650 !important;
}
.cms-nav-cta:hover { transform: none !important; filter: none !important; background: #1c1511 !important; border-color: #56301a; }
.cms-menu-toggle {
  display: none;
  position: relative;
  width: 38px;
  height: 38px;
  margin-left: auto;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #111;
  color: #ddd;
}
.cms-menu-toggle span { position:absolute; left:11px; width:15px; height:1px; background:currentColor; transition:.2s ease; }
.cms-menu-toggle span:nth-child(1) { top:15px; }
.cms-menu-toggle span:nth-child(2) { top:21px; }
.cms-menu-toggle[aria-expanded="true"] span:nth-child(1) { top:18px; transform:rotate(45deg); }
.cms-menu-toggle[aria-expanded="true"] span:nth-child(2) { top:18px; transform:rotate(-45deg); }
.theme-switch, .site-tools { display: none !important; }
.global-account-link, .global-cart-button {
  border: 1px solid var(--line) !important;
  background: #111 !important;
  color: #d6d6d3 !important;
  box-shadow: none !important;
}
.global-account-link:hover, .global-cart-button:hover { border-color: #3a3a3a !important; box-shadow: none !important; }
.global-account-link--primary, .global-cart-count { background: #9b5cf6 !important; color: #0b0b0b !important; }

/* Type + layout */
.section {
  width: min(var(--max-width), calc(100% - 40px));
  margin: 0 auto;
  padding: 86px 0 !important;
}
main > .section:nth-of-type(even) { background: transparent !important; border: 0 !important; }
.eyebrow {
  display: block !important;
  margin: 0 0 14px !important;
  color: #aa5c27 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
}
.eyebrow::before { display: none !important; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { color: var(--text); letter-spacing: -.045em; }
h1 { font-size: clamp(43px, 6vw, 72px) !important; line-height: 1.02 !important; font-weight: 720 !important; text-shadow: none !important; }
h2 { font-size: clamp(30px, 4vw, 46px) !important; line-height: 1.08 !important; font-weight: 680 !important; }
h2::after { display: none !important; }
h3 { font-size: 20px; line-height: 1.22; font-weight: 650; }
.lead, .section-copy, .muted { color: var(--muted) !important; }
.section-copy { max-width: 610px; font-size: 16px; }

/* Hero — intentionally plain, no workspace image, no grid, no glow */
.hero {
  position: relative;
  min-height: 680px !important;
  display: flex !important;
  align-items: center;
  width: min(var(--max-width), calc(100% - 40px));
  margin: 0 auto;
  padding: calc(var(--nav-height) + 82px) 0 90px !important;
  overflow: visible !important;
  background: transparent !important;
}
.hero__media, .hero__grid, .hero__overlay, .hero-console, .script-hero__glow, .page-glow { display: none !important; }
.hero__content { position: relative; z-index:1; max-width: 800px !important; animation: none !important; }
.hero h1 { max-width: 790px; margin-bottom: 24px; background: none !important; -webkit-text-fill-color: currentColor !important; }
.hero .lead { max-width: 700px; margin-bottom: 32px; font-size: clamp(16px, 1.8vw, 19px); line-height: 1.7; }
.hero__actions { display: flex; flex-wrap: wrap; align-items:center; gap: 10px; }
.code-cutout { border:0 !important; background:none !important; box-shadow:none !important; padding:0 !important; }
.code-cutout__bar { display:none !important; }
.code-cutout code { padding:0 !important; font-family: inherit !important; font-size:inherit !important; white-space:normal !important; }
.code-cutout code span, .code-cutout code em, .code-cutout code strong { color:inherit !important; }

/* Buttons */
.button {
  min-height: 42px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 16px !important;
  border-radius: 9px !important;
  border: 1px solid var(--line) !important;
  font: inherit;
  font-size: 14px !important;
  font-weight: 650 !important;
  text-decoration: none;
  box-shadow: none !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease !important;
}
.button:hover { transform: none !important; box-shadow: none !important; }
.button--primary {
  border-color: #9b5cf6 !important;
  background: #9b5cf6 !important;
  color: #0b0b0b !important;
}
.button--primary:hover { background: #c86a25 !important; border-color: #c86a25 !important; filter:none !important; }
.button--ghost { background: #111 !important; color: #d9d9d6 !important; }
.button--ghost:hover { background:#151515 !important; border-color:#343434 !important; color:#fff !important; }
.button--text { min-height:auto !important; padding:8px 4px !important; border:0 !important; background:transparent !important; color:#b96b35 !important; }
.button--text:hover { color:#d17a3e !important; }
.is-disabled { opacity:.5; pointer-events:none; }

/* Cards / grids */
.stats-band { display:grid; grid-template-columns:repeat(3,1fr); gap:0; padding-top:0 !important; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.metric { padding: 28px 26px; border-right:1px solid var(--line); }
.metric:first-child { padding-left:0; }
.metric:last-child { border-right:0; }
.metric strong { display:block; margin-bottom:6px; color:#d5d5d2 !important; font-size:16px !important; }
.metric span { color:var(--muted); font-size:14px; line-height:1.55; }
.project-grid, .service-grid, .showcase-grid, .script-promo-grid, .script-features, .buy-grid { display:grid; gap:14px; }
.project-grid { grid-template-columns:repeat(3,1fr); }
.service-grid { grid-template-columns:repeat(2,1fr); }
.showcase-grid { grid-template-columns:repeat(3,1fr); }
.project-card, .card, .showcase-grid article, .feature-card, .buy-card, .support-card, .support-panel, .summary-card, .dashboard-card, .access-panel, .security-card, .order-card, .table-shell, .admin-panel, .side-panel {
  position:relative;
  border:1px solid var(--line) !important;
  border-radius:12px !important;
  background:#111 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.project-card, .card, .feature-card, .buy-card, .showcase-grid article { padding:24px !important; transition: border-color .16s ease, background .16s ease !important; }
.project-card::before, .card::before, .feature-card::before { display:none !important; }
.project-card:hover, .card:hover, .feature-card:hover, .buy-card:hover, .showcase-grid article:hover {
  transform:none !important;
  border-color:#343434 !important;
  box-shadow:none !important;
  background:#131313 !important;
}
.project-card__tag, .script-ticket, .status-pill, .script-badge-card { border-color:#343434 !important; background:#151515 !important; color:#a86536 !important; box-shadow:none !important; }
.card-icon { width:auto !important; height:auto !important; display:block !important; margin:0 0 20px !important; border:0 !important; color:#8c8c8c !important; font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace !important; }
.card p, .project-card p, .feature-card p, .showcase-grid span { color:var(--muted) !important; }

.section-intro { position: static !important; max-width: 620px; margin-bottom:36px; }
.two-col { display:grid; grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr); gap:64px; align-items:start; }
.two-col .section-intro { margin:0; }
.projects-section { border-top:1px solid var(--line); }

.order-spotlight {
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  gap:18px;
  background:transparent !important;
  overflow:visible !important;
}
.order-spotlight::before { display:none !important; }
.order-spotlight__content { padding: 12px 0; }
.order-card { padding:26px !important; }
.price-points { display:flex; flex-wrap:wrap; gap:8px; }
.price-points span { border:1px solid var(--line) !important; border-radius:999px !important; background:#101010 !important; color:#8f8f8f !important; box-shadow:none !important; }
.socials--stack { gap:8px; }
.socials a { color:#c06d33 !important; }
.showcase { display:grid; grid-template-columns:.8fr 1.2fr; gap:50px; background:transparent !important; }
.showcase-grid article { min-height:138px !important; }
.showcase-grid strong { color:#d8d8d5 !important; font-size:18px !important; }
.showcase-grid a { color:#a86638 !important; }
.support-teaser { display:flex; align-items:end; justify-content:space-between; gap:24px; border-top:1px solid var(--line); }

/* Authentication — simple centered form, no split-screen theatrics */
.auth-page { background:#0b0b0b !important; }
.auth-shell, .auth-shell--split {
  min-height:100vh !important;
  width:min(440px, calc(100% - 40px)) !important;
  margin:0 auto !important;
  padding:74px 0 !important;
  display:block !important;
  background:transparent !important;
}
.auth-intro { min-height:auto !important; padding:0 !important; margin-bottom:34px; background:transparent !important; border:0 !important; }
.auth-intro > div { margin-top:44px; }
.auth-intro h1 { font-size:34px !important; margin-bottom:0; }
.auth-card, .auth-card--tabs, .auth-card--recovery {
  width:100% !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.auth-tabs { display:flex; gap:18px; margin-bottom:30px; padding:0 !important; border-bottom:1px solid var(--line); background:transparent !important; }
.auth-tabs button { padding:0 0 11px !important; border:0 !important; border-bottom:1px solid transparent !important; border-radius:0 !important; background:transparent !important; color:#757575 !important; font-weight:600 !important; }
.auth-tabs button.is-active { color:#ececea !important; border-bottom-color:#9b5cf6 !important; }
.auth-form { gap:17px !important; }
.auth-form h2 { margin-bottom:8px; font-size:23px !important; }
.form label, .auth-form label { color:#bcbcbc !important; font-size:13px; font-weight:600; }
input, textarea, select {
  width:100%;
  min-height:44px;
  border:1px solid var(--line) !important;
  border-radius:9px !important;
  background:#101010 !important;
  color:#f1f1ef !important;
  box-shadow:none !important;
  outline:none;
  transition:border-color .15s ease, background .15s ease !important;
}
textarea { min-height:120px; }
input:focus, textarea:focus, select:focus { border-color:#5d351d !important; box-shadow:0 0 0 3px rgba(184,95,32,.08) !important; background:#111 !important; }
input::placeholder, textarea::placeholder { color:#535353 !important; }
.auth-form .button--primary { width:100%; margin-top:3px; }
.auth-link, .auth-legal a { color:#a76334 !important; }
.auth-legal { margin:2px 0 0; color:#666; font-size:11px; line-height:1.55; text-align:center; }
.field-hint, .field-optional { color:#656565 !important; }
.form-message { min-height:22px; color:#c86666; }
.form-message.is-ok { color:#73a984; }

/* Support / product / account shells */
.support-shell, .buy-shell, .dashboard-shell, .license-layout, .payment-return-shell, .checkout-page-panel {
  width:min(var(--max-width), calc(100% - 40px)) !important;
  margin-inline:auto !important;
}
.support-shell, .buy-shell, .dashboard-shell, .license-layout { padding-top:calc(var(--nav-height) + 54px) !important; }
.support-hero, .buy-hero, .dashboard-hero { background:transparent !important; box-shadow:none !important; }
.support-grid { gap:16px !important; }
.panel, .support-panel { border:1px solid var(--line) !important; background:#111 !important; box-shadow:none !important; }
.panel__head { border-bottom-color:var(--line) !important; }
.buy-card { background:#111 !important; }
.buy-card--coming-soon { opacity:.65; }
.checkout-method, .checkout-provider { border-color:var(--line) !important; background:#111 !important; box-shadow:none !important; }
.checkout-method:hover, .checkout-provider:hover { border-color:#3b3b3b !important; transform:none !important; }

/* Script/project pages */
.script-hero {
  min-height:auto !important;
  width:min(var(--max-width), calc(100% - 40px));
  margin:0 auto;
  padding:calc(var(--nav-height) + 92px) 0 72px !important;
  background:transparent !important;
  overflow:visible !important;
}
.script-hero__content { max-width:780px !important; }
.script-hero h1 { font-size:clamp(42px,5vw,64px) !important; }
.script-video-section, .download-guide { width:min(var(--max-width), calc(100% - 40px)); margin-inline:auto; background:transparent !important; }
.video-frame { border:1px solid var(--line) !important; border-radius:12px !important; box-shadow:none !important; overflow:hidden; }
.cms-live-status { border:1px solid var(--line) !important; background:#111 !important; box-shadow:none !important; }
.cms-live-status__dot { background:#7da186 !important; box-shadow:none !important; }

/* Legal pages */
.license-layout { gap:34px !important; }
.license-aside, .license-document, .legal-card, .legal-contacts { border-color:var(--line) !important; background:#111 !important; box-shadow:none !important; }
.legal-card:hover { transform:none !important; border-color:#383838 !important; box-shadow:none !important; }
.legal-card span { color:#965323 !important; }

/* Payment states */
.payment-return-page { background:#0b0b0b !important; }
.payment-return-card { border:1px solid var(--line) !important; background:#111 !important; box-shadow:none !important; }
.payment-return-status { box-shadow:none !important; }
.payment-return-status--success { color:#75a483 !important; background:rgba(102,165,123,.08) !important; }
.payment-return-status--fail { color:#c96c6c !important; background:rgba(215,91,91,.08) !important; }
.payment-return-progress { background:#191919 !important; }
.payment-return-progress > * { background:#a95b24 !important; }

/* Footer */
.site-footer {
  width:min(var(--max-width), calc(100% - 40px));
  margin:60px auto 0 !important;
  padding:42px 0 34px !important;
  display:grid !important;
  grid-template-columns:1.25fr .75fr .9fr auto;
  gap:40px;
  border-top:1px solid var(--line) !important;
  background:transparent !important;
  box-shadow:none !important;
}
.site-footer__about p, .site-footer__nav a, .site-footer__legal { color:#717171 !important; }
.site-footer__nav { display:flex; flex-direction:column; gap:8px; }
.site-footer__nav strong { margin-bottom:3px; color:#bdbdb9; font-size:12px; }
.site-footer__nav a { font-size:12px; text-decoration:none; }
.site-footer__nav a:hover { color:#c5c5c2 !important; }
.site-footer__socials { display:flex; gap:8px; align-items:start; }
.social-tile { min-width:38px !important; height:34px !important; border:1px solid var(--line) !important; border-radius:8px !important; background:#111 !important; color:#9a9a9a !important; box-shadow:none !important; }
.social-tile:hover { transform:none !important; border-color:#3a3a3a !important; }
.site-footer__legal { grid-column:1/-1; padding-top:10px; font-size:11px; }

/* Very restrained motion */
.cms-reveal { opacity:0; transform:translateY(8px); transition:opacity .45s ease, transform .45s ease; }
.cms-reveal.is-visible { opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; } .cms-reveal { opacity:1; transform:none; } }

@media (max-width: 900px) {
  .topbar, .account-topbar, .license-header, .site-header.site-header--simple { padding-inline:20px !important; }
  .cms-menu-toggle { display:block; }
  .cms-nav {
    display:none;
    position:absolute;
    left:20px; right:20px; top:58px;
    padding:10px;
    flex-direction:column;
    align-items:stretch;
    gap:2px;
    border:1px solid var(--line);
    border-radius:12px;
    background:#101010;
  }
  .cms-nav.is-open { display:flex; }
  .cms-nav a { padding:10px 12px; border-radius:8px; }
  .cms-nav a:hover { background:#151515; }
  .cms-nav-cta { margin-top:4px; }
  .global-auth-actions { margin-left:auto; }
  .hero { min-height:auto !important; padding-top:calc(var(--nav-height) + 86px) !important; }
  .project-grid, .showcase-grid { grid-template-columns:1fr; }
  .two-col, .order-spotlight, .showcase { grid-template-columns:1fr; gap:34px; }
  .service-grid { grid-template-columns:1fr 1fr; }
  .stats-band { grid-template-columns:1fr; }
  .metric, .metric:first-child { padding:20px 0; border-right:0; border-bottom:1px solid var(--line); }
  .metric:last-child { border-bottom:0; }
  .site-footer { grid-template-columns:1fr 1fr; }
}

@media (max-width: 620px) {
  :root { --nav-height:62px; }
  .section, .script-hero, .script-video-section, .download-guide, .support-shell, .buy-shell, .dashboard-shell, .license-layout, .payment-return-shell, .checkout-page-panel, .site-footer, .hero { width:min(100% - 28px, var(--max-width)) !important; }
  .section { padding:64px 0 !important; }
  h1 { font-size:clamp(38px,12vw,52px) !important; }
  h2 { font-size:32px !important; }
  .hero { padding-top:calc(var(--nav-height) + 62px) !important; padding-bottom:66px !important; }
  .hero__actions { align-items:stretch; }
  .hero__actions .button { width:100%; }
  .hero__actions .button--text { width:auto; justify-content:flex-start; }
  .service-grid { grid-template-columns:1fr; }
  .support-teaser { align-items:flex-start; flex-direction:column; }
  .site-footer { grid-template-columns:1fr; gap:28px; }
  .site-footer__legal { grid-column:auto; }
  .auth-shell, .auth-shell--split { width:min(100% - 28px, 440px) !important; padding-top:48px !important; }
  .global-auth-actions .global-account-link:not(.global-account-link--primary) { display:none !important; }
}

/* Skiper-inspired native layer — calm, production-safe adaptations for this HTML/CSS/JS site. */
:root,
:root[data-theme="dark"],
:root[data-theme="light"],
:root[data-theme="neon"] {
  --accent: #a75622;
  --accent-2: #b96832;
  --accent-3: #7a3915;
  --cursor-x: 50%;
  --cursor-y: 50%;
}

.hero.hero--interactive {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .72fr);
  gap: clamp(36px, 8vw, 92px);
  align-items: center;
}
.hero.hero--interactive::after {
  content: "";
  position: absolute;
  inset: 12% 0 auto auto;
  width: 420px;
  height: 420px;
  pointer-events: none;
  opacity: .16;
  background: radial-gradient(circle at var(--cursor-x) var(--cursor-y), rgba(167,86,34,.55), transparent 58%);
  filter: blur(36px);
  transition: opacity .2s ease;
}
.hero-debug {
  position: relative;
  z-index: 2;
  min-height: 260px;
  padding: 18px;
  border: 1px solid #242424;
  border-radius: 18px;
  background: rgba(16,16,16,.76);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  overflow: hidden;
  isolation: isolate;
}
.hero-debug::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(280px circle at var(--debug-x, 50%) var(--debug-y, 50%), rgba(167,86,34,.17), transparent 62%);
  opacity: .9;
  z-index: -1;
}
.hero-debug__top {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 24px;
  color: #777;
  font: 600 11px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.hero-debug__top span {
  width: 8px;
  height: 8px;
  border: 1px solid #353535;
  border-radius: 99px;
  background: #171717;
}
.hero-debug__top strong { margin-left: auto; font: inherit; color: #696969; }
.hero-debug pre {
  margin: 0 0 22px;
  white-space: pre-wrap;
  color: #e9e9e6;
  font: 500 clamp(17px, 2vw, 22px)/1.55 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.code-muted { color: #5f5f5f; }
.code-accent { color: #ba6d38; }
.debug-panel {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 18px;
}
.debug-panel div {
  min-width: 0;
  padding: 12px 10px;
  border: 1px solid #242424;
  border-radius: 12px;
  background: rgba(11,11,11,.72);
}
.debug-panel span {
  display: block;
  margin-bottom: 5px;
  color: #6f6f6f;
  font: 600 10px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform: uppercase;
}
.debug-panel strong {
  color: #d7d7d2;
  font: 650 18px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.hero-debug p {
  margin: 0;
  max-width: 28rem;
  color: #6f6f6f;
  font-size: 12px;
  line-height: 1.55;
}
.debug-cursor {
  position: absolute;
  left: var(--debug-x, 50%);
  top: var(--debug-y, 50%);
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  border: 1px solid rgba(185, 104, 50, .7);
  border-radius: 99px;
  pointer-events: none;
  opacity: 0;
  transform: scale(.72);
  transition: opacity .16s ease, transform .16s ease;
}
.hero-debug:hover .debug-cursor { opacity: 1; transform: scale(1); }

/* Skiper68-style field animation for every user-writable field. */
.sk-field-wrap {
  position: relative;
  display: block;
  width: 100%;
}
.sk-field-wrap > input,
.sk-field-wrap > textarea {
  padding-right: 44px !important;
}
.sk-field-wrap > textarea { padding-right: 16px !important; }
.sk-field-wrap::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(185,104,50,.78), transparent);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .22s ease;
  pointer-events: none;
}
.sk-field-wrap:focus-within::after { transform: scaleX(1); }
.sk-field-trail {
  position: absolute;
  right: 10px;
  top: 10px;
  display: inline-flex;
  max-width: 70px;
  overflow: hidden;
  gap: 1px;
  pointer-events: none;
  color: rgba(185,104,50,.72);
  font: 600 11px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.sk-field-wrap textarea + .sk-field-trail { top: auto; bottom: 11px; }
.sk-field-trail span {
  display: inline-block;
  animation: skChar .26s ease both;
}
@keyframes skChar {
  from { opacity: 0; transform: translateY(4px) scale(.96); filter: blur(2px); }
  to { opacity: 1; transform: none; filter: blur(0); }
}

/* Skiper81-inspired support composer: chat-like but without fake AI/backend features. */
.sk-ai-field { gap: 8px; }
.sk-ai-composer {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #0f0f0f;
  transition: border-color .16s ease, background .16s ease;
}
.sk-ai-composer:focus-within {
  border-color: #5d351d;
  background: #111;
  box-shadow: 0 0 0 3px rgba(167,86,34,.08);
}
.sk-ai-composer__toolbar,
.sk-ai-composer__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}
.sk-ai-composer__toolbar span {
  padding: 5px 8px;
  border: 1px solid #252525;
  border-radius: 999px;
  background: #131313;
  color: #777;
  font-size: 11px;
  line-height: 1;
}
.sk-ai-composer textarea {
  min-height: 130px;
  padding: 4px 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  resize: vertical;
  box-shadow: none !important;
}
.sk-ai-composer .sk-field-wrap::after { left: 0; right: 0; }
.sk-ai-composer__footer small,
.sk-ai-composer__footer span {
  color: #646464;
  font-size: 11px;
}
.support-legal { text-align: left; margin-top: -2px; }
.ticket-message,
.ticket-card {
  border-color: #242424 !important;
  background: #101010 !important;
  box-shadow: none !important;
}
.ticket-message--staff { background: #13110f !important; border-color: #2f2118 !important; }
.ticket-reply {
  border-top: 1px solid #202020;
  padding-top: 12px;
}
.ticket-reply textarea { min-height: 92px; }

/* Skiper67-style video player: cursor-follow play surface + modal + mini floating preview. */
.video-frame[data-sk-video] {
  position: relative;
  aspect-ratio: 16 / 9;
  background: #0f0f0f;
  cursor: none;
}
.video-frame[data-sk-video] iframe {
  width: 100%;
  height: 100%;
  display: block;
}
.sk-video-hover {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  border: 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.48)),
    radial-gradient(circle at var(--video-x, 50%) var(--video-y, 50%), rgba(185,104,50,.16), transparent 44%);
  color: #ececea;
  cursor: none;
}
.sk-video-hover::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--video-thumb);
  background-size: cover;
  background-position: center;
  opacity: .28;
  filter: saturate(.65) contrast(1.05);
}
.sk-video-hover span {
  position: absolute;
  left: var(--video-x, 50%);
  top: var(--video-y, 50%);
  display: inline-grid;
  place-items: center;
  width: 68px;
  height: 68px;
  margin: -34px 0 0 -34px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  background: rgba(13,13,13,.72);
  backdrop-filter: blur(12px);
  transform: scale(.9);
  transition: transform .18s ease, border-color .18s ease;
  z-index: 1;
}
.sk-video-hover:hover span { transform: scale(1); border-color: rgba(185,104,50,.55); }
.sk-video-hover em {
  position: absolute;
  left: 18px;
  bottom: 16px;
  z-index: 1;
  max-width: calc(100% - 36px);
  color: #d7d7d2;
  font-style: normal;
  font-size: 13px;
}
.sk-video-modal {
  position: fixed;
  inset: 0;
  z-index: 220;
  display: none;
  place-items: center;
  padding: 24px;
  background: rgba(0,0,0,.78);
  backdrop-filter: blur(16px);
}
.sk-video-modal.is-open { display: grid; animation: modalFade .18s ease both; }
.sk-video-modal__card {
  width: min(1080px, 100%);
  border: 1px solid #2c2c2c;
  border-radius: 18px;
  background: #0b0b0b;
  overflow: hidden;
  box-shadow: 0 30px 90px rgba(0,0,0,.45);
  animation: modalLift .22s ease both;
}
.sk-video-modal__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px 10px 16px;
  border-bottom: 1px solid #202020;
  color: #aaa;
  font-size: 13px;
}
.sk-video-modal__close {
  width: 34px;
  height: 34px;
  border: 1px solid #2b2b2b;
  border-radius: 9px;
  background: #111;
  color: #ddd;
}
.sk-video-modal__body { aspect-ratio: 16 / 9; }
.sk-video-modal__body iframe { width: 100%; height: 100%; border: 0; display: block; }
@keyframes modalFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes modalLift { from { transform: translateY(10px) scale(.985); } to { transform: none; } }
.sk-mini-video {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 170;
  width: min(320px, calc(100vw - 32px));
  border: 1px solid #2a2a2a;
  border-radius: 16px;
  background: rgba(12,12,12,.84);
  color: #ececea;
  overflow: hidden;
  backdrop-filter: blur(18px);
  box-shadow: 0 18px 48px rgba(0,0,0,.36);
  transform: translateY(18px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
}
.sk-mini-video.is-visible { opacity: 1; transform: none; pointer-events: auto; }
.sk-mini-video.is-hidden-by-user { display: none; }
.sk-mini-video__preview {
  aspect-ratio: 16 / 9;
  background: linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.5)), var(--mini-video-thumb) center/cover;
  display: grid;
  place-items: center;
}
.sk-mini-video__preview span {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 99px;
  background: rgba(12,12,12,.72);
  border: 1px solid rgba(255,255,255,.18);
}
.sk-mini-video__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
}
.sk-mini-video__body strong { display: block; color: #ddd; font-size: 13px; }
.sk-mini-video__body small { display: block; color: #777; font-size: 11px; }
.sk-mini-video__close {
  width: 30px;
  height: 30px;
  border: 1px solid #2b2b2b;
  border-radius: 8px;
  background: #111;
  color: #aaa;
}

@media (max-width: 900px) {
  .hero.hero--interactive { grid-template-columns: 1fr; gap: 32px; }
  .hero.hero--interactive::after { display: none; }
  .hero-debug { min-height: auto; }
}

@media (max-width: 620px) {
  .debug-panel { grid-template-columns: 1fr; }
  .sk-mini-video { right: 14px; bottom: 14px; }
  .sk-video-hover span { left: 50%; top: 50%; }
  .video-frame[data-sk-video] { cursor: pointer; }
}

/* Patch v6 — requested refinements after live review. */
.brand:hover .brand-mark,
.brand:focus-visible .brand-mark,
.brand:hover .brand__avatar,
.brand:focus-visible .brand__avatar {
  animation: cmsLogoSpin .72s cubic-bezier(.2,.75,.2,1) both;
}
@keyframes cmsLogoSpin {
  0% { transform: rotate(0deg) scale(1); }
  55% { transform: rotate(340deg) scale(1.06); }
  100% { transform: rotate(360deg) scale(1); }
}

.cms-nav-cta { display: none !important; }
.button--buy {
  min-width: 116px;
  border-color: #a75622 !important;
  background: linear-gradient(180deg, #b7652f, #9a4b1e) !important;
  color: #090909 !important;
}
.button--buy::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  opacity: .42;
}
.purchase-paths {
  width: min(640px, 100%);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}
.purchase-paths a,
.purchase-paths button {
  min-height: 78px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
  padding: 14px 16px;
  border: 1px solid #242424;
  border-radius: 12px;
  background: #101010;
  color: #d8d8d4;
  font: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.purchase-paths a:hover,
.purchase-paths button:hover {
  border-color: #3a261b;
  background: #13110f;
  transform: translateY(-1px);
}
.purchase-paths span {
  color: #a75622;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
}
.purchase-paths strong {
  color: #cfcfca;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 560;
}

/* Global mouse debug: the card remains in hero, but data is collected across the page. */
.hero-debug { --debug-x: 50%; --debug-y: 50%; }
.debug-cursor {
  opacity: .72;
  transform: scale(.9);
}
.hero-debug:hover .debug-cursor { opacity: .9; }

/* Make Skiper68-style typing visible on every writable field. */
.sk-field-wrap { overflow: visible; }
.sk-field-wrap > input,
.sk-field-wrap > textarea {
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease !important;
}
.sk-field-wrap.is-keying > input,
.sk-field-wrap.is-keying > textarea {
  border-color: #7a431f !important;
  box-shadow: 0 0 0 3px rgba(167,86,34,.11), inset 0 0 0 1px rgba(167,86,34,.08) !important;
  animation: skInputTap .22s ease both;
}
.sk-key-burst {
  position: absolute;
  top: -12px;
  z-index: 3;
  min-width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  padding: 0 5px;
  border: 1px solid rgba(185,104,50,.42);
  border-radius: 999px;
  background: rgba(17,17,17,.92);
  color: #c87b44;
  font: 700 11px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  pointer-events: none;
  animation: skKeyBurst .58s cubic-bezier(.18,.8,.22,1) forwards;
  box-shadow: 0 8px 24px rgba(0,0,0,.28);
}
@keyframes skInputTap {
  0% { transform: translateY(0); }
  45% { transform: translateY(-1px); }
  100% { transform: translateY(0); }
}
@keyframes skKeyBurst {
  0% { opacity: 0; transform: translate3d(var(--burst-x, 0), 8px, 0) scale(.72); filter: blur(3px); }
  20% { opacity: 1; filter: blur(0); }
  100% { opacity: 0; transform: translate3d(var(--burst-x, 0), -20px, 0) scale(1.08); filter: blur(1px); }
}

/* Cleaner auth tabs + animated switch. */
.auth-back {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  padding: 0 12px;
  border: 1px solid #242424;
  border-radius: 10px;
  background: #101010;
  color: #aaa;
  font: 650 13px/1 Inter, ui-sans-serif, system-ui, sans-serif;
  cursor: pointer;
  transition: border-color .16s ease, color .16s ease, background .16s ease;
}
.auth-back:hover { border-color: #3a3a3a; color: #f0f0ed; background: #121212; }
.auth-tabs {
  gap: 4px !important;
  padding: 4px !important;
  border: 1px solid #242424 !important;
  border-radius: 13px !important;
  background: #101010 !important;
}
.auth-tabs button {
  flex: 1;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: #777 !important;
  transition: background .2s ease, color .2s ease, transform .2s ease !important;
}
.auth-tabs button.is-active {
  background: #17120f !important;
  color: #e8e4de !important;
  box-shadow: inset 0 0 0 1px #3a2417 !important;
}
.auth-tabs button:not(.is-active):hover { color: #bdbdb8 !important; background: #121212 !important; }
.auth-card--tabs { overflow: hidden; }
.auth-form {
  display: grid !important;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transform: translateY(8px) scale(.99);
  transition: max-height .32s ease, opacity .24s ease, transform .32s ease;
}
.auth-form.is-active {
  max-height: 760px;
  opacity: 1;
  overflow: visible;
  pointer-events: auto;
  transform: none;
}

/* Support: no workspace/image background, simpler composer. */
.support-page,
.support-page main,
.support-shell,
.support-hero,
.support-card {
  background-image: none !important;
}
.support-page::before,
.support-page::after,
.support-hero::before,
.support-hero::after { display: none !important; }
.support-shell { padding-bottom: 70px; }
.support-hero {
  padding: 28px 0 18px !important;
  border: 0 !important;
}
.support-hero .lead { max-width: 680px; }
.sk-ai-composer { padding: 12px; }
.sk-ai-composer__toolbar { display: none !important; }
.sk-ai-composer__footer {
  justify-content: flex-start;
  border-top: 1px solid #202020;
  padding-top: 9px;
}
.sk-ai-composer__footer span { display: none !important; }

/* Legal/document pages — calm readable cards with correct dark colors. */
.license-page {
  background: #0b0b0b !important;
  color: #e9e9e5 !important;
}
.license-page .license-layout {
  display: grid !important;
  grid-template-columns: minmax(220px, .38fr) minmax(0, .92fr) !important;
  align-items: start;
  gap: clamp(22px, 5vw, 60px) !important;
  padding-bottom: 86px;
}
.license-page .license-aside {
  position: sticky;
  top: calc(var(--nav-height) + 28px);
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.license-page .license-aside h1,
.license-page .legal-center h1 {
  color: #f1f1ed !important;
  font-size: clamp(34px, 5vw, 56px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.055em;
}
.license-page .license-document,
.license-page .legal-card,
.license-page .legal-contacts {
  border: 1px solid #242424 !important;
  background: #101010 !important;
  color: #c9c9c4 !important;
  box-shadow: none !important;
}
.license-page .license-document {
  padding: clamp(22px, 4vw, 44px) !important;
  border-radius: 16px !important;
}
.license-page .license-document h2,
.license-page .legal-contacts h2,
.license-page .legal-card strong {
  color: #f0f0ec !important;
}
.license-page .license-document p,
.license-page .license-document li,
.license-page .legal-center__intro p,
.license-page .legal-contacts p,
.license-page .legal-card small {
  color: #a9a9a2 !important;
}
.license-page .license-document strong { color: #ddd9d3 !important; }
.license-page .license-document a,
.license-page .legal-center a {
  color: #b96832 !important;
  text-decoration-color: rgba(185,104,50,.35) !important;
}
.license-page .license-document a:hover,
.license-page .legal-center a:hover { color: #d28a53 !important; }
.legal-back-button {
  display: inline-flex !important;
  margin-top: 24px;
  border-color: #3a2417 !important;
  background: #17120f !important;
  color: #c97842 !important;
}
.license-page .legal-center {
  width: min(var(--max-width), calc(100% - 40px)) !important;
  margin: 0 auto !important;
  padding: calc(var(--nav-height) + 56px) 0 86px !important;
}
.license-page .legal-center__intro {
  max-width: 760px;
  margin-bottom: 34px;
}
.license-page .legal-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px !important;
}
.license-page .legal-card,
.license-page .legal-contacts { border-radius: 16px !important; }
.license-page .legal-card span { color: #a75622 !important; }
.license-page .legal-contacts { margin-top: 14px; padding: 24px !important; }

/* CMS page: remove right sales ticket and keep one clear installer action. */
.free-script-page .script-hero {
  display: block !important;
}
.free-script-page .script-ticket,
.free-script-page .script-badge-card { display: none !important; }
.free-script-page .script-hero__content { max-width: 760px !important; }

/* Bragin gets its own purple identity. */
body.bragin-page {
  --bg: #08050d;
  --bg-soft: #0e0818;
  --panel: #120b1f;
  --panel-2: #160d27;
  --line: #2d2140;
  --accent: #9b5cf6;
  --accent-2: #b886ff;
  --accent-3: #6d35c4;
  --purple: #9b5cf6;
  --purple-strong: #6d35c4;
  --purple-soft: #c4a2ff;
  background: radial-gradient(900px circle at 72% 18%, rgba(129,78,216,.18), transparent 52%), #08050d !important;
}
body.bragin-page .site-header.site-header--simple,
body.bragin-page .topbar {
  background: rgba(8,5,13,.78) !important;
  border-bottom-color: rgba(157,105,245,.12) !important;
}
body.bragin-page .brand-mark,
body.bragin-page .brand__avatar {
  border-color: rgba(155,92,246,.25) !important;
  background: #140c22 !important;
  color: #b886ff !important;
}
body.bragin-page .eyebrow,
body.bragin-page .cms-nav a.is-active,
body.bragin-page .feature-card__number,
body.bragin-page .price-card__chip { color: #b886ff !important; }
body.bragin-page .button--primary {
  border-color: #9b5cf6 !important;
  background: linear-gradient(180deg, #b886ff, #7d45d9) !important;
  color: #08050d !important;
}
body.bragin-page .button--primary:hover { background: #c49cff !important; border-color: #c49cff !important; }
body.bragin-page .feature-card,
body.bragin-page .price-card,
body.bragin-page .ticker,
body.bragin-page .site-footer,
body.bragin-page .portrait-shell {
  border-color: #2d2140 !important;
  background: rgba(18,11,31,.76) !important;
}
body.bragin-page .page-glow { display: block !important; opacity: .2 !important; background: radial-gradient(circle, rgba(155,92,246,.55), transparent 62%) !important; }
body.bragin-page a:not(.button) { color: #b886ff; }

@media (max-width: 900px) {
  .purchase-paths { grid-template-columns: 1fr; }
  .license-page .license-layout { grid-template-columns: 1fr !important; }
  .license-page .license-aside { position: static; }
}
@media (max-width: 720px) {
  .license-page .legal-grid { grid-template-columns: 1fr !important; }
}

/* Patch v7 — calmer interaction fixes, legal pages, recovery and checkout. */
.hero.hero--interactive::after,
.hero-debug::before,
.debug-cursor { display: none !important; }
.hero-debug { --debug-x: 50% !important; --debug-y: 50% !important; }
.hero-debug pre code { white-space: nowrap; }
.hero-buy-note {
  max-width: 590px;
  margin: 12px 0 0;
  color: #85857f;
  font-size: 13px;
  line-height: 1.55;
}
.purchase-paths { display: none !important; }
.button--buy {
  min-width: 188px;
  gap: 9px;
  letter-spacing: -.01em;
}
.button--buy::before { opacity: .36; }

/* Keep typing particles, remove duplicated trailing text/dots. */
.sk-field-trail { display: none !important; }
.sk-field-wrap { display: block; width: 100%; }
.sk-field-wrap > input,
.sk-field-wrap > textarea { width: 100%; }
.sk-key-burst {
  top: -10px;
  min-width: 16px;
  height: 16px;
  padding: 0 5px;
  border-color: rgba(185, 104, 50, .32);
  background: rgba(14,14,14,.94);
  color: #b96832;
}

/* Recovery page: email flow + manual ticket flow. */
.auth-side-note {
  max-width: 440px;
  margin: 0;
  color: #8b8b85;
  font-size: 14px;
  line-height: 1.65;
}
.auth-card--recovery .auth-form[hidden],
.auth-card--recovery .manual-recovery-form[hidden] { display: none !important; }
.auth-card--recovery .manual-recovery-form {
  display: grid;
  gap: 16px;
  opacity: 1;
  transform: none;
}
.auth-link--button {
  width: fit-content;
  padding: 0;
  border: 0;
  background: transparent;
  color: #b96832;
  font: 650 13px/1.4 Inter, ui-sans-serif, system-ui, sans-serif;
  text-align: left;
  cursor: pointer;
}
.auth-link--button:hover { color: #d08a53; }
.auth-link--back { margin-top: -4px; }

/* Legal documents: one shared readable system without overlapping side titles. */
.license-page {
  background: #0a0a0a !important;
  color: #e7e7e1 !important;
}
.license-page .license-header {
  background: rgba(10,10,10,.78) !important;
  border-bottom: 1px solid #1e1e1e !important;
  backdrop-filter: blur(16px);
}
.license-page .license-layout {
  width: min(920px, calc(100% - 40px)) !important;
  display: block !important;
  padding: calc(var(--nav-height) + 48px) 0 84px !important;
  margin: 0 auto !important;
}
.license-page .license-aside {
  position: static !important;
  top: auto !important;
  max-width: 760px !important;
  margin: 0 auto 22px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: center !important;
}
.license-page .license-aside h1,
.license-page .legal-center h1 {
  margin: 0 !important;
  color: #f0f0ea !important;
  font-size: clamp(30px, 4.4vw, 44px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
  font-weight: 760 !important;
}
.license-page .license-document {
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: clamp(24px, 4vw, 42px) !important;
  border: 1px solid #242424 !important;
  border-radius: 18px !important;
  background: #101010 !important;
  color: #bcbcb6 !important;
  box-shadow: none !important;
}
.license-page .license-document > :first-child { margin-top: 0 !important; }
.license-page .license-document h2 {
  margin: 30px 0 12px !important;
  color: #ededeb !important;
  font-size: clamp(20px, 2vw, 25px) !important;
  line-height: 1.24 !important;
  letter-spacing: -.025em !important;
  font-weight: 720 !important;
}
.license-page .license-document p,
.license-page .license-document li {
  color: #aaa9a3 !important;
  font-size: 15px !important;
  line-height: 1.78 !important;
}
.license-page .license-document strong { color: #deded8 !important; }
.license-page .license-document a,
.license-page .legal-center a {
  color: #b96832 !important;
  text-decoration-color: rgba(185,104,50,.34) !important;
}
.license-page .license-document a:hover,
.license-page .legal-center a:hover { color: #d08a53 !important; }
.legal-back-button {
  width: 100% !important;
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 30px 0 0 !important;
  padding: 0 18px !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 12px !important;
  background: #151515 !important;
  color: #e6e2dc !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background .16s ease, border-color .16s ease, transform .16s ease, color .16s ease !important;
}
.legal-back-button:hover {
  transform: translateY(-1px) !important;
  border-color: #3a2417 !important;
  background: #19130f !important;
  color: #d08a53 !important;
}
.license-page .legal-center {
  width: min(980px, calc(100% - 40px)) !important;
  margin: 0 auto !important;
  padding: calc(var(--nav-height) + 54px) 0 84px !important;
}
.license-page .legal-center__intro {
  max-width: 760px !important;
  margin: 0 auto 26px !important;
  text-align: center !important;
}
.license-page .legal-center__intro p {
  margin: 14px auto 0 !important;
  color: #8f8f88 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}
.license-page .legal-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.license-page .legal-card {
  min-height: 132px !important;
  padding: 20px !important;
  border: 1px solid #242424 !important;
  border-radius: 16px !important;
  background: #101010 !important;
  box-shadow: none !important;
}
.license-page .legal-card span {
  color: #9b5a31 !important;
  font-size: 12px !important;
}
.license-page .legal-card strong {
  color: #e9e9e3 !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
}
.license-page .legal-card small {
  color: #898983 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
.license-page .legal-contacts { display: none !important; }

/* Checkout/cart: compact dark payment modal inspired by the supplied reference. */
.checkout-page {
  min-height: 100vh;
  background:
    radial-gradient(760px circle at 74% 20%, rgba(151,105,213,.10), transparent 55%),
    #121216 !important;
  color: #f1f0f4 !important;
}
.checkout-page .buy-topbar { display: none !important; }
.checkout-page-shell {
  position: relative;
  width: min(980px, calc(100% - 28px)) !important;
  margin: 22px auto !important;
  padding: 0 !important;
  border: 1px solid #23232b !important;
  border-radius: 18px !important;
  background: #17171d !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.38) !important;
  overflow: hidden;
}
.checkout-page-back {
  position: absolute !important;
  right: 18px;
  top: 16px;
  z-index: 3;
  width: 34px;
  height: 34px;
  display: grid !important;
  place-items: center;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px;
  background: transparent !important;
  color: #8f8f99 !important;
  font-size: 0 !important;
  text-decoration: none !important;
}
.checkout-page-back::before {
  content: "×";
  font-size: 25px;
  line-height: 1;
}
.checkout-page-back:hover { color: #f0eef4 !important; background: rgba(255,255,255,.04) !important; }
.checkout-page-heading {
  padding: 20px 22px 18px !important;
  margin: 0 !important;
  border-bottom: 1px solid #202027;
}
.checkout-page-heading .eyebrow { display: none !important; }
.checkout-page-heading h1 {
  margin: 0 !important;
  color: #efedf4 !important;
  font-size: 22px !important;
  letter-spacing: -.03em !important;
}
.checkout-page-heading h1::after {
  content: "Проверьте заказ и выберите способ оплаты.";
  display: block;
  margin-top: 8px;
  color: #9a99a4;
  font-size: 13px;
  font-weight: 560;
  letter-spacing: 0;
}
.checkout-page-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.3fr) minmax(310px, .85fr) !important;
  gap: 22px !important;
  padding: 22px !important;
}
.checkout-page-panel {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.checkout-page-payment {
  padding: 22px !important;
  border: 1px solid #343044 !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(42,38,55,.82), rgba(31,29,39,.72)) !important;
}
.checkout-page-panel__head {
  padding: 0 !important;
  margin-bottom: 14px !important;
  border: 0 !important;
}
.checkout-page-kicker {
  color: #8b8996 !important;
  font-size: 11px !important;
  letter-spacing: .16em !important;
}
.checkout-page-panel__head h2 {
  color: #eeeef2 !important;
  font-size: 20px !important;
  letter-spacing: -.03em !important;
}
.checkout-page-panel__head > a {
  color: #bba3f7 !important;
  border-color: #2f2a3f !important;
  background: #1c1b22 !important;
}
.checkout-page-items { gap: 9px !important; }
.checkout-page-item {
  min-height: 70px;
  border: 1px solid #25252c !important;
  border-radius: 12px !important;
  background: #1c1c22 !important;
  color: #ededf1 !important;
}
.checkout-page-item span { color: #9b9aa3 !important; }
.checkout-page-item b { color: #efeef3 !important; }
.checkout-page-item button {
  background: #18181e !important;
  border-color: #2b2b34 !important;
  color: #9a98a3 !important;
}
.checkout-page-promo {
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px dashed #2d2d35 !important;
}
.checkout-page-promo > label { color: #9b9aa4 !important; }
.checkout-page-promo__row input {
  background: #1b1b21 !important;
  border-color: #292934 !important;
  color: #f1f0f4 !important;
}
.checkout-page-promo__row input:focus {
  border-color: #7f68b9 !important;
  box-shadow: 0 0 0 3px rgba(177,143,249,.12) !important;
}
.checkout-method-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
}
.checkout-method {
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  border: 1px solid #2a2a33 !important;
  border-radius: 10px !important;
  background: #1c1c22 !important;
  color: #e9e7ef !important;
}
.checkout-method.is-selected {
  border-color: #a98bf2 !important;
  background: #242131 !important;
  box-shadow: inset 0 0 0 1px rgba(186,156,255,.16) !important;
}
.checkout-method__mark {
  width: 29px !important;
  height: 22px !important;
  border-radius: 6px !important;
  background: #101116 !important;
  color: #bba3f7 !important;
  font-size: 11px !important;
}
.checkout-method small { color: #8f8d99 !important; }
.checkout-page-summary {
  margin-top: 18px !important;
  padding-top: 18px !important;
  border-top: 1px dashed #34323f !important;
  background: transparent !important;
}
.checkout-page-summary > div { color: #9d9ba7 !important; }
.checkout-page-summary > div strong { color: #f2eff7 !important; }
.checkout-page-summary__total {
  margin-top: 10px !important;
  padding-top: 14px !important;
  border-top: 1px solid #34323f !important;
}
.checkout-page-summary__total span { color: #9b99a5 !important; }
.checkout-page-summary__total strong {
  color: #ffffff !important;
  font-size: clamp(34px, 5vw, 48px) !important;
  letter-spacing: -.055em !important;
}
.checkout-page-pay {
  width: 100% !important;
  min-height: 50px !important;
  margin-top: 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #bda2ff !important;
  color: #18141f !important;
  font-size: 15px !important;
  font-weight: 760 !important;
}
.checkout-page-pay:hover { background: #ccb8ff !important; transform: translateY(-1px); }
.checkout-page-error { color: #e0a0a0 !important; }
.checkout-page-empty {
  grid-column: 1 / -1;
  padding: 46px 26px !important;
  border-radius: 16px !important;
  background: #1a1a20 !important;
}

@media (max-width: 860px) {
  .checkout-page-layout { grid-template-columns: 1fr !important; }
  .checkout-page-payment { padding: 18px !important; }
  .license-page .legal-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 620px) {
  .license-page .license-layout,
  .license-page .legal-center { width: min(100% - 28px, 980px) !important; }
  .license-page .license-document { padding: 22px !important; }
  .license-page .license-document p,
  .license-page .license-document li { font-size: 14px !important; }
  .checkout-page-shell { margin: 10px auto !important; border-radius: 14px !important; }
  .checkout-page-layout { padding: 16px !important; gap: 18px !important; }
  .checkout-page-heading { padding: 18px 18px 16px !important; }
}

/* v8 polish: cart header, warmer checkout colors, dashboard/admin cleanup, subtler motion. */
.hero-debug {
  border-color: rgba(184,95,32,.32) !important;
  background:
    linear-gradient(180deg, rgba(18,18,18,.96), rgba(12,12,12,.98)) !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.34), 0 0 0 1px rgba(184,95,32,.06), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.hero-debug pre {
  border-color: rgba(184,95,32,.18) !important;
  background: rgba(184,95,32,.045) !important;
}
.hero-debug .code-accent { color: #d28a55 !important; text-shadow: 0 0 18px rgba(184,95,32,.16); }
.hero-debug .debug-panel {
  border-color: rgba(184,95,32,.16) !important;
  background: rgba(255,255,255,.025) !important;
}
.hero-buy-note { display: none !important; }
.socials--stack span {
  color: var(--accent) !important;
  border-bottom: 1px solid rgba(184,95,32,.34);
  width: max-content;
  max-width: 100%;
}

/* Slightly livelier but still minimal page appearances. */
.cms-reveal {
  opacity: 0;
  transform: translateY(16px) scale(.992);
  transition: opacity .48s ease, transform .48s cubic-bezier(.22,1,.36,1), border-color .18s ease, background .18s ease !important;
}
.cms-reveal.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.project-card:nth-child(2), .card:nth-child(2), .buy-card:nth-child(2), .showcase-grid article:nth-child(2) { transition-delay: .04s !important; }
.project-card:nth-child(3), .card:nth-child(3), .showcase-grid article:nth-child(3) { transition-delay: .08s !important; }
.card:nth-child(4), .metric:nth-child(3) { transition-delay: .12s !important; }
.button, .global-account-link, .checkout-method, .admin-nav__item, .admin-list__item {
  transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease !important;
}
.button:hover, .global-account-link:hover, .checkout-method:hover, .admin-nav__item:hover, .admin-list__item:hover {
  transform: translateY(-1px);
}

/* Cart / checkout v8 */
.checkout-page {
  min-height: 100vh;
  padding-top: 74px !important;
  background: #0b0b0c !important;
  color: #efefea !important;
}
.checkout-page .buy-topbar,
.checkout-page .checkout-topbar {
  display: flex !important;
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  z-index: 50 !important;
  height: 66px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 max(18px, calc((100vw - 1120px) / 2)) !important;
  border-bottom: 1px solid #222 !important;
  border-radius: 0 !important;
  background: rgba(10,10,10,.82) !important;
  backdrop-filter: blur(18px) !important;
}
.checkout-topbar-back {
  margin-left: 16px;
  color: #b8b4ac !important;
  font-size: 13px;
  text-decoration: none;
  border: 1px solid #242424;
  border-radius: 999px;
  padding: 8px 13px;
  background: #111;
}
.checkout-topbar-back:hover {
  color: #e8d5c6 !important;
  border-color: rgba(184,95,32,.36);
  background: rgba(184,95,32,.08);
}
.checkout-page .global-auth-actions {
  margin-left: auto !important;
}
.checkout-page-shell {
  width: min(1120px, calc(100% - 28px)) !important;
  margin: 20px auto 34px !important;
  border: 1px solid #242424 !important;
  border-radius: 22px !important;
  background: #121212 !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.42) !important;
}
.checkout-page-back {
  position: static !important;
  z-index: auto;
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 18px 22px 0 !important;
  padding: 10px 14px !important;
  border: 1px solid #242424 !important;
  border-radius: 999px !important;
  background: #0f0f0f !important;
  color: #c9c3bb !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
.checkout-page-back::before { content: none !important; }
.checkout-page-back:hover {
  color: #f3ede6 !important;
  border-color: rgba(184,95,32,.38) !important;
  background: rgba(184,95,32,.08) !important;
}
.checkout-page-heading {
  padding: 16px 22px 18px !important;
  border-bottom: 1px solid #202020 !important;
}
.checkout-page-heading h1 { color: #f2f0eb !important; }
.checkout-page-heading h1::after { color: #8b8880 !important; }
.checkout-page-layout {
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, .92fr) !important;
  gap: 20px !important;
  padding: 22px !important;
}
.checkout-page-payment,
.checkout-page-order {
  padding: 20px !important;
  border: 1px solid #252525 !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(26,26,26,.96), rgba(16,16,16,.96)) !important;
}
.checkout-page-payment {
  border-color: rgba(184,95,32,.22) !important;
  background: linear-gradient(180deg, rgba(32,25,20,.92), rgba(16,16,16,.96)) !important;
}
.checkout-page-kicker { color: #8a837a !important; }
.checkout-page-panel__head h2 { color: #f0eee9 !important; }
.checkout-page-panel__head > a {
  color: #d08a55 !important;
  border-color: rgba(184,95,32,.26) !important;
  background: rgba(184,95,32,.06) !important;
}
.checkout-page-item {
  border-color: #282828 !important;
  background: #151515 !important;
  color: #eeeeea !important;
}
.checkout-page-item span { color: #8f8a83 !important; }
.checkout-page-item button:hover { color: #e2ad83 !important; border-color: rgba(184,95,32,.3) !important; }
.checkout-page-promo { border-top-color: #282828 !important; }
.checkout-page-promo > label { color: #9b948b !important; }
.checkout-page-promo__row input {
  background: #101010 !important;
  border-color: #282828 !important;
  color: #f1eee9 !important;
}
.checkout-page-promo__row input:focus {
  border-color: #a65a25 !important;
  box-shadow: 0 0 0 3px rgba(184,95,32,.12) !important;
}
.checkout-method {
  border-color: #292929 !important;
  background: #121212 !important;
  color: #ebe8e2 !important;
}
.checkout-method:hover { border-color: rgba(184,95,32,.34) !important; background: #17130f !important; }
.checkout-method.is-selected {
  border-color: #9b5427 !important;
  background: rgba(184,95,32,.10) !important;
  box-shadow: inset 0 0 0 1px rgba(184,95,32,.12), 0 10px 28px rgba(0,0,0,.20) !important;
}
.checkout-method__mark {
  background: #0c0c0c !important;
  color: #c67842 !important;
  border: 1px solid rgba(184,95,32,.22);
}
.checkout-method small { color: #8d887f !important; }
.checkout-provider__badge { display: none !important; }
.checkout-provider.is-soon { opacity: .78; }
.checkout-page-summary {
  border-top-color: #2a2723 !important;
}
.checkout-page-summary > div { color: #938d84 !important; }
.checkout-page-summary > div strong { color: #eeeae3 !important; }
.checkout-page-summary__total { border-top-color: #2d261f !important; }
.checkout-page-summary__total span { color: #928b83 !important; }
.checkout-page-summary__total strong {
  color: #f1e2d2 !important;
  font-size: clamp(34px, 4.6vw, 48px) !important;
}
.checkout-page-pay {
  background: #9b5cf6 !important;
  color: #090909 !important;
  box-shadow: 0 16px 34px rgba(184,95,32,.16) !important;
}
.checkout-page-pay:hover { background: #ca7433 !important; }
.checkout-page-error { color: #e6a58d !important; }

/* Account dashboard cleanup */
.account-topbar {
  gap: 12px !important;
}
.account-back-button {
  min-height: 38px !important;
  padding: 0 13px !important;
  white-space: nowrap;
}
.account-meta,
.account-meta--clean,
.stats-grid,
.admin-stat-strip,
.admin-meta {
  min-width: 0;
}
.account-meta--clean div,
.account-meta div,
.stats-grid .stat-card,
.admin-meta div {
  min-width: 0 !important;
  overflow: hidden;
}
.account-meta span,
.account-meta strong,
.account-meta--clean span,
.account-meta--clean strong,
.stat-card span,
.stat-card strong,
.admin-meta span,
.admin-meta strong {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
}
.panel__head {
  gap: 14px !important;
}
.panel__head > div {
  min-width: 0;
}
.panel__head .status-pill[hidden],
.security-email-cancel,
#cancelEmailEditButton { display: none !important; }
.security-card__head--status {
  align-items: flex-start !important;
}
.security-card__head--status #emailVerifyStatus { display: none !important; }
.cheat-panel .panel__head,
.access-panel .panel__head,
.chart-panel .panel__head { align-items: flex-start !important; }
.security-card { min-width: 0; }
.security-card__head strong { font-size: clamp(17px, 1.6vw, 21px) !important; }

/* Admin detail cards: keep Russian labels from colliding. */
.admin-section-head .status-pill { display: none !important; }
.admin-stat-strip {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(116px, 1fr)) !important;
  gap: 10px !important;
}
.admin-stat-strip div {
  min-width: 0 !important;
  padding: 12px !important;
}
.admin-stat-strip span {
  display: block;
  font-size: 10px !important;
  line-height: 1.15 !important;
  letter-spacing: .05em !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.admin-stat-strip strong { font-size: 23px !important; }
.admin-bar {
  grid-template-columns: minmax(70px, .3fr) minmax(120px, 1fr) auto !important;
}
.admin-bar span {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* Product cards: remove legacy "format" spacing and keep cards balanced. */
.buy-card dl:empty { display: none !important; }
.buy-card dl div dt:has(+ dd) { overflow-wrap: anywhere; }
.buy-card--coming-soon dl { display: none !important; }
.buy-card--accent dl div dt { color: #8f8a83 !important; }

@media (max-width: 760px) {
  .checkout-page { padding-top: 118px !important; }
  .checkout-page .checkout-topbar {
    height: auto !important;
    min-height: 104px !important;
    flex-wrap: wrap !important;
    align-content: center;
    padding: 12px 18px !important;
  }
  .checkout-topbar-back { order: 3; margin-left: 0; }
  .checkout-page .global-auth-actions { order: 2; margin-left: auto !important; }
  .checkout-page-layout { grid-template-columns: 1fr !important; }
  .checkout-page-shell { margin-top: 14px !important; }
  .account-topbar { flex-wrap: wrap !important; height: auto !important; min-height: 72px !important; padding-block: 12px !important; }
  .account-back-button { order: -1; }
  .admin-bar { grid-template-columns: 1fr !important; gap: 8px !important; }
}

/* v9: calmer checkout methods, Bragin polish, cleaner section dividers. */
.support-teaser {
  border-top: 0 !important;
  padding-top: 34px !important;
}

.checkout-page .checkout-topbar {
  grid-template-columns: auto 1fr auto !important;
}
.checkout-page .checkout-topbar .brand {
  margin-right: 12px !important;
}
.checkout-topbar-back { display: none !important; }

.checkout-method-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.checkout-method {
  position: relative;
  min-height: 72px !important;
  align-items: center !important;
  padding: 14px !important;
  overflow: hidden;
}
.checkout-method::after {
  content: "";
  position: absolute;
  inset: auto 12px 10px auto;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: transparent;
  box-shadow: 0 0 0 1px rgba(255,255,255,.12);
}
.checkout-method.is-selected::after {
  background: #9b5cf6;
  box-shadow: 0 0 0 4px rgba(184,95,32,.13), 0 0 20px rgba(184,95,32,.18);
}
.checkout-method strong {
  display: block;
  margin-bottom: 3px;
  font-size: 14px !important;
  line-height: 1.1 !important;
}
.checkout-method small {
  display: block;
  max-width: 100%;
  font-size: 11px !important;
  line-height: 1.28 !important;
}
.checkout-method:disabled {
  cursor: not-allowed;
  opacity: .66;
}
.checkout-method__mark {
  position: relative;
  flex: 0 0 auto;
  width: 38px !important;
  height: 26px !important;
  overflow: hidden;
  border-radius: 8px !important;
  font-size: 0 !important;
}
.checkout-method__mark i,
.checkout-method__mark::before,
.checkout-method__mark::after {
  content: "";
  position: absolute;
  display: block;
}
.checkout-method__mark--ru {
  background: linear-gradient(180deg, #f7f7f7 0 33%, #2b67d8 33% 66%, #c93636 66%) !important;
  border-color: rgba(255,255,255,.16) !important;
}
.checkout-method__mark--ru i {
  inset: 7px 6px;
  border-radius: 999px;
  background: rgba(10,10,10,.44);
}
.checkout-method__mark--sbp {
  background: #0d1117 !important;
}
.checkout-method__mark--sbp i {
  left: 9px;
  top: 5px;
  width: 21px;
  height: 16px;
  background: linear-gradient(90deg, #26a8e0 0 24%, #7a54c8 24% 48%, #ec5c28 48% 69%, #f3c22f 69% 84%, #35a851 84% 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%, 30% 50%);
}
.checkout-method__mark--world {
  background: #101010 !important;
}
.checkout-method__mark--world::before,
.checkout-method__mark--world::after {
  top: 7px;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  opacity: .86;
}
.checkout-method__mark--world::before { left: 8px; background: #e34848; }
.checkout-method__mark--world::after { right: 8px; background: #efbc44; mix-blend-mode: screen; }
.checkout-method__mark--crypto {
  background: radial-gradient(circle at 72% 28%, #ffd36e, transparent 24px), #111 !important;
}
.checkout-method__mark--crypto i {
  inset: 6px 12px;
  border: 2px solid #d79646;
  border-radius: 999px;
  box-shadow: inset 0 0 0 2px rgba(215,150,70,.12);
}
.checkout-method__mark--funpay {
  background: linear-gradient(135deg, #3d1d09, #9b5cf6) !important;
}
.checkout-method__mark--funpay i {
  left: 10px;
  top: 6px;
  color: #080808;
  font: 950 11px/1 Inter, sans-serif;
}
.checkout-method__mark--funpay i::before { content: "FP"; }
.checkout-provider__badge {
  display: inline-flex !important;
  position: absolute;
  right: 12px;
  top: 10px;
  padding: 3px 7px;
  border: 1px solid rgba(184,95,32,.24);
  border-radius: 999px;
  background: rgba(184,95,32,.10);
  color: #d49a70;
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
  letter-spacing: .04em;
}
.checkout-provider__badge[hidden] { display: none !important; }

.socials--stack a[href*="vk.com"] {
  max-width: 172px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.bragin-page .site-header.site-header--simple {
  grid-template-columns: auto minmax(0, 1fr) !important;
}
body.bragin-page .bragin-top-nav {
  justify-content: flex-end;
  gap: 8px;
}
body.bragin-page .bragin-top-nav a {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border: 1px solid rgba(216,180,254,.22);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  color: #e9dcff;
}
body.bragin-page .bragin-top-nav a:hover {
  border-color: rgba(216,180,254,.42);
  background: rgba(168,85,247,.13);
}
body.bragin-page .hero__lead {
  max-width: 580px;
}
body.bragin-page .feature-card,
body.bragin-page .price-card,
body.bragin-page .ticker {
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}
body.bragin-page .feature-card:hover,
body.bragin-page .price-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(216,180,254,.26) !important;
  box-shadow: 0 20px 60px rgba(50,12,78,.24) !important;
}
body.bragin-page .site-footer {
  width: 100% !important;
  max-width: none !important;
  margin: 72px 0 0 !important;
  padding: 34px max(20px, calc((100vw - 1120px) / 2)) !important;
  border-top: 1px solid rgba(216,180,254,.16) !important;
  background: rgba(13,6,22,.96) !important;
  box-sizing: border-box;
}
body.bragin-page .site-footer__legal {
  grid-column: 1 / -1;
  justify-content: start !important;
  text-align: left !important;
}
body.bragin-page .site-footer__nav a[href="/scripts"],
body.bragin-page .site-footer__nav a[href="/products"] { display: none !important; }

@media (max-width: 760px) {
  .checkout-method-grid { grid-template-columns: 1fr !important; }
  body.bragin-page .site-header.site-header--simple {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  body.bragin-page .bragin-top-nav { justify-content: flex-start; }
}


/* v10: cart methods closer to reference, support divider fix, Bragin cleanup, video cursor fade. */
.support-teaser {
  border-top: 1px solid var(--line) !important;
  border-bottom: 0 !important;
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}
.support-teaser + .site-footer {
  border-top: 1px solid var(--line) !important;
}

.socials--stack a,
.socials--stack .socials__label {
  color: #b96b35 !important;
  font-weight: 600;
  text-decoration: none !important;
}
.socials--stack .socials__label {
  display: inline-block;
  border-bottom: 0 !important;
}

.hero__actions .button--buy,
.hero__actions .button--buy:visited,
.hero__actions .button--buy:hover,
.hero__actions .button--buy:active {
  color: #0b0b0b !important;
}

.checkout-page .checkout-topbar {
  grid-template-columns: auto 1fr auto !important;
}
.checkout-page .checkout-topbar .cms-nav,
.checkout-page .checkout-topbar .cms-menu-toggle { display: none !important; }

.checkout-method-grid--compact {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.checkout-method-grid--compact .checkout-method {
  min-height: 50px !important;
  padding: 12px 14px !important;
  gap: 10px !important;
  border-radius: 12px !important;
  background: #15151c !important;
  border: 1px solid #2c2940 !important;
  box-shadow: none !important;
}
.checkout-method-grid--compact .checkout-method:hover {
  border-color: #4a4368 !important;
  background: #191922 !important;
}
.checkout-method-grid--compact .checkout-method.is-selected {
  border-color: #af98ed !important;
  background: #1d1b29 !important;
  box-shadow: inset 0 0 0 1px rgba(200,176,255,.10) !important;
}
.checkout-method-grid--compact .checkout-method::after {
  width: 0 !important;
  height: 0 !important;
  box-shadow: none !important;
}
.checkout-method-grid--compact .checkout-method strong {
  margin: 0 !important;
  color: #f2eff9 !important;
  font-size: 15px !important;
  font-weight: 780 !important;
  line-height: 1.1 !important;
}
.checkout-method-grid--compact .checkout-method small { display: none !important; }
.checkout-method-grid--compact .checkout-provider__badge {
  top: 9px !important;
  right: 10px !important;
  padding: 3px 8px !important;
  border-color: rgba(190,166,255,.20) !important;
  background: rgba(190,166,255,.09) !important;
  color: #c9b7fb !important;
}
.checkout-method-grid--compact .checkout-method__mark {
  width: 22px !important;
  height: 16px !important;
  border-radius: 4px !important;
  border: 0 !important;
  background: transparent !important;
}
.checkout-method-grid--compact .checkout-method__mark i,
.checkout-method-grid--compact .checkout-method__mark::before,
.checkout-method-grid--compact .checkout-method__mark::after {
  border-radius: 3px;
}
.checkout-method-grid--compact .checkout-method__mark--sbp {
  background: #13131a !important;
}
.checkout-method-grid--compact .checkout-method__mark--sbp i {
  inset: 1px 2px;
  width: auto;
  height: auto;
  clip-path: polygon(0 0, 100% 50%, 0 100%, 30% 50%);
  background: linear-gradient(90deg, #1eb2f2 0 24%, #7a54c8 24% 48%, #ec5c28 48% 70%, #f0c338 70% 84%, #34b56b 84% 100%);
  border-radius: 0;
  left: 0;
  top: 0;
}
.checkout-method-grid--compact .checkout-method__mark--ru {
  background: linear-gradient(180deg, #ffffff 0 33%, #2a79e0 33% 66%, #cc4040 66%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
}
.checkout-method-grid--compact .checkout-method__mark--ru i {
  left: 2px;
  top: 3px;
  right: 2px;
  bottom: 3px;
  border-radius: 2px;
  background: #0b9ada;
}
.checkout-method-grid--compact .checkout-method__mark--ru i::before {
  content: "МИР";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  font: 900 7px/1 Inter, sans-serif;
  letter-spacing: .02em;
}
.checkout-method-grid--compact .checkout-method__mark--world {
  background: #121212 !important;
}
.checkout-method-grid--compact .checkout-method__mark--world::before,
.checkout-method-grid--compact .checkout-method__mark--world::after {
  top: 2px;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  opacity: .92;
}
.checkout-method-grid--compact .checkout-method__mark--world::before {
  left: 1px;
  background: #f24d4d;
}
.checkout-method-grid--compact .checkout-method__mark--world::after {
  right: 1px;
  background: #f0ba36;
  mix-blend-mode: screen;
}
.checkout-method-grid--compact .checkout-method__mark--crypto {
  background: #121212 !important;
}
.checkout-method-grid--compact .checkout-method__mark--crypto::before,
.checkout-method-grid--compact .checkout-method__mark--crypto::after {
  top: 3px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #2fa8ff;
}
.checkout-method-grid--compact .checkout-method__mark--crypto::before { left: 1px; }
.checkout-method-grid--compact .checkout-method__mark--crypto::after { left: 7px; background: #5ed0a5; }
.checkout-method-grid--compact .checkout-method__mark--crypto i {
  top: 3px;
  left: 13px;
  width: 8px;
  height: 8px;
  background: #efae37;
  border-radius: 999px;
  border: 0 !important;
  box-shadow: none !important;
  inset: auto;
}
.checkout-method-grid--compact .checkout-method__mark--funpay {
  background: linear-gradient(135deg, #1277c8, #38b878) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}
.checkout-method-grid--compact .checkout-method__mark--funpay i {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}
.checkout-method-grid--compact .checkout-method__mark--funpay i::before {
  content: "f";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font: 900 12px/1 Inter, sans-serif;
  text-transform: lowercase;
}
.checkout-method-grid--compact .checkout-provider--funpay {
  grid-column: span 2;
}

.video-frame[data-sk-video].is-hovering .sk-video-hover span,
.video-frame[data-sk-video].is-hovering .sk-video-hover em {
  opacity: 1;
}
.video-frame[data-sk-video] .sk-video-hover span,
.video-frame[data-sk-video] .sk-video-hover em {
  opacity: 0;
  transition: opacity .2s ease, transform .2s ease, border-color .18s ease;
}
.video-frame[data-sk-video] .sk-video-hover span {
  transform: translate(-50%, -50%) scale(.92);
}
.video-frame[data-sk-video].is-hovering .sk-video-hover span {
  transform: translate(-50%, -50%) scale(1);
}

body.bragin-page .site-header.site-header--simple .cms-nav,
body.bragin-page .site-header.site-header--simple .cms-menu-toggle {
  display: none !important;
}
body.bragin-page .feature-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body.bragin-page .feature-card {
  min-height: 225px !important;
  padding: 24px !important;
  border-radius: 22px !important;
}
body.bragin-page .feature-card--wide {
  min-height: 225px !important;
}
body.bragin-page .feature-card h3 {
  font-size: 20px !important;
}
body.bragin-page .feature-card p {
  font-size: 15px !important;
  line-height: 1.58 !important;
}
body.bragin-page .feature-card__number {
  top: 18px !important;
  right: 18px !important;
}
body.bragin-page .feature-card__tag { display: none !important; }
body.bragin-page .price-card__chip {
  opacity: .88;
}
@media (max-width: 900px) {
  body.bragin-page .feature-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v11: checkout icons exact-style polish, no purple in checkout, CMS dividers, account patrol cleanup. */
.checkout-page {
  --checkout-accent: #9b5cf6;
  --checkout-accent-soft: rgba(184,95,32,.14);
  --checkout-line: #2a2a2a;
  --checkout-panel: #18181d;
  --checkout-panel-2: #111115;
  --checkout-text: #f1f0ee;
  --checkout-muted: #8f8b86;
}
.checkout-page-shell {
  width: min(1240px, calc(100vw - 32px)) !important;
}
.checkout-page-layout {
  grid-template-columns: minmax(0, 1.12fr) minmax(440px, .88fr) !important;
  gap: 18px !important;
}
.checkout-page-panel,
.checkout-page-payment,
.checkout-page-order {
  border-color: var(--checkout-line) !important;
  background: rgba(17,17,19,.92) !important;
  color: var(--checkout-text) !important;
}
.checkout-page-kicker,
.checkout-page-panel__head > a,
.checkout-page-panel__head h2,
.checkout-page-heading h1,
.checkout-page-heading .eyebrow {
  color: var(--checkout-text) !important;
}
.checkout-page-panel__head > a {
  border-color: #333 !important;
  background: #151515 !important;
  color: #c87943 !important;
}
.checkout-page-panel__head > a:hover {
  border-color: rgba(184,95,32,.35) !important;
  background: #17130f !important;
}
.checkout-page-item,
.checkout-page-promo__row input {
  border-color: #28282c !important;
  background: #151519 !important;
}
.checkout-page-item span,
.checkout-page-promo > label,
.checkout-page-summary > div,
.checkout-page-summary__total span {
  color: var(--checkout-muted) !important;
}
.checkout-page-promo,
.checkout-page-summary {
  border-top-color: #2a2928 !important;
}
.checkout-page-summary__total {
  border-top-color: #2e2b28 !important;
}
.checkout-page-summary > div strong,
.checkout-page-summary__total strong {
  color: #f4eee8 !important;
}
.checkout-page-pay,
.checkout-page-pay:hover {
  background: var(--checkout-accent) !important;
  color: #080808 !important;
  box-shadow: 0 18px 34px rgba(184,95,32,.13) !important;
}
.checkout-page-pay:hover { background: #c86d2d !important; }
.checkout-page-error { color: #df9a76 !important; }
.checkout-page .global-account-link,
.checkout-page .global-cart-button {
  border-color: #2e2e2e !important;
  background: #141414 !important;
  color: #e9e5df !important;
}
.checkout-page .global-account-avatar,
.checkout-page .global-cart-count {
  background: rgba(184,95,32,.16) !important;
  color: #d49b70 !important;
}
.checkout-page .global-cart-button.has-items {
  border-color: rgba(184,95,32,.35) !important;
}
.checkout-page .brand-mark,
.checkout-page .brand:hover .brand-mark {
  border-color: rgba(184,95,32,.32) !important;
  color: #d49b70 !important;
}
.checkout-page .global-cart-close,
.checkout-page .global-cart-item button,
.checkout-page button[aria-label*="Удалить"] {
  border-color: #2d2d2d !important;
  background: #141414 !important;
  color: #a7a19b !important;
}
.checkout-page .global-cart-close:hover,
.checkout-page .global-cart-item button:hover,
.checkout-page button[aria-label*="Удалить"]:hover {
  border-color: rgba(184,95,32,.36) !important;
  color: #d49b70 !important;
}

.checkout-method-grid--compact {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}
.checkout-method-grid--compact .checkout-method {
  min-width: 0;
  min-height: 47px !important;
  padding: 10px 12px !important;
  gap: 9px !important;
  border-radius: 8px !important;
  border: 1px solid #2a2a2f !important;
  background: #17171b !important;
  color: #eeeae6 !important;
}
.checkout-method-grid--compact .checkout-method:hover {
  border-color: #3a302a !important;
  background: #1a1715 !important;
}
.checkout-method-grid--compact .checkout-method.is-selected {
  border-color: #b98663 !important;
  background: #211a16 !important;
  box-shadow: inset 0 0 0 1px rgba(184,95,32,.10) !important;
}
.checkout-method-grid--compact .checkout-method strong {
  min-width: 0;
  color: #f0ece8 !important;
  font-size: 13px !important;
  font-weight: 730 !important;
  line-height: 1.05 !important;
  letter-spacing: -.015em !important;
  white-space: normal;
}
.checkout-method-grid--compact .checkout-provider--funpay strong { padding-right: 54px; }
.checkout-method-grid--compact .checkout-method__mark {
  flex: 0 0 26px !important;
  width: 26px !important;
  height: 18px !important;
  border-radius: 5px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: #101015 !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.32) !important;
}
.checkout-method-grid--compact .checkout-method__mark--sbp {
  background: #101015 !important;
}
.checkout-method-grid--compact .checkout-method__mark--sbp::before {
  content: "";
  position: absolute;
  inset: 3px 8px 3px 4px;
  background: linear-gradient(90deg, #1aa8e8 0 22%, #7e5dd3 22% 45%, #ef5a2a 45% 66%, #f3c532 66% 82%, #30ad63 82% 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%, 34% 50%);
  border-radius: 1px;
}
.checkout-method-grid--compact .checkout-method__mark--sbp i {
  display: none !important;
}
.checkout-method-grid--compact .checkout-method__mark--ru {
  background: #139ed2 !important;
  border-color: rgba(24,196,232,.22) !important;
}
.checkout-method-grid--compact .checkout-method__mark--ru::before {
  content: "МИР";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #ffffff;
  font: 950 7px/1 Inter, sans-serif;
  letter-spacing: .04em;
}
.checkout-method-grid--compact .checkout-method__mark--ru::after {
  content: "";
  position: absolute;
  right: 3px;
  top: 5px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: linear-gradient(135deg, #55c75a, #f0c84a 54%, #ec5b35 55%);
  opacity: .95;
}
.checkout-method-grid--compact .checkout-method__mark--ru i { display: none !important; }
.checkout-method-grid--compact .checkout-method__mark--world {
  background: #101010 !important;
  border-color: rgba(255,255,255,.10) !important;
}
.checkout-method-grid--compact .checkout-method__mark--world::before,
.checkout-method-grid--compact .checkout-method__mark--world::after {
  top: 4px !important;
  width: 11px !important;
  height: 11px !important;
  border-radius: 999px !important;
}
.checkout-method-grid--compact .checkout-method__mark--world::before { left: 5px !important; background: #f04d4d !important; }
.checkout-method-grid--compact .checkout-method__mark--world::after { right: 5px !important; background: #efb940 !important; mix-blend-mode: screen; }
.checkout-method-grid--compact .checkout-method__mark--crypto {
  background: #101015 !important;
}
.checkout-method-grid--compact .checkout-method__mark--crypto::before,
.checkout-method-grid--compact .checkout-method__mark--crypto::after,
.checkout-method-grid--compact .checkout-method__mark--crypto i {
  content: "";
  position: absolute;
  top: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(255,255,255,.10);
}
.checkout-method-grid--compact .checkout-method__mark--crypto::before { left: 4px; background: #31a2f2; }
.checkout-method-grid--compact .checkout-method__mark--crypto::after { left: 10px; background: #48cfa0; }
.checkout-method-grid--compact .checkout-method__mark--crypto i { left: 16px; background: #f0ad3e; border: 0 !important; }
.checkout-method-grid--compact .checkout-method__mark--funpay {
  background: linear-gradient(135deg, #1b83ce 0%, #22aa75 100%) !important;
  border-color: rgba(45,190,148,.22) !important;
}
.checkout-method-grid--compact .checkout-method__mark--funpay i::before {
  content: "F" !important;
  color: #ffffff;
  font: 950 11px/1 Inter, sans-serif;
  text-transform: uppercase;
  text-shadow: 0 1px 4px rgba(0,0,0,.25);
}
.checkout-method-grid--compact .checkout-provider__badge {
  top: 8px !important;
  right: 9px !important;
  border-color: rgba(184,95,32,.25) !important;
  background: rgba(184,95,32,.10) !important;
  color: #d28b56 !important;
  font-size: 9px !important;
}

@media (min-width: 1050px) {
  .checkout-page-payment { min-width: 440px; }
}
@media (max-width: 980px) {
  .checkout-page-layout { grid-template-columns: 1fr !important; }
  .checkout-page-payment { min-width: 0; }
}
@media (max-width: 520px) {
  .checkout-method-grid--compact { grid-template-columns: 1fr !important; }
  .checkout-method-grid--compact .checkout-provider--funpay { grid-column: auto; }
}

/* CMS page separators restored, while support block keeps no lower duplicate line. */
.free-script-page .script-hero,
.free-script-page .script-promo-grid,
.free-script-page .script-video-section,
.free-script-page .download-guide {
  border-bottom: 1px solid var(--line) !important;
}
.free-script-page .script-promo-grid,
.free-script-page .script-video-section,
.free-script-page .download-guide {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}
.free-script-page .support-teaser {
  border-top: 1px solid var(--line) !important;
  border-bottom: 0 !important;
}

/* Profile: less text, no patrol columns/cards. */
.dashboard-hero .lead { display: none !important; }
.stat-card--patrols { display: none !important; }

/* Bragin product block: more balanced and less crowded. */
body.bragin-page .subscription--short {
  align-items: stretch !important;
  gap: 24px !important;
}
body.bragin-page .subscription__copy {
  padding-right: 10px;
}
body.bragin-page .subscription__copy h2 {
  font-size: clamp(30px, 4vw, 48px) !important;
  line-height: 1.08 !important;
}
body.bragin-page .check-list {
  gap: 10px !important;
  margin-top: 22px !important;
}
body.bragin-page .check-list li {
  line-height: 1.5 !important;
}
body.bragin-page .price-card {
  padding: 26px !important;
  min-height: auto !important;
  align-self: stretch;
}
body.bragin-page .price-card__top {
  margin-bottom: 28px !important;
}
body.bragin-page .price {
  margin-bottom: 28px !important;
}
body.bragin-page .price strong {
  display: block;
  font-size: clamp(42px, 5vw, 66px) !important;
  line-height: .95 !important;
  letter-spacing: -.06em !important;
}
body.bragin-page .price span {
  display: block;
  margin-top: 10px;
  color: var(--muted) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}
body.bragin-page .price small {
  color: inherit !important;
  font-size: inherit !important;
}


/* v12: all checkout methods on Platega + official SBP icon */
.checkout-page-kicker,
.checkout-page-heading span,
.checkout-page-panel__head a,
.checkout-page-empty a,
.checkout-page .checkout-topbar a,
.checkout-page .checkout-topbar .brand__copy small {
  color: #a56b45 !important;
}
.checkout-page .checkout-topbar .brand-mark,
.checkout-page .checkout-page-shell,
.checkout-page-panel,
.checkout-page-item,
.checkout-page-promo,
.checkout-page-summary,
.checkout-method-grid--compact .checkout-method {
  border-color: #2b241f !important;
}
.checkout-page .checkout-topbar .brand-mark,
.checkout-page .checkout-page-shell,
.checkout-page-panel,
.checkout-page-item,
.checkout-page-empty {
  background-color: #111112 !important;
}
.checkout-page .checkout-topbar .brand,
.checkout-page .checkout-topbar .global-account-link,
.checkout-page .checkout-topbar .global-cart-button,
.checkout-page-panel__head > a {
  color: #e7ddd4 !important;
}
.checkout-page-panel__head > a:hover,
.checkout-page .checkout-topbar .global-account-link:hover,
.checkout-page .checkout-topbar .global-cart-button:hover {
  border-color: #4a3223 !important;
  background: #171311 !important;
}
.checkout-page .global-cart-count { background: #9b5cf6 !important; }
.checkout-provider__badge {
  border-color: rgba(184,95,32,.24) !important;
  background: rgba(184,95,32,.10) !important;
  color: #d49a70 !important;
}
.checkout-method-grid--compact .checkout-method__mark--sbp {
  background: #ffffff !important;
  background-image: url('/assets/payment/sbp-logo.png') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.06) !important;
}
.checkout-method-grid--compact .checkout-method__mark--sbp::before,
.checkout-method-grid--compact .checkout-method__mark--sbp::after,
.checkout-method-grid--compact .checkout-method__mark--sbp i {
  display: none !important;
}


/* v14: add SberPay method next to SBP */
.checkout-method-grid--compact .checkout-method__mark--sberpay {
  background: #ffffff !important;
  background-image: url('/assets/payment/sberpay-logo.svg') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.06) !important;
}
.checkout-method-grid--compact .checkout-method__mark--sberpay::before,
.checkout-method-grid--compact .checkout-method__mark--sberpay::after,
.checkout-method-grid--compact .checkout-method__mark--sberpay i {
  display: none !important;
}


/* v15: SberPay official image, strict 2x3 checkout grid, dark payment-loading screen. */
body.checkout-page,
body.checkout-page::before,
html:has(body.checkout-page) {
  background: #080808 !important;
}
body.checkout-page.is-checkout-loading::after {
  content: "Создаём платёж…";
  position: fixed;
  z-index: 99999;
  inset: 0;
  display: grid;
  place-items: center;
  background: #080808;
  color: #eee8e1;
  font: 800 16px/1 Inter, system-ui, sans-serif;
  letter-spacing: .01em;
}
body.checkout-page.is-checkout-loading::before {
  content: "";
  position: fixed;
  z-index: 100000;
  left: 50%;
  top: calc(50% + 34px);
  width: 42px;
  height: 42px;
  margin-left: -21px;
  border-radius: 999px;
  border: 3px solid #2a221c;
  border-top-color: #b983ff;
  animation: checkoutSpin .8s linear infinite;
}
@keyframes checkoutSpin { to { transform: rotate(360deg); } }
.checkout-method-grid--compact {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: minmax(50px, auto) !important;
}
.checkout-method-grid--compact .checkout-provider--funpay {
  grid-column: auto !important;
}
.checkout-method-grid--compact .checkout-provider--funpay strong {
  padding-right: 48px !important;
}
.checkout-method-grid--compact .checkout-method__mark--sberpay {
  width: 34px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  background-image: url('/assets/payment/sberpay-logo.png') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.06) !important;
}
.checkout-method-grid--compact .checkout-method__mark--sberpay::before,
.checkout-method-grid--compact .checkout-method__mark--sberpay::after,
.checkout-method-grid--compact .checkout-method__mark--sberpay i {
  display: none !important;
}
@media (max-width: 520px) {
  .checkout-method-grid--compact { grid-template-columns: 1fr !important; }
}


/* v16: cleaner payment icons and more robust direct method handling */
html.checkout-page-root,
html.checkout-page-root body.checkout-page {
  background: #080808 !important;
}
.checkout-page {
  min-height: 100vh;
}
.checkout-page .checkout-method-grid--compact {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch;
}
.checkout-page .checkout-method-grid--compact .checkout-method {
  min-height: 60px !important;
  padding: 12px 14px !important;
}
.checkout-page .checkout-method-grid--compact .checkout-provider--funpay {
  grid-column: auto !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method strong {
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark {
  width: 38px !important;
  height: 24px !important;
  border-radius: 6px !important;
  background-color: #fff !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08) !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--world {
  background-image: url('/assets/payment/mastercard-logo.svg') !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--world::before,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--world::after,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--world i,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--crypto::before,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--crypto::after,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--crypto i,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sberpay::before,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sberpay::after,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sberpay i {
  display: none !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--crypto {
  background-image: url('/assets/payment/crypto-logo.svg') !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sberpay {
  background-image: url('/assets/payment/sberpay-logo.png') !important;
}
body.checkout-page.is-checkout-loading,
body.checkout-page.is-checkout-loading > * {
  cursor: progress !important;
}
body.checkout-page.is-checkout-loading::after {
  background: #080808 !important;
}


/* v17: clearer dark-friendly payment icons, keep FunPay as-is */
.checkout-page .checkout-method-grid--compact .checkout-method__mark {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06) !important;
  background-color: #111316 !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sbp {
  background: #101214 !important;
  background-image: url('/assets/payment/sbp-logo.png') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 88% auto !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--world {
  background-image: url('/assets/payment/mastercard-dark.svg') !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--crypto {
  background-image: url('/assets/payment/crypto-dark.svg') !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sberpay {
  background: #101214 !important;
  background-image: url('/assets/payment/sberpay-logo.png') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 92% auto !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--funpay {
  width: 34px !important;
  height: 22px !important;
  border-radius: 6px !important;
  background: linear-gradient(135deg, #1277c8, #38b878) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10) !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--funpay i,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--funpay::before,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--funpay::after {
  display: block !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--funpay i::before {
  content: 'F' !important;
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  font: 900 13px/1 Inter, system-ui, sans-serif;
}

/* v18: paid product access, protected installer download, product online/heartbeat UI. */
.product-access-panel {
  grid-column: 1 / -1;
}
.product-access-list,
.product-online-list {
  display: grid;
  gap: 14px;
}
.product-access-card,
.product-online-card {
  border: 1px solid rgba(184, 95, 32, .16);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
  padding: 18px;
  box-shadow: 0 18px 50px rgba(0,0,0,.22);
}
.product-access-card.is-active {
  border-color: rgba(184, 95, 32, .34);
  background: linear-gradient(180deg, rgba(184,95,32,.10), rgba(255,255,255,.018));
}
.product-access-card__head,
.product-online-card__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
}
.product-access-card__head strong,
.product-online-card__head strong {
  display: block;
  color: #f2ebe3;
  font-size: 18px;
}
.product-access-card__head span,
.product-online-card__head span,
.product-access-card__hint {
  display: block;
  color: rgba(238,231,222,.62);
  margin-top: 4px;
}
.product-access-card__head b,
.product-online-card__head b {
  flex: 0 0 auto;
  border: 1px solid rgba(184,95,32,.25);
  border-radius: 999px;
  padding: 7px 10px;
  color: #d79a6c;
  background: rgba(184,95,32,.10);
  font-size: 12px;
}
.product-access-card dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 14px;
}
.product-access-card dl div {
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 14px;
  padding: 10px;
  background: rgba(0,0,0,.18);
}
.product-access-card dt {
  color: rgba(238,231,222,.48);
  font-size: 12px;
}
.product-access-card dd {
  margin: 3px 0 0;
  color: #f1e8df;
  font-weight: 800;
}
.product-access-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.product-access-card__hint {
  margin-bottom: 0;
  font-size: 13px;
}
.product-access-card__hint code {
  color: #d89b70;
  background: rgba(184,95,32,.10);
  border: 1px solid rgba(184,95,32,.18);
  border-radius: 8px;
  padding: 2px 5px;
}
@media (max-width: 720px) {
  .product-access-card dl { grid-template-columns: 1fr; }
  .product-access-card__head,
  .product-online-card__head { flex-direction: column; }
}

/* v19: Bragin public online/install block + admin searchable limited lists and fixed side panels. */
.bragin-live-install {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(320px, 1fr);
  gap: 18px;
  align-items: start;
}
.bragin-now-card,
.bragin-install-card {
  border: 1px solid rgba(184,95,32,.18);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015));
  padding: 22px;
  box-shadow: 0 22px 70px rgba(0,0,0,.28);
}
.bragin-now-card__value {
  display: grid;
  gap: 4px;
  margin: 12px 0;
}
.bragin-now-card__value strong {
  color: #f1e9df;
  font-size: clamp(44px, 7vw, 78px);
  line-height: .9;
  letter-spacing: -.06em;
}
.bragin-now-card__value span,
.bragin-now-card p,
.bragin-install-card p {
  color: rgba(238,231,222,.64);
}
.bragin-install-card {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
}
.bragin-install-card h2 { margin: 4px 0 8px; }
.bragin-install-card.is-active {
  border-color: rgba(184,95,32,.36);
  background: linear-gradient(180deg, rgba(184,95,32,.11), rgba(255,255,255,.018));
}
.bragin-install-card.is-locked .button[disabled],
.product-access-card .button[disabled] {
  cursor: not-allowed;
  opacity: .48;
  filter: grayscale(.25);
}
.bragin-install-card__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}
.product-access-card:not(.is-active) {
  border-color: rgba(255,255,255,.08);
}
.admin-two-column,
.admin-two-column--assets,
.admin-two-column--subscriptions,
.admin-two-column--system {
  align-items: start !important;
}
.admin-two-column > .panel,
.admin-two-column > form,
.admin-side-panel,
.admin-form-panel {
  align-self: start !important;
  height: auto !important;
  min-height: 0 !important;
}
.admin-list-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.admin-list-tools > span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}
.admin-search--compact {
  width: min(420px, 100%);
  margin: 0;
}
.admin-search--compact input,
.admin-search input {
  min-height: 42px;
}
.admin-limited-list {
  max-height: min(74vh, 820px);
  overflow: auto;
  padding-right: 4px;
  scrollbar-width: thin;
}
.admin-log-panel .admin-limited-list {
  max-height: min(72vh, 760px);
}
.admin-form-panel .button,
.admin-side-panel .button {
  align-self: flex-start;
}
@media (max-width: 900px) {
  .bragin-live-install { grid-template-columns: 1fr; }
  .bragin-install-card { align-items: flex-start; flex-direction: column; }
  .bragin-install-card__actions { justify-content: flex-start; }
}


/* v20: Bragin CMS-like online block, centered install card, profile cleanup, auth restored. */
.bragin-page .site-header--simple {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
}
.bragin-page .site-header--simple .global-auth-actions {
  margin-left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.bragin-page .bragin-top-nav {
  margin-left: auto;
}
.bragin-page .bragin-top-nav + .global-auth-actions {
  margin-left: 12px !important;
}
.bragin-page .global-account-link,
.bragin-page .global-cart-button {
  border-color: rgba(178, 111, 255, .22) !important;
  background: rgba(255,255,255,.045) !important;
  color: #f3eaff !important;
}
.bragin-page .global-account-link--primary,
.bragin-page .global-cart-count {
  background: linear-gradient(135deg, #9e62ff, #d965ff) !important;
  color: #0d0715 !important;
}
.bragin-page .global-account-avatar {
  background: rgba(178,111,255,.16) !important;
  color: #f1ddff !important;
}
.bragin-live-status {
  border-color: rgba(178,111,255,.24) !important;
  background: linear-gradient(180deg, rgba(72,33,105,.34), rgba(18,9,31,.92)) !important;
  box-shadow: 0 24px 70px rgba(81, 30, 133, .22) !important;
}
.bragin-live-status .cms-live-status__dot {
  background: #b577ff !important;
  box-shadow: 0 0 0 8px rgba(181,119,255,.12), 0 0 26px rgba(181,119,255,.42) !important;
}
.bragin-live-status h2 strong {
  color: #d9b6ff !important;
}
.bragin-live-status .cms-live-status__servers span {
  border-color: rgba(178,111,255,.20) !important;
  background: rgba(178,111,255,.08) !important;
  color: rgba(245,234,255,.82) !important;
}
.bragin-live-status .cms-live-status__servers b {
  color: #f0ddff !important;
}
.bragin-install-section {
  display: flex !important;
  justify-content: center !important;
  padding-top: 0 !important;
}
.bragin-install-section .bragin-install-card {
  width: min(520px, 100%) !important;
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(178,111,255,.24) !important;
  background: linear-gradient(180deg, rgba(72,33,105,.32), rgba(18,9,31,.92)) !important;
  box-shadow: 0 22px 60px rgba(81,30,133,.20) !important;
}
.bragin-install-section .bragin-install-card h2 {
  margin: 4px 0 18px !important;
}
.bragin-install-section .bragin-install-card .button {
  min-width: 190px !important;
}
.bragin-install-section .bragin-install-card.is-locked .button[disabled] {
  opacity: .48 !important;
  cursor: not-allowed !important;
  filter: grayscale(.25) !important;
}
.bragin-install-section .bragin-install-card.is-active .button {
  box-shadow: 0 0 0 1px rgba(218,171,255,.18), 0 18px 42px rgba(157,91,255,.24) !important;
}
.account-dashboard .product-access-panel {
  display: none !important;
}
@media (max-width: 720px) {
  .bragin-page .site-header--simple {
    flex-wrap: wrap !important;
  }
  .bragin-page .bragin-top-nav {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    margin-left: 0;
  }
  .bragin-page .site-header--simple .global-auth-actions {
    margin-left: auto !important;
  }
}


/* v21: Bragin online block matches CMS live-status layout */
.bragin-page .bragin-live-status {
  border: 1px solid var(--line) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  background: #09090a !important;
  box-shadow: none !important;
  padding: 86px 0 !important;
}
.bragin-page .bragin-live-status .cms-live-status__main {
  max-width: 760px !important;
}
.bragin-page .bragin-live-status .cms-live-status__dot {
  background: #a178cb !important;
  box-shadow: none !important;
}
.bragin-page .bragin-live-status .eyebrow {
  color: #b577ff !important;
}
.bragin-page .bragin-live-status h2 {
  max-width: 560px !important;
  color: #f6efff !important;
}
.bragin-page .bragin-live-status h2 strong {
  color: #b577ff !important;
}
.bragin-page .bragin-live-status p:not(.eyebrow) {
  max-width: 520px !important;
  margin-top: 14px !important;
  color: var(--muted) !important;
}
.bragin-page .bragin-live-status .cms-live-status__servers span {
  border-color: var(--line) !important;
  background: #111 !important;
  color: var(--muted) !important;
}
.bragin-page .bragin-live-status .cms-live-status__servers b {
  color: #f6efff !important;
}
.bragin-page .bragin-install-section {
  padding-top: 42px !important;
  padding-bottom: 86px !important;
}
.bragin-page .bragin-install-section .bragin-install-card {
  width: min(420px, 100%) !important;
}


/* v22: Bragin online/install final polish */
body.bragin-page {
  background: radial-gradient(900px circle at 72% 18%, rgba(129,78,216,.18), transparent 52%), #08050d !important;
}
.bragin-page .bragin-live-status {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .75fr) !important;
  gap: 28px !important;
  align-items: center !important;
  width: min(var(--max-width), calc(100% - 40px)) !important;
  margin-inline: auto !important;
  padding: 86px 0 !important;
  border-top: 1px solid rgba(157,105,245,.20) !important;
  border-bottom: 1px solid rgba(157,105,245,.20) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, rgba(155,92,246,.075), transparent 62%) !important;
  box-shadow: none !important;
}
.bragin-page .bragin-live-status .cms-live-status__main {
  display: flex !important;
  gap: 18px !important;
  align-items: flex-start !important;
  max-width: none !important;
}
.bragin-page .bragin-live-status .cms-live-status__dot {
  width: 13px !important;
  height: 13px !important;
  margin-top: 9px !important;
  flex: 0 0 auto !important;
  border-radius: 50% !important;
  background: #b577ff !important;
  box-shadow: 0 0 0 7px rgba(181,119,255,.10), 0 0 24px rgba(181,119,255,.42) !important;
}
.bragin-page .bragin-live-status .eyebrow {
  color: #b577ff !important;
}
.bragin-page .bragin-live-status h2 {
  max-width: 590px !important;
  margin: 2px 0 10px !important;
  font-size: clamp(28px, 4vw, 48px) !important;
  line-height: 1.05 !important;
  color: #f6efff !important;
}
.bragin-page .bragin-live-status h2 strong {
  color: #b577ff !important;
}
.bragin-page .bragin-live-status p:not(.eyebrow) {
  max-width: 560px !important;
  margin: 0 !important;
  color: rgba(246,239,255,.62) !important;
  line-height: 1.6 !important;
}
.bragin-page .bragin-live-status .cms-live-status__servers {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 0 !important;
}
.bragin-page .bragin-live-status .cms-live-status__servers span {
  display: inline-flex !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 9px 11px !important;
  border: 1px solid rgba(157,105,245,.20) !important;
  border-radius: 999px !important;
  background: rgba(18,11,31,.72) !important;
  color: rgba(246,239,255,.66) !important;
  font-size: 13px !important;
}
.bragin-page .bragin-live-status .cms-live-status__servers b {
  color: #f6efff !important;
  font-size: 12px !important;
  letter-spacing: .04em !important;
}
.bragin-page .bragin-install-section {
  width: min(var(--max-width), calc(100% - 40px)) !important;
  margin-inline: auto !important;
  padding: 42px 0 86px !important;
  display: flex !important;
  justify-content: center !important;
  background: transparent !important;
}
.bragin-page .bragin-install-section .bragin-install-card {
  width: min(440px, 100%) !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 34px 30px !important;
  text-align: center !important;
  border-radius: 24px !important;
  border: 1px solid rgba(178,111,255,.28) !important;
  background: linear-gradient(180deg, rgba(72,33,105,.34), rgba(18,9,31,.82)) !important;
  box-shadow: 0 22px 60px rgba(81,30,133,.20) !important;
}
.bragin-page .bragin-install-section .bragin-install-card .eyebrow {
  margin: 0 !important;
}
.bragin-page .bragin-install-section .bragin-install-card h2 {
  margin: 0 !important;
  max-width: 330px !important;
  font-size: clamp(34px, 5vw, 52px) !important;
  line-height: 1.05 !important;
}
.bragin-page .bragin-install-section .bragin-install-card .button {
  min-width: 220px !important;
  margin-top: 4px !important;
}
@media (max-width: 760px) {
  .bragin-page .bragin-live-status {
    grid-template-columns: 1fr !important;
  }
  .bragin-page .bragin-live-status .cms-live-status__servers {
    justify-content: flex-start !important;
  }
}


/* v23: Bragin full-width online section and install note */
body.bragin-page .ticker,
body.bragin-page .ticker__track {
  display: none !important;
}
.bragin-page .bragin-live-status {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding: 86px max(32px, calc((100vw - var(--max-width)) / 2)) !important;
  box-sizing: border-box !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(157,105,245,.18) !important;
  background:
    radial-gradient(780px circle at 18% 18%, rgba(155,92,246,.10), transparent 56%),
    linear-gradient(90deg, rgba(155,92,246,.055), transparent 66%) !important;
  overflow: visible !important;
}
.bragin-page .bragin-live-status .cms-live-status__main {
  min-width: 0 !important;
}
.bragin-page .bragin-live-status .cms-live-status__servers {
  padding-right: 0 !important;
}
.bragin-page .bragin-live-status .cms-live-status__dot {
  margin-left: 0 !important;
}
.bragin-page .bragin-install-section {
  padding-top: 46px !important;
}
.bragin-page .bragin-install-note {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: -4px 0 0 !important;
  color: rgba(246,239,255,.58) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
}
.bragin-page .bragin-install-note span {
  display: inline-grid !important;
  place-items: center !important;
  width: 17px !important;
  height: 17px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(181,119,255,.42) !important;
  background: rgba(181,119,255,.10) !important;
  color: #caa4ff !important;
  font: 900 11px/1 Inter, system-ui, sans-serif !important;
}
@media (max-width: 760px) {
  .bragin-page .bragin-live-status {
    padding: 68px 22px !important;
  }
}

/* v24: Bragin online dividers and left header navigation */
body.bragin-page .site-header.site-header--simple,
.bragin-page .site-header--simple {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}
body.bragin-page .site-header.site-header--simple .brand,
.bragin-page .site-header--simple .brand {
  flex: 0 0 auto !important;
}
body.bragin-page .bragin-top-nav,
.bragin-page .bragin-top-nav {
  order: 2 !important;
  margin-left: 12px !important;
  margin-right: 0 !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
}
body.bragin-page .site-header.site-header--simple .global-auth-actions,
.bragin-page .site-header--simple .global-auth-actions {
  order: 3 !important;
  margin-left: auto !important;
}
.bragin-page .bragin-live-status {
  border-top: 1px solid rgba(157,105,245,.18) !important;
  border-bottom: 1px solid rgba(157,105,245,.20) !important;
}
.bragin-page .bragin-live-status::before,
.bragin-page .bragin-live-status::after {
  display: none !important;
}
.bragin-page .bragin-install-section {
  border-top: 0 !important;
}
@media (max-width: 760px) {
  body.bragin-page .site-header.site-header--simple,
  .bragin-page .site-header--simple {
    flex-wrap: wrap !important;
  }
  body.bragin-page .bragin-top-nav,
  .bragin-page .bragin-top-nav {
    order: 3 !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
  body.bragin-page .site-header.site-header--simple .global-auth-actions,
  .bragin-page .site-header--simple .global-auth-actions {
    order: 2 !important;
    margin-left: auto !important;
  }
}


/* v25: consistent compact payment icons on dark square */
.checkout-page .checkout-method-grid--compact .checkout-method__mark:not(.checkout-method__mark--funpay) {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 6px !important;
  background-color: #101820 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.07), 0 5px 14px rgba(0,0,0,.18) !important;
  overflow: hidden !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sbp {
  background-image: url('/assets/payment/sbp-compact.svg') !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sberpay {
  background-image: url('/assets/payment/sberpay-compact.svg') !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--world {
  background-image: url('/assets/payment/mastercard-dark.svg') !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--crypto {
  background-image: url('/assets/payment/crypto-dark.svg') !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sbp::before,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sbp::after,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sbp i,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sberpay::before,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sberpay::after,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sberpay i,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--world::before,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--world::after,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--world i,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--crypto::before,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--crypto::after,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--crypto i {
  display: none !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--ru {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 6px !important;
}


/* v26: crisp vector SBP and SberPay icons */
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sbp,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sberpay {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 6px !important;
  background-color: #101820 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 28px 28px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sbp {
  background-image: url('/assets/payment/sbp-compact.svg') !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sberpay {
  background-image: url('/assets/payment/sberpay-compact.svg') !important;
}

/* v27: final compact SBP/Sber icons, same square style as other payment marks */
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sbp,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sberpay {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 6px !important;
  background-color: #101820 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 28px 28px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important;
  overflow: hidden !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sbp {
  background-image: url('/assets/payment/sbp-compact.svg') !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sberpay {
  background-image: url('/assets/payment/sberpay-compact.svg') !important;
}
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sbp::before,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sbp::after,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sbp i,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sberpay::before,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sberpay::after,
.checkout-page .checkout-method-grid--compact .checkout-method__mark--sberpay i {
  display: none !important;
}

/* CMS ID balance checkout */
.checkout-method__mark--balance{display:grid!important;place-items:center!important;background:rgba(255,122,24,.12)!important;border:1px solid rgba(255,122,24,.22)!important;color:#ff9b4a!important;font-size:.64rem!important;font-weight:900!important;letter-spacing:.02em!important}
.checkout-provider--balance:disabled{opacity:.48!important;cursor:not-allowed!important}