/* Activated by JS only after confirming working native alternatives. */
:root { --m26-home-ux: 1; }
html.mgsm26 #mgsm26-hero.m26-ux-home {
  min-height: 0;
  padding-top: calc(var(--m26-hh, 84px) + 20px);
  padding-bottom: 28px;
}
html.mgsm26 #mgsm26-hero.m26-ux-home .mgsm26-h1 {
  max-width: 22ch;
  margin-inline: auto;
  font-size: clamp(32px, 4.2vw, 62px);
  line-height: 1.15;
  overflow-wrap: break-word;
}
html.mgsm26 #mgsm26-hero.m26-ux-home .mgsm26-sub { margin-top: 14px; font-size: 17px; }
html.mgsm26 #mgsm26-hero.m26-ux-home form[data-m26-search],
html.mgsm26 #mgsm26-checkdevice.m26-ux-check-suppressed { display: none !important; }
html.mgsm26 .m26-ux-browse { margin-top: 20px; min-height: 44px; max-width: 100%; white-space: normal; }
html.mgsm26 .m26-ux-browse[hidden] { display: none !important; }
html.mgsm26 #mgsm-store.m26-ux-discovery { scroll-margin-top: calc(var(--m26-hh, 84px) + 28px); }
html.mgsm26 #mgsm-store.m26-ux-discovery .mgsm-store-discovery-heading { padding-top: 24px; }
html.mgsm26 #mgsm-store.m26-ux-discovery .mgsm-store-discovery-heading h2 { font-size: clamp(26px, 3.2vw, 38px); line-height: 1.2; }
@media (max-width: 760px) {
  html.mgsm26 #mgsm26-hero.m26-ux-home { padding-bottom: 22px; }
  html.mgsm26 #mgsm26-hero.m26-ux-home .mgsm26-h1 { font-size: clamp(27px, 7.6vw, 34px); line-height: 1.24; }
  html.mgsm26 #mgsm26-hero.m26-ux-home:lang(bn) .mgsm26-h1,
  html.mgsm26 #mgsm26-hero.m26-ux-home:lang(kn) .mgsm26-h1,
  html.mgsm26 #mgsm26-hero.m26-ux-home:lang(gu) .mgsm26-h1,
  html.mgsm26 #mgsm26-hero.m26-ux-home:lang(th) .mgsm26-h1 { line-height: 1.4; }
  html.mgsm26 #mgsm26-hero.m26-ux-home .mgsm26-sub { font-size: 15px; line-height: 1.45; margin-top: 10px; }
  html.mgsm26 .m26-ux-browse { margin-top: 16px; }
  html.mgsm26 #mgsm-store.m26-ux-discovery .mgsm-store-discovery-heading {
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-top: 20px;
  }
  html.mgsm26 #mgsm-store.m26-ux-discovery .mgsm-store-eyebrow { display: none; }
  html.mgsm26 #mgsm-store.m26-ux-discovery .mgsm-store-discovery-heading h2 { flex: 1; min-width: 75%; margin: 0; font-size: 26px; }
  html.mgsm26 #mgsm-store.m26-ux-discovery .mgsm-store-discovery-heading > p { flex-basis: 100%; margin: 0; font-size: 14px; line-height: 1.5; }
  html.mgsm26 #mgsm-store.m26-ux-discovery .mgsm-store-discovery-heading > a { margin: 0; max-width: 100%; white-space: normal; height: auto; min-height: 44px; }
  html.mgsm26 #mgsm-store.m26-ux-discovery .mgsm-store-discovery-heading .mgsm26-context-help { flex: none; margin: 0; }
}

html.mgsm26.mgsm26-hd3.mgsm26-cl3 { --m26-mobile-journey: 1; }
.mgsm-sf-journey { display: none; }
@media (max-width: 767px) {
  .mgsm-sf-journey { display: block; min-width: 0; margin: 14px 0; color: var(--m26-ink, #192333); font-family: var(--m26-sans, inherit); }
  .mgsm-sf-journey, .mgsm-sf-journey * { box-sizing: border-box; }
  .mgsm-sf-journey__steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin: 0; padding: 0; list-style: none; }
  .mgsm-sf-journey__step { display: flex; align-items: center; gap: 6px; min-width: 0; margin: 0; padding: 9px 7px; border: 1px solid var(--m26-line-2, #ccd4df); border-radius: 8px; color: var(--m26-ink-2, #556174); font-size: 12px; font-weight: 500; line-height: 1.45; overflow-wrap: anywhere; }
  .mgsm-sf-journey__number { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 21px; width: 21px; height: 21px; border: 1px solid currentColor; border-radius: 50%; font-size: 11px; font-variant-numeric: tabular-nums; }
  .mgsm-sf-journey__step[aria-current="step"] { border-color: var(--m26-accent-t, #2b59ff); background: var(--m26-surface, #fff); color: var(--m26-ink, #192333); font-weight: 700; }
  .mgsm-sf-journey__step[aria-current="step"] .mgsm-sf-journey__number { border-color: var(--m26-accent-t, #2b59ff); color: var(--m26-accent-t, #2b59ff); }
  #modal-order .mgsm-sf-journey { margin: 0 0 12px; }
}
@media (max-width: 420px) { .mgsm-sf-journey__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (forced-colors: active) { .mgsm-sf-journey__step[aria-current="step"] { border: 2px solid Highlight; background: Canvas; color: CanvasText; } }