/* Keep every storefront section aligned to the header container. */
:root {
    --beemart-container-max-width: 1480px;
}

@media (min-width: 576px) {
    #app .container {
        max-width: 540px !important;
    }
}

@media (min-width: 768px) {
    #app .container {
        max-width: 720px !important;
    }
}

@media (min-width: 992px) {
    #app .container {
        max-width: 960px !important;
    }
}

@media (min-width: 1200px) {
    #app .container {
        max-width: var(--beemart-container-max-width) !important;
    }
}