/* 1.0.2 - Header-aligned content with full-width background bands; active after a real header logo is found.
   The existing header, footer, fonts, colours and review handlers are untouched.
   All widths are measured in the browser, not guessed from a screenshot. */
.lrs-alignment-bridge {
  box-sizing:border-box !important;
  width:100% !important; max-width:none !important; min-width:0 !important;
  margin-left:0 !important; margin-right:0 !important;
  padding-left:0 !important; padding-right:0 !important;
  overflow:visible !important;
}
.lrs-scope.lrs-page-aligned {
  box-sizing:border-box !important;
  width:var(--lrs-page-width) !important; max-width:none !important; min-width:0 !important;
  margin-left:var(--lrs-page-offset,0px) !important; margin-right:0 !important;
  padding-left:0 !important; padding-right:0 !important;
  border-left-width:0 !important; border-right-width:0 !important;
  position:relative !important; left:0 !important; right:auto !important;
  transform:none !important; flex-shrink:0 !important; align-self:flex-start; justify-self:start;
}
.lrs-page-aligned .lrs-shell {
  width:100% !important; max-width:none !important;
  margin-left:0 !important; margin-right:0 !important;
  padding-left:0 !important; padding-right:0 !important;
}
/* Use the viewport width WITHOUT its scrollbar. The band reaches both edges,
   while its inner padding keeps the original header-aligned content grid.
   Active only after website-uitlijning.js has measured an existing logo/header.
   No global overflow hiding and no changes to the site header are required. */
.lrs-scope.lrs-page-aligned .lrs-hero,
.lrs-scope.lrs-page-aligned .lrs-cta {
  box-sizing:border-box !important;
  width:var(--lrs-viewport-width) !important;
  max-width:none !important; min-width:0 !important;
  margin-left:calc(-1 * var(--lrs-grid-left,0px)) !important;
  margin-right:0 !important;
  padding-left:var(--lrs-grid-left,0px) !important;
  padding-right:var(--lrs-grid-right-gap,0px) !important;
  border-left-width:0 !important; border-right-width:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.lrs-scope.lrs-page-aligned .lrs-hero {
  border-top-width:0 !important; border-bottom-width:0 !important;
}
.lrs-scope.lrs-page-aligned .lrs-hero::before {
  border-radius:0 !important;
}
.lrs-scope.lrs-page-aligned .lrs-hero-copy {
  padding-left:0 !important; padding-right:0 !important;
}
/* The older LIR build puts its summary/list in separate padded sections. */
.lrs-scope.lrs-page-aligned :is(.lir-overview,.lir-review-browser,.lrs-listing,.lrs-trust) {
  width:100% !important; max-width:none !important; min-width:0 !important;
  margin-left:0 !important; margin-right:0 !important;
  padding-left:0 !important; padding-right:0 !important;
}
.lrs-scope.lrs-page-aligned .lrs-review-grid { min-width:0 !important; }
/* Compact layout is based on the actual content width, not just the screen. */
.lrs-scope.lrs-page-aligned.lrs-compact .lir-overview {
  grid-template-columns:minmax(0,1fr) !important;
  gap:24px !important;
}
.lrs-scope.lrs-page-aligned.lrs-compact .lir-overview > * {
  min-width:0 !important; max-width:100% !important;
}