html,
body {
  overflow-x: clip;
}
.page-layout-wraper {
  width: 100%;
}

/* Stick footer css start */
html,
body {
  min-height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.page-layout-container {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.page-layout-wraper {
  flex: 1;
}

.footer-section {
  flex-shrink: 0;
  margin-top: 3rem;
}
/* Stick footer css end */

/* page layout css */
.w-1320 {
  width: 1320px;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .w-1320 {
    width: 100% !important;
  }
}
@media (min-width: 1201px) and (max-width: 1480px) {
  .list-rumble-grid-container.w-1320 {
    width: 100% !important;
  }
}
@media (max-width: 1480px) {
  .w-1320 {
    width: 1220px;
  }
}

@media (min-width: 1300px) {
  .listing-page.container {
    max-width: 1320px;
  }
}

@media (max-width: 767px) {
  .w-1320 {
    width: 100%;
  }
  .page-layout-wraper {
    width: 100%;
  }

  /* Override overflow for mobile - allow sticky elements to work */
  /* NOTE: overflow-x: hidden breaks position: sticky! Use clip instead */
  /* Modified December 2025: Changed overflow-y from auto to visible for sticky support */
  html,
  body {
    overflow-x: clip; /* clip prevents horizontal scroll but allows sticky */
    overflow-y: visible !important; /* visible allows sticky to work properly */
    position: relative !important;
  }

  /* Allow natural scroll - sticky elements need visible overflow */
  .page-layout-container {
    overflow-x: clip; /* clip prevents horizontal scroll but allows sticky */
    overflow-y: visible !important;
  }
}

/* @media(min-width: 1400px) {
    .page-layout-wraper {
        width: 1320px;
    }
} */