/* RioPing V18.1 — mobile account banner layout only */
@media(max-width:720px){
 .rio-ref .ref-banner{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:20px;min-height:unset;padding:28px 22px 0;overflow:hidden;isolation:isolate}
 .rio-ref .ref-banner-text{order:0;max-width:100%;width:100%;text-align:right;z-index:3;position:relative}
 .rio-ref .ref-banner h2{font-size:clamp(19px,5vw,25px);line-height:1.65;max-width:100%;overflow-wrap:break-word}
 .rio-ref .ref-banner p{font-size:13px;line-height:1.9;max-width:100%}
 .rio-ref .ref-banner .ref-btn{max-width:100%;width:100%;font-size:13px;margin:16px 0 4px;min-height:48px}
 .rio-ref .ref-phone{order:1;position:relative;align-self:center;width:min(235px,76%);min-height:260px;flex-shrink:0;transform:rotate(-10deg) translateY(35px);margin-top:4px;padding:15px 10px;z-index:1}
 .rio-ref .ref-phone>div:not(:first-child){font-size:11px}
 .rio-ref .ref-phone small{font-size:9px}
}