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

.TariffsPage{
  padding-bottom:72px;
}

.TariffsLayout{
  display:grid;
  gap:18px;
}

.TariffsLayout__main,
.TariffsLayout__side{
  min-width:0;
}

.TariffsLayout__main{
  display:grid;
  gap:18px;
}

.TariffsLayout__side{
  display:grid;
  gap:18px;
  align-content:start;
}

.TariffsLayout__desktopCta{
  display:none;
}

.TariffsLayout__mobileCta{
  margin-top:24px;
}

@media (min-width: 760px){
  .TariffsPage{
    padding-bottom:80px;
  }

  .TariffsLayout{
    gap:20px;
  }

  .TariffsLayout__main{
    gap:18px;
  }

  .TariffsLayout__side{
    gap:20px;
  }

  .TariffsLayout__mobileCta{
    margin-top:28px;
  }
}

@media (min-width: 1200px){

  .TariffsPage{
    padding-bottom:88px;
  }

  .TariffsLayout{
    grid-template-columns:minmax(0, 1fr) 420px;
    align-items:start;
    gap:24px;
  }

  .TariffsLayout__main{
    gap:20px;
  }

  .TariffsLayout__side{
    gap:20px;
    position:sticky;
    top:88px;
  }

  .TariffsLayout__desktopCta{
    display:block;
  }

  .TariffsLayout__mobileCta{
    display:none;
    margin-top:0;
  }
}

@media (min-width: 1440px){

  .TariffsLayout{
    grid-template-columns:minmax(0, 1fr) 440px;
    gap:28px;
  }
}