@media (max-width: 767px) {
  :root {
    --mobile-design-width: 1440;
    --mobile-design-height: 9900;
    --mobile-page-scale: calc(100vw / var(--mobile-design-width));
  }

  html,
  body {
    width: 100% !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overscroll-behavior-y: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body::before {
    background-size: auto 100vh !important;
    background-position: center top !important;
  }

  #root,
  #root > div {
    width: 100% !important;
    height: 687.5vw !important;
    min-height: 687.5vw !important;
    transform: none !important;
    overflow: visible !important;
  }

  [data-name="Home Page"] {
    width: 1440px !important;
    height: 9900px !important;
    min-height: 9900px !important;
    transform: scale(var(--mobile-page-scale)) !important;
    transform-origin: top left !important;
    overflow: visible !important;
  }

  [data-name="Home Page"] p,
  [data-name="Home Page"] div,
  [data-name="Home Page"] img {
    max-width: none !important;
  }

  [data-name="edited-photo (24) 2"],
  [data-name="section 2 image"],
  [data-name="sec4 img"],
  [data-name="ChatGPT Image May 23, 2026, 02_12_20 PM 1"],
  [data-name="Blog Image 2"],
  [data-name="Section 4 Image"],
  [data-name="Section 1 Image"] {
    transform: none !important;
  }

  [data-name="Button Container"] {
    left: 68px !important;
    top: 760px !important;
  }

  [data-name="Navigation / Footer"] {
    min-height: 264px !important;
  }
}

@media (max-width: 390px) {
  [data-name="Button Container"] {
    top: 785px !important;
  }
}

@media (min-width: 391px) and (max-width: 480px) {
  [data-name="Button Container"] {
    top: 765px !important;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  [data-name="Button Container"] {
    top: 735px !important;
  }
}