/** DEV-046: shared mobile content track and viewport width rules. */

@media (max-width: 689.98px) {
  :root {
    --theme-container-edge-spacing: calc(100vw - 32px);
  }

  .pcuk-home > * {
    padding-inline: 16px !important;
  }

  .pcuk-products__tabs {
    margin-inline: -16px;
    padding-inline: 16px;
  }

  .pcuk-colour-guide {
    width: calc(100% - 32px);
    max-width: none;
  }

  .pcuk-site-footer .pcuk-footer-container {
    padding-inline: 16px;
  }

  .pcuk-sim__visual {
    width: calc(100% + 32px);
    margin-inline: -16px;
    border-radius: 0;
  }
}