@media (max-width: 767px) {
  html:has(.rt-instructions-screen),
  html:has(.rt-instructions-screen) body {
    height: 100%;
    overflow: hidden !important;
  }

  body.rt-instructions-active .site-footer,
  body.rt-instructions-active .partner-space-footer,
  body.rt-instructions-active .rt-instructions-back,
  .app-container.public-shell-active.rt-instructions-page > .site-footer,
  .app-container.public-shell-active.rt-instructions-page > .partner-space-footer {
    display: none !important;
  }

  .app-container.public-shell-active.rt-instructions-page > .rt-instructions-screen,
  .rt-instructions-screen {
    position: fixed !important;
    z-index: 8000 !important;
    inset: var(--rt-journey-header-height, var(--rt-header-height, 66px)) 0 0 !important;
    height: calc(100dvh - var(--rt-journey-header-height, var(--rt-header-height, 66px))) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    scroll-snap-type: none !important;
  }

  .rt-instructions-screen .rt-instructions-steps {
    position: relative !important;
    z-index: 20 !important;
    height: calc(100dvh - var(--rt-journey-header-height, var(--rt-header-height, 66px))) !important;
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;
    touch-action: pan-x !important;
  }

  .rt-instructions-screen .rt-instruction-card,
  .rt-instructions-screen .rt-instruction-card:nth-child(n) {
    position: relative !important;
    z-index: 21 !important;
    isolation: isolate;
    display: block !important;
    min-height: 100% !important;
    height: 100% !important;
    padding: clamp(1.35rem, 5vw, 2.1rem) clamp(1.35rem, 6vw, 2rem) 6.9rem !important;
    opacity: .24;
    transform: translateX(1.25rem) scale(.985) !important;
    transition: opacity 380ms ease, transform 520ms cubic-bezier(.22, 1, .36, 1) !important;
  }

  .rt-instructions-screen .rt-instruction-card.is-current {
    opacity: 1;
    transform: translateX(0) scale(1) !important;
  }

  .rt-instructions-screen .rt-instruction-card > div {
    position: relative;
    z-index: 22;
    width: min(100%, 33rem) !important;
    height: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    align-items: start;
    justify-items: center;
    margin: 0 auto !important;
    text-align: left !important;
  }

  .rt-instructions-screen .rt-instruction-step-mark {
    grid-column: 1;
    grid-row: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    width: auto;
    margin: 0 auto;
  }

  .rt-instructions-screen .rt-instruction-number,
  .rt-instructions-screen .rt-instruction-icon {
    position: relative;
    z-index: 23;
    grid-row: 1;
    align-self: start;
    color: #fff !important;
    line-height: 1;
  }

  .rt-instructions-screen .rt-instruction-number {
    display: block !important;
    width: auto !important;
    grid-column: auto;
    margin: 0 !important;
    font-size: clamp(2.45rem, 11vw, 3.65rem) !important;
    font-weight: 800;
  }

  .rt-instructions-screen .rt-instruction-icon {
    display: block !important;
    grid-column: auto;
    width: auto;
    margin: .08em 0 0 !important;
    display: grid !important;
    place-items: center;
    width: clamp(2.25rem, 10vw, 3.25rem);
    height: clamp(2.25rem, 10vw, 3.25rem);
    margin-top: .02rem !important;
  }

  .rt-instructions-screen .rt-instruction-icon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .rt-instructions-screen .rt-instruction-text {
    position: relative;
    z-index: 23;
    grid-column: 1;
    grid-row: 2;
    align-self: center;
    display: block !important;
    justify-self: center;
    max-width: 28rem;
    margin-top: 0;
    color: #fff !important;
    font-size: clamp(1.45rem, 6.2vw, 2.05rem) !important;
    font-weight: 500;
    line-height: 1.18 !important;
    text-wrap: balance;
    text-align: center !important;
    transform: translateY(8vh);
  }

  .rt-instructions-mobile-controls {
    z-index: 30 !important;
    left: 50% !important;
    right: auto !important;
    bottom: max(.9rem, env(safe-area-inset-bottom)) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: .9rem;
    width: auto !important;
    max-width: calc(100% - 1.5rem);
    transform: translateX(-50%);
  }

  .rt-instructions-mobile-prev,
  .rt-instructions-mobile-next {
    flex: 0 0 52px;
    width: 52px;
    min-width: 52px;
    height: 52px;
  }

  .rt-instructions-mobile-progress {
    flex: 0 0 auto;
  }

  .rt-instructions-mobile-next:disabled {
    flex-basis: 52px;
    width: 52px;
    border-color: transparent;
    border-radius: 999px;
    color: #fff;
    background: transparent;
    font: 800 .9rem/1 var(--font-sans, sans-serif);
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: 1;
  }

  @media (prefers-reduced-motion: reduce) {
    .rt-instructions-screen .rt-instructions-steps { scroll-behavior: auto !important; }
    .rt-instructions-screen .rt-instruction-card { transition: none !important; }
  }
}