/* Mobile-only follow-up preference component. All selectors are isolated to this component. */
@media (max-width: 620px) {
  .rez-follow-up-mobile .wizard-quick-card {
    display: none;
  }
  .rez-follow-up-mobile__intro {
    margin: 0 0 .9rem;
    color: #d8d1c4;
    font-size: .94rem;
    line-height: 1.42;
  }
  .rez-follow-up-mobile__options {
    display: grid;
    gap: .7rem;
  }
  .rez-follow-up-mobile__option {
    position: relative;
    display: block;
    margin: 0;
    border: 1px solid rgba(225, 196, 93, .48);
    border-radius: 12px;
    background: rgba(255, 255, 255, .035);
    color: #f8f5ed;
    cursor: pointer;
  }
  .rez-follow-up-mobile__option:focus-within {
    outline: 3px solid #e1c45d;
    outline-offset: 2px;
  }
  .rez-follow-up-mobile__option:has(input:checked) {
    border-color: #e1c45d;
    background: rgba(225, 196, 93, .14);
    box-shadow: inset 0 0 0 1px rgba(225, 196, 93, .38);
  }
  .rez-follow-up-mobile__option input {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    opacity: 0;
    pointer-events: none;
  }
  .rez-follow-up-mobile__option span {
    display: block;
    padding: .88rem .92rem;
    font-size: .98rem;
    font-weight: 750;
    line-height: 1.3;
  }
  .rez-follow-up-mobile__receipt {
    margin: .9rem 0 0;
    padding: .8rem .9rem;
    border: 1px solid rgba(225, 196, 93, .38);
    border-radius: 10px;
  }
  .rez-follow-up-mobile__receipt dt {
    margin: 0 0 .28rem;
    color: #d8d1c4;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
  }
  .rez-follow-up-mobile__receipt dd {
    margin: 0;
    color: #fff;
    font-size: .96rem;
    line-height: 1.35;
  }
}
