/* BITBANK_EXCHANGE_BLOCK_POSITION_V53 */

/*
  Точная настройка главного обменного блока:
  - немного уже, чем V52;
  - правее от левого текста;
  - чуть компактнее по высоте;
  - только CSS, без логики заявок/API.
*/

@media (min-width:981px){
  .hero-grid{
    grid-template-columns:minmax(0, 1fr) minmax(490px, 552px) !important;
    column-gap:58px !important;
    align-items:start !important;
  }

  .hero-widget,
  .exchange-card{
    width:100% !important;
    max-width:552px !important;
  }

  .hero-widget{
    margin-left:24px !important;
    margin-top:-4px !important;
  }

  .exchange-card{
    padding:18px 20px 18px !important;
  }
}

@media (min-width:1280px){
  .hero-grid{
    grid-template-columns:minmax(0, 1fr) minmax(500px, 565px) !important;
    column-gap:66px !important;
  }

  .hero-widget,
  .exchange-card{
    max-width:565px !important;
  }

  .hero-widget{
    margin-left:34px !important;
  }
}

@media (min-width:1500px){
  .hero-grid{
    column-gap:72px !important;
  }

  .hero-widget{
    margin-left:42px !important;
  }
}

/* Чуть компактнее, чтобы низ блока не уходил ниже левой карточки */
.exchange-card .exchange-title{
  font-size:22.5px !important;
  line-height:1.14 !important;
  margin-bottom:14px !important;
  font-weight:850 !important;
}

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

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

.exchange-card .field-label,
.exchange-card .methods-title{
  color:rgba(245,248,255,.86) !important;
  font-size:11.75px !important;
  line-height:1.18 !important;
  font-weight:720 !important;
}

.exchange-card .input,
.exchange-card .select{
  min-height:44px !important;
  font-size:13.5px !important;
}

.exchange-card .amount-line{
  gap:8px !important;
}

.exchange-card .amount-inline-helper{
  color:rgba(230,236,255,.78) !important;
  font-size:11.05px !important;
  line-height:1.22 !important;
  font-weight:620 !important;
  min-height:13px !important;
  margin-top:4px !important;
}

.exchange-card .swap-btn{
  width:38px !important;
  height:38px !important;
}

.exchange-card .amount-inline-note{
  padding:6px 10px !important;
  font-size:11.15px !important;
  line-height:1.28 !important;
  font-weight:620 !important;
}

.exchange-card .methods{
  padding:9px !important;
  margin-top:0 !important;
  margin-bottom:8px !important;
  overflow:visible !important;
}

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

.exchange-card .method-chip{
  min-height:32px !important;
  height:auto !important;
  padding:7px 10px !important;
  font-size:12px !important;
  line-height:1.14 !important;
  font-weight:720 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.exchange-card .primary-btn{
  min-height:44px !important;
  margin-top:0 !important;
  font-size:13.2px !important;
  font-weight:800 !important;
}

/* Планшеты/мобилки не двигаем вправо */
@media (max-width:980px){
  .hero-widget{
    margin-left:0 !important;
    margin-top:0 !important;
  }

  .hero-widget,
  .exchange-card{
    max-width:100% !important;
  }
}

@media (max-width:420px){
  .exchange-card .methods-grid{
    grid-template-columns:1fr !important;
  }

  .exchange-card .method-chip{
    white-space:normal !important;
  }
}