/* p0-center r2 (3 Oct 2026; r1 + full-width checkout background): centre the main content on wide screens and line it up with the header .cl-wrap (1170px).
   Cause: rk.css (inherited from RK) sets `body.rk-site .page-main { max-width: 90rem }` with no auto margins, so above
   ~1440px #maincontent stuck to the left edge on every page except home (home resets it to full width).
   Rollback: point back to css/cl-center-r1.css, or remove <css src="css/cl-center-r2.css"/> from Magento_Theme/layout/default_head_blocks.xml (Cuckooland/hyva),
   cache:clean layout block_html full_page. Never edit this file in place: bump to r3. */
body.rk-site .page-main { width: 100%; margin-left: auto; margin-right: auto; }
@media (min-width: 640px) {
  body.rk-site:not(.cms-index-index):not(.hyva_checkout-index-index) .page-main:not(.page-main-full-width):not(.product-main-full-width) > .columns {
    max-width: 1170px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto;
  }
  /* breadcrumbs + page title row use Hyva's 96rem .container: same 1170px line as the header */
  body.rk-site .top-container > .breadcrumbs > .container,
  body.rk-site:not(.cms-index-index):not(.hyva_checkout-index-index) .page-main > .container {
    max-width: 1170px; padding-left: 15px; padding-right: 15px;
  }
}
/* Checkout: #maincontent has a #fafafa background; let it run edge to edge instead of a 90rem grey box. */
body.rk-site.hyva_checkout-index-index .page-main { max-width: none; }
/* Checkout has its own header (el-checkout-header.css: 78rem, 1.5rem gutter): match that instead. */
@media (min-width: 1024px) {
  body.rk-site.hyva_checkout-index-index #maincontent > .columns {
    max-width: 78rem; padding-left: 1.5rem; padding-right: 1.5rem; margin-left: auto; margin-right: auto;
  }
}