/*
 * Desktop content rails
 *
 * Keep page content on the same left/right guides as the logo and search
 * control in the navigation.  This file deliberately starts at 1200px so
 * tablet and mobile layouts retain their existing spacing.
 */
@media (min-width: 1200px) {
  :root {
    --desktop-content-rail: 1160px;
  }

  /* Slight optical adjustment for the header mark only. */
  nav .logo {
    transform: translateX(-36px);
  }

  /* Mirror the logo's optical inset at the right edge of the header. */
  nav .links > .nav-item.site-search-item {
    position: relative;
    left: 36px;
  }

  .container-inner,
  .sitemap-content {
    width: 100% !important;
    max-width: var(--desktop-content-rail) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* Ecosystem listings span from the filter's left guide to the card grid's
     right guide, without the extra centred-container inset. */
  .content-with-sidebar {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 7vw !important;
    padding-right: 7.15vw !important;
    box-sizing: border-box !important;
  }

  /* Match the remaining ecosystem page sections to the listing-page rails. */
  html body .banner-material-handling .container-inner.middle-container,
  html body .banner-ecosystem .container-inner.middle-container,
  html body #ecosystem-sections > .container-inner,
  html body .ecosystem-statement > .container-inner,
  html body .ecosystem-cta > .container-inner {
    width: 100% !important;
    max-width: var(--desktop-content-rail) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Ecosystem page titles share the filter/listing's left starting point. */
  html body .banner-material-handling .container-inner.middle-container,
  html body .banner-ecosystem .container-inner.middle-container {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 7vw !important;
    padding-right: 7.15vw !important;
  }

  /* Legacy page markup uses inline 1500–1600px content wrappers. */
  [style*="max-width:1500px"],
  [style*="max-width: 1500px"],
  [style*="max-width:1536px"],
  [style*="max-width: 1536px"],
  [style*="max-width:1550px"],
  [style*="max-width: 1550px"],
  [style*="max-width:1600px"],
  [style*="max-width: 1600px"],
  .top-grid,
  .info-duo-section .inner,
  .audience-usecase-pair.wide {
    max-width: var(--desktop-content-rail) !important;
  }

  /* These section-specific rules previously added a second desktop gutter. */
  .banner-ecosystem .container-inner,
  .banner-material-handling .container-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Keep the first character of desktop hero copy on the logo guide. */
  .banner-ecosystem .description,
  .banner-material-handling .description,
  .slide-text-content .container-inner,
  .slide-text-content-06 .container-inner {
    margin-left: 0 !important;
    text-align: left !important;
  }

  /* Product-page hero text follows the same left rail as the navigation. */
  html body .slider-container .slide-content,
  html body .slide-content {
    width: 100% !important;
    max-width: var(--desktop-content-rail) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .slide-text-content,
  .slide-text-content-06 {
    padding-left: 0 !important;
  }
}

@media (min-width: 1600px) {
  :root {
    --desktop-content-rail: 1480px;
  }
}