/*
 * Route-owned desktop shell.
 *
 * This class is applied only to storefront components whose markup is owned by
 * the child theme. Parent-theme containers may remain full width; the owned
 * component itself becomes the stable 1600px centered content rail.
 */
@media (min-width: 1200px) {
  .storefront-wide-shell {
    box-sizing: border-box;
    width: 100% !important;
    max-width: var(--storefront-wide-shell-max) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: var(--storefront-wide-shell-gutter) !important;
    padding-left: var(--storefront-wide-shell-gutter) !important;
  }
}