:root{
  --bg:#080a24;
  --bg2:#0f1237;
  --panel:#181b4d;
  --panel2:#242760;
  --panel3:#2d3171;
  --text:#f8f9ff;
  --muted:#aeb5da;
  --muted2:#7f88bd;
  --cyan:#61dbff;
  --pink:#e633ca;
  --violet:#7a37ff;
  --line:rgba(255,255,255,.10);
  --line2:rgba(255,255,255,.16);
  --shadow:0 28px 90px rgba(0,0,0,.36);
  --radius:26px;
  --container:1180px;
}
*{box-sizing:border-box}
html{
  min-height:100%;
  overflow-y:scroll;
  scrollbar-gutter:stable;
  background:var(--bg);
  -webkit-text-size-adjust:100%;
}
body{
  margin:0;
  min-height:100vh;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 9% 74%, rgba(229,43,204,.20), transparent 150px),
    radial-gradient(circle at 92% 16%, rgba(97,219,255,.22), transparent 170px),
    linear-gradient(135deg,#090b28 0%,#111442 46%,#080a24 100%);
  line-height:1.55;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 38%, rgba(97,219,255,.10), transparent 290px),
    linear-gradient(90deg,rgba(255,255,255,.025),transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 1px);
  background-size:auto,72px 72px,72px 72px;
  opacity:.8;
}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.site-shell{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}
.container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
.site-header{
  position:relative;
  z-index:20;
  min-height:104px;
  display:flex;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(8,10,36,.62);
  backdrop-filter:blur(18px);
}
.header-row{
  display:grid;
  grid-template-columns:auto 1fr 310px;
  align-items:center;
  gap:30px;
  min-height:104px;
}
.brand{
  display:inline-flex;
  align-items:center;
  gap:13px;
  min-width:190px;
}
.logo-mark{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#ffffff,#9ff4ff);
  color:#090b28;
  font-weight:950;
  letter-spacing:-.08em;
  box-shadow:0 0 34px rgba(97,219,255,.32);
}
.brand-title{
  display:block;
  font-size:25px;
  font-weight:950;
  letter-spacing:.11em;
  line-height:1;
}
.brand-sub{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:12px;
  letter-spacing:.04em;
}
.nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
}
.nav-link{
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  border-radius:16px;
  color:#eef1ff;
  font-size:15px;
  white-space:nowrap;
  transition:background .16s ease, transform .16s ease;
}
.nav-link:hover,.nav-link.active{
  background:rgba(255,255,255,.09);
}
.search-form{
  display:grid;
  grid-template-columns:1fr 82px;
  min-height:48px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  overflow:hidden;
  background:rgba(255,255,255,.075);
}
.search-form input{
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  padding:0 15px;
}
.search-form input::placeholder{color:#929ac8}
.search-form button{
  border:0;
  border-left:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
}
.hero{
  position:relative;
  flex:1;
  padding:74px 0 56px;
}
.hero::before,.hero::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
}
.hero::before{
  width:70px;height:70px;left:8%;top:70%;
  background:#dd27c8;
  box-shadow:0 0 86px rgba(229,43,204,.70);
}
.hero::after{
  width:64px;height:64px;right:8%;top:16%;
  background:#45d8e5;
  box-shadow:0 0 86px rgba(97,219,255,.72);
}
.hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(440px,520px);
  align-items:center;
  gap:58px;
}
.hero-copy{
  min-height:560px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  width:max-content;
  margin-bottom:24px;
  color:var(--cyan);
  font-weight:900;
  font-size:13px;
  letter-spacing:.21em;
  text-transform:uppercase;
}
.kicker::before{content:"✦";font-size:14px}
.hero-title{
  margin:0 0 24px;
  max-width:700px;
  font-size:clamp(46px,4.3vw,66px);
  line-height:1.06;
  letter-spacing:.01em;
}
.hero-lead{
  margin:0 0 28px;
  max-width:690px;
  color:#e5e8ff;
  font-size:17px;
}
.bullets{
  display:grid;
  gap:13px;
  max-width:720px;
  margin:0;
  padding:0;
  list-style:none;
  color:#dce1ff;
}
.bullets li{
  display:grid;
  grid-template-columns:18px 1fr;
  gap:12px;
}
.bullets li::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  margin-top:10px;
  background:rgba(255,255,255,.72);
}
.direction-note{
  margin-top:26px;
  min-height:126px;
  padding:20px 22px;
  border:1px solid rgba(97,219,255,.24);
  border-radius:22px;
  color:#eef6ff;
  background:
    radial-gradient(circle at 90% 20%, rgba(97,219,255,.11), transparent 160px),
    rgba(97,219,255,.065);
}
.direction-note strong{
  display:block;
  margin-bottom:7px;
  font-size:16px;
  color:#fff;
}
.exchange-card{
  position:relative;
  z-index:1;
  width:100%;
  min-height:560px;
  padding:30px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:var(--radius);
  background:
    radial-gradient(circle at 14% 82%, rgba(229,43,204,.12), transparent 180px),
    linear-gradient(180deg,rgba(31,35,91,.95),rgba(15,18,54,.97));
  box-shadow:var(--shadow);
}
.exchange-title{
  margin:4px 0 22px;
  text-align:center;
  font-size:25px;
  letter-spacing:.02em;
}
.exchange-form{display:grid;gap:14px}
.field-group{display:grid;gap:8px}
.field-label{
  color:var(--muted);
  font-size:13px;
  letter-spacing:.02em;
}
.amount-line{
  display:grid;
  grid-template-columns:minmax(0,1fr) 142px;
  gap:10px;
}
.input,.select{
  width:100%;
  min-height:62px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  outline:0;
  color:#fff;
  background:rgba(255,255,255,.075);
}
.input{
  padding:0 17px;
}
.input::placeholder{color:#8f97c6}
.select{
  cursor:pointer;
  padding:0 42px 0 16px;
  appearance:none;
  background:
    linear-gradient(45deg,transparent 50%,#a6add9 50%) calc(100% - 22px) 28px/7px 7px no-repeat,
    linear-gradient(135deg,#a6add9 50%,transparent 50%) calc(100% - 17px) 28px/7px 7px no-repeat,
    rgba(255,255,255,.075);
}
.select option{background:#181b4d;color:#fff}
.swap-btn{
  width:48px;
  height:48px;
  margin:0 auto;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  color:#eef1ff;
  background:rgba(255,255,255,.075);
  cursor:pointer;
}
.methods{
  min-height:132px;
  padding:14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:rgba(255,255,255,.035);
}
.methods-title{
  margin-bottom:11px;
  color:#dfe4ff;
  font-size:14px;
}
.methods-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.method-chip{
  min-height:48px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  padding:0 12px;
  color:#eff2ff;
  background:rgba(255,255,255,.055);
  cursor:pointer;
}
.method-chip.active{
  border-color:rgba(97,219,255,.78);
  box-shadow:inset 0 0 0 1px rgba(97,219,255,.25),0 0 22px rgba(97,219,255,.09);
}
.notice{
  min-height:30px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#9feaff;
  font-size:13px;
}
.notice::before{content:"△";font-size:14px}
.primary-btn{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(90deg,#de2ec6,#7b39ff);
  font-weight:950;
  letter-spacing:.02em;
  cursor:pointer;
  box-shadow:0 18px 48px rgba(148,53,255,.28);
}
.primary-btn:hover{filter:brightness(1.08)}
.form-foot{
  min-height:36px;
  color:var(--muted);
  font-size:13px;
  text-align:center;
}
.site-footer{
  position:relative;
  z-index:1;
  margin-top:auto;
  padding:62px 0 44px;
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(7,9,33,.46);
}
.footer-grid{
  display:grid;
  grid-template-columns:1.35fr 1fr .72fr;
  gap:46px;
}
.footer-about .brand{margin-bottom:18px}
.footer-about p{
  max-width:560px;
  margin:0;
  color:#c4caeb;
}
.footer-title{
  margin-bottom:16px;
  color:#fff;
  font-size:17px;
  font-weight:950;
  letter-spacing:.08em;
}
.coin-list{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.coin-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  color:#eef2ff;
  background:rgba(255,255,255,.045);
}
.footer-links{
  display:grid;
  gap:11px;
  color:#dfe3ff;
}
.page-main{
  flex:1;
  padding:58px 0 74px;
}
.page-card{
  max-width:930px;
  min-height:420px;
  padding:34px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:24px;
  background:rgba(255,255,255,.055);
  box-shadow:var(--shadow);
}
.page-card h1{margin:0 0 14px;font-size:40px}
.page-card p,.page-card li{color:#dce1ff}
.page-card ul{display:grid;gap:10px}
.contact-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-top:22px;
}
.contact-card{
  min-height:130px;
  padding:18px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:rgba(255,255,255,.055);
}
.status-form{
  display:grid;
  grid-template-columns:1fr 150px;
  gap:10px;
  margin-top:22px;
}
@media (max-width:1120px){
  .header-row{grid-template-columns:1fr;gap:14px;padding:18px 0}
  .nav{justify-content:flex-start;overflow-x:auto;padding-bottom:2px}
  .search-form{max-width:560px}
  .hero{padding-top:46px}
  .hero-grid{grid-template-columns:1fr;gap:34px}
  .hero-copy{min-height:auto}
  .exchange-card{max-width:650px}
  .footer-grid{grid-template-columns:1fr;gap:34px}
}
@media (max-width:680px){
  .container{width:calc(100% - 28px)}
  .site-header{min-height:auto}
  .header-row{min-height:auto;padding:18px 0 20px}
  .brand{min-width:0}
  .brand-title{font-size:23px}
  .brand-sub{display:none}
  .nav{
    gap:7px;
    margin:1px -2px 0;
    padding-bottom:4px;
  }
  .nav-link{
    height:46px;
    padding:0 14px;
    border-radius:15px;
    font-size:15px;
    background:rgba(255,255,255,.035);
  }
  .search-form{
    width:100%;
    grid-template-columns:1fr 98px;
    min-height:56px;
    border-radius:18px;
  }
  .search-form input,.search-form button{font-size:16px}
  .hero{
    padding:38px 0 38px;
  }
  .hero::before{display:none}
  .hero::after{
    width:58px;height:58px;right:8%;top:19%;
  }
  .hero-grid{gap:28px}
  .kicker{
    margin-bottom:22px;
    font-size:12px;
    letter-spacing:.20em;
  }
  .hero-title{
    font-size:44px;
    line-height:1.08;
    margin-bottom:22px;
  }
  .hero-lead{
    font-size:17px;
    margin-bottom:28px;
  }
  .bullets{
    gap:15px;
    font-size:16px;
  }
  .bullets li:nth-child(n+5){display:none}
  .direction-note{
    min-height:auto;
    margin-top:28px;
    padding:18px 18px;
  }
  .exchange-card{
    max-width:none;
    min-height:auto;
    padding:22px;
    border-radius:22px;
  }
  .exchange-title{font-size:28px;margin:4px 0 24px}
  .amount-line{grid-template-columns:1fr;gap:10px}
  .input,.select,.primary-btn{min-height:60px;font-size:16px}
  .swap-btn{width:56px;height:56px}
  .methods{min-height:130px}
  .methods-grid{grid-template-columns:1fr}
  .method-chip{min-height:50px;font-size:15px}
  .form-foot{font-size:13px}
  .site-footer{padding:54px 0 42px}
  .footer-about p{font-size:16px}
  .footer-title{font-size:20px}
  .coin-pill{min-height:38px}
  .page-main{padding:34px 0 56px}
  .page-card{padding:22px;border-radius:22px}
  .page-card h1{font-size:32px}
  .contact-grid,.status-form{grid-template-columns:1fr}
}
@media (max-width:390px){
  .hero-title{font-size:39px}
  .container{width:calc(100% - 24px)}
  .exchange-card{padding:18px}
}

/* BITBANK_SITE_COMPACT_V3_BEGIN */
:root{
  --container:1120px;
  --radius:22px;
}

body{
  background:
    linear-gradient(135deg,#080a24 0%,#111442 46%,#080a24 100%) !important;
  overflow-x:hidden;
}

body::before{
  background:
    radial-gradient(circle at 78% 34%, rgba(97,219,255,.06), transparent 340px),
    linear-gradient(90deg,rgba(255,255,255,.018),transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.014),transparent 1px) !important;
  background-size:auto,76px 76px,76px 76px !important;
  opacity:.45 !important;
}

.hero::before,
.hero::after{
  display:none !important;
}

.site-header{
  min-height:84px !important;
}

.header-row{
  min-height:84px !important;
  grid-template-columns:auto 1fr 280px !important;
  gap:24px !important;
}

.brand{
  min-width:165px !important;
  gap:10px !important;
}

.logo-mark{
  width:34px !important;
  height:34px !important;
  font-size:14px !important;
  box-shadow:0 0 22px rgba(97,219,255,.22) !important;
}

.brand-title{
  font-size:22px !important;
  letter-spacing:.10em !important;
}

.brand-sub{
  font-size:11px !important;
  margin-top:4px !important;
}

.nav{
  gap:7px !important;
}

.nav-link{
  height:40px !important;
  padding:0 13px !important;
  border-radius:14px !important;
  font-size:14px !important;
}

.search-form{
  min-height:42px !important;
  grid-template-columns:1fr 76px !important;
  border-radius:14px !important;
}

.search-form input,
.search-form button{
  font-size:14px !important;
}

.hero{
  padding:52px 0 44px !important;
}

.hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(390px,470px) !important;
  gap:46px !important;
  align-items:center !important;
}

.hero-copy{
  min-height:470px !important;
}

.kicker{
  margin-bottom:18px !important;
  font-size:12px !important;
  letter-spacing:.19em !important;
}

.hero-title{
  max-width:620px !important;
  font-size:clamp(40px,3.5vw,56px) !important;
  line-height:1.06 !important;
  margin-bottom:20px !important;
}

.hero-lead{
  max-width:610px !important;
  font-size:15.5px !important;
  margin-bottom:22px !important;
}

.bullets{
  max-width:650px !important;
  gap:10px !important;
  font-size:15px !important;
}

.bullets li::before{
  margin-top:9px !important;
}

.direction-note{
  min-height:96px !important;
  margin-top:20px !important;
  padding:16px 18px !important;
  border-radius:18px !important;
}

.direction-note strong{
  font-size:15px !important;
}

.exchange-card{
  max-width:470px !important;
  min-height:500px !important;
  justify-self:end !important;
  padding:24px !important;
  border-radius:22px !important;
}

.exchange-title{
  font-size:22px !important;
  margin:0 0 18px !important;
}

.exchange-form{
  gap:12px !important;
}

.field-label{
  font-size:12.5px !important;
}

.amount-line{
  grid-template-columns:minmax(0,1fr) 128px !important;
  gap:9px !important;
}

.input,
.select{
  min-height:54px !important;
  border-radius:14px !important;
  font-size:15px !important;
}

.select{
  padding:0 36px 0 15px !important;
}

.swap-btn{
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
}

.methods{
  min-height:118px !important;
  padding:12px !important;
  border-radius:16px !important;
}

.methods-title{
  margin-bottom:9px !important;
  font-size:13px !important;
}

.methods-grid{
  gap:8px !important;
}

.method-chip{
  min-height:42px !important;
  font-size:14px !important;
}

.notice{
  min-height:26px !important;
  font-size:12.5px !important;
}

.primary-btn{
  min-height:54px !important;
  border-radius:14px !important;
}

.form-foot{
  min-height:30px !important;
  font-size:12.5px !important;
}

.site-footer{
  padding:46px 0 34px !important;
}

.footer-grid{
  gap:36px !important;
}

.footer-title{
  font-size:16px !important;
}

.footer-about p{
  font-size:14px !important;
}

.coin-pill{
  min-height:32px !important;
  padding:0 12px !important;
  font-size:13px !important;
}

@media (max-width:1120px){
  .header-row{
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:16px 0 !important;
  }

  .search-form{
    max-width:560px !important;
  }

  .hero{
    padding-top:38px !important;
  }

  .hero-grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .hero-copy{
    min-height:auto !important;
  }

  .exchange-card{
    max-width:620px !important;
    justify-self:start !important;
  }
}

@media (max-width:680px){
  .container{
    width:calc(100% - 28px) !important;
  }

  .site-header{
    min-height:auto !important;
  }

  .header-row{
    min-height:auto !important;
    padding:14px 0 16px !important;
    gap:12px !important;
  }

  .brand{
    min-width:0 !important;
  }

  .logo-mark{
    width:36px !important;
    height:36px !important;
    font-size:14px !important;
  }

  .brand-title{
    font-size:22px !important;
  }

  .brand-sub{
    display:none !important;
  }

  .nav{
    justify-content:flex-start !important;
    overflow-x:auto !important;
    gap:7px !important;
    padding-bottom:2px !important;
  }

  .nav-link{
    flex:0 0 auto !important;
    height:42px !important;
    padding:0 12px !important;
    border-radius:14px !important;
    font-size:14px !important;
  }

  .search-form{
    width:100% !important;
    min-height:52px !important;
    grid-template-columns:1fr 92px !important;
    border-radius:16px !important;
  }

  .search-form input,
  .search-form button{
    font-size:15px !important;
  }

  .hero{
    padding:28px 0 32px !important;
  }

  .hero-grid{
    gap:22px !important;
  }

  .kicker{
    margin-bottom:16px !important;
    font-size:11px !important;
    letter-spacing:.18em !important;
  }

  .hero-title{
    font-size:34px !important;
    line-height:1.12 !important;
    margin-bottom:18px !important;
  }

  .hero-lead{
    font-size:15px !important;
    margin-bottom:20px !important;
  }

  .bullets{
    gap:12px !important;
    font-size:14.5px !important;
  }

  .bullets li:nth-child(n+4){
    display:none !important;
  }

  .direction-note{
    display:none !important;
  }

  .exchange-card{
    max-width:none !important;
    min-height:auto !important;
    padding:18px !important;
    border-radius:20px !important;
  }

  .exchange-title{
    font-size:24px !important;
    margin-bottom:20px !important;
  }

  .amount-line{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  .input,
  .select,
  .primary-btn{
    min-height:56px !important;
    font-size:15px !important;
  }

  .swap-btn{
    width:52px !important;
    height:52px !important;
  }

  .methods{
    min-height:112px !important;
    padding:12px !important;
  }

  .methods-grid{
    grid-template-columns:1fr !important;
  }

  .method-chip{
    min-height:46px !important;
    font-size:14px !important;
  }

  .site-footer{
    padding:42px 0 34px !important;
  }

  .footer-about p{
    font-size:14.5px !important;
  }

  .footer-title{
    font-size:17px !important;
  }
}

@media (max-width:390px){
  .container{
    width:calc(100% - 24px) !important;
  }

  .hero-title{
    font-size:31px !important;
  }

  .exchange-card{
    padding:16px !important;
  }
}
/* BITBANK_SITE_COMPACT_V3_END */

/* BITBANK_SITE_V4_COMPACT_CURRENCY_BEGIN */

/* Убираем круглый BB-логотип и подпись под названием */
.logo-mark,
.brand-sub{
  display:none !important;
}

.brand{
  min-width:145px !important;
  gap:0 !important;
}

.brand-title{
  font-size:22px !important;
  letter-spacing:.11em !important;
}

/* Убираем декоративные круги/свечения */
.hero::before,
.hero::after{
  display:none !important;
}

body{
  background:linear-gradient(135deg,#080a24 0%,#10133c 48%,#080a24 100%) !important;
}

body::before{
  opacity:.32 !important;
}

/* Шапка компактнее */
.site-header{
  min-height:76px !important;
}

.header-row{
  min-height:76px !important;
  grid-template-columns:150px 1fr 270px !important;
  gap:22px !important;
}

.nav{
  gap:6px !important;
}

.nav-link{
  height:38px !important;
  padding:0 13px !important;
  border-radius:13px !important;
  font-size:14px !important;
}

.search-form{
  min-height:40px !important;
  grid-template-columns:1fr 72px !important;
  border-radius:13px !important;
}

/* Первый экран меньше */
.hero{
  padding:44px 0 38px !important;
}

.hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(370px,430px) !important;
  gap:40px !important;
}

.hero-copy{
  min-height:430px !important;
}

.kicker{
  margin-bottom:16px !important;
  font-size:11.5px !important;
  letter-spacing:.18em !important;
}

.hero-title{
  max-width:600px !important;
  font-size:clamp(38px,3.2vw,50px) !important;
  line-height:1.08 !important;
  margin-bottom:18px !important;
}

.hero-lead{
  max-width:600px !important;
  font-size:15px !important;
  margin-bottom:20px !important;
}

.bullets{
  max-width:610px !important;
  gap:9px !important;
  font-size:14.5px !important;
}

.bullets li::before{
  margin-top:8px !important;
}

.direction-note{
  max-width:610px !important;
  min-height:84px !important;
  margin-top:18px !important;
  padding:14px 16px !important;
  border-radius:16px !important;
}

.direction-note strong{
  font-size:14.5px !important;
}

/* Обменный блок меньше и уже */
.exchange-card{
  max-width:430px !important;
  min-height:440px !important;
  justify-self:end !important;
  padding:20px !important;
  border-radius:20px !important;
}

.exchange-title{
  font-size:20px !important;
  margin:0 0 16px !important;
}

.exchange-form{
  gap:10px !important;
}

.field-label{
  font-size:12px !important;
}

.amount-line{
  grid-template-columns:minmax(0,1fr) 118px !important;
  gap:8px !important;
}

.input,
.select{
  min-height:48px !important;
  border-radius:13px !important;
  font-size:14px !important;
}

.input{
  padding:0 14px !important;
}

.select{
  padding:0 34px 0 40px !important;
}

.swap-btn{
  width:38px !important;
  height:38px !important;
  border-radius:12px !important;
}

.methods{
  min-height:104px !important;
  padding:10px !important;
  border-radius:15px !important;
}

.methods-title{
  margin-bottom:8px !important;
  font-size:12.5px !important;
}

.methods-grid{
  gap:7px !important;
}

.method-chip{
  min-height:38px !important;
  border-radius:12px !important;
  font-size:13.5px !important;
}

.notice{
  min-height:24px !important;
  font-size:12px !important;
}

.primary-btn{
  min-height:48px !important;
  border-radius:13px !important;
  font-size:14.5px !important;
}

/* Убираем временный текст под кнопкой */
.form-foot{
  display:none !important;
}

/* Иконки валют в селектах */
.currency-box{
  position:relative !important;
  display:block !important;
  width:100% !important;
}

.currency-icon{
  position:absolute !important;
  left:13px !important;
  top:50% !important;
  z-index:2 !important;
  width:21px !important;
  height:21px !important;
  transform:translateY(-50%) !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  font-size:11px !important;
  font-weight:900 !important;
  color:#070a24 !important;
  background:linear-gradient(135deg,#fff,#9ff4ff) !important;
  pointer-events:none !important;
  box-shadow:0 0 16px rgba(97,219,255,.18) !important;
}

.currency-icon[data-currency="BTC"]{
  background:linear-gradient(135deg,#ffb84d,#f7931a) !important;
  color:#221000 !important;
}

.currency-icon[data-currency="LTC"]{
  background:linear-gradient(135deg,#dce8ff,#6da8ff) !important;
  color:#10213c !important;
}

.currency-icon[data-currency="ETH"]{
  background:linear-gradient(135deg,#e8e8ff,#9fa8ff) !important;
  color:#121433 !important;
}

.currency-icon[data-currency="TON"]{
  background:linear-gradient(135deg,#99ecff,#2ea6ff) !important;
  color:#07172a !important;
}

.currency-icon[data-currency="XMR"]{
  background:linear-gradient(135deg,#ffb36c,#ff6b22) !important;
  color:#271000 !important;
}

.currency-icon[data-currency="USDT"]{
  background:linear-gradient(135deg,#91ffd8,#26a17b) !important;
  color:#041b13 !important;
}

.currency-icon[data-currency="RUB"]{
  background:linear-gradient(135deg,#ffffff,#cfd7ff) !important;
  color:#101338 !important;
}

@media (max-width:1120px){
  .header-row{
    grid-template-columns:1fr !important;
    gap:11px !important;
    padding:14px 0 !important;
  }

  .search-form{
    max-width:520px !important;
  }

  .hero-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .hero-copy{
    min-height:auto !important;
  }

  .exchange-card{
    max-width:560px !important;
    justify-self:start !important;
  }
}

@media (max-width:680px){
  .site-header{
    min-height:auto !important;
  }

  .header-row{
    padding:14px 0 15px !important;
  }

  .brand-title{
    font-size:22px !important;
  }

  .nav-link{
    height:40px !important;
    padding:0 12px !important;
    font-size:14px !important;
  }

  .search-form{
    min-height:50px !important;
    grid-template-columns:1fr 90px !important;
  }

  .hero{
    padding:24px 0 30px !important;
  }

  .hero-title{
    font-size:31px !important;
    line-height:1.12 !important;
    margin-bottom:16px !important;
  }

  .hero-lead{
    font-size:14.5px !important;
    margin-bottom:18px !important;
  }

  .bullets{
    font-size:14px !important;
    gap:10px !important;
  }

  .bullets li:nth-child(n+4){
    display:none !important;
  }

  .direction-note{
    display:none !important;
  }

  .exchange-card{
    max-width:none !important;
    padding:16px !important;
    border-radius:18px !important;
  }

  .exchange-title{
    font-size:22px !important;
  }

  .amount-line{
    grid-template-columns:1fr !important;
  }

  .input,
  .select,
  .primary-btn{
    min-height:54px !important;
    font-size:15px !important;
  }

  .swap-btn{
    width:48px !important;
    height:48px !important;
  }

  .method-chip{
    min-height:44px !important;
    font-size:14px !important;
  }
}
/* BITBANK_SITE_V4_COMPACT_CURRENCY_END */

/* BITBANK_SITE_V5_EXCHANGE_10PCT_BEGIN */

/* Ещё на ~10% ужимаем основной обменный блок */
.hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(340px,390px) !important;
  gap:34px !important;
}

.exchange-card{
  max-width:390px !important;
  min-height:395px !important;
  padding:17px !important;
  border-radius:18px !important;
}

.exchange-title{
  font-size:18px !important;
  margin:0 0 13px !important;
  line-height:1.2 !important;
}

.exchange-form{
  gap:8px !important;
}

.field-label{
  font-size:11px !important;
}

.amount-line{
  grid-template-columns:minmax(0,1fr) 108px !important;
  gap:7px !important;
}

.input,
.select{
  min-height:43px !important;
  border-radius:11px !important;
  font-size:13px !important;
}

.input{
  padding:0 12px !important;
}

.select{
  padding:0 30px 0 35px !important;
  background:
    linear-gradient(45deg,transparent 50%,#a6add9 50%) calc(100% - 18px) 20px/6px 6px no-repeat,
    linear-gradient(135deg,#a6add9 50%,transparent 50%) calc(100% - 14px) 20px/6px 6px no-repeat,
    rgba(255,255,255,.075) !important;
}

.currency-icon{
  left:10px !important;
  width:18px !important;
  height:18px !important;
  font-size:10px !important;
}

.swap-btn{
  width:33px !important;
  height:33px !important;
  border-radius:10px !important;
  font-size:13px !important;
}

.methods{
  min-height:88px !important;
  padding:8px !important;
  border-radius:13px !important;
}

.methods-title{
  margin-bottom:6px !important;
  font-size:11.5px !important;
}

.methods-grid{
  gap:6px !important;
}

.method-chip{
  min-height:32px !important;
  border-radius:10px !important;
  font-size:12px !important;
  padding:0 8px !important;
}

.notice{
  min-height:20px !important;
  font-size:11px !important;
  gap:7px !important;
}

.primary-btn{
  min-height:42px !important;
  border-radius:11px !important;
  font-size:13px !important;
}

/* Чуть плотнее ставим карточку относительно левого текста */
.hero{
  padding-top:38px !important;
}

.hero-copy{
  min-height:405px !important;
}

@media (max-width:1120px){
  .hero-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  .exchange-card{
    max-width:520px !important;
    justify-self:start !important;
  }

  .hero-copy{
    min-height:auto !important;
  }
}

@media (max-width:680px){
  .exchange-card{
    max-width:none !important;
    padding:14px !important;
    border-radius:17px !important;
  }

  .exchange-title{
    font-size:20px !important;
    margin-bottom:14px !important;
  }

  .exchange-form{
    gap:9px !important;
  }

  .amount-line{
    grid-template-columns:1fr !important;
  }

  .input,
  .select,
  .primary-btn{
    min-height:50px !important;
    font-size:14px !important;
  }

  .select{
    padding-left:38px !important;
    background:
      linear-gradient(45deg,transparent 50%,#a6add9 50%) calc(100% - 20px) 23px/6px 6px no-repeat,
      linear-gradient(135deg,#a6add9 50%,transparent 50%) calc(100% - 16px) 23px/6px 6px no-repeat,
      rgba(255,255,255,.075) !important;
  }

  .currency-icon{
    left:12px !important;
    width:19px !important;
    height:19px !important;
  }

  .swap-btn{
    width:44px !important;
    height:44px !important;
  }

  .methods{
    min-height:100px !important;
  }

  .method-chip{
    min-height:40px !important;
    font-size:13px !important;
  }

  .notice{
    font-size:12px !important;
  }

  .primary-btn{
    min-height:50px !important;
    font-size:14px !important;
  }
}
/* BITBANK_SITE_V5_EXCHANGE_10PCT_END */

/* BITBANK_SITE_V6_HEADER_5PCT_BEGIN */

/* Шапка компактнее примерно на 5% */
.site-header{
  min-height:72px !important;
}

.header-row{
  min-height:72px !important;
  grid-template-columns:142px 1fr 258px !important;
  gap:20px !important;
}

.brand{
  min-width:138px !important;
}

.brand-title{
  font-size:21px !important;
  letter-spacing:.105em !important;
}

.nav{
  gap:5px !important;
}

.nav-link{
  height:36px !important;
  padding:0 12px !important;
  border-radius:12px !important;
  font-size:13px !important;
}

.search-form{
  min-height:38px !important;
  grid-template-columns:1fr 68px !important;
  border-radius:12px !important;
}

.search-form input{
  padding:0 13px !important;
}

.search-form input,
.search-form button{
  font-size:13px !important;
}

@media (max-width:1120px){
  .header-row{
    min-height:auto !important;
    gap:10px !important;
    padding:13px 0 !important;
  }

  .search-form{
    max-width:500px !important;
  }
}

@media (max-width:680px){
  .header-row{
    padding:13px 0 14px !important;
    gap:10px !important;
  }

  .brand-title{
    font-size:21px !important;
  }

  .nav{
    gap:6px !important;
  }

  .nav-link{
    height:38px !important;
    padding:0 11px !important;
    border-radius:13px !important;
    font-size:13px !important;
  }

  .search-form{
    min-height:48px !important;
    grid-template-columns:1fr 86px !important;
    border-radius:15px !important;
  }

  .search-form input,
  .search-form button{
    font-size:14px !important;
  }
}

@media (max-width:390px){
  .brand-title{
    font-size:20px !important;
  }

  .nav-link{
    height:37px !important;
    padding:0 10px !important;
    font-size:12.5px !important;
  }

  .search-form{
    min-height:46px !important;
  }
}

/* BITBANK_SITE_V6_HEADER_5PCT_END */

/* BITBANK_SITE_V7_TITLE_KICKER_BEGIN */

/* Более аккуратная строка "Быстро, безопасно, просто" */
.kicker{
  text-transform:none !important;
  letter-spacing:.075em !important;
  font-size:13px !important;
  font-weight:800 !important;
  color:#73e6ff !important;
  margin-bottom:14px !important;
  text-shadow:0 0 18px rgba(97,219,255,.22) !important;
}

.kicker::before{
  content:"✦" !important;
  font-size:13px !important;
  color:#73e6ff !important;
}

/* Главный заголовок меньше примерно на 10% */
.hero-title{
  font-size:clamp(34px,2.9vw,45px) !important;
  line-height:1.08 !important;
  letter-spacing:.005em !important;
  margin-bottom:17px !important;
  max-width:560px !important;
}

/* Чуть подтягиваем описание под новый масштаб */
.hero-lead{
  max-width:570px !important;
  font-size:14.5px !important;
}

@media (max-width:680px){
  .kicker{
    font-size:12px !important;
    letter-spacing:.06em !important;
    margin-bottom:13px !important;
  }

  .hero-title{
    font-size:28px !important;
    line-height:1.12 !important;
    max-width:100% !important;
  }

  .hero-lead{
    font-size:14px !important;
  }
}

/* BITBANK_SITE_V7_TITLE_KICKER_END */

/* BITBANK_SITE_CONTACTS_ABOUT_V8_BEGIN */
.contact-hero,
.about-hero{
  max-width:900px;
  margin-bottom:28px;
  padding:30px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:22px;
  background:
    radial-gradient(circle at 86% 18%, rgba(97,219,255,.10), transparent 220px),
    rgba(255,255,255,.045);
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}

.contact-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  color:#73e6ff;
  font-size:13px;
  font-weight:850;
  letter-spacing:.07em;
}

.contact-kicker::before{
  content:"✦";
}

.contact-hero h1,
.about-hero h1{
  margin:0 0 14px;
  font-size:38px;
  line-height:1.12;
}

.contact-hero p,
.about-hero p{
  max-width:780px;
  margin:0;
  color:#dce1ff;
}

.contact-section{
  margin-top:20px;
  padding:26px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:rgba(255,255,255,.045);
}

.contact-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.contact-section-head h2{
  margin:0;
  font-size:24px;
}

.contact-section-head p{
  max-width:520px;
  margin:0;
  color:#aeb5da;
  font-size:14px;
}

.contact-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.contact-tile{
  min-height:132px;
  display:grid;
  grid-template-rows:auto auto 1fr;
  gap:8px;
  padding:18px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:
    radial-gradient(circle at 85% 15%, rgba(97,219,255,.10), transparent 120px),
    rgba(255,255,255,.055);
  transition:transform .15s ease, border-color .15s ease, background .15s ease;
}

.contact-tile:hover{
  transform:translateY(-2px);
  border-color:rgba(97,219,255,.38);
  background:rgba(255,255,255,.075);
}

.contact-icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#080a24;
  background:linear-gradient(135deg,#ffffff,#9ff4ff);
  font-size:12px;
  font-weight:950;
}

.contact-title{
  color:#fff;
  font-size:15px;
  font-weight:850;
}

.contact-value{
  align-self:end;
  color:#aeefff;
  font-size:14px;
  overflow-wrap:anywhere;
}

.contact-warning{
  margin-top:20px;
  display:grid;
  gap:6px;
  padding:20px;
  border:1px solid rgba(255,209,102,.22);
  border-radius:18px;
  background:rgba(255,209,102,.065);
  color:#f4e8bf;
}

.about-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.about-card,
.about-principles{
  padding:24px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:rgba(255,255,255,.045);
}

.about-card h2,
.about-principles h2{
  margin:0 0 10px;
  font-size:22px;
}

.about-card p{
  margin:0;
  color:#cbd1f0;
}

.about-principles{
  margin-top:16px;
}

.principles-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.principles-list div{
  min-height:116px;
  padding:18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(255,255,255,.045);
}

.principles-list strong{
  display:block;
  margin-bottom:8px;
  color:#fff;
}

.principles-list span{
  color:#cbd1f0;
}

@media (max-width:900px){
  .contact-section-head{
    display:block;
  }

  .contact-section-head p{
    margin-top:8px;
  }

  .contact-cards,
  .about-grid,
  .principles-list{
    grid-template-columns:1fr;
  }
}

@media (max-width:680px){
  .contact-hero,
  .about-hero,
  .contact-section,
  .about-card,
  .about-principles{
    padding:20px;
    border-radius:20px;
  }

  .contact-hero h1,
  .about-hero h1{
    font-size:30px;
  }

  .contact-section-head h2,
  .about-card h2,
  .about-principles h2{
    font-size:20px;
  }

  .contact-tile{
    min-height:118px;
    padding:16px;
  }
}
/* BITBANK_SITE_CONTACTS_ABOUT_V8_END */

/* BITBANK_SITE_CONTACTS_V9_COMPACT_BEGIN */

.contacts-page{
  padding-top:38px !important;
}

.contact-hero-wide{
  max-width:none !important;
  width:100% !important;
  min-height:0 !important;
  margin-bottom:18px !important;
  padding:22px 26px !important;
  border-radius:20px !important;
}

.contact-kicker{
  font-size:12px !important;
  letter-spacing:.055em !important;
  margin-bottom:8px !important;
}

.contact-hero-wide h1{
  font-size:30px !important;
  line-height:1.12 !important;
  margin-bottom:10px !important;
}

.contact-hero-wide p{
  max-width:980px !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

.contact-section-compact{
  margin-top:16px !important;
  padding:18px !important;
  border-radius:20px !important;
}

.contact-section-compact .contact-section-head{
  margin-bottom:14px !important;
}

.contact-section-compact .contact-section-head h2{
  font-size:20px !important;
  line-height:1.15 !important;
}

.contact-section-compact .contact-section-head p{
  max-width:720px !important;
  margin-top:6px !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

.contact-cards-compact{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
}

.contact-tile-compact{
  min-height:108px !important;
  padding:14px !important;
  gap:6px !important;
  border-radius:16px !important;
}

.contact-tile-compact .contact-icon{
  width:30px !important;
  height:30px !important;
  font-size:10px !important;
}

.contact-tile-compact .contact-title{
  font-size:13px !important;
  line-height:1.2 !important;
}

.contact-tile-compact .contact-value{
  font-size:12px !important;
  line-height:1.3 !important;
}

.contact-warning-compact{
  margin-top:16px !important;
  padding:15px 17px !important;
  border-radius:16px !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

@media (max-width:1100px){
  .contact-cards-compact{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:680px){
  .contacts-page{
    padding-top:28px !important;
  }

  .contact-hero-wide{
    padding:18px !important;
    border-radius:18px !important;
  }

  .contact-hero-wide h1{
    font-size:25px !important;
  }

  .contact-hero-wide p{
    font-size:13.5px !important;
  }

  .contact-section-compact{
    padding:16px !important;
  }

  .contact-cards-compact{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  .contact-tile-compact{
    min-height:96px !important;
    padding:13px !important;
  }

  .contact-warning-compact{
    font-size:12.5px !important;
  }
}

/* BITBANK_SITE_CONTACTS_V9_COMPACT_END */

/* BITBANK_ABOUT_COMPACT_V10_BEGIN */

/* Только страница /about. Шапку, главную и контакты не трогаем. */
.about-page{
  padding-top:34px !important;
  padding-bottom:56px !important;
}

.about-page .about-hero{
  max-width:none !important;
  width:100% !important;
  margin-bottom:16px !important;
  padding:22px 24px !important;
  border-radius:20px !important;
  min-height:0 !important;
}

.about-page .contact-kicker{
  font-size:12px !important;
  letter-spacing:.055em !important;
  margin-bottom:8px !important;
}

.about-page .about-hero h1{
  max-width:900px !important;
  font-size:30px !important;
  line-height:1.14 !important;
  margin-bottom:10px !important;
}

.about-page .about-hero p{
  max-width:980px !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

.about-page .about-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}

.about-page .about-card{
  padding:18px !important;
  border-radius:18px !important;
  min-height:0 !important;
}

.about-page .about-card h2{
  font-size:18px !important;
  line-height:1.18 !important;
  margin-bottom:8px !important;
}

.about-page .about-card p{
  font-size:13.5px !important;
  line-height:1.5 !important;
}

.about-page .about-principles{
  margin-top:12px !important;
  padding:18px !important;
  border-radius:18px !important;
}

.about-page .about-principles h2{
  font-size:20px !important;
  line-height:1.18 !important;
  margin-bottom:12px !important;
}

.about-page .principles-list{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
}

.about-page .principles-list div{
  min-height:96px !important;
  padding:14px !important;
  border-radius:15px !important;
}

.about-page .principles-list strong{
  font-size:13.5px !important;
  line-height:1.2 !important;
  margin-bottom:6px !important;
}

.about-page .principles-list span{
  font-size:12.5px !important;
  line-height:1.45 !important;
}

@media (max-width:1100px){
  .about-page .principles-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:800px){
  .about-page{
    padding-top:28px !important;
  }

  .about-page .about-grid{
    grid-template-columns:1fr !important;
  }

  .about-page .about-hero{
    padding:18px !important;
  }

  .about-page .about-hero h1{
    font-size:25px !important;
  }

  .about-page .about-hero p{
    font-size:13.5px !important;
  }

  .about-page .about-card,
  .about-page .about-principles{
    padding:16px !important;
  }

  .about-page .principles-list{
    grid-template-columns:1fr !important;
  }

  .about-page .principles-list div{
    min-height:0 !important;
  }
}

/* BITBANK_ABOUT_COMPACT_V10_END */

/* BITBANK_FOOTER_V12_BEGIN */

.site-footer.footer-v12{
  padding:34px 0 28px !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  background:rgba(7,9,33,.52) !important;
}

.footer-v12-grid{
  display:grid !important;
  grid-template-columns:minmax(250px,.95fr) minmax(430px,1.35fr) minmax(170px,.55fr) !important;
  gap:34px !important;
  align-items:start !important;
}

.footer-v12-logo{
  display:inline-flex !important;
  color:#fff !important;
  font-size:22px !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
  line-height:1 !important;
}

.footer-v12-brand p{
  max-width:440px !important;
  margin:14px 0 0 !important;
  color:#c2c8e8 !important;
  font-size:13.5px !important;
  line-height:1.55 !important;
}

.footer-v12-title{
  margin:0 0 13px !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
}

.footer-v12-coins{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  max-width:620px !important;
}

.footer-v12-coin{
  min-height:35px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:0 12px 0 8px !important;
  border:1px solid rgba(255,255,255,.11) !important;
  border-radius:999px !important;
  color:#eef2ff !important;
  background:rgba(255,255,255,.045) !important;
  font-size:13px !important;
  line-height:1 !important;
}

.footer-v12-coin-icon{
  width:21px !important;
  height:21px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  color:#080a24 !important;
  font-size:10px !important;
  font-weight:950 !important;
  background:linear-gradient(135deg,#fff,#9ff4ff) !important;
}

.footer-v12-coin-icon.coin-btc{background:linear-gradient(135deg,#ffbc57,#f7931a) !important;}
.footer-v12-coin-icon.coin-ltc{background:linear-gradient(135deg,#e5edff,#74aaff) !important;}
.footer-v12-coin-icon.coin-eth{background:linear-gradient(135deg,#e9e9ff,#a5acff) !important;}
.footer-v12-coin-icon.coin-ton{background:linear-gradient(135deg,#9defff,#2ea6ff) !important;}
.footer-v12-coin-icon.coin-xmr{background:linear-gradient(135deg,#ffb36c,#ff6b22) !important;}
.footer-v12-coin-icon.coin-usdt{background:linear-gradient(135deg,#91ffd8,#26a17b) !important;}
.footer-v12-coin-icon.coin-rub{background:linear-gradient(135deg,#ffffff,#cfd7ff) !important;}

.footer-v12-links{
  display:grid !important;
  gap:9px !important;
  padding-top:28px !important;
}

.footer-v12-links a{
  width:max-content !important;
  color:#dfe4ff !important;
  font-size:14px !important;
  transition:color .15s ease, transform .15s ease !important;
}

.footer-v12-links a:hover{
  color:#73e6ff !important;
  transform:translateX(2px) !important;
}

@media (max-width:980px){
  .footer-v12-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .footer-v12-links{
    padding-top:0 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px 18px !important;
  }
}

@media (max-width:680px){
  .site-footer.footer-v12{
    padding:32px 0 30px !important;
  }

  .footer-v12-logo{
    font-size:21px !important;
  }

  .footer-v12-brand p{
    font-size:13px !important;
  }

  .footer-v12-title{
    font-size:14px !important;
  }

  .footer-v12-coin{
    min-height:34px !important;
    font-size:12.5px !important;
  }

  .footer-v12-links a{
    font-size:13.5px !important;
  }
}

/* BITBANK_FOOTER_V12_END */

/* BITBANK_FOOTER_V13_ROWS_BEGIN */

/* Подвал: монеты 3x2, колонки равные, центрирование */
.footer-v12-grid{
  grid-template-columns:repeat(3,1fr) !important;
  gap:34px !important;
  align-items:start !important;
  justify-items:center !important;
}

.footer-v12-brand{
  justify-self:start !important;
}

.footer-v12-currencies{
  justify-self:center !important;
}

.footer-v12-links{
  justify-self:end !important;
}

.footer-v12-title{
  margin-bottom:12px !important;
  font-size:14px !important;
  letter-spacing:.075em !important;
}

.footer-v12-coins{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(74px, max-content)) !important;
  gap:8px 9px !important;
  align-items:center !important;
}

.footer-v12-coin{
  min-height:31px !important;
  padding:0 10px 0 7px !important;
  gap:6px !important;
  font-size:12.5px !important;
}

.footer-v12-coin-icon{
  width:18px !important;
  height:18px !important;
  font-size:9px !important;
}

.footer-v12-links{
  display:grid !important;
  grid-template-columns:repeat(2, max-content) !important;
  gap:12px 30px !important;
  padding-top:0 !important;
  align-items:start !important;
}

.footer-v12-links a{
  font-size:13.5px !important;
  line-height:1.25 !important;
}

@media (max-width:980px){
  .footer-v12-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
    justify-items:center !important;
    text-align:center !important;
  }

  .footer-v12-brand{
    justify-self:center !important;
  }

  .footer-v12-brand p{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .footer-v12-currencies{
    justify-self:center !important;
  }

  .footer-v12-links{
    justify-self:center !important;
    padding-top:0 !important;
    grid-template-columns:repeat(2, max-content) !important;
    gap:11px 24px !important;
  }

  .footer-v12-coins{
    grid-template-columns:repeat(3, minmax(68px, max-content)) !important;
    justify-content:center !important;
  }
}

@media (max-width:560px){
  .footer-v12-coins{
    grid-template-columns:repeat(3, minmax(68px, max-content)) !important;
  }

  .footer-v12-links{
    grid-template-columns:repeat(2, max-content) !important;
  }
}

/* BITBANK_FOOTER_V13_ROWS_END */

/* BITBANK_SOFT_NAV_V14_BEGIN */

.site-content{
  position:relative;
  min-height:calc(100vh - 72px - 170px);
  background:transparent;
}

html.bb-nav-busy,
html.bb-nav-busy body{
  cursor:progress;
}

/* Не делаем fade/opacity, чтобы не было ощущения мигания. */
.site-content,
.site-header,
.site-footer{
  backface-visibility:hidden;
  transform:translateZ(0);
}

/* Фикс против горизонтального микросдвига на переходах */
body{
  overflow-x:hidden !important;
}

/* BITBANK_SOFT_NAV_V14_END */

/* BITBANK_CONTACT_ELEMENT_COPY_V17_BEGIN */

.contact-copy-button{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:100% !important;
  text-align:left !important;
  font:inherit !important;
  color:inherit !important;
  cursor:copy !important;
}

.contact-copy-button:focus-visible{
  outline:2px solid rgba(115,230,255,.8) !important;
  outline-offset:3px !important;
}

.contact-copy-hint{
  display:block !important;
  margin-top:2px !important;
  color:#73e6ff !important;
  font-size:11px !important;
  line-height:1.25 !important;
  opacity:.86 !important;
}

.contact-copy-button.is-copied{
  border-color:rgba(46,229,157,.55) !important;
  box-shadow:0 0 0 1px rgba(46,229,157,.18) inset, 0 0 24px rgba(46,229,157,.08) !important;
}

.contact-copy-button.is-copied .contact-copy-hint{
  color:#2ee59d !important;
}

/* BITBANK_CONTACT_ELEMENT_COPY_V17_END */

/* BITBANK_MOBILE_HEADER_V18_BEGIN */

/* Desktop: мобильные кнопки скрыты */
.mobile-head-btn{
  display:none;
}

/* Планшеты и телефоны: шапка = поиск / BITBANK / бургер */
@media (max-width:900px){
  .site-header{
    min-height:auto !important;
  }

  .header-row{
    min-height:auto !important;
    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) 46px !important;
    grid-template-areas:
      "search brand menu"
      "nav nav nav"
      "form form form" !important;
    align-items:center !important;
    gap:10px !important;
    padding:12px 0 !important;
  }

  .header-row > .brand{
    grid-area:brand !important;
    justify-self:center !important;
    min-width:0 !important;
    width:auto !important;
    text-align:center !important;
  }

  .header-row > .brand .brand-title{
    font-size:21px !important;
    letter-spacing:.13em !important;
    text-align:center !important;
  }

  .mobile-head-btn{
    width:42px !important;
    height:42px !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:14px !important;
    color:#fff !important;
    background:rgba(255,255,255,.075) !important;
    cursor:pointer !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  .mobile-search-btn{
    grid-area:search !important;
    justify-self:start !important;
    font-size:22px !important;
    line-height:1 !important;
  }

  .mobile-menu-btn{
    grid-area:menu !important;
    justify-self:end !important;
    gap:4px !important;
  }

  .mobile-menu-btn span{
    width:18px !important;
    height:2px !important;
    display:block !important;
    border-radius:999px !important;
    background:#fff !important;
    transition:transform .16s ease, opacity .16s ease !important;
  }

  .site-header.is-mobile-menu-open .mobile-menu-btn span:nth-child(1){
    transform:translateY(6px) rotate(45deg) !important;
  }

  .site-header.is-mobile-menu-open .mobile-menu-btn span:nth-child(2){
    opacity:0 !important;
  }

  .site-header.is-mobile-menu-open .mobile-menu-btn span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg) !important;
  }

  .header-row > .nav{
    grid-area:nav !important;
    display:none !important;
    width:100% !important;
    margin:0 !important;
    padding:8px 0 2px !important;
    overflow:visible !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:8px !important;
  }

  .site-header.is-mobile-menu-open .header-row > .nav{
    display:flex !important;
  }

  .header-row > .nav .nav-link{
    height:38px !important;
    flex:0 0 auto !important;
    padding:0 13px !important;
    border-radius:13px !important;
    font-size:13px !important;
    background:rgba(255,255,255,.055) !important;
  }

  .header-row > .search-form{
    grid-area:form !important;
    display:none !important;
    width:100% !important;
    max-width:none !important;
    min-height:46px !important;
    grid-template-columns:1fr 86px !important;
    border-radius:15px !important;
    margin:0 !important;
  }

  .site-header.is-mobile-search-open .header-row > .search-form{
    display:grid !important;
  }

  .header-row > .search-form input,
  .header-row > .search-form button{
    font-size:14px !important;
  }
}

/* Очень узкие телефоны */
@media (max-width:390px){
  .header-row{
    grid-template-columns:42px minmax(0,1fr) 42px !important;
    gap:8px !important;
  }

  .mobile-head-btn{
    width:40px !important;
    height:40px !important;
    border-radius:13px !important;
  }

  .header-row > .brand .brand-title{
    font-size:19px !important;
    letter-spacing:.12em !important;
  }

  .header-row > .nav{
    gap:7px !important;
  }

  .header-row > .nav .nav-link{
    height:36px !important;
    padding:0 11px !important;
    font-size:12.5px !important;
  }
}

/* BITBANK_MOBILE_HEADER_V18_END */

/* BITBANK_MOBILE_HEADER_V19_SMALLER_BEGIN */

/* Только мобильная/планшетная шапка: ниже примерно на 8%, бургер меньше примерно на 5% */
@media (max-width:900px){
  .header-row{
    padding:11px 0 !important;
    gap:9px !important;
  }

  .mobile-head-btn{
    width:40px !important;
    height:40px !important;
    border-radius:13px !important;
  }

  .mobile-search-btn{
    font-size:20px !important;
  }

  .mobile-menu-btn{
    gap:3.8px !important;
  }

  .mobile-menu-btn span{
    width:17px !important;
    height:1.9px !important;
  }

  .site-header.is-mobile-menu-open .mobile-menu-btn span:nth-child(1){
    transform:translateY(5.7px) rotate(45deg) !important;
  }

  .site-header.is-mobile-menu-open .mobile-menu-btn span:nth-child(3){
    transform:translateY(-5.7px) rotate(-45deg) !important;
  }

  .header-row > .brand .brand-title{
    font-size:20px !important;
  }

  .header-row > .search-form{
    min-height:43px !important;
    grid-template-columns:1fr 82px !important;
    border-radius:14px !important;
  }

  .header-row > .nav{
    padding:6px 0 1px !important;
    gap:7px !important;
  }

  .header-row > .nav .nav-link{
    height:36px !important;
    padding:0 12px !important;
    font-size:12.5px !important;
    border-radius:12px !important;
  }
}

@media (max-width:680px){
  .header-row{
    padding:11px 0 12px !important;
    gap:9px !important;
  }

  .mobile-head-btn{
    width:39px !important;
    height:39px !important;
    border-radius:13px !important;
  }

  .mobile-search-btn{
    font-size:20px !important;
  }

  .mobile-menu-btn span{
    width:17px !important;
    height:1.8px !important;
  }

  .header-row > .brand .brand-title{
    font-size:20px !important;
    letter-spacing:.125em !important;
  }

  .header-row > .search-form{
    min-height:44px !important;
    grid-template-columns:1fr 82px !important;
  }

  .header-row > .search-form input,
  .header-row > .search-form button{
    font-size:13.5px !important;
  }

  .header-row > .nav .nav-link{
    height:35px !important;
    padding:0 11px !important;
    font-size:12.5px !important;
  }
}

@media (max-width:390px){
  .header-row{
    grid-template-columns:39px minmax(0,1fr) 39px !important;
    padding:10px 0 11px !important;
    gap:7px !important;
  }

  .mobile-head-btn{
    width:38px !important;
    height:38px !important;
    border-radius:12px !important;
  }

  .header-row > .brand .brand-title{
    font-size:19px !important;
  }

  .header-row > .nav .nav-link{
    height:34px !important;
    padding:0 10px !important;
    font-size:12px !important;
  }

  .header-row > .search-form{
    min-height:42px !important;
  }
}

/* BITBANK_MOBILE_HEADER_V19_SMALLER_END */

/* BITBANK_MOBILE_MAIN_V20_BEGIN */

/*
  Мобильная главная:
  - перед обменником оставляем только заголовок, описание и инфо-карточку метода;
  - на телефонах шириной от ~400px блок обмена выглядит как на ПК;
  - на очень узких телефонах остаётся вертикальная версия.
*/

@media (max-width:680px){
  .hero{
    padding-top:22px !important;
  }

  /* Убираем лишний верхний текст */
  .kicker,
  .bullets{
    display:none !important;
  }

  .hero-copy{
    min-height:0 !important;
  }

  .hero-title{
    font-size:28px !important;
    line-height:1.13 !important;
    margin-bottom:12px !important;
    max-width:100% !important;
  }

  .hero-lead{
    font-size:13.5px !important;
    line-height:1.5 !important;
    margin-bottom:14px !important;
    max-width:100% !important;
  }

  /* Показываем карточку с описанием выбранного метода */
  .direction-note{
    display:block !important;
    min-height:0 !important;
    margin:0 0 16px !important;
    padding:13px 14px !important;
    border-radius:15px !important;
  }

  .direction-note strong{
    font-size:13px !important;
    line-height:1.25 !important;
    margin-bottom:5px !important;
  }

  .direction-note span{
    font-size:12.5px !important;
    line-height:1.42 !important;
  }
}

/* iPhone XR / крупные телефоны: обменный блок как на ПК */
@media (min-width:400px) and (max-width:680px){
  .hero-grid{
    gap:18px !important;
  }

  .exchange-card{
    width:100% !important;
    max-width:390px !important;
    justify-self:center !important;
    padding:17px !important;
    border-radius:18px !important;
  }

  .exchange-title{
    font-size:18px !important;
    margin:0 0 13px !important;
  }

  .exchange-form{
    gap:8px !important;
  }

  .field-label{
    font-size:11px !important;
  }

  /* Сумма + валюта в одну строку, как на ПК */
  .amount-line{
    grid-template-columns:minmax(0,1fr) 108px !important;
    gap:7px !important;
  }

  .input,
  .select{
    min-height:43px !important;
    border-radius:11px !important;
    font-size:13px !important;
  }

  .input{
    padding:0 12px !important;
  }

  .select{
    padding:0 30px 0 35px !important;
    background:
      linear-gradient(45deg,transparent 50%,#a6add9 50%) calc(100% - 18px) 20px/6px 6px no-repeat,
      linear-gradient(135deg,#a6add9 50%,transparent 50%) calc(100% - 14px) 20px/6px 6px no-repeat,
      rgba(255,255,255,.075) !important;
  }

  .currency-icon{
    left:10px !important;
    width:18px !important;
    height:18px !important;
    font-size:9px !important;
  }

  .swap-btn{
    width:33px !important;
    height:33px !important;
    border-radius:10px !important;
    font-size:13px !important;
  }

  .methods{
    min-height:88px !important;
    padding:8px !important;
    border-radius:13px !important;
  }

  .methods-title{
    margin-bottom:6px !important;
    font-size:11.5px !important;
  }

  /* Методы тоже в две колонки, как на ПК */
  .methods-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
  }

  .method-chip{
    min-height:32px !important;
    border-radius:10px !important;
    font-size:12px !important;
    padding:0 8px !important;
  }

  .notice{
    min-height:20px !important;
    font-size:11px !important;
    gap:7px !important;
  }

  .primary-btn{
    min-height:42px !important;
    border-radius:11px !important;
    font-size:13px !important;
  }
}

/* Очень узкие телефоны: оставляем вертикальный вариант */
@media (max-width:399px){
  .hero-title{
    font-size:26px !important;
  }

  .hero-lead{
    font-size:13px !important;
  }

  .direction-note{
    padding:12px !important;
  }

  .amount-line{
    grid-template-columns:1fr !important;
  }

  .methods-grid{
    grid-template-columns:1fr !important;
  }
}

/* BITBANK_MOBILE_MAIN_V20_END */

/* BITBANK_MOBILE_METHOD_NOTE_STABLE_V21_BEGIN */

/*
  Мобильная карточка описания метода:
  фиксируем высоту, чтобы при выборе разных методов оплаты
  основной обменный блок не прыгал вверх/вниз.
*/
@media (max-width:680px){
  .direction-note{
    display:block !important;
    height:138px !important;
    min-height:138px !important;
    max-height:138px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    margin:0 0 16px !important;
    padding:13px 14px !important;
    border-radius:15px !important;
    overscroll-behavior:contain !important;
    scrollbar-width:thin !important;
  }

  .direction-note strong{
    display:block !important;
    min-height:32px !important;
    font-size:12.8px !important;
    line-height:1.22 !important;
    margin-bottom:5px !important;
  }

  .direction-note span{
    display:block !important;
    font-size:12.2px !important;
    line-height:1.38 !important;
  }

  .direction-note::-webkit-scrollbar{
    width:4px !important;
  }

  .direction-note::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.18) !important;
    border-radius:999px !important;
  }
}

/* iPhone XR / похожие экраны */
@media (min-width:400px) and (max-width:680px){
  .direction-note{
    height:132px !important;
    min-height:132px !important;
    max-height:132px !important;
  }
}

/* Очень узкие телефоны: даём чуть больше высоты, чтобы длинный текст не резался */
@media (max-width:399px){
  .direction-note{
    height:152px !important;
    min-height:152px !important;
    max-height:152px !important;
  }

  .direction-note strong{
    min-height:34px !important;
  }
}

/* BITBANK_MOBILE_METHOD_NOTE_STABLE_V21_END */

/* BITBANK_CONVERT_NOTE_V22_BEGIN */

.convert-method-note{
  grid-column:1/-1 !important;
  min-height:62px !important;
  display:grid !important;
  align-content:center !important;
  gap:6px !important;
  padding:10px 12px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.045) !important;
}

.convert-method-note strong{
  color:#fff !important;
  font-size:12.5px !important;
  line-height:1.25 !important;
}

.convert-method-note span{
  color:#cbd1f0 !important;
  font-size:12px !important;
  line-height:1.35 !important;
}

@media (max-width:680px){
  .convert-method-note{
    min-height:66px !important;
    padding:10px 12px !important;
  }

  .convert-method-note strong{
    font-size:12.5px !important;
  }

  .convert-method-note span{
    font-size:12px !important;
  }
}

/* BITBANK_CONVERT_NOTE_V22_END */

/* BITBANK_EXCHANGE_NO_ADDRESS_V23_BEGIN */

/* Главный обменный блок без поля адреса/реквизитов */
.exchange-card{
  min-height:0 !important;
}

.exchange-form{
  gap:8px !important;
}

.exchange-card .methods{
  margin-bottom:2px !important;
}

.exchange-card .primary-btn{
  margin-top:2px !important;
}

/* На мобильном тоже держим блок компактным */
@media (max-width:680px){
  .exchange-card{
    min-height:0 !important;
  }

  .exchange-form{
    gap:8px !important;
  }

  .exchange-card .primary-btn{
    margin-top:2px !important;
  }
}

/* BITBANK_EXCHANGE_NO_ADDRESS_V23_END */




/* V903_HEADER_STABLE_RIGHT_LINK */
html{
  scrollbar-gutter:stable !important;
}

@supports not (scrollbar-gutter: stable){
  html{
    overflow-y:scroll !important;
  }
}

.site-header .header-row .nav-link,
.site-header .header-row .header-orders-link-v651{
  box-sizing:border-box !important;
  min-height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}

.site-header .header-row .nav-link.active,
.site-header .header-row .nav-link:hover{
  font-weight:500 !important;
}

@media (min-width:901px){
  .site-header .header-row{
    display:grid !important;
    grid-template-columns:minmax(190px,260px) minmax(0,1fr) minmax(150px,260px) !important;
    align-items:center !important;
    column-gap:24px !important;
  }

  .site-header .header-row > .brand{
    grid-column:1 !important;
    justify-self:start !important;
  }

  .site-header .header-row > .nav{
    grid-column:2 !important;
    justify-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    min-width:0 !important;
  }

  .site-header .header-row .header-orders-link-v651{
    grid-column:3 !important;
    justify-self:end !important;
    margin-left:0 !important;
    padding:0 !important;
    min-width:94px !important;
    justify-content:flex-end !important;
    color:rgba(255,255,255,.88) !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    text-decoration:none !important;
  }

  .site-header .header-row .header-orders-link-v651:hover,
  .site-header .header-row .header-orders-link-v651:focus{
    color:#fff !important;
    background:transparent !important;
    box-shadow:none !important;
    text-decoration:none !important;
  }

  .site-header .header-row .mobile-orders-btn-v651{
    display:none !important;
  }
}

@media (max-width:900px){
  .site-header .header-row .header-orders-link-v651{
    display:none !important;
  }
}
/* /V903_HEADER_STABLE_RIGHT_LINK */