/* BITBANK_EXCHANGE_SHARP_MOBILE_V59 */

/* Возвращаем резкость: без GPU-слоя и без синтетической жирности */
.site-content,
.hero-grid,
.exchange-card{
  transform:none !important;
  backface-visibility:visible !important;
  perspective:none !important;
}

.exchange-card,
.exchange-card *{
  box-sizing:border-box !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif !important;
  font-synthesis:none !important;
  text-rendering:auto !important;
  -webkit-font-smoothing:subpixel-antialiased !important;
  -moz-osx-font-smoothing:auto !important;
  text-shadow:none !important;
  letter-spacing:0 !important;
}

.exchange-card{
  border-color:rgba(125,220,255,.24) !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(98,210,255,.115), transparent 175px),
    radial-gradient(circle at 8% 94%, rgba(210,48,198,.085), transparent 175px),
    linear-gradient(180deg,rgba(35,39,96,.97),rgba(14,17,50,.995)) !important;
  box-shadow:
    0 22px 58px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.075) !important;
}

.exchange-card::after{
  opacity:.34 !important;
}

/* ПК: внешний размер не трогаем, улучшаем только читаемость внутри */
@media (min-width:981px){
  .exchange-card .exchange-title{
    font-size:23px !important;
    line-height:1.16 !important;
    font-weight:800 !important;
    color:#fff !important;
    margin-bottom:15px !important;
  }

  .exchange-card .field-label,
  .exchange-card .methods-title{
    font-size:12.6px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    color:#f7f9ff !important;
  }

  .exchange-card .input,
  .exchange-card .select{
    min-height:46px !important;
    font-size:14.6px !important;
    line-height:1.2 !important;
    font-weight:600 !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.16) !important;
    background-color:rgba(255,255,255,.07) !important;
  }

  .exchange-card .input::placeholder{
    color:#cbd2ef !important;
  }

  .exchange-card .amount-inline-helper{
    font-size:11.6px !important;
    line-height:1.25 !important;
    font-weight:600 !important;
    color:#eef2ff !important;
  }

  .exchange-card .amount-inline-note{
    font-size:11.9px !important;
    line-height:1.28 !important;
    font-weight:650 !important;
    color:#f1fbff !important;
  }

  .exchange-card .methods{
    min-height:122px !important;
    height:auto !important;
    max-height:none !important;
    overflow:hidden !important;
    padding:10px !important;
    margin-bottom:12px !important;
  }

  .exchange-card .methods-grid{
    position:static !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows:minmax(35px,auto) !important;
    gap:8px !important;
    overflow:visible !important;
  }

  .exchange-card .method-chip{
    position:relative !important;
    min-height:35px !important;
    height:auto !important;
    padding:7px 10px !important;
    font-size:12.9px !important;
    line-height:1.18 !important;
    font-weight:700 !important;
    color:#fff !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .exchange-card .primary-btn{
    position:relative !important;
    z-index:2 !important;
    min-height:46px !important;
    margin-top:0 !important;
    font-size:14.4px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
    color:#fff !important;
  }
}

/* Планшеты и разворот телефона */
@media (min-width:681px) and (max-width:980px){
  .hero-grid{
    justify-items:center !important;
  }

  .exchange-card{
    width:100% !important;
    max-width:650px !important;
    justify-self:center !important;
  }

  .exchange-card .amount-line{
    grid-template-columns:minmax(0,1fr) 150px !important;
  }

  .exchange-card .methods{
    min-height:142px !important;
    height:auto !important;
    max-height:none !important;
    overflow:hidden !important;
    margin-bottom:14px !important;
  }

  .exchange-card .methods-grid{
    position:static !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows:minmax(44px,auto) !important;
  }
}

/* Мобильный вид: компактнее, методы по 2 в ряд, кнопка не перекрывает второй ряд */
@media (max-width:680px){
  .hero-grid{
    justify-items:center !important;
  }

  .exchange-card{
    width:100% !important;
    max-width:560px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:18px 16px 20px !important;
    border-radius:20px !important;
  }

  .exchange-card .exchange-title{
    font-size:23px !important;
    line-height:1.14 !important;
    font-weight:800 !important;
    color:#fff !important;
    margin:0 0 17px !important;
  }

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

  .exchange-card .field-group{
    gap:7px !important;
  }

  .exchange-card .field-label,
  .exchange-card .methods-title{
    font-size:13.2px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    color:#f8faff !important;
  }

  .exchange-card .amount-line{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(118px,34%) !important;
    gap:10px !important;
  }

  .exchange-card .input,
  .exchange-card .select{
    min-height:54px !important;
    border-radius:14px !important;
    font-size:16px !important;
    line-height:1.2 !important;
    font-weight:600 !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.16) !important;
    background-color:rgba(255,255,255,.07) !important;
  }

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

  .exchange-card .input::placeholder{
    color:#cbd2ef !important;
  }

  .exchange-card .select{
    padding-left:44px !important;
    font-weight:700 !important;
  }

  .exchange-card .currency-icon{
    left:13px !important;
    width:22px !important;
    height:22px !important;
    font-size:11px !important;
  }

  .exchange-card .swap-btn{
    width:42px !important;
    height:42px !important;
    border-radius:13px !important;
    font-size:15px !important;
    color:#fff !important;
  }

  .exchange-card .amount-inline-helper{
    min-height:auto !important;
    margin-top:4px !important;
    font-size:12.4px !important;
    line-height:1.25 !important;
    font-weight:600 !important;
    color:#eef2ff !important;
  }

  .exchange-card .amount-inline-note{
    min-height:auto !important;
    padding:10px 11px !important;
    border-radius:13px !important;
    font-size:13.2px !important;
    line-height:1.28 !important;
    font-weight:650 !important;
    color:#f1fbff !important;
  }

  .exchange-card .methods{
    position:relative !important;
    display:block !important;
    height:auto !important;
    min-height:148px !important;
    max-height:none !important;
    overflow:hidden !important;
    padding:12px !important;
    margin-top:0 !important;
    margin-bottom:14px !important;
    border-radius:16px !important;
  }

  .exchange-card .methods-grid{
    position:static !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows:minmax(45px,auto) !important;
    gap:9px !important;
    overflow:visible !important;
  }

  .exchange-card .method-chip{
    position:relative !important;
    min-height:45px !important;
    height:auto !important;
    padding:8px 8px !important;
    border-radius:13px !important;
    font-size:13.6px !important;
    line-height:1.16 !important;
    font-weight:700 !important;
    color:#fff !important;
    white-space:normal !important;
    overflow:hidden !important;
    text-overflow:clip !important;
  }

  .exchange-card .method-chip.active{
    font-weight:750 !important;
  }

  .exchange-card .primary-btn{
    position:relative !important;
    z-index:3 !important;
    display:flex !important;
    width:100% !important;
    min-height:56px !important;
    margin-top:0 !important;
    border-radius:15px !important;
    font-size:16px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
    color:#fff !important;
  }
}

/* Очень узкие телефоны: методы в один ряд по вертикали */
@media (max-width:374px){
  .exchange-card{
    padding:16px 14px 18px !important;
  }

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

  .exchange-card .methods{
    min-height:auto !important;
  }

  .exchange-card .methods-grid{
    grid-template-columns:1fr !important;
    grid-auto-rows:minmax(44px,auto) !important;
  }
}


/* BITBANK_MAIN_LABELS_V110 */
.exchange-card .exchange-subtitle{
  margin:-8px 0 18px !important;
  color:rgba(226,232,255,.78) !important;
  font-size:13px !important;
  line-height:1.35 !important;
  text-align:center !important;
  letter-spacing:0 !important;
}

@media (max-width:680px){
  .exchange-card .exchange-subtitle{
    margin:-4px 0 16px !important;
    font-size:13px !important;
    text-align:left !important;
  }
}


/* BITBANK_MAIN_SUBTITLE_ONE_LINE_V111 */
.exchange-card .exchange-subtitle{
  white-space:nowrap !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:12.5px !important;
}

@media (max-width:980px){
  .exchange-card .exchange-subtitle{
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
}