/* 
 * STRICT MOBILE VIEW ENFORCEMENT - 720px
 * Goal: Lock layout to 720px AND enforce mobile styling on large screens.
 * Fix: Overrides width constraint to user specification.
 */

/* 1. Master Container Lock - 720px */
.page-wrapper,
.sticky-header,
.footer {
    max-width: 720px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 2. Fix Sticky Header Positioning */
.sticky-header {
    left: 0 !important;
    right: 0 !important;
    position: sticky !important;
    top: 0 !important;
}

/* 3. Neutralize Desktop Styles triggering on >640px (Just in case) */
/* Force Footer to stay 1 column (Mobile View) */
.footer-container {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
}

/* Force Newsletter to stay vertical (Mobile View) */
.newsletter-form {
    flex-direction: column !important;
}

.newsletter-input {
    width: 100% !important;
    flex: none !important;
}

.newsletter-button {
    width: 100% !important;
}