/* ==========================================================================
   AlloDentiste Widget Base — Shared CSS Variables
   Define layout tokens here so every widget inner-container aligns to
   the same horizontal gutter automatically.
   ========================================================================== */

:root {
    --allo-gutter: 20px;
}

@media (max-width: 480px) {
    :root {
        --allo-gutter: 16px;
    }
}