/* Vanliga sidor: smal spalt som main-page i Shopify, mätt 17 okt.
   Läses efter envana-custom.css, som i Shopify där sektionens CSS kom efter Envanas. */
.page-width--narrow {
  max-width: 726px;
}
@media screen and (min-width: 750px) {
  .page-width--narrow {
    padding-left: 0;
    padding-right: 0;
  }
}
.sida {
  padding-top: 30px;
  padding-bottom: 30px;
}
.main-page-title {
  margin: 0 0 30px;
}
@media screen and (min-width: 750px) {
  .sida {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .main-page-title {
    margin-bottom: 40px;
  }
}

/* Formulärsidor: formuläret centrerar och begränsar sig självt (.chf-root från Content Hub). */
.formularsida {
  padding: 36px 0;
}
@media screen and (min-width: 750px) {
  .formularsida {
    padding: 48px 0;
  }
}

/* Platsen för formuläret reserveras, så att sidfoten inte hoppar när formuläret laddas från Content Hub.
   Lite under formulärens höjd 17 okt (kontakt 192, ångerrätt 943/844, retur 1479/1256, garanti 2761/2483 px),
   så att det inte blir tom yta om ett formulär krymper. */
#ch-form-kontakt { min-height: 190px; }
#ch-form-angerratt { min-height: 900px; }
#ch-form-retur { min-height: 1450px; }
#ch-form-garanti { min-height: 2700px; }
@media screen and (min-width: 750px) {
  #ch-form-angerratt { min-height: 800px; }
  #ch-form-retur { min-height: 1200px; }
  #ch-form-garanti { min-height: 2450px; }
}