/* Force the legacy layout width & spacing everywhere */
:root { --container-max: 1240px; }

/* Core container constraint */
.container { 
  max-width: var(--container-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box;
}

/* Remove any leftover top offset coming from old admin bars */
body.has-adminbar{ padding-top:0 !important; }

/* Mini + main topbars should not create gaps */
.topbar.mini{ margin-bottom:0 !important; }
.topbar.main{ margin-top:0 !important; }

/* Hero slider must not bleed full width */
.hero.slider,
.section.hero,
.section.panel.hero {
  max-width: var(--container-max) !important;
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 14px;
  overflow: hidden;
}
.hero.slider .slides,
.hero.slider .slide {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
.hero.slider .slide { min-height: 420px; background: var(--bg) center/cover no-repeat !important; }
.hero.slider .slide > .slide-content { padding: 32px 24px; }

/* Cancel bleeds from any 'full-bleed' or 'w-100vw' utilities */
.full-bleed, .w-100vw, .vw-100, main>.hero, .brands-wrap, .newsletter, .home-columns {
  max-width: var(--container-max) !important;
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Avoid horizontal scrollbar if some old rule uses vw */
html, body { overflow-x: hidden; }