.elementor-177 .elementor-element.elementor-element-5710601{--display:flex;}/* Start custom CSS for html, class: .elementor-element-7aab838 *//* =========================
   EVOLIA — MOBILE RESPONSIVE PATCH (FULL)
   Includes improvements A (CTA buttons) + B (tag spacing)
   Safe overrides: does NOT redefine your gold button look (only layout on mobile)
   Paste at END of your page CSS (or Elementor Custom CSS)
========================= */

.ev-page{
  -webkit-text-size-adjust:100%;
  overflow-x:hidden;
}

/* Containers + section spacing */
@media (max-width: 980px){
  .ev-container{ width: min(1120px, calc(100% - 26px)); }
  .ev-section{ padding: 44px 0; }
}

/* HERO: remove tall fixed heights + improve typography */
@media (max-width: 980px){
  .ev-hero{
    min-height: auto !important;
    padding: 56px 0 34px !important;
  }

  /* if your hero uses inline styles, this still helps the inner text */
  .ev-hero h1{
    font-size: clamp(30px, 8vw, 44px) !important;
    line-height: 1.08 !important;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .ev-hero p{
    font-size: 15.5px !important;
    line-height: 1.65 !important;
  }
}

/* Grids: force 1 column on tablet/mobile */
@media (max-width: 980px){
  .ev-hero-grid,
  .ev-grid-2,
  .ev-book{
    grid-template-columns: 1fr !important;
  }

  .ev-cards-3,
  .ev-proof{
    grid-template-columns: 1fr !important;
  }
}

/* Cards + spacing */
@media (max-width: 980px){
  .ev-card,
  .ev-hero-card{
    border-radius: 18px;
    padding: 16px;
  }

  .ev-cta-row{
    gap:10px;
  }
}

/* Lists: keep readable */
@media (max-width: 980px){
  .ev-list{ padding-left: 18px; }
  .ev-list li{ margin: 6px 0; }
}

/* Media: prevent overflow */
.ev-page img, .ev-page video, .ev-page iframe{
  max-width:100%;
  height:auto;
}

/* Calendly: ensure full width */
.ev-page .calendly-inline-widget,
.ev-page .calendly-inline-widget iframe{
  width:100% !important;
  max-width:100% !important;
}
@media (max-width: 980px){
  .ev-page .calendly-inline-widget{
    min-width: 0 !important;
  }
}
/* Shorter Calendly height on small phones */
@media (max-width: 520px){
  .ev-page .calendly-inline-widget{
    height: 640px !important;
  }
}

/* =========================
   A) CTA buttons on mobile (stack + full width)
   Layout only (keeps your gold gradient/halo)
========================= */
@media (max-width: 520px){
  .ev-cta-row{
    display:grid !important;
    grid-template-columns: 1fr !important;
    gap:10px !important;
  }

  /* Works for both .ev-btn and Elementor button links inside your sections */
  .ev-cta-row a.ev-btn,
  .ev-cta-row .ev-btn,
  .ev-cta-row a.elementor-button,
  .ev-cta-row .elementor-button{
    width:100% !important;
    justify-content:center !important;
    white-space:normal !important;
    text-align:center !important;
  }
}

/* =========================
   B) Tag spacing + small UI polish on mobile
========================= */
@media (max-width: 520px){
  .ev-tag{ margin-top:10px !important; }

  /* Optional: slightly tighter cards list spacing for long pages */
  .ev-cards-3{ margin-top:14px !important; }
}

/* Extra: prevent long words/URLs from breaking layout */
.ev-page *{
  overflow-wrap: break-word;
}
/* =========================
   EVOLIA — HERO EYEBROW/PILL FIX (MOBILE)
   Keeps premium look but prevents ugly wrapping
========================= */

@media (max-width: 520px){
  /* Target common eyebrow blocks used in your pages */
  .ev-page .ev-eyebrow,
  .ev-page .ev-pill,
  .ev-page .ev-hero p[style*="letter-spacing:.18em"],
  .ev-page .ev-hero p[style*="text-transform:uppercase"]{
    max-width: 100% !important;
    padding: 8px 12px !important;
    border-radius: 14px !important;
    font-size: 11px !important;
    letter-spacing: .14em !important;
    line-height: 1.35 !important;

    /* Make it behave nicely */
    display: inline-flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  /* If you have separators "•" keep them tighter */
  .ev-page .ev-hero p[style*="letter-spacing:.18em"]{
    max-width: 92% !important;
  }
}/* End custom CSS */