.max-w-wider {
    max-width: 96rem !important; /* 20% larger than max-w-7xl (80rem) = 1536px */
}
/* Ensure consistent wider layout */
.mx-auto.max-w-wider {
    max-width: 96rem !important;
}

/* Alternative: Force minimum width for better visibility on large screens */
@media (min-width: 1280px) {
    .max-w-wider {
        min-width: 1400px !important;
        max-width: 1536px !important;
    }
}