/* Center the native PrestaShop banner inside the homepage commercial grid. */
body#index #content.page-home > .banner {
  box-sizing: border-box;
  display: block;
  width: calc(
    var(--hb-shell-width, min(calc(100% - 40px), 1480px))
    - (2 * var(--spaces-md, 20px))
  );
  height: 280px;
  margin: var(--hb-home-section-gap, 12px) auto 0;
  overflow: hidden;
  border-radius: 12px;
}

body#index #content.page-home > .banner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 767px) {
  body#index #content.page-home > .banner {
    height: auto;
    aspect-ratio: 1110 / 428;
  }
}