/* rental-live-orders/landing — 렌탈 스튜디오 랜딩: 위로 흘러가는 상담 접수 목록 */
.block-live-landing {
    max-width: 640px;
    margin: 0 auto;
}

.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: 296px;
    -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: 74px;
    padding: 0 16px;
    border-bottom: 1px solid #f0f2f7;
    box-sizing: border-box;
}

.block-live-landing__thumb {
    flex: none;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 12px;
    background: #f4f6fb;
}

.block-live-landing__thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.block-live-landing__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.block-live-landing__who {
    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__goods {
    overflow: hidden;
    font-size: 13px;
    color: #4a5370;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.block-live-landing__side {
    display: flex;
    flex: none;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

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

.block-live-landing__when {
    font-size: 12px;
    color: #7a839c;
    white-space: nowrap;
}

@media (max-width: 480px) {
    .block-live-landing__row { gap: 10px; padding: 0 12px; }
    .block-live-landing__thumb { width: 42px; height: 42px; }
    .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; }
}