/* Functional video player in a frontal phone frame. */
.su-beauty-case .beauty-video-stage{position:relative;width:100%;max-width:460px;margin:14px auto 24px;padding:12px 0 20px;}
.su-beauty-case .beauty-phone-frame{position:relative;width:270px;max-width:calc(100% - 90px);margin:0 auto;aspect-ratio:9/16;border:7px solid #161719;border-radius:38px;overflow:hidden;background:#111;box-shadow:0 0 0 2px #73777c,0 22px 30px -12px #09063b38;}
.su-beauty-case .beauty-phone-frame::before{content:"";position:absolute;z-index:2;top:11px;left:50%;transform:translateX(-50%);width:68px;height:18px;border-radius:20px;background:#08090a;pointer-events:none;}
.su-beauty-case .beauty-phone-video{display:block!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:9/16;object-fit:cover!important;border-radius:29px!important;background:#111;}
.su-beauty-case .beauty-stat{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:130px;min-height:76px;padding:12px 10px;border-radius:12px;box-shadow:0 4px 15px #09063b18;font-family:Poppins,sans-serif;pointer-events:none;}
.su-beauty-case .beauty-stat strong{font-size:29px;font-weight:600;line-height:1.1;white-space:nowrap;}
.su-beauty-case .beauty-stat span{font-size:12px;line-height:1.4;}
.su-beauty-case .beauty-stat-views{top:52px;right:15px;background:#0055ff;color:white;}
.su-beauty-case .beauty-stat-time{bottom:94px;left:15px;background:white;color:#09063b;}
.su-beauty-case .su-inline-emphasis{white-space:nowrap;color:#0055ff;font-style:italic;}
.su-beauty-case .su-body a{color:inherit;text-decoration:underline;text-decoration-color:#0055ff;text-underline-offset:4px;}
@media(max-width:767px){
 .su-beauty-case .beauty-video-stage{max-width:390px;margin:10px auto 24px;padding:12px 0 20px;}
 .su-beauty-case .beauty-phone-frame{width:258px;max-width:calc(100% - 70px);}
 .su-beauty-case .beauty-stat{width:112px;min-height:66px;padding:10px 8px;border-radius:10px;}
 .su-beauty-case .beauty-stat strong{font-size:24px;}
 .su-beauty-case .beauty-stat span{font-size:11px;}
 .su-beauty-case .beauty-stat-views{right:0;top:50px;}
 .su-beauty-case .beauty-stat-time{left:0;bottom:86px;}
}