/* Desktop artwork follows the main hero container; mobile keeps its approved image. */
.mega-update {
  position: relative;
  isolation: isolate;
  width: min(1160px, calc(100% - 32px));
  margin: 0 auto;
  background: #04144c;
  box-shadow: 0 16px 40px rgba(6, 25, 35, 0.20), 0 4px 10px rgba(6, 25, 35, 0.10);
}
.mega-update picture { display: block; }
.mega-update__banner {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
@media (max-width: 600px) {
  .mega-update { width: 100%; }
}

/* Small reminder immediately below the checkout button. */
.final-cta .mega-update-offer {
  display: block;
  width: min(360px, 100%);
  height: auto;
  margin: 18px auto 0;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(6, 25, 35, 0.20), 0 3px 8px rgba(6, 25, 35, 0.10);
}