/**
 * Colonne unique des blocs d'accueil.
 * Promo, Best from Traciel, bestsellers, marques, réassurance et footer
 * partagent la même largeur (1400px) et les mêmes gouttières.
 */
#index,
body.page-index {
  --traciel-col-max: 1400px;
  --traciel-gutter: 16px;
}

@media (min-width: 768px) {
  #index,
  body.page-index {
    --traciel-gutter: 24px;
  }
}

@media (min-width: 992px) {
  #index,
  body.page-index {
    --traciel-gutter: 50px;
  }
}

/* La .row Bootstrap (-15px) décale les blocs internes par rapport au footer */
#index #wrapper > .row,
#index #wrapper .row:first-child {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

#index #content-wrapper {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

#index .promoblocks,
#index .bft,
#index .featured-products .container,
#index .featured-product .container,
#index .top-trending-products .container,
#index .brand-section .container,
#index .blockreassurance .container,
#index .tf-inner {
  float: none !important;
  max-width: var(--traciel-col-max) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--traciel-gutter) !important;
  padding-right: var(--traciel-gutter) !important;
  box-sizing: border-box !important;
}

/* Le cadre gris occupe toute la colonne, sans seconde gouttière */
#index .bft__inner {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}