/* Customer room composition; staff, source framing and player behavior are unchanged. */
.mobile-live #liveModalBackdrop .live-modal-shell{--room-edge:12px;--room-product-width:clamp(148px,29%,164px);--room-card-radius:12px}
.mobile-live #liveModalBackdrop .v-product-banner{right:var(--room-edge);width:var(--room-product-width);max-width:calc(100% - 24px);display:flex;flex-direction:column;border-radius:var(--room-card-radius);background:#fff;box-shadow:0 4px 16px #0002}
.mobile-live #liveModalBackdrop .vp-thumb{display:block;flex:none;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:0;background:#f3f3f3}
.mobile-live #liveModalBackdrop .vp-info{box-sizing:border-box;width:100%;padding:7px 8px 0}
.mobile-live #liveModalBackdrop .vp-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;font-size:16px;font-weight:500;line-height:24px;margin:0 0 3px}
.mobile-live #liveModalBackdrop .vp-status{display:none}
.vp-discount{display:inline-block;width:fit-content;max-width:100%;padding:1px 5px;border:1px solid currentColor;border-radius:3px;font-size:12px;font-weight:600;line-height:18px}
.mobile-live #liveModalBackdrop .vp-discount{font-size:14px;line-height:20px;margin:1px 0 4px;color:#222}
.mobile-live #liveModalBackdrop .vp-price{font-size:18px;line-height:24px;letter-spacing:-.02em;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;color:#111}
.mobile-live #liveModalBackdrop .vp-add-btn{width:calc(100% - 16px);min-height:44px;margin:4px 8px 8px;padding:7px 8px;background:#000;color:#fff;border-radius:999px;font-size:16px;line-height:24px}
.mobile-live #liveModalBackdrop .vp-add-btn:hover{background:#000;color:#fff}
.mobile-live #liveModalBackdrop .vp-add-btn:focus-visible{outline:2px solid #111;outline-offset:2px}
.mobile-live #liveModalBackdrop .vp-close{top:0;right:0;width:44px;height:44px;font-size:0;background:transparent}
.mobile-live #liveModalBackdrop .vp-close:after{content:'×';display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0009;color:#fff;font:21px/1 sans-serif}
.mobile-live #liveModalBackdrop .vp-close:focus-visible{outline:2px solid #fff;outline-offset:-4px;background:#0003}
.mobile-live #liveModalBackdrop .v-mid-interactive{left:var(--room-edge);width:calc(100% - var(--room-product-width) - 36px)}
/* A short landscape uses the same portrait image beside its content. */
@media(max-height:500px) and (orientation:landscape){
 .mobile-live #liveModalBackdrop .v-product-banner{width:min(260px,46%);display:grid;grid-template-columns:72px minmax(0,1fr)}
 .mobile-live #liveModalBackdrop .vp-thumb{width:72px;height:90px;align-self:start;grid-row:1/3}
 .mobile-live #liveModalBackdrop .vp-info{width:auto;padding:7px 40px 0 8px}
 .mobile-live #liveModalBackdrop .vp-price{font-size:18px;line-height:26px}
 .mobile-live #liveModalBackdrop .vp-add-btn{grid-column:2;font-size:14px}
 .mobile-live #liveModalBackdrop .v-mid-interactive{width:calc(100% - min(260px,46%) - 36px)}
}