/* Start custom CSS *//*SXMOBILE START*/
/* ShopXpert mobile and tablet normalization for hand-built pages (appended to page custom CSS). */
@media (max-width: 991px){
  .elementor-widget-button .elementor-button-wrapper{text-align:center}
  .e-con > .elementor-widget-button{align-self:center}
}
@media (max-width: 767px){
  /* type scale */
  .elementor-widget-heading h1.elementor-heading-title, .elementor-widget-html h1{font-size:clamp(30px,8.6vw,36px)!important;line-height:1.12!important}
  .elementor-widget-heading h2.elementor-heading-title, .elementor-widget-html h2{font-size:clamp(25px,7vw,30px)!important;line-height:1.16!important}
  .elementor-widget-heading h3.elementor-heading-title, .elementor-widget-html h3{font-size:clamp(18px,5.2vw,21px)!important;line-height:1.25!important}
  .elementor-widget-text-editor p{font-size:clamp(15px,4.2vw,16.5px)!important;line-height:1.6!important}
  /* alignment: section headings, intro copy, lists, and buttons centered */
  .elementor-widget-heading .elementor-heading-title{text-align:center!important}
  .elementor-widget-animated-headline .elementor-headline{text-align:center!important;font-size:clamp(26px,7.4vw,32px)!important;line-height:1.15!important}
  .elementor-widget-text-editor{text-align:center!important}
  .elementor-widget-icon-list{text-align:center}
  .elementor-widget-icon-list .elementor-icon-list-items{display:inline-flex;flex-direction:column;align-items:flex-start;text-align:left}
  .elementor-widget-button{align-self:center!important;text-align:center}
  .elementor-widget-button .elementor-button{justify-content:center}
  .elementor-widget-image{text-align:center}
  /* no stray horizontal overflow */
  .elementor{overflow-x:clip}

  /* customer badges: compact grid instead of a tall scattered orbit */
  .sx-badge-stage{height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:8px 0 0}
  .sx-badge-stage .sx-badge-network,.sx-badge-stage .sx-stage-dot{display:none!important}
  .sx-badge-stage .sx-edge-badge{position:static!important;inset:auto!important;transform:none!important;width:100%!important;height:auto!important;aspect-ratio:1;animation:none!important}
  .sx-badge-stage .sx-edge-badge img{max-width:100%;height:auto}
  .sx-trust-edge,.sx-trust-edge-inner{height:auto!important;min-height:0!important}

  .sx-demo-banner-copy{text-align:center}

  /* hero (first section of the page): centered copy and centered buttons */
  .elementor[data-elementor-type="wp-page"] > :first-child :is(h1,h2,h3,h4,p,ul,.e-heading-base,.e-paragraph-base){text-align:center!important}
  .elementor[data-elementor-type="wp-page"] > :first-child :is(.e-con,.e-flex,[class*="hero"][class*="copy"],[class*="hero"][class*="content"],[class*="hero"][class*="actions"],[class*="hero"][class*="buttons"],[class*="hero"][class*="trust"]){align-items:center!important;justify-content:center}
  .elementor[data-elementor-type="wp-page"] > :first-child :is([class*="actions"],[class*="buttons"],[class*="cta"]){justify-content:center!important;text-align:center}
  .elementor[data-elementor-type="wp-page"] h1{font-size:clamp(30px,8.6vw,36px)!important;line-height:1.12!important}
}


/*SXMOBILE END*//* End custom CSS */