/* SPEEDACURE_MOBILE_V2_0 — homepage only, follows V1.9 styles.
   No cropping: the managed banners in the current desktop collection are ~3:1.
   Full-size portrait mobile assets remain supported by the existing banner loader;
   this rule is deliberately only for the existing horizontal artwork. */
@media screen and (max-width:820px) {
  html.scm-mobile-modern body.scm-modern-active .scm-home .scm-managed-banners {
    margin-top: 3px !important;
    margin-bottom: 9px !important;
  }
  html.scm-mobile-modern body.scm-modern-active .scm-home .scm-managed-viewport {
    width: 100% !important;
    aspect-ratio: 3 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    border-radius: 17px !important;
    background: #f2faf6 !important;
  }
  html.scm-mobile-modern body.scm-modern-active .scm-home .scm-managed-slide,
  html.scm-mobile-modern body.scm-modern-active .scm-home .scm-managed-slide > a,
  html.scm-mobile-modern body.scm-modern-active .scm-home .scm-managed-slide picture {
    width:100% !important;
    height:100% !important;
  }
  html.scm-mobile-modern body.scm-modern-active .scm-home .scm-managed-slide img {
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
  }
  html.scm-mobile-modern body.scm-modern-active .scm-home .scm-managed-dots {
    margin-top: 7px !important;
    margin-bottom: 9px !important;
  }
  /* Header logo and action layout are already correct in V1.9.
     Keep the proven dimensions and trim only the surplus white space. */
  html.scm-mobile-modern body.scm-modern-active .scm-home .scm-header {
    padding-bottom: 7px !important;
  }
  html.scm-mobile-modern body.scm-modern-active .scm-home .scm-brand img {
    min-width:0 !important;
    max-width:211px !important;
    width:100% !important;
    height:auto !important;
    transform:none !important;
    object-fit:contain !important;
  }
  html.scm-mobile-modern body.scm-modern-active .scm-home .scm-main {
    padding-top:8px !important;
  }
}
@media screen and (max-width:360px) {
  html.scm-mobile-modern body.scm-modern-active .scm-home .scm-brand img {
    max-width:185px !important;
  }
}
