/* path: src/tariffs/static/tariffs/css/tariff_sections.css */

.TariffSection{
  position:relative;
}

.TariffSection__toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0;
  padding:14px 16px;
  border:0 solid var(--divider);
  border-radius:var(--r-m);
  background:var(--surface-2);
  color:var(--text);
  font:inherit;
  text-align:left;
  cursor:pointer;
}

.TariffSection__title{
  display:block;
  margin:0;
  padding:0;
  font-size:1.18rem;
  font-family: var(--font-head);
  line-height:1.15;
}

.TariffSection__icon{
  flex:0 0 auto;
  margin:0;
  padding:0;
  color:var(--accent);
  font-size:1.35rem;
  line-height:1;
}

.TariffSection__body{
  margin-top:12px;
}

.TariffSection__body[hidden]{
  display:none !important;
}

.TariffCardsGrid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

@media (min-width: 760px){

  .TariffSection__toggle{
    padding:15px 18px;
  }

  .TariffSection__body{
    margin-top:14px;
  }
}

@media (min-width: 1200px){
  .TariffCardsGrid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .TariffSection__body{
    margin-top:16px;
  }
}