.page-header { display: none !important; }

/* ================================================
   MOBILE FIXES: CTA Buttons + Hidden Images
   Using .crs-wrap prefix for higher specificity
   ================================================ */

@media (max-width: 768px) {

  /* Hero buttons - stacked + centered */
  .crs-wrap .chero-btns {
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    gap: 12px !important;
  }
  .crs-wrap .chero-btns .cbtn {
    width: 100% !important;
    max-width: 320px !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    box-sizing: border-box !important;
    display: flex !important;
  }

  /* CTA section buttons (bottom of every page) */
  .crs-wrap .ccta-btns {
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    gap: 12px !important;
  }
  .crs-wrap .ccta-btns .cbtn {
    width: 100% !important;
    max-width: 320px !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    box-sizing: border-box !important;
    display: flex !important;
  }

  /* Why Choose CRS paired button wrapper */
  .crs-wrap .cwhy-grid > div > div {
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    gap: 12px !important;
  }
  .crs-wrap .cwhy-grid .cbtn {
    width: 100% !important;
    max-width: 320px !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    box-sizing: border-box !important;
  }

  /* Any cbtn in a section on mobile */
  .crs-wrap .csec .cbtn {
    white-space: normal !important;
    box-sizing: border-box !important;
  }

  /* HOME: Show the Why Choose Us section image */
  .crs-wrap .cwhy-img {
    display: block !important;
    margin-top: 32px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  .crs-wrap .cwhy-img img {
    width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
  }

  /* SERVICES: Show service detail images */
  .crs-wrap .csvc-img-box {
    display: block !important;
    margin-bottom: 24px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  .crs-wrap .csvc-img-box img {
    width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
  }

  /* ABOUT: Show story/team image */
  .crs-wrap .cstory-img {
    display: block !important;
    margin-bottom: 24px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  .crs-wrap .cstory-img img {
    width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
  }
}

@media (max-width: 480px) {
  .crs-wrap .chero-btns {
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
  }
  .crs-wrap .chero-btns .cbtn {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    display: flex !important;
  }
  .crs-wrap .ccta-btns {
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
  }
  .crs-wrap .ccta-btns .cbtn {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    display: flex !important;
  }
  .crs-wrap .cwhy-grid > div > div {
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
  }
  .crs-wrap .cwhy-grid .cbtn,
  .crs-wrap .csec .cbtn {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
  }
}