/* --------------------------------------------------------
   Desktop wrapper — keeps the mobile layout centred on
   screens wider than the mobile breakpoint (641 px).
   All max-width / padding logic lives here; layouts only
   reference the class name.
   -------------------------------------------------------- */
@media (min-width: 641px) {
    .desktop-wrapper {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
    }
}