/* Keep the checkout header aligned with the shared Figma header.
 * Supercheckout loads Bootstrap 3 after the theme; its clearfix pseudo-elements
 * become CSS-grid children and move the logo/header controls into extra rows. */
body#module-supercheckout-supercheckout #header .header-nav {
  padding: 0 !important;
  border: 0 !important;
}

body#module-supercheckout-supercheckout #header > .header-top > .container > .row::before,
body#module-supercheckout-supercheckout #header > .header-top > .container > .row::after {
  display: none !important;
  content: none !important;
}

/* Supercheckout gives its transparent radio inputs z-index: 9. Without a
 * local stacking context they compete with the header (also z-index: 9) and
 * intercept the pointer over parts of an open megamenu. Keep every checkout
 * control inside a lower layer so the complete dropdown remains interactive. */
body#module-supercheckout-supercheckout #velsof_supercheckout_form {
  position: relative;
  z-index: 0;
}