/* SPEEDACURE_MOBILE_HOME_SEARCH_V1_5 — scoped to modern mobile homepage */
.scm-managed-banners { display: none; }
@media (max-width: 820px) {
  html.scm-mobile-modern .scm-home .scm-managed-banners {
    display: block;
    position: relative;
    min-width: 0;
    margin: 0 0 14px;
  }
  html.scm-mobile-modern .scm-home .scm-managed-banners[hidden] { display: none; }
  .scm-home .scm-managed-viewport {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 7;
    min-height: 142px;
    overflow: hidden;
    border-radius: 18px;
    background: #eef9f2;
    box-shadow: 0 4px 16px rgba(20, 55, 36, .07);
  }
  .scm-home .scm-managed-track {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform .32s ease;
    will-change: transform;
  }
  .scm-home .scm-managed-slide {
    flex: 0 0 100%;
    min-width: 0;
    height: 100%;
  }
  .scm-home .scm-managed-slide a,
  .scm-home .scm-managed-slide picture,
  .scm-home .scm-managed-slide img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .scm-home .scm-managed-slide img {
    object-fit: contain;
    object-position: center;
  }
  .scm-home .scm-managed-slide[aria-hidden="true"] { pointer-events: none; }
  .scm-home .scm-managed-arrow {
    position: absolute;
    top: 50%; transform: translateY(-50%);
    width: 30px; height: 38px;
    border: 0; border-radius: 10px;
    background: rgba(255,255,255,.78);
    color: #134c37; font-size: 24px; font-weight: 600;
    display: grid; place-items: center;
    z-index: 2; padding: 0;
  }
  .scm-home .scm-managed-arrow[hidden] { display: none; }
  .scm-home .scm-managed-prev { left: 5px; }
  .scm-home .scm-managed-next { right: 5px; }
  .scm-home .scm-managed-dots {
    display: flex; justify-content: center; align-items: center;
    gap: 7px; padding-top: 8px; min-height: 10px;
  }
  .scm-home .scm-managed-dots:empty { display: none; }
  .scm-home .scm-managed-dots button {
    width: 7px; height: 7px; border: 0; border-radius: 8px;
    background: #b5cec1; padding: 0;
  }
  .scm-home .scm-managed-dots button[aria-current="true"] {
    width: 21px; background: #069763;
  }
  /* Only the mobile search gains predictive options. Keep the header's
     intrinsic height stable: the dropdown is overlaid, not inserted in flow. */
  .scm-home .scm-search-wrap { position: relative; margin-top: 10px; min-width: 0; }
  .scm-home .scm-search-wrap .scm-search { margin-top: 0; }
  .scm-home .scm-search-predict {
    position: absolute;
    z-index: 120;
    left: 0; right: 0;
    top: calc(100% + 6px);
    max-height: min(56dvh, 440px);
    overflow-y: auto; overscroll-behavior: contain;
    padding: 9px;
    background: #fff;
    border: 1px solid #dfeae4;
    border-radius: 16px;
    box-shadow: 0 12px 36px rgba(17, 52, 36, .18);
  }
  .scm-home .scm-search-predict[hidden] { display: none; }
  .scm-home .scm-predict-heading {
    display: flex; align-items: center; justify-content: space-between;
    padding: 10px 7px 5px;
    color: #597166; font-size: 11px; font-weight: 800;
  }
  .scm-home .scm-predict-clear {
    font: inherit; font-size: 11px;
    color: #06794f; background: none; border: 0;
    padding: 5px 2px; text-decoration: underline;
  }
  .scm-home .scm-predict-option {
    display: flex; align-items: center;
    gap: 11px; width: 100%; min-height: 42px;
    border: 0; border-radius: 10px;
    padding: 9px 10px; background: transparent;
    color: #1c4332; font-size: 14px; font-weight: 600;
    text-align: left; overflow-wrap: anywhere;
  }
  .scm-home .scm-predict-option:active,
  .scm-home .scm-predict-option[aria-selected="true"] { background: #e7f8ef; }
  .scm-home .scm-predict-icon { color: #0a8c5a; font-size: 20px; flex: 0 0 20px; }
  .scm-home .scm-featured { padding-bottom: 4px; }
  .scm-home .scm-feature-card img { aspect-ratio: 1 / 1; }
}
@media (prefers-reduced-motion: reduce) {
  .scm-home .scm-managed-track { transition: none !important; }
}
