/* Mobile surfaces follow the viewport; card gutters remain inside the shell. */
@media (max-width: 699.98px) {
  html[data-design='keep360-v1'] .mobile-shell {
    max-width: none;
    margin-inline: 0;
    border-inline: 0;
  }

  html[data-design='keep360-v1'] .mobile-tabbar {
    left: 0;
    right: 0;
    width: 100%;
    max-width: none;
    transform: none;
  }
}