.elementor-2670 .elementor-element.elementor-element-8081b2c{--display:flex;}.elementor-2670 .elementor-element.elementor-element-8081b2c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2670 .elementor-element.elementor-element-621d376.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(max-width:767px){.elementor-2670 .elementor-element.elementor-element-8081b2c{--width:1600px;--min-height:1440px;--justify-content:flex-end;--border-radius:1px 1px 1px 1px;}.elementor-2670 .elementor-element.elementor-element-621d376{width:var( --container-widget-width, 549px );max-width:549px;--container-widget-width:549px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-2670 .elementor-element.elementor-element-8081b2c{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-621d376 *//* ------------------------- */
/*     MOBILE OPTIMIZATION   */
/* ------------------------- */

@media(max-width: 768px){

  /* UNIVERSAL — REMOVE SIDE SPACE */
  body, .content, .pale-band, .hero {
    padding: 34px 0 !important;   /* ⬅ removed left + right space */
  }

  /* HERO */
  .hero{
    min-height: 300px !important;
    padding: 30px 0 !important;   /* ⬅ also removed side padding here */
    align-items: flex-end;
  }
  .hero-line{
    font-size: 28px !important;
    margin-bottom: 20px !important;
  }
  .hero-line:nth-child(2){
    font-size: 34px !important;
  }
  .pill{
    padding: 6px 16px !important;
    font-size: 18px !important;
    margin-left: 5px !important;
  }
  .hero-sub{
    font-size: 13px !important;
    max-width: 100% !important;
  }

  /* BRAND STRIP */
  .brand-strip{
    height: 40px !important;
    font-size: 12px !important;
    padding: 0 !important;    /* ⬅ full width */
  }
  .brand-strip .left{
    gap: 8px !important;
    padding: 0 !important;    /* ⬅ full width */
  }
  .brand-strip .chip{
    padding: 4px 8px !important;
    font-size: 11px !important;
  }

  /* INTRO */
  .intro{
    grid-template-columns: 1fr !important;
    padding: 10px 0 !important;   /* ⬅ full width */
  }
  .intro h2{
    font-size: 20px !important;
  }
  .intro p{
    font-size: 13px !important;
  }
  .intro-images img{
    height: auto !important;
    margin-bottom: 10px !important;
  }

  /* PALE BAND */
  .pale-band{
    padding: 24px 0 !important;   /* ⬅ full width */
  }
  .band-inner{
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .band-inner strong{
    font-size: 14px !important;
  }

  /* SERVICE CARDS */
  .card-grid{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;      /* FULL WIDTH FIX */
    margin: 0 !important;
    padding: 0 !important;
  }
  .service-card{
    padding: 16px !important;
    min-height: auto !important;
    width: 100% !important;      /* FULL WIDTH FIX */
  }
  .service-card h4{
    font-size: 16px !important;
  }
  .service-card p{
    font-size: 13px !important;
  }

  /* LOCATIONS */
  .locations{
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .loc{
    padding: 10px !important;
    font-size: 13px !important;
  }

  /* FOOTER */
  .site-footer{
    padding: 22px 0 !important;  /* ⬅ full width */
    font-size: 12px !important;
  }

}/* End custom CSS */