/*
 * Lumina Egypt — Wider Layout
 * Purpose: gently expand the storefront content on desktop while preserving mobile spacing.
 * Upload this file to EasyOrders > Upload Assets.
 *
 * Important:
 * EasyOrders themes can use different container selectors. This stylesheet uses common
 * container patterns and avoids changing header-code / tracking scripts.
 */

/* Keep sizing predictable */
html,
body {
  max-width: 100%;
}

/* Expand common page wrappers on larger screens */
@media (min-width: 1200px) {
  .container,
  .container-fluid,
  .page-wrapper,
  .page-content,
  .main-content,
  .content-wrapper,
  .site-content,
  .home-page,
  .homepage,
  main {
    width: 100% !important;
    max-width: 100% !important;
  }

  .container,
  .page-wrapper,
  .page-content,
  .main-content,
  .content-wrapper,
  .site-content,
  main {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* Keep the hero/banner responsive */
img {
  max-width: 100%;
}

/* Prevent accidental horizontal overflow on mobile */
@media (max-width: 767px) {
  .container,
  .container-fluid,
  .page-wrapper,
  .page-content,
  .main-content,
  .content-wrapper,
  .site-content,
  main {
    max-width: 100% !important;
  }
}