/* Let the header area use the full width */
.loop-bundle-header-wrapper .loop-bundle-image-container-wrapper {
  width: 100% !important;
  max-width: none !important;
}

/* Banner box: bigger, centred */
.loop-bundle-header-wrapper div.loop-bundle-image-container {
  width: 100% !important;
  max-width: 900px !important;   /* banner size: raise or lower this */
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* The image itself: removes the height cap, keeps proportions */
.loop-bundle-header-wrapper img.loop-bundle-image-container.loop-img-fit {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  display: block !important;
}
/* Centre the bundle description text */
.loop-bundle-header-wrapper .loop-bundle-description,
.loop-bundle-header-wrapper .loop-bundle-image-container-wrapper > h2,
.loop-bundle-header-wrapper .loop-bundle-image-container-wrapper h2:not(.loop-h2) {
  width: 100% !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}