/* Mobile-only purchase bar. Desktop and tablet deliberately remain untouched. */
@media (max-width: 700px) {
  body.mpd-module-challenge.mpd-reading-sticky-controlled {
    padding-bottom: 0 !important;
  }

  body.mpd-module-challenge .mpd-reading-shell[data-mpd-reading-volume] .mpd-reading-closing .mpd-reading-edition {
    font-size: 10px !important;
    line-height: 1.4 !important;
    letter-spacing: .015em !important;
    margin: 8px 0 0 !important;
  }

  body.mpd-module-challenge .mpd-reading-shell[data-mpd-reading-volume] .mpd-reading-sticky {
    background: #f3eef8 !important;
    background: color-mix(in srgb, var(--reading-accent, #72569d) 11%, #fff) !important;
    border-top: 1px solid color-mix(in srgb, var(--reading-accent, #72569d) 30%, #fff) !important;
    box-shadow: 0 -10px 30px rgb(27 37 45 / 10%) !important;
    color: color-mix(in srgb, var(--reading-accent, #72569d) 72%, #1b252d) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(105%) !important;
    visibility: hidden !important;
    transition:
      opacity 180ms ease,
      transform 220ms cubic-bezier(.22, .8, .32, 1),
      visibility 0s linear 220ms !important;
  }

  body.mpd-module-challenge .mpd-reading-shell[data-mpd-reading-volume] .mpd-reading-sticky.is-visible {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    visibility: visible !important;
    transition-delay: 0s !important;
  }

  body.mpd-module-challenge .mpd-reading-shell[data-mpd-reading-volume] .mpd-reading-sticky span {
    color: color-mix(in srgb, var(--reading-accent, #72569d) 78%, #1b252d) !important;
    font-weight: 700 !important;
  }

  body.mpd-module-challenge .mpd-reading-shell[data-mpd-reading-volume] .mpd-reading-sticky a[data-mpd-buy="paperback"] {
    background: linear-gradient(
      135deg,
      color-mix(in srgb, var(--reading-accent, #72569d) 72%, #1b252d) 0%,
      color-mix(in srgb, var(--reading-accent, #72569d) 58%, #1b252d) 100%
    ) !important;
    border-color: color-mix(in srgb, var(--reading-accent, #72569d) 74%, #fff) !important;
    box-shadow: 0 7px 18px color-mix(in srgb, var(--reading-accent, #72569d) 24%, transparent) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    text-shadow: 0 1px 2px rgb(20 24 29 / 42%) !important;
  }

  body.mpd-module-challenge .mpd-reading-shell[data-mpd-reading-volume] .mpd-reading-sticky a[data-mpd-buy="paperback"]:visited,
  body.mpd-module-challenge .mpd-reading-shell[data-mpd-reading-volume] .mpd-reading-sticky a[data-mpd-buy="paperback"]:hover,
  body.mpd-module-challenge .mpd-reading-shell[data-mpd-reading-volume] .mpd-reading-sticky a[data-mpd-buy="paperback"]:focus-visible {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  @media (prefers-reduced-motion: reduce) {
    body.mpd-module-challenge .mpd-reading-shell[data-mpd-reading-volume] .mpd-reading-sticky {
      transition: none !important;
    }
  }
}