/* rental-live-orders/landing — 렌탈 스튜디오 랜딩: 위로 흘러가는 상담 접수 목록(상품 사진·상품명 없음).
   폭은 랜딩 본문(.lp)과 같은 640px */
.block-live-landing {
    max-width: 640px;
    margin: 0 auto;
    padding: 0 16px; /* 스튜디오 랜딩 카드(.lp)와 같은 좌우 여백 — PC 폭 608, 모바일 화면 끝에 붙지 않게 */
    box-sizing: border-box;
}

@media (max-width: 480px) {
    .block-live-landing { padding: 0 14px; }
}

.block-live-landing__board {
    position: relative;
    overflow: hidden;
    border: 1px solid #e6e9f2;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 28px -18px rgba(22, 33, 61, .35);
}

/* 4줄 창 — 위·아래 끝은 부드럽게 흐린다 */
.block-live-landing__board.is-rolling {
    height: 248px;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%);
            mask-image: linear-gradient(to bottom, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%);
}

.block-live-landing__track {
    margin: 0;
    padding: 0;
    list-style: none;
}

.block-live-landing__board.is-rolling .block-live-landing__track {
    animation: block-live-landing-up 20s linear infinite;
}

.block-live-landing__board.is-rolling:hover .block-live-landing__track {
    animation-play-state: paused;
}

@keyframes block-live-landing-up {
    from { transform: translateY(0); }
    to   { transform: translateY(-50%); }
}

.block-live-landing__row {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 62px;
    padding: 0 18px;
    border-bottom: 1px solid #f0f2f7;
    box-sizing: border-box;
}

.block-live-landing__avatar {
    display: grid;
    flex: none;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #eef3ff;
    color: #3557d6;
    font-size: 14px;
    font-weight: 800;
}

.block-live-landing__who {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #16213d;
    white-space: nowrap;
}

.block-live-landing__who b {
    font-weight: 800;
}

.block-live-landing__phone {
    color: #7a839c;
    font-size: 12.5px;
}

.block-live-landing__tag {
    flex: none;
    padding: 3px 9px;
    border-radius: 999px;
    background: #e9f7ef;
    color: #14a35a;
    font-size: 11.5px;
    font-weight: 800;
    white-space: nowrap;
}

@media (max-width: 480px) {
    .block-live-landing__row { gap: 10px; padding: 0 12px; }
    .block-live-landing__avatar { width: 32px; height: 32px; font-size: 13px; }
    .block-live-landing__phone { display: block; }
    .block-live-landing__who { line-height: 1.25; }
}

/* 움직임 줄이기 — 흐르지 않고 안에서 스크롤 */
@media (prefers-reduced-motion: reduce) {
    .block-live-landing__board.is-rolling { overflow-y: auto; -webkit-mask-image: none; mask-image: none; }
    .block-live-landing__board.is-rolling .block-live-landing__track { animation: none; }
    .block-live-landing__row[aria-hidden="true"] { display: none; }
}