/* ============================================================
   PokerADM — app.css v710 (premium fintech)
   Inspired by: Revolut В· Coinbase В· Binance В· Wise В· Robinhood
   ============================================================ */

:root {
  --bg-0:#06080F; --bg-1:#0B0F1A; --bg-2:#121827; --bg-3:#1A2133;
  --surface:rgba(19,25,40,.72); --surface-hi:rgba(28,36,55,.88); --surface-lo:rgba(12,16,26,.6);
  --border:rgba(255,255,255,.06); --border-hi:rgba(255,255,255,.12); --border-accent:rgba(16,212,154,.35);

  --accent:#10D49A; --accent-hi:#34E5AE; --accent-lo:#047857;
  --accent-soft:rgba(16,212,154,.14); --accent-glow:rgba(16,212,154,.35);

  --danger:#F43F5E; --danger-soft:rgba(244,63,94,.14); --danger-glow:rgba(244,63,94,.32);
  --gold:#F2C992; --gold-soft:rgba(242,201,146,.14);
  --purple:#A78BFA; --blue:#60A5FA;

  --text:#F2F5FA; --text-dim:#9AA3B8; --text-mute:#616B82;

  --radius-xl:26px; --radius-lg:20px; --radius-md:14px; --radius-sm:10px; --radius-pill:999px;

  --shadow-xs:0 1px 2px rgba(0,0,0,.4);
  --shadow-sm:0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04);
  --shadow-md:0 10px 28px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04);
  --shadow-lg:0 28px 70px rgba(0,0,0,.6);
  --shadow-glow-a:0 0 0 1px rgba(16,212,154,.3),0 10px 32px rgba(16,212,154,.22);
  --shadow-glow-d:0 0 0 1px rgba(244,63,94,.3),0 10px 32px rgba(244,63,94,.22);

  --blur:blur(22px) saturate(160%);
  --font-ui:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;

  --topbar-h:60px; --bottomnav-h:70px;
  --safe-top:env(safe-area-inset-top,0px); --safe-bot:env(safe-area-inset-bottom,0px);
  --ease:cubic-bezier(.22,.8,.22,1); --ease-out:cubic-bezier(.16,1,.3,1);
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;max-width:100%;height:100%;overflow-x:hidden;overscroll-behavior:none}
html{background:var(--bg-0);color-scheme:dark;overflow-y:hidden;touch-action:pan-y}
body{
  font-family:var(--font-ui);font-size:15px;line-height:1.5;color:var(--text);
  overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;
  background:
    radial-gradient(1400px 900px at 85% -20%,rgba(16,212,154,.12),transparent 60%),
    radial-gradient(1000px 700px at -15% 20%,rgba(167,139,250,.08),transparent 60%),
    radial-gradient(800px 600px at 50% 110%,rgba(96,165,250,.06),transparent 65%),
    linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 100%);
  background-attachment:fixed;min-height:100vh;min-height:100dvh;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
  letter-spacing:-0.005em;
}
img,svg{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--accent);text-decoration:none;transition:color .18s var(--ease)}
a:hover{color:var(--accent-hi)}
hr{border:none;border-top:1px solid var(--border);margin:16px 0}

h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;letter-spacing:-0.018em;color:var(--text)}
h1{font-size:1.85rem;line-height:1.15;letter-spacing:-0.025em}
h2{font-size:1.45rem;line-height:1.2;letter-spacing:-0.02em}
h3{font-size:1.15rem;line-height:1.25}
h4{font-size:1rem}
h5,h6{font-size:.92rem;font-weight:600}
p{margin:0 0 12px;color:var(--text-dim)}
label{display:inline-block;margin:0 0 6px;font-size:.72rem;font-weight:600;color:var(--text-mute);text-transform:uppercase;letter-spacing:.08em}
.font-mono{font-family:var(--font-mono) !important;font-feature-settings:"tnum" 1,"zero" 1}
.text-dim{color:var(--text-dim) !important}
.text-mute{color:var(--text-mute) !important}
.text-accent{color:var(--accent) !important}
.text-danger{color:var(--danger) !important}
.text-gold{color:var(--gold) !important}
::selection{background:var(--accent-soft);color:var(--text)}

/* ---------- Top bar ---------- */
.app-topbar{
  position:sticky;top:0;z-index:100;
  height:calc(var(--topbar-h) + var(--safe-top));
  padding:var(--safe-top) max(14px, calc((100% - 1240px) / 2 + 16px)) 0;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:linear-gradient(180deg,rgba(6,8,15,.94),rgba(6,8,15,.72));
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border-bottom:1px solid var(--border);
}
.app-topbar .brand{
  display:inline-flex;align-items:center;gap:10px;
  padding:0;border-radius:0;
  background:transparent;border:none;
  color:var(--text);text-decoration:none;
  transition:opacity .2s var(--ease);min-width:0;
}
.app-topbar .brand:hover{opacity:.85}
.app-topbar .brand .brand-logo{height:46px;width:46px;object-fit:contain;background:transparent;padding:0;border-radius:0;border:none;filter:drop-shadow(0 4px 16px rgba(242,201,146,.45))}
.app-topbar .brand-text{display:inline-flex;flex-direction:column;line-height:1;gap:3px;min-width:0}
.app-topbar .brand-name{
  background:linear-gradient(135deg,#F2C992 0%,#D89866 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  font-weight:900;font-size:1.15rem;letter-spacing:.02em;text-transform:uppercase;
  white-space:nowrap;
}
.app-topbar .brand-slogan{
  color:rgba(242,201,146,.72);
  font-weight:700;font-size:.62rem;letter-spacing:.02em;text-transform:uppercase;
  white-space:nowrap;
}
.app-topbar .top-actions{display:inline-flex;align-items:center;gap:6px}
.app-topbar .language .dropdown-toggle{
  height:36px;padding:0 12px;border-radius:var(--radius-pill);
  font-size:.78rem;font-weight:600;background:rgba(255,255,255,.04);
  border:1px solid var(--border-hi);color:var(--text);
}
.app-topbar .lang-switcher{
  display:inline-flex;padding:3px;gap:0;
  background:rgba(255,255,255,.04);border:1px solid var(--border-hi);border-radius:var(--radius-pill);
}
.app-topbar .lang-switcher .btn{
  height:30px;padding:0 12px;border:none !important;
  background:transparent !important;color:var(--text-dim) !important;
  box-shadow:none !important;font-size:.78rem;font-weight:700;
}
.app-topbar .lang-switcher .btn.btn-success{
  background:linear-gradient(180deg,var(--accent-hi),var(--accent-lo)) !important;
  color:#041F17 !important;box-shadow:0 4px 12px rgba(16,212,154,.3) !important;
}
.app-topbar .btn-icon{
  width:36px;height:36px;padding:0;border-radius:var(--radius-pill);
  background:rgba(255,255,255,.04);border:1px solid var(--border-hi);
  color:var(--text-dim);display:inline-flex;align-items:center;justify-content:center;
}
.app-topbar .btn-icon:hover{color:var(--accent);border-color:var(--border-accent)}
.app-install-btn{
  appearance:none;-webkit-appearance:none;margin:0;box-sizing:border-box;overflow:hidden;isolation:isolate;
  flex:0 0 auto;width:36px;height:36px;min-width:36px;padding:0;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:
    radial-gradient(circle at 50% 0%,rgba(52,229,174,.42),transparent 62%),
    linear-gradient(180deg,rgba(16,212,154,.18),rgba(4,120,87,.18));
  background-clip:padding-box;border:1px solid rgba(16,212,154,.42);color:#E8FFF8;
  font-family:var(--font-ui);font-size:.62rem;font-weight:900;letter-spacing:.075em;line-height:1;text-align:center;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 10px 22px -16px var(--accent-glow);
  text-shadow:0 0 12px rgba(16,212,154,.42);
  transition:transform .16s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),filter .18s var(--ease);
  -webkit-tap-highlight-color:transparent;transform:translateZ(0);
}
.app-install-btn:hover,.app-install-btn:focus{border-color:var(--accent);filter:brightness(1.08);box-shadow:var(--shadow-glow-a)}
.app-install-btn:active{transform:scale(.94)}
.app-topbar .dropdown-toggle::after{margin-left:6px;border-top-color:var(--text-dim)}

.app-main{flex:1 1 auto;width:100%;padding:18px 16px calc(var(--bottomnav-h) + var(--safe-bot) + 24px);max-width:1240px;margin:0 auto}

/* Fit content to viewport height on mobile, no page-scroll, equal vertical gaps */
main.container{padding-bottom:calc(var(--bottomnav-h) + var(--safe-bot) + 16px)}
@media (max-width:767.98px){
  main.container{
    height:calc(100dvh - var(--topbar-h) - var(--safe-top) - var(--bottomnav-h) - var(--safe-bot));
    overflow:visible;
    padding-top:12px;
    padding-bottom:12px;
    display:flex;flex-direction:column;gap:12px;
  }
  /* kill all internal margins so gap is the single source of truth */
  main.container > *{margin:0 !important}
  main.container > .banner-vstage{flex:0 0 auto;margin:0 !important}
  main.container > .platform-dd{flex:0 0 auto;margin:0 !important}
  main.container > .tab-content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin:0 !important;padding:0 !important}
  main.container > .tab-content > .tab-pane{flex:1 1 auto;min-height:0;display:flex;margin:0 !important;padding:0 !important}
  main.container > .tab-content > .tab-pane.active{display:flex}
  main.container > .tab-content > .tab-pane:not(.active){display:none}
  main.container > .tab-content > .tab-pane > .club-row{flex:1 1 auto;min-height:0}
}
@media (min-width:992px){main.container{padding-bottom:48px;height:auto;overflow:visible}}

/* ---------- Bottom nav ---------- */
.app-bottomnav{
  position:fixed;left:0;right:0;bottom:0;z-index:100;
  height:calc(var(--bottomnav-h) + var(--safe-bot));
  padding:4px 8px var(--safe-bot);
  display:grid;grid-auto-flow:column;grid-auto-columns:1fr;
  background:linear-gradient(180deg,rgba(6,8,15,.68),rgba(6,8,15,.95));
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border-top:1px solid var(--border);
}
.app-bottomnav a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3px;color:var(--text-mute);font-size:.7rem;font-weight:600;letter-spacing:.02em;
  text-decoration:none;position:relative;border-radius:var(--radius-md);margin:6px 4px;
  transition:color .2s var(--ease),transform .15s var(--ease);
}
.app-bottomnav a .material-icons{font-size:26px}
.app-bottomnav a.active{color:var(--accent)}
.app-bottomnav a.active::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(120% 80% at 50% 100%,var(--accent-soft),transparent 65%);
  border-radius:inherit;z-index:-1;
}
.app-bottomnav a:active{transform:scale(.92)}

@media (min-width:992px){
  .app-bottomnav{display:none}
  .app-main{padding-bottom:40px}
  .app-topbar{padding-inline:32px;height:72px}
  .app-topbar .brand img{height:30px}
}
@media (max-width:360px){
  .app-topbar{padding-inline:10px}
  .app-topbar .brand-name{font-size:.95rem}
}

/* ---------- Layout helpers ---------- */
.container,.container_{width:100%;max-width:1240px;margin-inline:auto;padding-inline:16px}
@media (min-width:768px){.container,.container_{padding-inline:24px}}
.section-title{display:block;margin:24px 0 12px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-mute)}

/* ---------- Tiles ---------- */
.tile{
  position:relative;background:var(--surface);
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;
  box-shadow:var(--shadow-sm);transition:all .22s var(--ease);
}
.tile::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 35%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
}
.tile:hover{border-color:var(--border-hi)}
.tile-compact{padding:14px;border-radius:var(--radius-md)}

/* ---------- Club tile ---------- */
.club-tile{
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;
  padding:36px 12px 16px;
  background:linear-gradient(180deg,rgba(28,36,55,.78),rgba(12,16,26,.78));
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border:1px solid var(--border);border-radius:var(--radius-lg);
  color:var(--text);text-decoration:none;transition:all .24s var(--ease-out);
  position:relative;overflow:hidden;min-height:188px;box-shadow:var(--shadow-sm);
}
.club-tile::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;
  background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
}
.club-tile::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(180px 120px at 50% 0%,var(--accent-soft),transparent 65%);
  opacity:0;transition:opacity .28s var(--ease);pointer-events:none;
}
.club-tile:hover{transform:translateY(-2px);border-color:var(--border-accent);box-shadow:var(--shadow-sm),0 0 8px var(--accent-glow)}
.club-tile:hover::after{opacity:1}
.club-tile:active{transform:scale(.97)}
.club-tile-logo{
  width:50%;aspect-ratio:1/1;height:auto;
  max-width:118px;min-width:56px;
  border-radius:22px;
  background:#11192B center / contain no-repeat;
  border:1px solid #3A4670;
  position:relative;z-index:1;
}
.club-tile-name{font-weight:700;font-size:1rem;line-height:1.15;letter-spacing:-0.01em;position:relative;z-index:1}
.club-tile-id{font-family:var(--font-mono);color:var(--text-mute);font-size:.7rem;letter-spacing:.06em;position:relative;z-index:1}

.club-tile-platform{
  position:absolute;top:10px;left:10px;
  display:inline-flex;align-items:center;gap:5px;
  padding:3px 9px 3px 5px;
  background:rgba(0,0,0,.55);backdrop-filter:blur(10px);
  color:var(--text-dim);border:1px solid var(--border);
  border-radius:var(--radius-pill);
  font-family:var(--font-mono);font-size:.58rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;z-index:2;
}
.club-tile-platform img{width:12px;height:12px;border-radius:3px;object-fit:cover}

/* ---------- Action tile ---------- */
.action-tile{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;
  gap:16px;padding:24px;border-radius:var(--radius-xl);
  background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border:1px solid var(--border);color:var(--text);text-decoration:none;
  position:relative;overflow:hidden;min-height:168px;
  transition:all .24s var(--ease-out);box-shadow:var(--shadow-sm);
}
.action-tile::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
}
.action-tile::after{
  content:"";position:absolute;right:-50px;top:-50px;width:200px;height:200px;
  border-radius:50%;opacity:.22;pointer-events:none;filter:blur(6px);
  transition:opacity .24s var(--ease),transform .4s var(--ease-out);
}
.action-tile:hover{transform:translateY(-4px)}
.action-tile:hover::after{opacity:.35;transform:scale(1.2)}
.action-tile:active{transform:scale(.98)}
.action-tile.buy::after{background:radial-gradient(closest-side,var(--accent),transparent)}
.action-tile.sell::after{background:radial-gradient(closest-side,var(--danger),transparent)}
.action-tile.buy:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md),var(--shadow-glow-a)}
.action-tile.sell:hover{border-color:rgba(244,63,94,.4);box-shadow:var(--shadow-md),var(--shadow-glow-d)}
.action-tile .icon{
  width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:16px;position:relative;
}
.action-tile.buy .icon{background:var(--accent-soft);color:var(--accent);border:1px solid rgba(16,212,154,.2)}
.action-tile.sell .icon{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(244,63,94,.2)}
.action-tile .icon .material-icons{font-size:28px}
.action-tile .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-mute);font-weight:700}
.action-tile .title{font-size:1.55rem;font-weight:800;line-height:1.05;letter-spacing:-0.025em}
.action-tile .arrow{color:var(--text-mute);align-self:flex-end}

/* ---------- Action stack (vertical full-width rows) ---------- */
.action-stack{display:flex;flex-direction:column;gap:12px}
.action-row{
  display:flex;align-items:center;gap:14px;padding:16px 18px;
  background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border:1px solid var(--border);border-radius:var(--radius-xl);
  color:var(--text);text-decoration:none;
  transition:all .22s var(--ease-out);box-shadow:var(--shadow-sm);
  position:relative;overflow:hidden;
}
.action-row::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
}
.action-row:hover{transform:translateY(-2px)}
.action-row:active{transform:scale(.98)}
.action-row .icon{
  width:48px;height:48px;flex:0 0 48px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:14px;
}
.action-row .icon .material-icons{font-size:24px}
.action-row .action-row-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.action-row .label{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-mute);font-weight:700}
.action-row .title{font-size:1.05rem;font-weight:700;line-height:1.2;letter-spacing:-0.01em}
.action-row .arrow{color:var(--text-mute);font-size:22px;flex:0 0 auto}
.action-row.buy .icon{background:var(--accent-soft);color:var(--accent);border:1px solid rgba(16,212,154,.2)}
.action-row.sell .icon{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(244,63,94,.2)}
.action-row.transfer .icon{background:rgba(242,201,146,.10);color:#F2C992;border:1px solid rgba(242,201,146,.22)}
.action-row.buy:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md),0 0 12px rgba(16,212,154,.12)}
.action-row.sell:hover{border-color:rgba(244,63,94,.4);box-shadow:var(--shadow-md),0 0 12px rgba(244,63,94,.12)}
.action-row.transfer:hover{border-color:rgba(242,201,146,.35);box-shadow:var(--shadow-md),0 0 12px rgba(242,201,146,.12)}

/* ---------- Buy API step 1 (one-screen mobile) ---------- */
.buy-club-hero{display:flex;flex-direction:column;gap:6px;overflow:hidden}
.buy-club-hero-row{display:flex;align-items:center;gap:10px}
.buy-club-rate-top{
  font-family:var(--font-mono);font-size:.66rem;color:var(--text-mute);
  text-align:center;letter-spacing:.04em;text-transform:uppercase;
  border-bottom:1px solid var(--border);padding-bottom:5px;margin-bottom:2px;
}
.buy-club-logo{
  width:40px;height:40px;flex:0 0 40px;border-radius:12px;
  background:#11192B center / contain no-repeat;
  border:1px solid #3A4670;
}
.buy-club-meta{flex:1 1 auto;min-width:0}
.buy-club-name{
  font-weight:600;font-size:.96rem;line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.buy-club-sub{
  font-size:.68rem;margin-top:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.buy-club-badge{
  display:inline-flex;align-items:center;justify-content:center;
  padding:3px 8px;border-radius:var(--radius-pill);
  background:rgba(0,0,0,.42);border:1px solid var(--border);
  color:var(--text-dim);font-family:var(--font-mono);
  font-size:.54rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  flex:0 0 auto;
}
.buy-club-badge--sell{
  background:rgba(231,76,89,.14);
  border-color:rgba(231,76,89,.32);
  color:#E74C59;
}
.buy-club-badge--transfer{
  background:rgba(242,201,146,.12);
  border-color:rgba(242,201,146,.32);
  color:#F2C992;
}

/* ---------- Transfer progress page ---------- */
.transfer-progress{
  display:flex;flex-direction:column;align-items:center;gap:14px;
  padding:28px 18px;text-align:center;margin-top:14px;
}
.transfer-progress__icon{
  width:64px;height:64px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.04);border:1px solid var(--border);
}
.transfer-progress__icon .material-icons{font-size:36px;line-height:1;}
.transfer-progress__icon.is-success{background:var(--accent-soft);border-color:rgba(16,212,154,.35);color:var(--accent);}
.transfer-progress__icon.is-error{background:var(--danger-soft);border-color:rgba(244,63,94,.35);color:var(--danger);}
.transfer-progress__icon.is-warn{background:rgba(242,201,146,.10);border-color:rgba(242,201,146,.32);color:#F2C992;}
.transfer-progress__icon.is-loading{background:rgba(16,212,154,.06);border-color:rgba(16,212,154,.25);}
.transfer-progress__title{font-size:1.05rem;font-weight:600;line-height:1.25;}
.transfer-progress__msg{
  font-size:.84rem;color:var(--text-dim);line-height:1.45;
  font-family:var(--font-mono);letter-spacing:.02em;word-break:break-word;
}
.transfer-progress__cta{width:100%;margin-top:6px;}

.transfer-progress .spinner{
  width:32px;height:32px;border-radius:50%;
  border:3px solid rgba(16,212,154,.18);
  border-top-color:var(--accent);
  animation:tpSpin .8s linear infinite;
}
@keyframes tpSpin{to{transform:rotate(360deg);}}

/* Vertically center the progress card in viewport */
.transfer-progress-page .transfer-progress-main{
  min-height:calc(100dvh - var(--topbar-h) - var(--safe-top) - var(--bottomnav-h) - var(--safe-bot));
  display:flex;align-items:center;justify-content:center;
  padding-top:16px;padding-bottom:16px;
}
.transfer-progress-page .transfer-progress-main > .row{flex:1 1 auto;}

/* Club picker option (modal — same as ClubSearchModal cards) */
.transfer-club-card{appearance:none;background:transparent;width:100%;}
.transfer-club-card.is-active{
  border-color:var(--border-accent);
  box-shadow:var(--shadow-md), 0 0 0 1px var(--border-accent) inset;
}

.buy-floating-alert{
  position:fixed;
  left:0;
  right:0;
  top:calc(var(--topbar-h) + var(--safe-top) + 8px);
  z-index:260;
  padding:0 12px;
  pointer-events:none;
  opacity:0;
  transform:translateY(-10px) scale(.98);
  animation:buyFloatingAlertIn .28s var(--ease-out) forwards;
}
.buy-floating-alert.is-hiding{
  animation:buyFloatingAlertOut .3s var(--ease) forwards;
}
.buy-floating-alert .alert{
  max-width:760px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  position:relative;
  overflow:hidden;
  border-radius:16px;
  pointer-events:auto;
  box-shadow:0 14px 34px rgba(0,0,0,.52),0 0 18px rgba(232,94,132,.26),0 0 0 1px rgba(255,255,255,.06) inset;
}
.buy-floating-alert .alert::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(120deg,#F6A8C0 0%,#D86286 50%,#A84564 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
          mask-composite:exclude;
  opacity:.78;
  pointer-events:none;
}
.buy-floating-alert .alert.alert-danger{
  background:linear-gradient(180deg,#65172B 0%,#43101D 100%) !important;
  border:1px solid #C56685 !important;
  color:#FFEAF1 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.buy-floating-alert-icon{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:21px !important;
  line-height:1;
  color:#FFD8E4;
  text-shadow:0 0 14px rgba(255,154,182,.45);
}
.buy-floating-alert-text{
  display:block;
  font-weight:600;
  letter-spacing:.01em;
}
@keyframes buyFloatingAlertIn{
  from{opacity:0;transform:translateY(-10px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes buyFloatingAlertOut{
  from{opacity:1;transform:translateY(0) scale(1)}
  to{opacity:0;transform:translateY(-10px) scale(.98)}
}

@media (min-width:768px){
  .buy-floating-alert{padding:0 24px;top:calc(var(--topbar-h) + var(--safe-top) + 12px)}
}

.restart-buy-modal .modal-dialog{max-width:520px}
.restart-buy-modal .modal-content{
  background:linear-gradient(180deg,#2E0E1A 0%,#1B0A12 100%);
  border:1px solid #B35774;
  box-shadow:0 22px 52px rgba(0,0,0,.62),0 0 24px rgba(232,94,132,.22);
}
.restart-buy-modal .modal-header{
  border-bottom:none;
  padding:18px 20px 8px;
  text-align:center;
  display:block;
}
.restart-buy-modal .modal-title{
  color:#FFE8F0;
  font-weight:700;
  margin:0;
}
.restart-buy-modal .modal-body{
  padding:8px 20px 18px;
  text-align:center;
}
.restart-buy-modal .restart-buy-text{
  margin:0;
  color:#F6CBD8;
  font-size:.98rem;
  line-height:1.45;
}
.restart-buy-modal .modal-footer{
  border-top:none;
  padding:0 20px 22px;
}
.restart-buy-modal .restart-buy-icon-wrap{
  width:56px;
  height:56px;
  border-radius:16px;
  margin:0 auto 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#7A1B35 0%,#571628 100%);
  border:1px solid #C66585;
  box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 0 18px rgba(214,92,127,.36);
}
.restart-buy-modal .restart-buy-icon{
  font-size:30px !important;
  color:#FFD9E5;
  text-shadow:0 0 16px rgba(255,160,190,.5);
}

@media (max-width:767.98px){
  .restart-buy-modal .modal-dialog{margin:12px}
}

.chips-title-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.chips-rate-hint{
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:.62rem;
  color:var(--text-mute);
  text-transform:none;
  letter-spacing:.02em;
  text-align:right;
  white-space:nowrap;
}
.chips-sum-row{margin:0 -4px}
.chips-sum-row > [class*="col-"]{padding:0 4px}
.buy-one-screen-form .section-title{text-align:center}

.valuta-picker-btn{
  display:flex;align-items:center;justify-content:space-between;
  text-align:left;
}
.valuta-picker-btn .valuta-picker-current{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding-right:18px;
}

.valuta-modal .modal-body{display:flex;flex-direction:column;gap:10px}
.bank-picker-dialog{width:min(760px,calc(100vw - 18px));max-width:min(760px,calc(100vw - 18px));margin:8px auto}
.bank-picker-modal{max-height:calc(100dvh - var(--safe-top) - var(--safe-bot) - 24px);border-radius:24px;overflow:hidden}
.bank-picker-modal .modal-body{min-height:0;max-height:calc(100dvh - var(--safe-top) - var(--safe-bot) - 112px)}
.bank-picker-heading{display:flex;align-items:center;gap:14px;min-width:0;flex:1 1 auto}
.bank-picker-missing{display:inline-flex;align-items:center;gap:7px;margin:0;color:#F5F8FF;font-size:.84rem;font-weight:700;text-transform:none;letter-spacing:0;white-space:nowrap}
.bank-picker-missing .form-check-input{width:18px;height:18px;margin:0;border-color:rgba(255,255,255,.32);background-color:rgba(255,255,255,.06)}
.bank-picker-missing .form-check-input:checked{background-color:var(--accent);border-color:var(--accent)}
.bank-picker-search-wrap{position:sticky;top:0;z-index:2;padding-bottom:8px;background:linear-gradient(180deg,rgba(10,14,24,.98),rgba(10,14,24,.78))}
.bank-picker-search{min-height:48px;border-radius:14px;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}
.bank-picker-search:focus{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}
.bank-picker-search::placeholder{color:#8C96AA !important;-webkit-text-fill-color:#8C96AA !important;opacity:1}
.bank-picker-options{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto;padding-bottom:calc(var(--safe-bot) + 12px);-webkit-overflow-scrolling:touch}
.bank-picker-option{flex:0 0 auto;text-align:left}
.valuta-option{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 14px;
  border-radius:12px;
}
.valuta-option-icon{width:26px;height:26px;flex:0 0 26px;display:block;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.16)}
.valuta-option-icon--fiat{border-radius:50%}
.valuta-option-icon--crypto{border-radius:50%;background:rgba(255,255,255,.96);padding:2px}
.valuta-option-name{font-weight:600;color:var(--text);flex:1 1 auto;text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.valuta-option-code{font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim)}
.valuta-option.active{
  background:linear-gradient(180deg,rgba(16,212,154,.22),rgba(16,212,154,.1));
  box-shadow:inset 0 0 0 1px var(--border-accent);
}
.valuta-option.active .valuta-option-name,
.valuta-option.active .valuta-option-code{color:var(--accent)}

/* Brighter typed values on buy form */
.buy-one-screen-form .form-control,
.buy-flow-form .form-control{
  color:#F5F8FF;
  -webkit-text-fill-color:#F5F8FF;
  caret-color:#F5F8FF;
}
.buy-one-screen-form .form-control::placeholder,
.buy-one-screen-form .form-control::-webkit-input-placeholder,
.buy-flow-form .form-control::placeholder,
.buy-flow-form .form-control::-webkit-input-placeholder{
  color:#7F889C;
  -webkit-text-fill-color:#7F889C;
  opacity:1;
}
.buy-one-screen-form .form-control:focus::placeholder,
.buy-one-screen-form .form-control:focus::-webkit-input-placeholder,
.buy-flow-form .form-control:focus::placeholder,
.buy-flow-form .form-control:focus::-webkit-input-placeholder{
  color:transparent;
  -webkit-text-fill-color:transparent;
}
.buy-one-screen-form .form-control[readonly]{
  opacity:1;
  color:#E8F2FF;
  -webkit-text-fill-color:#E8F2FF;
}
.buy-one-screen-form #player_id,
.buy-one-screen-form #fishki,
.buy-one-screen-form #sum{
  color:#F9FBFF !important;
  -webkit-text-fill-color:#F9FBFF;
  font-weight:700;
}

@media (max-width:767.98px){
  main.container.buy-one-screen-page{
    height:auto !important;
    min-height:calc(100dvh - var(--topbar-h) - var(--safe-top));
    padding-top:8px;
    padding-bottom:calc(var(--bottomnav-h) + var(--safe-bot) + 130px) !important;
    overflow:visible;
    gap:8px;
  }
  .buy-one-screen-page .row,
  .buy-one-screen-page .row > [class*="col-"]{min-height:0}

  .buy-one-screen-form{
    display:flex;
    flex-direction:column;
    gap:6px;
    margin:0 auto;
    transform-origin:top center;
  }
  .buy-one-screen-form .stepper{margin:0 0 6px}
  .buy-one-screen-form .section-title{margin:2px 0 2px;font-size:.58rem;letter-spacing:.08em}
  .buy-one-screen-form .chips-title-row{margin:2px 0 2px}
  .buy-one-screen-form .chips-rate-hint{font-size:.56rem}
  .buy-one-screen-form .field-group{margin-bottom:4px}
  .buy-one-screen-form .buy-one-screen-title{margin:2px 0 6px}
  .buy-one-screen-form .buy-one-screen-title h4{margin:0;font-size:1.4rem;font-weight:800;letter-spacing:-0.01em}

  .buy-one-screen-form .form-control,
  .buy-one-screen-form .form-select{
    padding:10px 12px;
    font-size:.95rem;
    border-radius:12px;
  }
  .buy-one-screen-form.buy-flow-form .form-control,
  .buy-one-screen-form.buy-flow-form .form-select{
    font-size:1.1rem;
    font-weight:600;
  }
  .buy-one-screen-form.buy-flow-form .form-control::placeholder,
  .buy-one-screen-form.buy-flow-form .form-control::-webkit-input-placeholder{
    font-size:1.1rem;
    font-weight:600;
  }

  .buy-one-screen-form #fishki,
  .buy-one-screen-form #sum,
  .buy-one-screen-form #player_id{
    font-size:1.34rem !important;
    padding:12px;
  }

  .buy-one-screen-form .text-accent.small,
  .buy-one-screen-form .text-mute.small{
    margin:0 0 2px !important;
    font-size:.68rem !important;
  }

  .buy-one-screen-form .sticky-cta{
    position:static;
    bottom:auto;
    margin-top:8px;
  }
  .buy-one-screen-form .sticky-cta .btn{padding:14px;font-size:1rem}
}

@media (max-width:991.98px){
  body{padding-bottom:calc(var(--bottomnav-h) + var(--safe-bot) + 18px)}
  main.container.buy-one-screen-page{
    padding-bottom:calc(var(--bottomnav-h) + var(--safe-bot) + 120px) !important;
  }
}

/* ---------- Form fields ---------- */
.field-group{margin-bottom:14px}
.field-group label{margin-bottom:8px}
.form-control,.form-select,
input[type="text"],input[type="tel"],input[type="number"],input[type="email"],input[type="password"],
textarea,select{
  display:block;width:100%;padding:14px 16px;
  font-family:var(--font-ui);font-size:1rem;color:var(--text);
  background:rgba(255,255,255,.025);
  border:1px solid var(--border-hi);border-radius:var(--radius-md);
  transition:all .18s var(--ease);-webkit-appearance:none;appearance:none;
  box-shadow:inset 0 1px 0 rgba(0,0,0,.2);
}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:var(--text-mute)}
.form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus{
  outline:none;border-color:var(--accent);background:rgba(16,212,154,.04);
  box-shadow:0 0 0 4px rgba(16,212,154,.15);
}
.form-control:disabled,.form-control[readonly]{opacity:.75}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type="number"]{-moz-appearance:textfield}
.form-select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239AA3B8' d='M6 8 0 0h12z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;padding-right:44px;
}
.form-select option{background:var(--bg-2);color:var(--text)}
.field-mono input,input.mono,input#fishki,input#sum,input#player_id{
  font-family:var(--font-mono);font-size:1.15rem;letter-spacing:.02em;
}
input#fishki,input#sum{font-size:1.65rem;font-weight:700;text-align:center;padding:20px 16px;letter-spacing:-0.01em}

/* ---------- Chips ---------- */
.chip{
  display:inline-flex;align-items:center;gap:6px;padding:9px 14px;
  background:rgba(255,255,255,.04);border:1px solid var(--border-hi);
  border-radius:var(--radius-pill);font-size:.85rem;font-weight:600;
  color:var(--text-dim);cursor:pointer;user-select:none;
  transition:all .18s var(--ease);text-decoration:none;white-space:nowrap;
}
.chip:hover{color:var(--text);background:rgba(255,255,255,.07)}
.chip.active{background:var(--accent-soft);color:var(--accent);border-color:var(--border-accent)}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 22px;border:1px solid transparent;border-radius:var(--radius-md);
  font-family:var(--font-ui);font-size:.95rem;font-weight:700;line-height:1;
  cursor:pointer;transition:all .18s var(--ease);text-decoration:none;
  -webkit-tap-highlight-color:transparent;letter-spacing:-0.005em;
}
.btn:active{transform:scale(.97)}
.btn-sm{padding:8px 14px;font-size:.82rem;border-radius:var(--radius-sm)}
.btn-lg{padding:17px 26px;font-size:1.05rem;border-radius:var(--radius-md)}
.btn-success,.btn-primary{
  background:linear-gradient(180deg,var(--accent-hi),var(--accent-lo));
  color:#041F17;box-shadow:0 8px 24px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,.25);
}
.btn-success:hover,.btn-primary:hover{filter:brightness(1.08);color:#041F17;transform:translateY(-1px)}
.btn-danger{
  background:linear-gradient(180deg,#FB7185,#BE123C);color:#fff;
  box-shadow:0 8px 24px var(--danger-glow),inset 0 1px 0 rgba(255,255,255,.2);
}
.btn-danger:hover{filter:brightness(1.06);color:#fff;transform:translateY(-1px)}
.btn-secondary,.btn-outline-light,.btn-dark{
  background:rgba(255,255,255,.04);color:var(--text);
  border:1px solid var(--border-hi);backdrop-filter:var(--blur);
}
.btn-secondary:hover,.btn-outline-light:hover,.btn-dark:hover{background:rgba(255,255,255,.07);color:var(--text)}
.btn-light{background:rgba(255,255,255,.92);color:#06080F}
.btn-ghost{background:transparent;color:var(--text-dim);border:none}
.btn-ghost:hover{color:var(--text);background:rgba(255,255,255,.04)}
.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-pill)}
.btn.w-100{width:100%}

.sticky-cta{position:sticky;bottom:calc(var(--bottomnav-h) + var(--safe-bot) + 14px);margin-top:20px;z-index:5}
.sticky-cta .btn{width:100%;padding:17px;font-size:1.02rem}
@media (min-width:992px){.sticky-cta{position:static;bottom:auto;margin-top:26px}}

/* ---------- Alerts ---------- */
.alert{padding:13px 16px;border-radius:var(--radius-md);border:1px solid var(--border);font-size:.9rem}
.alert-danger{background:var(--danger-soft);color:#FCA5A5;border-color:rgba(244,63,94,.25)}
.alert-success{background:var(--accent-soft);color:var(--accent-hi);border-color:var(--border-accent)}
.alert-warning{background:rgba(245,158,11,.12);color:#FCD34D;border-color:rgba(245,158,11,.25)}
.alert-info{background:rgba(96,165,250,.12);color:var(--blue);border-color:rgba(96,165,250,.25)}
.alert-secondary{background:rgba(255,255,255,.04);color:var(--text-dim);border-color:var(--border-hi)}

/* ---------- Copy button ---------- */
.copy-btn,a[id^="link_copy"]{
  display:inline-flex;align-items:center;gap:4px;padding:6px 10px;
  background:var(--accent-soft);color:var(--accent);border:1px solid var(--border-accent);
  border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;font-family:var(--font-ui);
  text-decoration:none;cursor:pointer;transition:all .15s var(--ease);
}
.copy-btn:hover,a[id^="link_copy"]:hover{background:rgba(16,212,154,.22);color:var(--accent-hi)}
.copy-btn .material-icons,a[id^="link_copy"] .material-icons{font-size:14px}

/* ---------- Stepper ---------- */
.stepper{display:flex;align-items:center;justify-content:center;gap:8px;margin:6px 0 22px}
.stepper .step{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:50%;
  font-size:.78rem;font-weight:700;background:rgba(255,255,255,.04);
  color:var(--text-mute);border:1px solid var(--border-hi);font-family:var(--font-mono);
}
.stepper .step.active{background:linear-gradient(180deg,var(--accent-hi),var(--accent-lo));color:#041F17;border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}
.stepper .step.done{background:var(--accent-soft);color:var(--accent);border-color:var(--border-accent)}
.stepper .bar{width:28px;height:2px;background:var(--border-hi);border-radius:2px}
.stepper .bar.done{background:var(--accent)}

/* ---------- Sell flow: red theme ---------- */
.sell-flow .stepper .step.active{background:linear-gradient(180deg,#FB7185,#BE123C);color:#fff;border-color:var(--danger);box-shadow:0 0 20px var(--danger-glow)}
.sell-flow .stepper .step.done{background:var(--danger-soft);color:#FCA5A5;border-color:rgba(244,63,94,.3)}
.sell-flow .stepper .bar.done{background:var(--danger)}
.sell-flow .btn-success,
.sell-flow .btn-primary{
  background:linear-gradient(180deg,#FB7185,#BE123C);color:#fff;
  box-shadow:0 8px 24px var(--danger-glow),inset 0 1px 0 rgba(255,255,255,.2);
}
.sell-flow .btn-success:hover,
.sell-flow .btn-primary:hover{filter:brightness(1.06);color:#fff;transform:translateY(-1px)}
.sell-flow .form-control:focus,
.sell-flow .form-select:focus,
.sell-flow input:focus,
.sell-flow textarea:focus,
.sell-flow select:focus{
  border-color:var(--danger);background:rgba(244,63,94,.04);
  box-shadow:0 0 0 4px rgba(244,63,94,.15);
}

.sell-step-summary{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin:0 0 10px;
  padding:10px 12px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(244,63,94,.10),rgba(255,255,255,.025));
  border:1px solid rgba(244,63,94,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.sell-step-summary__text{
  color:var(--text-dim);
  font-size:.86rem;
  line-height:1.35;
}
.sell-step-summary__text strong{color:var(--text);font-weight:800}
.sell-step-summary__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:100%;
  padding:3px 9px;
  border-radius:var(--radius-pill);
  font-family:var(--font-mono);
  font-size:.78rem;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
  vertical-align:middle;
}
.sell-step-summary__badge--chips{
  color:#FCA5A5;
  background:rgba(244,63,94,.14);
  border:1px solid rgba(244,63,94,.32);
}
.sell-step-summary__badge--amount{
  color:var(--gold);
  background:rgba(242,201,146,.12);
  border:1px solid rgba(242,201,146,.28);
}
.sell-step-summary__currency{
  color:var(--text);
  font-weight:700;
}

@media (max-width:767.98px){
  .buy-one-screen-form .sell-step-summary{
    margin:0 0 4px;
    padding:7px 9px;
    gap:3px;
    border-radius:12px;
  }
  .buy-one-screen-form .sell-step-summary__text{
    font-size:.72rem;
    line-height:1.25;
  }
  .buy-one-screen-form .sell-step-summary__badge{
    padding:2px 7px;
    font-size:.66rem;
  }
  .buy-one-screen-form .sell-step-summary__currency{
    font-size:.72rem;
  }
}

.steps{display:flex;align-items:center;justify-content:center;gap:8px;margin:6px 0 22px}
.steps .circle{
  width:30px;height:30px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.04);color:var(--text-mute);
  border:1px solid var(--border-hi);font-family:var(--font-mono);
  font-size:.78rem;font-weight:700;
}
.steps .circle.active1,.steps .circle.active{background:linear-gradient(180deg,var(--accent-hi),var(--accent-lo));color:#041F17;border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}
.steps .circle.active2{background:var(--accent-soft);color:var(--accent);border-color:var(--border-accent)}

.progress{height:6px !important;background:rgba(255,255,255,.05) !important;border-radius:999px;overflow:hidden}
.progress-bar,.progress-bar.bg-success{background:linear-gradient(90deg,var(--accent),var(--accent-hi)) !important}

.timer,#timer{
  display:inline-flex;align-items:center;gap:6px;padding:7px 14px;
  background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-pill);
  font-family:var(--font-mono);font-weight:700;font-size:.92rem;border:1px solid var(--border-accent);
}

#order_amount,.order-amount{
  font-family:var(--font-mono);font-size:2.2rem !important;font-weight:800;
  color:var(--accent);text-align:left;display:block;margin:4px 0 0;letter-spacing:-0.02em;
}
#order_phone,#order_cardInfo,#order_cardholder{font-family:var(--font-mono);font-size:1.05rem;letter-spacing:.04em;word-break:break-all;margin:0}

/* ---------- Platform tabs ---------- */
.platform-select{
  display:flex;flex-wrap:nowrap !important;gap:6px;
  padding:18px 4px 22px !important;
  margin:18px 0 0 !important;
  width:100% !important;
  background:transparent !important;backdrop-filter:none !important;
  border:none !important;border-radius:0 !important;box-shadow:none !important;
  list-style:none;overflow:visible !important;
  justify-content:flex-start !important;
  position:relative;
}
/* Полоса-разделитель между кнопками платформ и карточками клубов */
.platform-select::after{
  content:"";
  position:absolute;
  left:4%;right:4%;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(16,212,154,0.45) 25%,rgba(16,212,154,0.65) 50%,rgba(16,212,154,0.45) 75%,transparent 100%);
  box-shadow:0 0 12px rgba(16,212,154,0.35);
  pointer-events:none;
}
.platform-select::-webkit-scrollbar{display:none}
.platform-select li.nav-item{margin:0;flex:0 0 auto;scroll-snap-align:start}
.platform-select .nav-link{
  display:inline-flex;align-items:center;gap:8px;padding:10px 16px;
  background:transparent;border:none;border-radius:var(--radius-pill);
  color:var(--text-dim);font-size:.88rem;font-weight:600;cursor:pointer;
  transition:all .2s var(--ease);white-space:nowrap;
}
.platform-select .nav-link:hover{color:var(--text);background:rgba(255,255,255,.04)}
.platform-select .nav-link.active{
  background:linear-gradient(180deg,rgba(16,212,154,.22),rgba(16,212,154,.1));
  color:var(--accent);box-shadow:inset 0 0 0 1px var(--border-accent);
}
.platform-select img.club-logo-small2,.platform-select .nav-link img{width:18px;height:18px;border-radius:5px;object-fit:cover}
.platform-select .badge,.platform-select .nav-link .badge{
  background:rgba(255,255,255,.08);color:var(--text-dim);
  border-radius:var(--radius-pill);padding:2px 7px;font-size:.68rem;font-weight:700;
}
.platform-select .nav-link.active .badge{background:rgba(16,212,154,.25);color:var(--accent)}
.tab-content,.tab-pane,.nav-tabs-body{background:transparent;box-shadow:none;border:none;padding:0}

/* General nav-tabs pill */
.nav-tabs{
  display:flex;flex-wrap:nowrap;gap:6px;padding:6px;
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius-pill);list-style:none;overflow-x:auto;scrollbar-width:none;
}
.nav-tabs::-webkit-scrollbar{display:none}
.nav-tabs .nav-item{margin:0;flex:1 1 auto}
.nav-tabs .nav-link{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:10px 14px;width:100%;background:transparent;border:none;
  border-radius:var(--radius-pill);color:var(--text-dim);
  font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s var(--ease);white-space:nowrap;
}
.nav-tabs .nav-link:hover{color:var(--text);background:rgba(255,255,255,.04)}
.nav-tabs .nav-link.active{
  background:linear-gradient(180deg,rgba(16,212,154,.22),rgba(16,212,154,.1));
  color:var(--accent);box-shadow:inset 0 0 0 1px var(--border-accent);border:none;
}

/* Chat */
.chat_title{font-size:1.35rem;font-weight:700;margin:24px 0 6px;letter-spacing:-0.02em}
.chat_hide{display:none !important}
.chat_dialog{
  display:flex;flex-direction:column;gap:10px;
  background:var(--surface);backdrop-filter:var(--blur);
  border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:18px;margin:12px 0;max-height:52vh;overflow-y:auto;
}
.chat_buble_left,.chat_buble_right,.bubble_left,.bubble_right{
  max-width:82%;padding:10px 14px;border-radius:18px;
  font-size:.93rem;line-height:1.4;word-wrap:break-word;
}
.chat_buble_left,.bubble_left{align-self:flex-start;background:rgba(255,255,255,.05);color:var(--text);border-bottom-left-radius:6px}
.chat_buble_right,.bubble_right{
  align-self:flex-end;
  background:linear-gradient(180deg,var(--accent),var(--accent-lo));
  color:#041F17;border-bottom-right-radius:6px;font-weight:500;
}
.chat_date,.chat-date{color:var(--text-mute);font-size:.7rem;margin:4px 0;text-align:center}

/* Modal */
.modal-content{
  background:var(--surface-hi);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border:1px solid var(--border-hi);border-radius:var(--radius-xl);
  box-shadow:var(--shadow-lg);color:var(--text);
}
/* Непрозрачные модалки логики оплаты — чтобы поверх затемнённой страницы текст был контрастным */
.payment-logic-modal .modal-content{
  background:#1c2437 !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
  border:1px solid #2c3a5e !important;
  box-shadow:0 18px 50px rgba(0,0,0,.7) !important;
}
.payment-logic-cancel-warn{
  font-size:.86rem;
  color:#cbd5e1;
  line-height:1.5;
  text-align:center;
}
.badge-cannot-send{
  display:inline-block;
  padding:2px 10px;
  border-radius:999px;
  background:linear-gradient(180deg,#ef4444,#b91c1c);
  color:#fff;
  font-weight:600;
  font-size:.82rem;
  letter-spacing:.01em;
  box-shadow:0 4px 12px rgba(239,68,68,.35);
  white-space:nowrap;
}
.modal-header{border-bottom:1px solid var(--border);padding:20px 24px}
.modal-header .modal-title{font-weight:700;font-size:1.1rem}
.modal-body{padding:22px 24px;color:var(--text-dim);line-height:1.65}
.modal-footer{border-top:1px solid var(--border);padding:16px 24px}
.btn-close,.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}

.app-install-modal__dialog{width:min(540px,calc(100vw - 24px));max-width:min(540px,calc(100vw - 24px));margin-left:auto;margin-right:auto}
.app-install-modal__content{
  overflow:hidden;
  background:
    radial-gradient(520px 240px at 50% -10%,rgba(16,212,154,.18),transparent 62%),
    linear-gradient(180deg,rgba(28,36,55,.96),rgba(9,13,23,.96));
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
  border-color:rgba(16,212,154,.22);
}
.app-install-modal__header{align-items:center;gap:12px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent)}
.app-install-modal__title-wrap{display:flex;align-items:center;gap:12px;min-width:0}
.app-install-modal__title-wrap .modal-title{font-size:1.05rem;font-weight:900;letter-spacing:.045em;color:var(--text);text-transform:uppercase}
.app-install-modal__icon{
  width:42px;height:42px;flex:0 0 42px;border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--accent-soft);border:1px solid var(--border-accent);color:var(--accent);
  box-shadow:0 12px 28px -18px var(--accent-glow);
}
.app-install-modal__body{display:flex;flex-direction:column;gap:14px;padding-top:18px}
.app-install-modal__intro{margin:0;color:#D9FFF3;font-size:.92rem;line-height:1.45;text-align:center}
.app-install-platforms{display:grid;grid-template-columns:1fr;gap:12px}
.app-install-card{
  position:relative;overflow:hidden;padding:14px;border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  border:1px solid rgba(255,255,255,.085);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.app-install-card::before{
  content:"";position:absolute;inset:auto -20% -45% -20%;height:90px;
  background:radial-gradient(closest-side,rgba(16,212,154,.12),transparent);pointer-events:none;
}
.app-install-card__head{position:relative;display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--text);font-weight:800;letter-spacing:-.01em}
.app-install-card__head .material-icons{
  width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(16,212,154,.11);border:1px solid rgba(16,212,154,.26);color:var(--accent);font-size:20px;
}
.app-install-steps{position:relative;counter-reset:appInstallStep;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.app-install-steps li{
  position:relative;min-height:34px;padding:8px 10px 8px 38px;border-radius:12px;
  background:rgba(4,7,14,.32);border:1px solid rgba(255,255,255,.055);
  color:var(--text-dim);font-size:.86rem;line-height:1.35;
}
.app-install-steps li::before{
  counter-increment:appInstallStep;content:counter(appInstallStep);
  position:absolute;left:9px;top:8px;width:20px;height:20px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,var(--accent-hi),var(--accent-lo));color:#041F17;
  font-family:var(--font-mono);font-size:.68rem;font-weight:900;
}
.app-install-modal__footer{border-top:1px solid rgba(255,255,255,.07);padding-top:14px}

@media (max-width:575.98px){
  .app-install-modal__dialog{margin:12px}
  .app-install-modal__header{padding:16px 18px 10px}
  .app-install-modal__body{padding:16px 18px 18px}
  .app-install-modal__footer{padding:0 18px 18px}
}

/* Vertical banner auto-slider — shadow not clipped, exit limited to pill midpoint */
.banner-vstage{
  position:relative;width:100%;aspect-ratio:16/9;
  margin:14px 0 24px;
  isolation:isolate;
  touch-action:pan-x;
  cursor:grab;
}
.banner-vslide{
  position:absolute;inset:0;display:block;
  border-radius:var(--radius-xl);overflow:hidden;
  border:1px solid var(--border);
  box-shadow:0 18px 50px rgba(0,0,0,.55),0 8px 22px rgba(16,212,154,.10);
  background:var(--bg-2);
  transform:translateY(-110%);opacity:0;pointer-events:none;
  transition:transform .75s cubic-bezier(.22,.8,.22,1),opacity .6s ease;
  will-change:transform,opacity;
}
.banner-vslide.is-active{transform:translateY(0);opacity:1;pointer-events:auto;z-index:2}
/* Exit up (normal auto / swipe up) — slide rises a bit and fades */
.banner-vslide.is-prev{transform:translateY(-15%);opacity:0;z-index:1}
/* Exit down (swipe down) — slide goes down and fades */
.banner-vslide.is-next{transform:translateY(15%);opacity:0;z-index:1}
.banner-vslide img{width:100%;height:100%;object-fit:cover;display:block}
.banner-vslide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.4));pointer-events:none}

/* Mobile platform dropdown */
.platform-dd{
  position:relative;margin:18px 0 24px;z-index:10;
}
.platform-dd[open]{z-index:20}
.platform-dd-toggle{
  display:flex;align-items:center;justify-content:space-between;
  width:100%;padding:14px 18px;
  background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border:1px solid var(--border-hi);border-radius:var(--radius-pill);
  color:var(--text);font-size:.95rem;font-weight:700;
  cursor:pointer;list-style:none;
  transition:all .18s var(--ease);
}
.platform-dd-toggle::-webkit-details-marker{display:none}
.platform-dd-toggle::marker{display:none;content:""}
.platform-dd-toggle:hover{border-color:var(--border-accent)}
.platform-dd[open] .platform-dd-toggle{border-color:var(--border-accent);box-shadow:inset 0 0 0 1px var(--border-accent)}
.platform-dd-current{display:inline-flex;align-items:center;gap:10px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.platform-dd-current img{width:24px;height:24px;border-radius:7px;object-fit:cover}
.platform-dd-current .badge{
  background:rgba(16,212,154,.18);color:var(--accent);
  border-radius:var(--radius-pill);padding:3px 9px;font-size:.72rem;font-weight:700;font-family:var(--font-mono);
}
.platform-dd-caret{color:var(--text-dim);transition:transform .2s var(--ease);font-size:22px !important}
.platform-dd[open] .platform-dd-caret{transform:rotate(180deg);color:var(--accent)}
.platform-dd-list{
  position:absolute;top:calc(100% + 6px);left:0;right:0;
  list-style:none;margin:0;padding:6px;max-height:60vh;overflow-y:auto;
  background:var(--surface-hi);backdrop-filter:var(--blur);
  border:1px solid var(--border-hi);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  animation:fadeIn .2s var(--ease-out);
}
.platform-dd-item{
  display:flex;align-items:center;gap:12px;
  padding:11px 14px;border-radius:var(--radius-md);
  color:var(--text);cursor:pointer;font-size:.95rem;font-weight:600;
  transition:background .15s var(--ease);
}
.platform-dd-item:hover,.platform-dd-item:active{background:var(--accent-soft);color:var(--accent)}
.platform-dd-item img{width:22px;height:22px;border-radius:6px;object-fit:cover;flex:0 0 22px}
.platform-dd-item .platform-dd-name{flex:1 1 auto;text-align:left}
.platform-dd-item .badge{
  background:rgba(255,255,255,.07);color:var(--text-dim);
  border-radius:var(--radius-pill);padding:3px 9px;font-size:.7rem;font-weight:700;font-family:var(--font-mono);
}

/* Mobile club carousel — bigger tiles, circular clones */
.tab-content{margin-top:0}
.tab-pane.pt-4{padding-top:0 !important}
@media (max-width:767.98px){
  .tab-content .club-row{
    flex:1 1 auto;min-height:0;
    display:flex !important;flex-wrap:nowrap;align-items:stretch;
    overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x proximity;
    scroll-behavior:smooth;
    margin:0 -16px !important;padding:0 22vw !important;
    gap:14px;
    scrollbar-width:none;-ms-overflow-style:none;
    scroll-padding-left:22vw;scroll-padding-right:22vw;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    will-change:scroll-position;
  }
  .tab-content .club-row::-webkit-scrollbar{display:none}
  .tab-content .club-row > .club-cell{
    flex:0 0 56vw;max-width:56vw;width:56vw;
    padding:0;scroll-snap-align:center;
    display:flex;
  }
  .tab-content .club-row > .club-cell .club-tile{
    min-height:0;height:100%;width:100%;
    padding:38px 14px 18px;
    justify-content:space-evenly;
  }
  .tab-content .club-row > .club-cell .club-tile-logo{width:clamp(72px,22vw,118px);height:clamp(72px,22vw,118px);border-radius:24px}
  .tab-content .club-row > .club-cell .club-tile-name{font-size:1.02rem}
}
@media (min-width:768px){
  .banner-vstage{max-width:760px;margin-left:auto;margin-right:auto;aspect-ratio:21/9}
}

/* Kill legacy decor & override old body bg */
img.crown,.crown-banner,
.blik,.sun,.stick,
.podlozhka,.podlozhka2,
.banner-left,.banner-right,
hr.top-line,.top-line,
.snowFlakes,
.card1,.card2,
.navbar,
header > .navbar{display:none !important}

header a[href*="auth.php"],
header a[href*="profile.php"]{display:none !important}

body[style*="#2C3531"]{background-color:var(--bg-0) !important}

/* Legacy helpers overrides */
.yellow{color:var(--gold) !important}
.white{color:var(--text) !important}
.mb-3-nomobile,.mb-2-mobile{margin-bottom:16px !important}
.pt-2-nomobile,.py-4-nomobile,.mt-5-nomobile,.px-5-nomobile{padding:0 !important;margin:0 !important}
.nomobile{display:none !important}
@media (min-width:992px){
  .nomobile{display:inline !important}
  .py-4-nomobile{padding-top:24px !important;padding-bottom:24px !important}
  .mt-5-nomobile{margin-top:40px !important}
}

.row{--bs-gutter-x:16px}
.g-3{--bs-gutter-x:14px;--bs-gutter-y:14px}

.dropdown-menu{
  background:var(--surface-hi);backdrop-filter:var(--blur);
  border:1px solid var(--border-hi);border-radius:var(--radius-md);
  box-shadow:var(--shadow-lg);padding:6px;
}
.dropdown-item{color:var(--text-dim);border-radius:var(--radius-sm);padding:9px 12px;font-size:.9rem}
.dropdown-item:hover,.dropdown-item.active,.dropdown-item:focus{background:var(--accent-soft);color:var(--accent)}

/* Language dropdown menu — flag icon left, language name right */
.lang-menu{min-width:180px}
.lang-menu .dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 14px;font-weight:600;color:var(--text)}
.lang-menu .dropdown-item img{flex:0 0 22px;width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid var(--border-hi)}
.lang-menu .dropdown-item .lang-name{flex:1 1 auto;text-align:left;letter-spacing:.01em}

.spinner-border{width:28px;height:28px;border-width:2.5px;color:var(--accent)}
.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.08),rgba(255,255,255,.04));background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

.glass{background:var(--surface) !important;backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius-md)}
.divider{height:1px;background:var(--border);margin:18px 0}
.text-center{text-align:center}
.fade-in{animation:fadeIn .45s var(--ease-out) both}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.16)}

:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}
}

/* === Requisites loader (buy_api_step2) === */
.requisites-loader{
  display:flex;flex-direction:column;align-items:center;gap:18px;
  padding:36px 16px 28px;max-width:420px;margin:24px auto 0;
}
.requisites-loader__radar{
  position:relative;width:128px;height:128px;display:flex;align-items:center;justify-content:center;
}
.requisites-loader__pulse{
  position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle,rgba(16,212,154,.35) 0%,rgba(16,212,154,0) 70%);
  animation:rl-pulse 2.4s var(--ease-out) infinite;
}
.requisites-loader__pulse--delay{animation-delay:1.2s}
@keyframes rl-pulse{
  0%{transform:scale(.6);opacity:.9}
  80%{transform:scale(1.4);opacity:0}
  100%{transform:scale(1.4);opacity:0}
}
.requisites-loader__core{
  position:relative;width:74px;height:74px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,rgba(16,212,154,.25),rgba(16,212,154,.05));
  box-shadow:inset 0 0 0 1px rgba(16,212,154,.45),0 12px 36px -12px rgba(16,212,154,.5);
  color:#10D49A;
}
.requisites-loader__core .material-icons{font-size:36px;animation:rl-bob 2.4s ease-in-out infinite}
@keyframes rl-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

.requisites-loader__title{font-size:1.15rem;font-weight:700;color:var(--text);letter-spacing:-0.01em;min-height:1.4em;line-height:1.2}
.requisites-loader__sub{font-size:.85rem;color:var(--text-dim);max-width:320px;line-height:1.4;min-height:2.8em;display:flex;align-items:center;justify-content:center;text-align:center}

.confirm-check-timer{
  position:relative;width:min(100%,360px);padding:18px 18px 16px;margin:2px auto 0;
  border-radius:22px;border:1px solid rgba(16,212,154,.22);
  background:radial-gradient(circle at 50% 0%,rgba(16,212,154,.18),rgba(16,212,154,.045) 46%,rgba(255,255,255,.025) 100%);
  box-shadow:0 18px 50px -30px rgba(16,212,154,.8),inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
}
.confirm-check-timer::before{
  content:"";position:absolute;inset:-60% -20% auto;height:90%;
  background:conic-gradient(from 180deg,transparent,rgba(16,212,154,.16),transparent 35%);
  animation:confirm-timer-glow 4s linear infinite;opacity:.9;pointer-events:none;
}
@keyframes confirm-timer-glow{to{transform:rotate(360deg)}}
.confirm-check-timer__label,.confirm-check-timer__value,.confirm-check-timer__hint{position:relative;z-index:1}
.confirm-check-timer__label{
  font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(217,255,243,.62);
}
.confirm-check-timer__value{
  margin-top:4px;font-family:var(--font-mono,monospace);font-size:clamp(3rem,11vw,4.7rem);line-height:.98;
  font-weight:800;letter-spacing:-.08em;color:#EFFFF9;text-shadow:0 0 24px rgba(16,212,154,.5);
}
.confirm-check-timer__dots{display:inline-block;width:.55em;text-align:center;color:#10D49A;animation:confirm-timer-dots 1s steps(1,end) infinite}
@keyframes confirm-timer-dots{50%{opacity:.32}}
.confirm-check-timer__hint{margin:8px auto 0;max-width:280px;font-size:.78rem;line-height:1.35;color:var(--text-dim)}
.confirm-check-timer.is-warning{border-color:rgba(255,189,89,.35);box-shadow:0 18px 50px -30px rgba(255,189,89,.7),inset 0 1px 0 rgba(255,255,255,.06)}
.confirm-check-timer.is-warning .confirm-check-timer__value,.confirm-check-timer.is-warning .confirm-check-timer__dots{color:#FFBD59;text-shadow:0 0 24px rgba(255,189,89,.42)}
.confirm-check-timer.is-expired{border-color:rgba(255,91,122,.32);box-shadow:0 18px 50px -30px rgba(255,91,122,.65),inset 0 1px 0 rgba(255,255,255,.06)}
.confirm-check-timer.is-expired .confirm-check-timer__value,.confirm-check-timer.is-expired .confirm-check-timer__dots{color:#FF6B8A;text-shadow:0 0 24px rgba(255,91,122,.38)}
.confirm-page-booting{visibility:hidden}

.requisites-loader__bar{
  position:relative;width:100%;max-width:320px;height:4px;border-radius:999px;
  background:rgba(255,255,255,.06);overflow:hidden;
}
.requisites-loader__bar-fill{
  position:absolute;top:0;left:-40%;width:40%;height:100%;border-radius:999px;
  background:linear-gradient(90deg,transparent,#10D49A,transparent);
  animation:rl-bar 1.4s linear infinite;
}
@keyframes rl-bar{0%{left:-40%}100%{left:100%}}

.requisites-loader__steps{
  list-style:none;padding:0;margin:6px 0 0;display:flex;gap:8px;
  width:100%;max-width:340px;
}
.requisites-loader__steps li{
  flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:10px 6px;border-radius:12px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
  color:var(--text-dim);font-size:.7rem;font-weight:600;letter-spacing:.02em;
  transition:all .3s var(--ease-out);
}
.requisites-loader__steps li .material-icons{font-size:20px;opacity:.7}
.requisites-loader__steps li.is-active{
  background:linear-gradient(180deg,rgba(16,212,154,.18),rgba(16,212,154,.06));
  border-color:rgba(16,212,154,.45);color:#10D49A;
}
.requisites-loader__steps li.is-active .material-icons{opacity:1}
.requisites-loader__steps li.is-done{color:#10D49A;border-color:rgba(16,212,154,.25)}
.requisites-loader__steps li.is-done .material-icons{opacity:.9}

@media (max-width:380px){
  .requisites-loader__radar{width:108px;height:108px}
  .requisites-loader__core{width:64px;height:64px}
  .requisites-loader__core .material-icons{font-size:30px}
  .requisites-loader__title{font-size:1.05rem}
  .confirm-check-timer{padding:15px 14px 14px;border-radius:18px}
  .confirm-check-timer__hint{font-size:.74rem}
  .requisites-loader__steps li{font-size:.65rem;padding:8px 4px}
}

/* === Compact requisites screen (step2) === */
.reqs-card{
  background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.015));
  border:1px solid rgba(255,255,255,0.07);
  border-radius:18px;
  padding:14px 14px 12px;
  margin-top:14px;
}
.reqs-card__head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-bottom:12px;margin-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.reqs-card__amount-label{
  font-size:.68rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:600;
}
.reqs-card__amount{
  font-family:var(--font-mono,monospace);
  font-size:1.6rem;font-weight:800;color:var(--text);line-height:1.1;margin-top:2px;
  letter-spacing:-0.01em;
}
.reqs-card__currency{font-size:.85rem;color:var(--text-dim);font-weight:600;margin-left:4px}

.reqs-timer{
  display:inline-flex;align-items:center;gap:0;
  padding:6px 12px;border-radius:10px;
  background:rgba(16,212,154,.08);
  border:1px solid rgba(16,212,154,.22);
  color:#10D49A;
  font-family:var(--font-mono,monospace);
  font-size:1.05rem;font-weight:700;letter-spacing:.04em;
  min-width:74px;justify-content:center;
}
.reqs-timer__dots{display:inline-block;width:.45em;text-align:center;transition:opacity .15s}
.reqs-timer__dots.is-off{opacity:0}

.reqs-card__body{display:flex;flex-direction:column;gap:10px}
.reqs-row{display:flex;flex-direction:column;gap:4px}
.reqs-row__label{
  font-size:.7rem;color:var(--text-dim);
  text-transform:uppercase;letter-spacing:.06em;font-weight:600;
}
.reqs-row__value-wrap{display:flex;align-items:center;gap:8px}
.reqs-row__value{
  flex:1;min-width:0;color:var(--text);
  font-size:.98rem;font-weight:600;word-break:break-word;
}
.reqs-row__value--mono{font-family:var(--font-mono,monospace);font-size:1.05rem;letter-spacing:.02em}
.reqs-row__value--bank{display:flex;align-items:center;gap:8px}
.reqs-row__value--bank img{width:24px;height:24px;border-radius:6px;object-fit:contain;background:rgba(255,255,255,.05);padding:2px}
.reqs-copy-btn{
  flex:0 0 auto;width:38px;height:38px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(16,212,154,.10);border:1px solid rgba(16,212,154,.25);
  color:#10D49A;cursor:pointer;transition:background .15s,transform .15s;
}
.reqs-copy-btn:active{transform:scale(.92)}
.reqs-copy-btn .material-icons{font-size:20px}
.reqs-copy-btn.is-copied{background:rgba(16,212,154,.22)}

#PaymentAppealModal .modal-body .reqs-row__value-wrap{
  position:relative;margin-top:14px;padding:22px 10px 10px 14px;
  min-height:66px;border-radius:16px;
  background:
    radial-gradient(circle at 14% 0%,rgba(16,212,154,.20),transparent 42%),
    linear-gradient(180deg,rgba(16,212,154,.095),rgba(255,255,255,.025));
  border:1px solid rgba(16,212,154,.30);
  box-shadow:0 16px 42px -30px rgba(16,212,154,.85),inset 0 1px 0 rgba(255,255,255,.08);
}
#PaymentAppealModal .modal-body .reqs-row__value-wrap::before{
  content:attr(data-label);position:absolute;top:8px;left:14px;
  color:rgba(217,255,243,.62);font-size:.66rem;font-weight:800;
  letter-spacing:.11em;text-transform:uppercase;line-height:1;
}
#PaymentAppealModal .modal-body .reqs-row__value{
  color:#EFFFF9;font-size:1.12rem;font-weight:800;letter-spacing:.055em;
  text-shadow:0 0 18px rgba(16,212,154,.22);overflow-wrap:anywhere;
}
#PaymentAppealModal .modal-body .reqs-copy-btn{
  width:42px;height:42px;border-radius:13px;
  background:rgba(16,212,154,.13);border-color:rgba(16,212,154,.42);
  box-shadow:0 10px 24px -18px rgba(16,212,154,.95),inset 0 1px 0 rgba(255,255,255,.08);
}
#PaymentAppealModal .modal-body .reqs-copy-btn:hover{background:rgba(16,212,154,.20);border-color:rgba(16,212,154,.58)}

.reqs-qr{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:6px 0}
.reqs-qr__desktop,.reqs-qr__mobile{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.reqs-qr__mobile{display:none}
.reqs-qr__title{text-align:center;color:var(--text);font-size:1rem;font-weight:600}
.reqs-qr__frame{
  width:min(260px,100%);margin:0 auto;padding:12px;border-radius:18px;
  background:#fff;box-shadow:0 14px 35px rgba(0,0,0,.28);
}
.reqs-qr__frame img{display:block;width:100%;height:auto;border-radius:10px}
.reqs-qr__hint{text-align:center;color:var(--text-dim);font-size:.86rem;line-height:1.4}
.reqs-qr__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px}
.reqs-qr__btn .material-icons{font-size:22px}
.reqs-qr[data-mode="redirect"] .reqs-qr__desktop{display:none}
.reqs-qr[data-mode="redirect"] .reqs-qr__mobile{display:flex}
.reqs-qr[data-mode="crypto"] .reqs-qr__mobile{display:none}
@media (max-width: 991.98px){
  .reqs-qr[data-mode="nspk"] .reqs-qr__desktop{display:none !important}
  .reqs-qr[data-mode="nspk"] .reqs-qr__mobile{display:flex !important}
  .reqs-qr[data-mode="nspk"] .reqs-qr__mobile .reqs-qr__title{display:none !important}
  .reqs-qr[data-mode="crypto"]{display:none !important}
}
@media (min-width: 992px){
  .reqs-qr[data-mode="nspk"] .reqs-qr__desktop{display:flex}
  .reqs-qr[data-mode="nspk"] .reqs-qr__mobile{display:none}
  .reqs-qr[data-mode="crypto"] .reqs-qr__desktop{display:flex}
  .reqs-qr[data-mode="crypto"] .reqs-qr__mobile{display:none}
}

.reqs-notes{
  margin-top:10px;padding:10px 14px;border-radius:14px;
  background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);
  display:flex;flex-direction:column;gap:4px;
  font-size:.83rem;color:var(--text-dim);line-height:1.45;
}
.reqs-notes__num{
  display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;border-radius:50%;
  background:rgba(16,212,154,.18);color:#10D49A;
  font-size:.7rem;font-weight:700;margin-right:8px;vertical-align:-2px;
}
.reqs-notes__warning{
  margin-top:8px;padding:10px 12px;border-radius:10px;
  background:rgba(231,76,89,.12);border:1px solid rgba(231,76,89,.35);
  color:#FFB7BE;font-weight:600;line-height:1.4;
  display:flex;align-items:flex-start;gap:8px;
}
.reqs-notes__warn-icon{
  flex:0 0 22px;width:22px;height:22px;border-radius:50%;
  background:#E74C59;color:#fff;font-weight:800;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:.95rem;line-height:1;
}
.reqs-notes__warning strong{color:#fff}
.reqs-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:12px}
.reqs-actions--single{grid-template-columns:1fr}
.reqs-actions .btn{padding:14px;font-weight:700}

/* === Result card (success / failed / dispute / canceled) === */
.result-card{
  margin-top:18px;padding:28px 20px;border-radius:20px;text-align:center;
  background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.015));
  border:1px solid rgba(255,255,255,0.07);
  display:flex;flex-direction:column;align-items:center;gap:10px;
}
.result-card__icon{
  width:84px;height:84px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:6px;
}
.result-card__icon .material-icons{font-size:48px}
.result-card__title{font-size:1.25rem;font-weight:800;color:var(--text);line-height:1.2}
.result-card__sub{font-size:.9rem;color:var(--text-dim);line-height:1.45;max-width:340px}
.result-card__code-wrap{width:100%;max-width:390px;margin-top:8px;justify-content:center}
.result-card__code{
  padding:11px 12px;border-radius:12px;text-align:left;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);
  overflow-wrap:anywhere;word-break:break-word;
}

.result-card--success .result-card__icon{background:rgba(16,212,154,.14);color:#10D49A;box-shadow:0 0 0 6px rgba(16,212,154,.06)}
.result-card--failed  .result-card__icon{background:rgba(231,76,89,.14); color:#E74C59;box-shadow:0 0 0 6px rgba(231,76,89,.06)}
.result-card--warning .result-card__icon{background:rgba(248,203,162,.14);color:#F8CBA2;box-shadow:0 0 0 6px rgba(248,203,162,.06)}

/* Vertical centering area for final/loader on step3 */
.result-screen{
  display:flex;flex-direction:column;justify-content:center;
  min-height:calc(100dvh - 280px);
  gap:8px;
}
@supports not (height: 100dvh){
  .result-screen{min-height:calc(100vh - 280px)}
}


@media (max-width:380px){
  .reqs-card__amount{font-size:1.4rem}
  .reqs-timer{font-size:.95rem;padding:5px 10px;min-width:66px}
  .reqs-row__value--mono{font-size:1rem}
}

/* ---------- Club search (модалка поиска по клубам) ---------- */
.platform-row{align-items:stretch;margin:18px 0 24px}
.platform-row__left{min-width:0;display:flex}
.platform-row__left > .platform-dd{margin:0 !important;flex:1 1 auto;min-width:0;width:100%}
.club-search-btn{
  flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center;
  width:54px;height:54px;padding:0;
  background:linear-gradient(180deg,rgba(28,36,55,.78),rgba(12,16,26,.78));
  border:1px solid var(--border-hi);border-radius:var(--radius-pill);
  color:var(--text);cursor:pointer;
  transition:all .2s var(--ease-out);
  -webkit-tap-highlight-color:transparent;
}
.club-search-btn:hover{border-color:var(--border-accent);box-shadow:0 0 8px var(--accent-glow)}
.club-search-btn:active{transform:scale(.96)}
.club-search-btn .material-icons{font-size:22px}

.club-search-modal{background:var(--surface,#0F1524);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}
.club-search-dialog{
  max-width:560px;
  height:auto;max-height:72vh;
  margin-top:auto;margin-bottom:auto;
}
.club-search-dialog .modal-content{max-height:72vh;height:auto}
@media (max-width:575.98px){
  .club-search-dialog{margin-left:12px;margin-right:12px;max-height:72vh}
  .club-search-dialog .modal-content{max-height:72vh}
}
.club-search-modal__header{
  padding:12px 14px;
  border-bottom:1px solid var(--border);
  background:linear-gradient(180deg,rgba(28,36,55,.95),rgba(12,16,26,.95));
  position:sticky;top:0;z-index:5;
  display:flex;align-items:center;gap:10px;
}
.club-search-input-wrap{
  flex:1 1 auto;display:flex;align-items:center;gap:8px;
  background:#11192B;border:1px solid var(--border-hi);border-radius:12px;
  padding:8px 12px;min-width:0;
}
.club-search-input-wrap:focus,
.club-search-input-wrap:focus-within{
  border-color:var(--border-hi);box-shadow:none;outline:none;
}
.club-search-input__icon{color:var(--text-mute);font-size:20px}
.club-search-input{
  flex:1 1 auto;min-width:0;
  background:transparent;border:0;outline:0;color:var(--text);
  font-size:.95rem;line-height:1.2;
  -webkit-appearance:none;appearance:none;
  box-shadow:none;
}
.club-search-input:focus,
.club-search-input:focus-visible{outline:none;box-shadow:none;border:0}
.club-search-input::placeholder{color:var(--text-mute)}
.club-search-input::-webkit-search-cancel-button{display:none}

.club-search-modal__body{padding:8px 10px;background:#0A0E17}
.club-search-list{display:flex;flex-direction:column;gap:8px}
.club-search-card{
  display:flex;align-items:center;gap:12px;
  padding:10px 12px;
  background:linear-gradient(180deg,rgba(28,36,55,.78),rgba(12,16,26,.78));
  border:1px solid var(--border);border-radius:14px;
  color:var(--text);text-decoration:none;
  transition:border-color .18s var(--ease-out),box-shadow .18s var(--ease-out);
  position:relative;
  -webkit-tap-highlight-color:transparent;
  outline:none;
  user-select:none;-webkit-user-select:none;
}
.club-search-card:focus,
.club-search-card:focus-visible{outline:none;box-shadow:none}
@media (hover:hover){
  .club-search-card:hover{border-color:var(--border-accent);box-shadow:0 0 8px var(--accent-glow)}
}
.club-search-card__logo{
  flex:0 0 auto;width:48px;height:48px;border-radius:12px;
  background:#11192B center / contain no-repeat;
  border:1px solid #3A4670;
}
.club-search-card__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.club-search-card__name{font-weight:700;font-size:.95rem;line-height:1.15;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.club-search-card__id{font-family:var(--font-mono);font-size:.7rem;color:var(--text-mute);letter-spacing:.06em;white-space:nowrap}
.club-search-card__meta{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px;
}
.club-search-card__chip{
  display:inline-flex;align-items:center;gap:4px;
  padding:2px 8px;border-radius:var(--radius-pill);
  background:rgba(16,212,154,.12);border:1px solid rgba(16,212,154,.35);
  color:var(--accent);
  font-family:var(--font-mono);font-size:.66rem;font-weight:700;letter-spacing:.03em;
  white-space:nowrap;
}
.club-search-card__chip-icon{width:14px;height:14px;display:inline-block;vertical-align:middle;flex:0 0 14px}
.club-search-card__platform{
  flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:10px;
  background:rgba(255,255,255,.04);border:1px solid var(--border);
}
.club-search-card__platform img{width:22px;height:22px;object-fit:contain}
.club-search-empty{padding:24px 12px;text-align:center;color:var(--text-mute);font-size:.9rem}

/* ---------- Transfer (перевод фишек между клубами) ---------- */
.transfer-form{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.transfer-source{display:flex;align-items:center;gap:12px;padding:12px}
.transfer-source__logo{
  width:56px;height:56px;flex:0 0 auto;border-radius:14px;
  background:#11192B center / contain no-repeat;
  border:1px solid #3A4670;
}
.transfer-source__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.transfer-source__name{font-weight:700;font-size:1.05rem;line-height:1.2;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.transfer-source__id{font-family:var(--font-mono);font-size:.72rem;color:var(--text-mute);letter-spacing:.06em}

.transfer-row{display:flex;align-items:flex-end;gap:10px}
.transfer-row .form-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-mute);margin-bottom:4px;display:block}
.transfer-row .form-control,
.transfer-row .form-select{padding:10px 12px;font-size:.95rem}
.transfer-arrow{
  flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  width:36px;height:42px;color:var(--accent);
}
.transfer-arrow .material-icons{font-size:22px}
.transfer-rate{
  text-align:center;font-size:.72rem;letter-spacing:.04em;
  font-family:var(--font-mono);min-height:1em;color:var(--text-mute);
}
@media (max-width:380px){
  .transfer-source__logo{width:48px;height:48px;border-radius:12px}
  .transfer-source__name{font-size:.98rem}
  .transfer-row .form-control,
  .transfer-row .form-select{padding:9px 10px;font-size:.9rem}
}


/* ==========================================================
   DESKTOP POLISH — only kicks in at >=992px.
   Mobile layout (<=991.98px) is intentionally untouched.
   ========================================================== */
@media (min-width:992px){

  /* --- Top bar: centered, balanced padding, slightly taller --- */
  .app-topbar{
    padding-inline:32px;
    height:76px;
    background:linear-gradient(180deg,rgba(6,8,15,.96),rgba(6,8,15,.78));
  }
  .app-topbar .brand .brand-logo{height:42px;width:42px}
  .app-topbar .brand-name{font-size:1.25rem;letter-spacing:.04em}
  .app-topbar .brand-slogan{font-size:.66rem;letter-spacing:.06em}

  /* --- Main container: comfortable desktop padding, centered --- */
  main.container,
  .container,
  .container_{
    max-width:1240px;
    padding-inline:32px;
    padding-top:28px;
    padding-bottom:64px;
    margin-inline:auto;
  }

  /* --- Banner stage: never wider than 880px on desktop --- */
  .banner-vstage{
    max-width:880px;
    margin:0 auto 24px;
    aspect-ratio:21/9;
    border-radius:22px;
    box-shadow:0 24px 60px -24px rgba(0,0,0,.55),0 0 1px rgba(255,255,255,.06) inset;
  }

  /* --- Platform row: clean horizontal layout --- */
  .platform-row{
    max-width:1240px;
    margin:8px auto 18px;
    align-items:center;
    gap:14px !important;
  }
  .platform-select{
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:8px;
    border:none !important;
  }
  .platform-select .nav-link{
    border-radius:14px;
    padding:10px 16px;
    font-weight:600;
    background:rgba(255,255,255,.03);
    border:1px solid var(--border);
    transition:all .2s var(--ease);
  }
  .platform-select .nav-link:hover{
    transform:translateY(-1px);
    border-color:var(--border-accent);
    background:rgba(16,212,154,.06);
  }
  .platform-select .nav-link.active{
    box-shadow:0 8px 24px -8px var(--accent-glow),0 0 0 1px var(--border-accent) inset;
  }
  .club-search-btn{
    width:46px;height:46px;border-radius:14px;
    background:rgba(255,255,255,.04);
    border:1px solid var(--border-hi);
    color:var(--text-dim);
    display:inline-flex;align-items:center;justify-content:center;
    transition:all .2s var(--ease);
    flex:0 0 auto;
  }
  .club-search-btn:hover{
    color:var(--accent);
    border-color:var(--border-accent);
    background:rgba(16,212,154,.08);
    box-shadow:0 6px 18px -6px var(--accent-glow);
  }

  /* --- Tab content gets a bit more breathing room --- */
  .tab-content{margin-top:8px}

  /* --- CLUB GRID: force dense CSS-grid regardless of Bootstrap col-* --- */
  .club-row{
    display:grid !important;
    grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
    gap:18px !important;
    margin:0 !important;
  }
  .club-row > .club-cell,
  .club-row > [class*="col-"]{
    width:auto !important;
    max-width:none !important;
    flex:none !important;
    padding:0 !important;
    margin:0 !important;
  }

  /* --- Club tile: a bit taller, prettier, snappier hover --- */
  .club-tile{
    min-height:218px;
    padding:42px 14px 18px;
    border-radius:20px;
    background:
      radial-gradient(140% 100% at 50% 0%,rgba(16,212,154,.04),transparent 55%),
      linear-gradient(180deg,rgba(28,36,55,.85),rgba(12,16,26,.85));
    transition:transform .25s var(--ease-out),border-color .2s var(--ease),box-shadow .25s var(--ease);
  }
  .club-tile:hover{
    transform:translateY(-4px);
    border-color:var(--border-accent);
    box-shadow:0 18px 42px -16px rgba(0,0,0,.6),0 0 0 1px var(--border-accent) inset,0 0 22px var(--accent-glow);
  }
  .club-tile-logo{
    width:60%;
    max-width:130px;
    border-radius:24px;
    box-shadow:0 12px 28px -14px rgba(0,0,0,.65);
    transition:transform .25s var(--ease-out);
  }
  .club-tile:hover .club-tile-logo{transform:scale(1.04)}
  .club-tile-name{font-size:1.05rem}
  .club-tile-id{font-size:.72rem}

  /* --- Modal dialog (club search) sits centered --- */
  .club-search-dialog.modal-dialog{max-width:680px}

}


/* ==========================================================
   WIDE DESKTOP (>=1400px) — denser grid, larger tiles.
   ========================================================== */
@media (min-width:1400px){
  .club-row{
    grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
    gap:22px !important;
  }
  .club-tile{min-height:240px;padding:48px 16px 20px}
  .club-tile-logo{max-width:140px}
  .banner-vstage{max-width:980px}
}

/* ==========================================================
   DESKTOP EXPERIENCE v803 — inner pages, forms, club actions.
   Mobile stays untouched: these rules start at >=992px only.
   ========================================================== */
@media (min-width:992px){

  main.container > .row.justify-content-center > [class*="col-"]:has(.action-stack){
    flex:0 0 min(940px,100%) !important;
    max-width:940px !important;
  }
  main.container > .row.justify-content-center > [class*="col-"]:has(.action-stack) > .tile{
    border-radius:28px !important;
    padding:24px !important;
    background:
      radial-gradient(520px 240px at 12% 0%,rgba(16,212,154,.12),transparent 62%),
      linear-gradient(180deg,rgba(25,33,52,.88),rgba(12,16,26,.82)) !important;
    border-color:rgba(255,255,255,.11) !important;
    box-shadow:0 26px 70px -34px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.07) !important;
  }
  main.container > .row.justify-content-center > [class*="col-"]:has(.action-stack) > .section-title{
    margin-top:28px;
    margin-bottom:14px;
    text-align:left;
  }

  .action-stack{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
  }
  .action-row{
    min-height:190px;
    align-items:flex-start;
    flex-direction:column;
    gap:18px;
    padding:24px;
    border-radius:28px;
    background:
      radial-gradient(260px 160px at 100% 0%,rgba(255,255,255,.05),transparent 64%),
      linear-gradient(180deg,rgba(25,33,52,.9),rgba(10,14,24,.88));
  }
  .action-row .icon{
    width:58px;
    height:58px;
    flex:0 0 58px;
    border-radius:18px;
  }
  .action-row .icon .material-icons{font-size:28px}
  .action-row .action-row-text{gap:6px}
  .action-row .label{font-size:.68rem;letter-spacing:.14em}
  .action-row .title{font-size:1.25rem;line-height:1.15}
  .action-row .arrow{
    position:absolute;
    right:22px;
    bottom:22px;
    width:38px;
    height:38px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.045);
    border:1px solid var(--border);
    transition:transform .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);
  }
  .action-row:hover .arrow{transform:translateX(3px);color:var(--accent);border-color:var(--border-accent)}
  .action-row.sell:hover .arrow{color:#FCA5A5;border-color:rgba(244,63,94,.4)}
  .action-row.transfer:hover .arrow{color:#F2C992;border-color:rgba(242,201,146,.36)}

  main.buy-one-screen-page{
    min-height:calc(100vh - 76px);
    padding-top:34px !important;
    padding-bottom:74px !important;
    display:flex;
    align-items:flex-start;
  }
  main.buy-one-screen-page > .row{
    width:100%;
    margin-inline:0;
  }
  main.buy-one-screen-page > .row > [class*="col-"]{
    flex:0 0 min(820px,100%) !important;
    max-width:820px !important;
  }
  .buy-one-screen-stepper{
    margin:0 0 18px;
  }
  .buy-one-screen-stepper .step{
    width:34px;
    height:34px;
    box-shadow:0 12px 30px -18px rgba(0,0,0,.8);
  }
  .buy-one-screen-stepper .bar{width:34px}

  .buy-one-screen-form{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:28px;
    border-radius:30px;
    background:
      radial-gradient(640px 260px at 0% 0%,rgba(16,212,154,.13),transparent 58%),
      radial-gradient(520px 260px at 100% 10%,rgba(96,165,250,.08),transparent 62%),
      linear-gradient(180deg,rgba(22,29,46,.92),rgba(9,13,23,.88));
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 32px 90px -42px rgba(0,0,0,.92),inset 0 1px 0 rgba(255,255,255,.07);
  }
  .sell-flow .buy-one-screen-form{
    background:
      radial-gradient(620px 260px at 0% 0%,rgba(244,63,94,.14),transparent 58%),
      radial-gradient(520px 260px at 100% 10%,rgba(242,201,146,.08),transparent 62%),
      linear-gradient(180deg,rgba(22,29,46,.92),rgba(9,13,23,.88));
  }
  .transfer-flow .buy-one-screen-form{
    background:
      radial-gradient(620px 260px at 0% 0%,rgba(242,201,146,.13),transparent 58%),
      radial-gradient(520px 260px at 100% 10%,rgba(16,212,154,.08),transparent 62%),
      linear-gradient(180deg,rgba(22,29,46,.92),rgba(9,13,23,.88));
  }
  .buy-one-screen-form::before{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:29px;
    background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 34%,rgba(16,212,154,.08));
    opacity:.55;
    pointer-events:none;
    z-index:-1;
  }
  .buy-one-screen-form .buy-club-hero{
    margin-bottom:24px;
    padding:18px 20px;
    border-radius:22px;
    background:rgba(5,8,16,.34);
    border-color:rgba(255,255,255,.10);
  }
  .buy-one-screen-form .buy-club-rate-top{
    margin-bottom:10px;
    padding-bottom:10px;
    font-size:.72rem;
  }
  .buy-one-screen-form .buy-club-logo{
    width:52px;
    height:52px;
    flex-basis:52px;
    border-radius:16px;
  }
  .buy-one-screen-form .buy-club-name{font-size:1.08rem;font-weight:800}
  .buy-one-screen-form .buy-club-badge{padding:5px 10px;font-size:.58rem}
  .buy-one-screen-form .section-title{
    margin:18px 0 9px;
    text-align:left;
    font-size:.72rem;
    letter-spacing:.12em;
  }
  .buy-one-screen-form .field-group{margin-bottom:12px}
  .buy-one-screen-form .form-control,
  .buy-one-screen-form .form-select,
  .buy-one-screen-form .valuta-picker-btn{
    min-height:58px;
    border-radius:18px;
    background:rgba(4,7,14,.44);
    border-color:rgba(255,255,255,.12);
  }
  .buy-one-screen-form #player_id{
    font-size:1.08rem !important;
    text-align:left;
  }
  .buy-one-screen-form #fishki,
  .buy-one-screen-form #sum,
  .buy-one-screen-form #TransferAmountFrom,
  .buy-one-screen-form #TransferAmountTo{
    min-height:74px;
    border-radius:18px;
    font-size:1.5rem !important;
  }
  .buy-one-screen-form .chips-sum-row{margin-top:4px}
  .buy-one-screen-form .sticky-cta{margin-top:28px}
  .buy-one-screen-form .sticky-cta .btn{
    min-height:62px;
    border-radius:18px;
    font-size:1.04rem;
    box-shadow:0 20px 42px -18px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,.25);
  }
  .sell-flow .buy-one-screen-form .sticky-cta .btn{box-shadow:0 20px 42px -18px var(--danger-glow),inset 0 1px 0 rgba(255,255,255,.22)}
  .buy-one-screen-form .alert{border-radius:18px}

}


/* ==========================================================
   v804 — Desktop-only refinements (>=992px). Mobile untouched.
   1) Fixed site width (centered topbar/footer/main inner)
   2) Top-bar search button
   3) Centered rooms grid
   4) Breadcrumbs
   5) Floating chat helper FAB + modal (iframe to /chat.php?embed=1)
   6) Desktop horizontal banner slider
   7) Desktop footer
   ========================================================== */
@media (min-width:992px){

  :root{ --site-max:1200px; }

  /* (1) Fixed-width site: centered content with full-bleed bg */
  .app-topbar{
    padding-left:max(32px, calc((100vw - var(--site-max)) / 2));
    padding-right:max(32px, calc((100vw - var(--site-max)) / 2));
  }
  main.container,
  .container,
  .container_{
    max-width:var(--site-max) !important;
    margin-inline:auto;
  }

  /* (2) Top-bar Search button */
  .app-topbar .top-search-btn{
    align-items:center;
    gap:8px;
    height:40px;
    padding:0 16px 0 12px;
    border-radius:14px;
    background:rgba(255,255,255,.04);
    border:1px solid var(--border-hi);
    color:var(--text-dim);
    font-weight:600;
    font-size:.86rem;
    letter-spacing:.02em;
    transition:all .2s var(--ease);
  }
  .app-topbar .top-search-btn .material-icons{font-size:20px;line-height:1}
  .app-topbar .top-search-btn:hover{
    color:var(--accent);
    border-color:var(--border-accent);
    background:rgba(16,212,154,.08);
    box-shadow:0 6px 18px -6px var(--accent-glow);
  }
  .app-topbar .top-search-btn__label{display:inline}
  /* Прячем in-page кнопку поиска (теперь она в хедере) */
  .platform-row .club-search-btn{ display:none !important; }
  .platform-row{ gap:0 !important; }

  /* (3) Centered rooms grid */
  .club-row{
    grid-template-columns:repeat(auto-fit, minmax(190px, 220px)) !important;
    justify-content:center !important;
  }
  .tab-content > .tab-pane.active.show{ display:flex; justify-content:center; }
  .tab-content > .tab-pane > .club-row{ width:100%; max-width:var(--site-max); }

  /* (4) Breadcrumbs */
  .breadcrumbs{
    max-width:var(--site-max);
    margin:14px auto 4px;
    padding:0 32px;
  }
  .breadcrumbs__list{
    display:flex;flex-wrap:wrap;align-items:center;gap:6px;
    list-style:none;margin:0;padding:0;
    font-size:.82rem;font-weight:500;
    color:var(--text-mute);
    letter-spacing:.02em;
  }
  .breadcrumbs__item{ display:inline-flex;align-items:center;gap:6px; }
  .breadcrumbs__item a{
    color:var(--text-dim);
    text-decoration:none;
    padding:4px 10px;
    border-radius:10px;
    transition:color .15s var(--ease),background .15s var(--ease);
  }
  .breadcrumbs__item a:hover{
    color:var(--accent);
    background:rgba(16,212,154,.06);
  }
  .breadcrumbs__item.is-current span{
    color:var(--text);
    font-weight:600;
    padding:4px 10px;
    border-radius:10px;
    background:rgba(255,255,255,.04);
    border:1px solid var(--border);
  }
  .breadcrumbs__sep{
    font-size:18px !important;
    color:var(--text-mute);
    opacity:.55;
  }

  /* (5) Floating chat helper FAB */
  .chat-fab{
    position:fixed;
    right:28px;bottom:28px;
    z-index:1040;
    align-items:center;
    gap:10px;
    height:56px;padding:0 22px 0 18px;
    border-radius:999px;
    background:linear-gradient(135deg,#10D49A 0%,#0BB388 100%);
    color:#041F17;
    border:none;
    font-weight:700;font-size:.95rem;letter-spacing:.02em;
    box-shadow:
      0 18px 40px -12px rgba(16,212,154,.55),
      0 0 0 1px rgba(255,255,255,.18) inset,
      0 8px 22px rgba(0,0,0,.35);
    cursor:pointer;
    transition:transform .2s var(--ease),box-shadow .25s var(--ease);
  }
  .chat-fab:hover{
    transform:translateY(-2px);
    box-shadow:
      0 22px 50px -10px rgba(16,212,154,.65),
      0 0 0 1px rgba(255,255,255,.24) inset,
      0 10px 28px rgba(0,0,0,.4);
  }
  .chat-fab:active{ transform:scale(.97); }
  .chat-fab__icon{ font-size:24px !important; }
  .chat-fab__label{ white-space:nowrap; }
  .chat-fab__pulse{
    position:absolute;inset:0;border-radius:inherit;
    box-shadow:0 0 0 0 rgba(16,212,154,.55);
    animation:fabPulse 2.4s ease-out infinite;
    pointer-events:none;
  }
  @keyframes fabPulse{
    0%{ box-shadow:0 0 0 0 rgba(16,212,154,.55); }
    70%{ box-shadow:0 0 0 18px rgba(16,212,154,0); }
    100%{ box-shadow:0 0 0 0 rgba(16,212,154,0); }
  }

  /* Chat helper modal */
  .chat-helper-modal__dialog{
    max-width:min(880px, calc(100vw - 64px));
  }
  .chat-helper-modal__content{
    background:#0B1024;
    border:1px solid rgba(255,255,255,.10);
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 40px 100px -30px rgba(0,0,0,.85);
  }
  .chat-helper-modal__header{
    display:flex;align-items:center;justify-content:space-between;
    padding:14px 20px;
    background:linear-gradient(180deg,rgba(25,35,58,.96),rgba(16,24,43,.94));
    border-bottom:1px solid rgba(255,255,255,.06);
  }
  .chat-helper-modal__title{
    display:inline-flex;align-items:center;gap:10px;
    font-weight:700;font-size:1.05rem;color:var(--text);
  }
  .chat-helper-modal__title .material-icons{ color:var(--accent); }
  .chat-helper-modal__body{
    padding:0;background:#0B1024;
    height:min(78vh, 720px);
  }
  .chat-helper-iframe{
    display:block;width:100%;height:100%;
    border:0;background:#0B1024;
  }
  body.chat-embed{ background:#0B1024; }
  body.chat-embed .app-bottomnav{ display:none !important; }

  /* (6) Horizontal banner slider on desktop */
  .banner-vstage{
    aspect-ratio:auto !important;
    height:340px;
    max-width:var(--site-max);
    margin:18px auto 28px;
    border-radius:24px;
    overflow:hidden;
    cursor:default;
  }
  .banner-vslide{
    border-radius:0 !important;
    border:none;
    transform:translateX(110%);
    transition:transform .7s cubic-bezier(.22,.8,.22,1),opacity .55s ease;
  }
  .banner-vslide.is-active{ transform:translateX(0) !important; }
  .banner-vslide.is-prev{ transform:translateX(-15%) !important; opacity:0; }
  .banner-vslide.is-next{ transform:translateX(15%) !important; opacity:0; }
  .banner-vslide img{ object-fit:cover; }
  .banner-vslide::after{
    background:linear-gradient(90deg,rgba(0,0,0,.35) 0%,transparent 35%,transparent 65%,rgba(0,0,0,.35) 100%);
  }
  .banner-arrow{
    position:absolute;top:50%;transform:translateY(-50%);
    z-index:5;
    width:48px;height:48px;border-radius:50%;
    display:none;align-items:center;justify-content:center;
    background:rgba(8,12,22,.55);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.14);
    color:#fff;
    transition:all .2s var(--ease);
    cursor:pointer;
  }
  .banner-arrow.d-lg-flex{ display:flex !important; }
  .banner-arrow:hover{
    background:rgba(16,212,154,.22);
    border-color:var(--border-accent);
    color:var(--accent);
    transform:translateY(-50%) scale(1.08);
  }
  .banner-arrow .material-icons{ font-size:30px; }
  .banner-arrow--prev{ left:14px; }
  .banner-arrow--next{ right:14px; }
  .banner-dots{
    position:absolute;left:0;right:0;bottom:14px;
    z-index:5;
    display:none;justify-content:center;gap:8px;
    padding:0;
  }
  .banner-dots.d-lg-flex{ display:flex !important; }
  .banner-dot{
    width:9px;height:9px;border-radius:50%;
    background:rgba(255,255,255,.35);
    border:none;padding:0;cursor:pointer;
    transition:all .2s var(--ease);
  }
  .banner-dot:hover{ background:rgba(255,255,255,.6); }
  .banner-dot.is-active{
    background:var(--accent);
    width:26px;border-radius:5px;
    box-shadow:0 0 14px var(--accent-glow);
  }

  /* (7) Desktop footer */
  .app-footer{
    margin-top:60px;
    background:linear-gradient(180deg,rgba(8,11,20,.0) 0%,rgba(8,11,20,.85) 60%,rgba(6,8,15,.95) 100%);
    border-top:1px solid var(--border);
    padding:42px 0 24px;
  }
  .app-footer__inner{
    max-width:var(--site-max);
    margin:0 auto;
    padding:0 32px 32px;
    display:grid;
    grid-template-columns:1.2fr 2fr;
    gap:48px;
    align-items:start;
  }
  .app-footer__brand{ display:flex;align-items:center;gap:14px; }
  .app-footer__logo{ width:48px;height:48px;object-fit:contain; }
  .app-footer__brand-name{
    font-size:1.15rem;font-weight:800;letter-spacing:.06em;color:var(--text);
  }
  .app-footer__brand-slogan{
    font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute);
    margin-top:4px;
  }
  .app-footer__cols{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px;
  }
  .app-footer__col{ display:flex;flex-direction:column;gap:10px; }
  .app-footer__col-title{
    font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;
    color:var(--text-mute);
    margin-bottom:4px;
  }
  .app-footer__col a{
    color:var(--text-dim);text-decoration:none;font-size:.92rem;font-weight:500;
    transition:color .15s var(--ease);
  }
  .app-footer__col a:hover{ color:var(--accent); }
  .app-footer__muted{ color:var(--text-mute);font-size:.85rem; }
  .app-footer__bottom{
    max-width:var(--site-max);
    margin:0 auto;
    padding:18px 32px 0;
    border-top:1px solid var(--border);
    display:flex;justify-content:space-between;align-items:center;
    color:var(--text-mute);font-size:.78rem;
  }
  .app-footer__bottom a{ color:var(--text-dim);text-decoration:none; }
  .app-footer__bottom a:hover{ color:var(--accent); }

  /* Дисклеймер внизу футера (только ПК — футер скрыт на мобиле через d-none d-lg-block) */
  .app-footer__disclaimer{
    max-width:var(--site-max);
    margin:14px auto 0;
    padding:14px 32px 0;
    color:var(--text-mute);
    font-size:.68rem;
    line-height:1.55;
    text-align:center;
    opacity:.6;
    font-style:italic;
    letter-spacing:.01em;
  }

  /* Сдвинуть FAB вверх когда виден футер, чтобы не перекрывал ссылки */
  .app-footer{ position:relative;z-index:1; }

}

/* ==========================================================
   v805 — Desktop refinements (>=992px). Mobile untouched.
   - Site width +20% (1200 в†’ 1440)
   - 4 clubs per row at full width
   - Centered platform-row
   - 3D coverflow hero slider (no cropping, circular)
   - Club action cards horizontal with descriptions
   - Sticky footer (page = flex column min-height:100vh)
   - Balanced top padding on inner pages
   - Modal centering for chat helper
   ========================================================== */
@media (min-width:992px){

  :root{ --site-max:1440px; }

  /* (A) Sticky footer: body becomes flex column, main grows */
  html, body{ min-height:100vh; }
  body{
    display:flex;
    flex-direction:column;
    min-height:100vh;
  }
  body > main,
  body > main.container,
  body > main.app-main{
    flex:1 0 auto;
  }
  body > .app-footer{
    flex-shrink:0;
    margin-top:auto;
  }

  /* (B) Site width: 1440 + balanced padding */
  .app-topbar{
    padding-left:max(40px, calc((100vw - var(--site-max)) / 2));
    padding-right:max(40px, calc((100vw - var(--site-max)) / 2));
  }
  main.container,
  .container,
  .container_{
    max-width:var(--site-max) !important;
    padding-inline:40px !important;
    padding-top:32px !important;
  }
  .breadcrumbs{
    max-width:var(--site-max);
    padding:0 40px;
    margin:28px auto 28px;
  }
  /* Inner pages: equal vertical breathing space above and below breadcrumbs */
  .breadcrumbs + main.container,
  .breadcrumbs + main.app-main{ padding-top:8px !important; }

  /* (C) Center the platform selector row */
  .platform-row{
    max-width:var(--site-max);
    margin:8px auto 22px !important;
    justify-content:center !important;
  }
  .platform-row__left{ flex-grow:0 !important; }
  .platform-select{
    justify-content:center !important;
    flex-wrap:wrap;
  }

  /* (D) 4 clubs per row across full width */
  .club-row{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:22px !important;
    width:100%;
    max-width:var(--site-max);
    margin:0 auto !important;
    justify-content:stretch !important;
  }
  .tab-content > .tab-pane.active.show{ display:block; }
  .club-tile{ min-height:240px; }
  .club-tile-logo{ max-width:140px; }

  /* (E) 3D coverflow hero slider */
  .banner-vstage.banner-3d{
    perspective:1700px;
    height:440px;
    max-width:var(--site-max);
    margin:24px auto 36px;
    aspect-ratio:auto !important;
    background:transparent !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
    position:relative;
    isolation:isolate;
  }
  .banner-vstage.banner-3d::before{
    content:"";
    position:absolute;
    inset:-20px -10% 20px;
    background:radial-gradient(ellipse at center, rgba(16,212,154,.08) 0%, transparent 70%);
    pointer-events:none;
    z-index:0;
  }
  .banner-vstage.banner-3d .banner-vslide{
    position:absolute;
    top:0; left:50%;
    width:54%;
    height:100%;
    margin-left:-27%;
    border-radius:24px !important;
    background:linear-gradient(180deg,#0f1424,#060912);
    border:1px solid rgba(255,255,255,.08);
    transform-style:preserve-3d;
    transform-origin:center center;
    transition:transform .85s cubic-bezier(.22,.8,.22,1), opacity .65s ease, box-shadow .35s ease;
    will-change:transform, opacity;
    opacity:1;
    pointer-events:auto;
    overflow:hidden;
    box-shadow:0 26px 60px -24px rgba(0,0,0,.7);
  }
  .banner-vstage.banner-3d .banner-vslide img{
    width:100%; height:100%;
    object-fit:contain !important;
    background:#060912;
    border-radius:inherit;
    display:block;
  }
  .banner-vstage.banner-3d .banner-vslide::after{
    background:none !important;
  }
  /* coverflow positions */
  .banner-vstage.banner-3d .banner-vslide[data-pos="0"]{
    transform:translateZ(80px) !important;
    opacity:1;
    z-index:6;
    cursor:pointer;
    box-shadow:
      0 36px 70px -24px rgba(0,0,0,.75),
      0 0 0 1px rgba(255,255,255,.06) inset,
      0 0 30px rgba(16,212,154,.18);
  }
  .banner-vstage.banner-3d .banner-vslide[data-pos="-1"]{
    transform:translateX(-72%) translateZ(-40px) rotateY(32deg) scale(.86) !important;
    opacity:.7;
    z-index:5;
    cursor:pointer;
  }
  .banner-vstage.banner-3d .banner-vslide[data-pos="1"]{
    transform:translateX(72%) translateZ(-40px) rotateY(-32deg) scale(.86) !important;
    opacity:.7;
    z-index:5;
    cursor:pointer;
  }
  .banner-vstage.banner-3d .banner-vslide[data-pos="-2"]{
    transform:translateX(-128%) translateZ(-180px) rotateY(44deg) scale(.68) !important;
    opacity:.28;
    z-index:4;
    pointer-events:none;
  }
  .banner-vstage.banner-3d .banner-vslide[data-pos="2"]{
    transform:translateX(128%) translateZ(-180px) rotateY(-44deg) scale(.68) !important;
    opacity:.28;
    z-index:4;
    pointer-events:none;
  }
  .banner-vstage.banner-3d .banner-vslide[data-pos="hidden"]{
    transform:translateX(0) translateZ(-400px) scale(.4) !important;
    opacity:0 !important;
    pointer-events:none;
    z-index:1;
  }
  .banner-vstage.banner-3d .banner-vslide[data-pos="-1"]:hover,
  .banner-vstage.banner-3d .banner-vslide[data-pos="1"]:hover{ opacity:.92; }

  /* arrows over coverflow */
  .banner-vstage.banner-3d .banner-arrow{
    z-index:8;
    width:54px;height:54px;
    background:rgba(8,12,22,.7);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.16);
  }
  .banner-vstage.banner-3d .banner-arrow--prev{ left:8px; }
  .banner-vstage.banner-3d .banner-arrow--next{ right:8px; }
  .banner-vstage.banner-3d .banner-dots{
    position:absolute;
    left:0;right:0;bottom:-28px;
    z-index:8;
  }

  /* (F) Club action cards: horizontal row + description below button */
  .action-stack--cards{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:22px !important;
    margin-top:18px;
  }
  .action-stack--cards .action-row{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:14px !important;
    min-height:auto !important;
    padding:24px 24px 22px !important;
    border-radius:24px !important;
    text-decoration:none;
    background:
      radial-gradient(280px 160px at 100% 0%, rgba(255,255,255,.05), transparent 64%),
      linear-gradient(180deg, rgba(25,33,52,.92), rgba(10,14,24,.9)) !important;
  }
  .action-stack--cards .action-row__head{
    display:flex;
    align-items:center;
    gap:14px;
  }
  .action-stack--cards .action-row .icon{
    width:52px;height:52px;
    flex:0 0 52px;
    border-radius:16px;
  }
  .action-stack--cards .action-row .icon .material-icons{ font-size:26px; }
  .action-stack--cards .action-row-text{
    display:flex; flex-direction:column; gap:2px;
  }
  .action-stack--cards .action-row .label{
    font-size:.66rem; letter-spacing:.14em; font-weight:700;
    color:var(--text-mute); text-transform:uppercase;
  }
  .action-stack--cards .action-row .title{
    font-size:1.15rem; line-height:1.2; font-weight:700; color:var(--text);
  }
  .action-stack--cards .action-row__desc{
    margin:0;
    font-size:.88rem;
    line-height:1.55;
    color:var(--text-dim);
    flex:1 0 auto;
  }
  .action-stack--cards .action-row__cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:6px;
    padding:11px 18px;
    border-radius:14px;
    font-weight:700;
    font-size:.9rem;
    letter-spacing:.02em;
    background:rgba(255,255,255,.06);
    border:1px solid var(--border);
    color:var(--text);
    transition:all .2s var(--ease);
  }
  .action-stack--cards .action-row__cta .material-icons{ font-size:18px; }
  .action-stack--cards .action-row.buy .action-row__cta{
    background:linear-gradient(135deg, #10D49A 0%, #0BB388 100%);
    color:#041F17;
    border-color:transparent;
    box-shadow:0 12px 28px -10px var(--accent-glow);
  }
  .action-stack--cards .action-row.sell .action-row__cta{
    background:linear-gradient(135deg, #F43F5E 0%, #E11D48 100%);
    color:#fff;
    border-color:transparent;
    box-shadow:0 12px 28px -10px rgba(244,63,94,.5);
  }
  .action-stack--cards .action-row.transfer .action-row__cta{
    background:linear-gradient(135deg, #F2C992 0%, #E0A86A 100%);
    color:#1F1408;
    border-color:transparent;
    box-shadow:0 12px 28px -10px rgba(242,201,146,.45);
  }
  .action-stack--cards .action-row:hover .action-row__cta{
    transform:translateY(-1px);
    filter:brightness(1.06);
  }
  /* hide legacy arrow icon when using cards layout */
  .action-stack--cards .action-row > .arrow{ display:none !important; }

  /* (G) Modal centering hardening for chat helper */
  .chat-helper-modal.modal{
    display:none;
  }
  .chat-helper-modal.modal.show{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .chat-helper-modal__dialog.modal-dialog{
    margin:auto !important;
  }

  /* (H) Inner-page balanced top padding */
  main.container.fade-in,
  main.container.buy-one-screen-page{
    padding-top:8px !important;
  }
  /* Equal space top/bottom of breadcrumbs */
  .breadcrumbs{ margin-top:28px !important; margin-bottom:28px !important; }

}

@media (min-width:768px) and (max-width:991.98px){
  .breadcrumbs.d-none{
    display:flex !important;
  }
  .breadcrumbs{
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    margin:32px auto 24px !important;
    padding-left:24px !important;
    padding-right:24px !important;
    text-align:left !important;
    overflow:visible !important;
  }
  .breadcrumbs__list{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  .breadcrumbs__item,
  .breadcrumbs__item a,
  .breadcrumbs__item span{
    min-width:0 !important;
    max-width:100% !important;
  }
  .breadcrumbs__item a,
  .breadcrumbs__item span{
    overflow-wrap:anywhere;
  }
}

/* ==========================================================
   v806 — Desktop refinements (>=992px)
   1) Chat helper modal x2 width
   2) Header height unified across all pages
   3) Slider side images darkened (not transparent), frame fits image
   4) Platform row pushed +15% from slider, +5% wider backdrop
   5) Club action buttons: vertical stack of horizontal rows
   6) Header→breadcrumbs gap doubled, breadcrumbs left-aligned
   7) Equal site width for header / body / footer
   ========================================================== */
@media (min-width:992px){

  /* (7) Unified site width — single source of truth */
  :root{
    --site-max:1440px;
    --site-pad:40px;
  }

  .app-topbar{
    height:72px !important;
    padding-left:max(var(--site-pad), calc((100vw - var(--site-max)) / 2)) !important;
    padding-right:max(var(--site-pad), calc((100vw - var(--site-max)) / 2)) !important;
  }
  /* main content + breadcrumbs + footer all share same gutter */
  main.container,
  .container,
  .container_,
  .breadcrumbs,
  .platform-row,
  .club-row,
  .banner-vstage.banner-3d,
  .app-footer__inner,
  .app-footer__bottom,
  .app-footer__disclaimer{
    max-width:var(--site-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  main.container,
  .container,
  .container_{
    padding-left:var(--site-pad) !important;
    padding-right:var(--site-pad) !important;
  }
  .app-footer__inner,
  .app-footer__bottom,
  .app-footer__disclaimer{
    padding-left:var(--site-pad) !important;
    padding-right:var(--site-pad) !important;
  }

  /* (2) Unified header height. Remove any extra spacing above first content. */
  body > main.container,
  body > main{
    padding-top:0 !important;
  }

  /* (6) Header→breadcrumbs gap x2, left aligned to site gutter (matches header logo) */
  .breadcrumbs{
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    max-width:var(--site-max) !important;
    box-sizing:border-box !important;
    margin:56px auto 28px !important;
    padding-left:var(--site-pad) !important;
    padding-right:var(--site-pad) !important;
    text-align:left !important;
    overflow:visible !important;
  }
  .breadcrumbs__list{
    display:flex !important;
    flex-wrap:wrap !important;
    margin-left:0 !important;
    padding-left:0 !important;
    justify-content:flex-start !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  .breadcrumbs__item,
  .breadcrumbs__item a,
  .breadcrumbs__item span{
    min-width:0 !important;
    max-width:100% !important;
  }
  .breadcrumbs__item a,
  .breadcrumbs__item span{
    overflow-wrap:anywhere;
  }
  /* Equal small gap between breadcrumbs and content card */
  .breadcrumbs + main.container,
  .breadcrumbs + main.container.fade-in,
  .breadcrumbs + main.app-main{
    padding-top:0 !important;
  }
  .breadcrumbs + main.container > *:first-child,
  .breadcrumbs + main.app-main > *:first-child{
    margin-top:0 !important;
  }

  /* (1) Chat helper modal — twice as wide */
  .chat-helper-modal__dialog{
    max-width:min(1760px, calc(100vw - 64px)) !important;
    width:min(1760px, calc(100vw - 64px)) !important;
  }
  .chat-helper-modal__body{
    height:min(82vh, 820px) !important;
  }

  /* (3) Slider — side images darkened (no opacity), frame matches image */
  .banner-vstage.banner-3d{
    height:auto !important;
    min-height:380px;
    aspect-ratio:auto !important;
  }
  .banner-vstage.banner-3d .banner-vslide{
    height:auto !important;
    aspect-ratio:16 / 9;
    background:#060912 !important;
    border:1px solid rgba(255,255,255,.06) !important;
  }
  .banner-vstage.banner-3d .banner-vslide img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;     /* fill frame fully — no empty bands */
    background:#060912;
    display:block;
  }
  /* Darkening overlay on side slides (no opacity changes) */
  .banner-vstage.banner-3d .banner-vslide::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:#000 !important;
    opacity:0 !important;
    transition:opacity .55s ease !important;
    pointer-events:none !important;
    z-index:2 !important;
    border-radius:inherit;
  }
  .banner-vstage.banner-3d .banner-vslide[data-pos="0"]{
    opacity:1 !important;
  }
  .banner-vstage.banner-3d .banner-vslide[data-pos="0"]::after{ opacity:0 !important; }
  .banner-vstage.banner-3d .banner-vslide[data-pos="-1"],
  .banner-vstage.banner-3d .banner-vslide[data-pos="1"]{
    opacity:1 !important;
  }
  .banner-vstage.banner-3d .banner-vslide[data-pos="-1"]::after,
  .banner-vstage.banner-3d .banner-vslide[data-pos="1"]::after{
    opacity:.45 !important;
  }
  .banner-vstage.banner-3d .banner-vslide[data-pos="-2"],
  .banner-vstage.banner-3d .banner-vslide[data-pos="2"]{
    opacity:1 !important;
  }
  .banner-vstage.banner-3d .banner-vslide[data-pos="-2"]::after,
  .banner-vstage.banner-3d .banner-vslide[data-pos="2"]::after{
    opacity:.75 !important;
  }
  .banner-vstage.banner-3d .banner-vslide[data-pos="hidden"]::after{ opacity:1 !important; }

  /* (4) Platform row: +15% gap below slider, backdrop +5% wider */
  .banner-vstage.banner-3d{ margin-bottom:84px !important; } /* was ~36 → 36+72 ≈ 15% of viewport height */
  .platform-row{
    max-width:calc(var(--site-max) * 1.05) !important;
    margin-top:0 !important;
    margin-bottom:28px !important;
    padding-left:max(calc(var(--site-pad) - (var(--site-max) * 0.025)), 16px) !important;
    padding-right:max(calc(var(--site-pad) - (var(--site-max) * 0.025)), 16px) !important;
  }

  /* (5) Club action buttons — vertical stack of horizontal rows */
  .action-stack--cards{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
    grid-template-columns:none !important;
  }
  .action-stack--cards .action-row{
    display:grid !important;
    grid-template-columns:auto 1fr 2.4fr auto !important;
    align-items:center !important;
    gap:22px !important;
    padding:18px 22px !important;
    border-radius:18px !important;
    min-height:88px !important;
  }
  .action-stack--cards .action-row__head{
    display:contents !important;     /* unwrap so icon + text become grid cells */
  }
  .action-stack--cards .action-row .icon{
    width:52px !important;
    height:52px !important;
    flex:0 0 52px !important;
  }
  .action-stack--cards .action-row-text{
    display:flex !important;
    flex-direction:column !important;
    gap:2px !important;
    min-width:0 !important;
  }
  .action-stack--cards .action-row__desc{
    margin:0 !important;
    font-size:.9rem !important;
    line-height:1.45 !important;
    color:var(--text-dim) !important;
    flex:0 1 auto !important;
  }
  .action-stack--cards .action-row__cta{
    margin-top:0 !important;
    white-space:nowrap !important;
    padding:11px 22px !important;
  }

}


/* ==========================================================
   v807 — Desktop fixes (>=992px)
   1) Chat embed: no extra padding, fill modal
   2) Topbar: prevent flex-shrink so 72px applies on every page
   3) Slider: triple top gap from header
   ========================================================== */
@media (min-width:992px){

  /* (2) topbar fixed height across all pages — block flex shrink */
  .app-topbar{
    flex:0 0 auto !important;
    flex-shrink:0 !important;
    height:72px !important;
    min-height:72px !important;
  }

  /* (3) slider — push 3x further from header */
  .banner-vstage,
  .banner-vstage.banner-3d{
    margin-top:72px !important;   /* was ~24px */
  }
}

/* (1) Chat embed page — kill all wrappers padding */
body.chat-embed{
  background:#0B1024 !important;
}
body.chat-embed .app-topbar,
body.chat-embed .app-bottomnav,
body.chat-embed .app-footer,
body.chat-embed .breadcrumbs{
  display:none !important;
}
body.chat-embed main,
body.chat-embed main.app-main,
body.chat-embed main.container{
  padding:0 !important;
  margin:0 !important;
  max-width:none !important;
  width:100% !important;
}


/* ==========================================================
   v810 — Desktop refinements (>=992px)
   1) Platform pills: keep original glow, widen backdrop by ~5%
   2) Action cards: re-grid (no __head wrapper)
   ========================================================== */
@media (min-width:992px){

  /* (1) Ширина/поля подложки задаются в базовом .platform-select выше — не переопределяем здесь. */

  /* (2) Action cards — new flat markup (no __head wrapper).
     Grid: icon | text | desc | cta  */
  .action-stack--cards .action-row{
    display:grid !important;
    grid-template-columns:auto 1fr 2.4fr auto !important;
    grid-template-rows:auto !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:22px !important;
  }
  /* legacy mobile arrow — make sure it stays hidden on PC */
  .action-stack--cards .action-row > .arrow{ display:none !important; }
}


/* ==========================================================
   v819 - align topbar inner edges with .container content
   ========================================================== */
@media (min-width:992px){
  .app-topbar{
    padding-left: max(40px, calc((100vw - 1440px) / 2 + 40px)) !important;
    padding-right: max(40px, calc((100vw - 1440px) / 2 + 40px)) !important;
  }
}