/* Buyer home: portrait past-live highlights inspired by seller replay cards. */
.live-highlights-section{min-width:0}
.highlights-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,168px);gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin:20px calc(var(--pad)*-1) 0;padding:0 var(--pad) 8px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
.highlight-card{display:block;min-width:0;padding:0;border:0;background:transparent;color:var(--text);text-align:left;font:inherit;cursor:pointer;scroll-snap-align:start}
.highlight-card:focus-visible{outline:3px solid var(--blue-text);outline-offset:4px;border-radius:22px}
.highlight-poster{position:relative;display:block;overflow:hidden;aspect-ratio:2/3;border-radius:22px;background:var(--surface-2)}
.highlight-poster>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.highlight-card:hover .highlight-poster>img{transform:scale(1.035)}
.highlight-duration{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#0d1014e8;color:#fff;font-size:13px;font-weight:700}
.highlight-duration>span{font-size:10px}
.highlight-price{position:absolute;left:0;right:0;bottom:0;padding:30px 12px 11px;background:linear-gradient(transparent,#000b);color:#fff;font-size:17px;font-weight:750;text-shadow:0 1px 4px #0008}
.highlight-title,.highlight-seller{display:block;overflow:hidden;text-overflow:ellipsis}
.highlight-title{margin-top:11px;font-size:16px;line-height:1.35;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em}
.highlight-seller{margin-top:4px;color:var(--muted);font-size:13px;white-space:nowrap}
.highlight-dialog{position:fixed;inset:auto;max-width:min(480px,calc(100vw - 32px));width:100%;max-height:min(88vh,760px);padding:0;border:1px solid var(--line-strong);border-radius:24px;background:var(--surface);color:var(--text);overflow:auto;box-shadow:var(--shadow)}
.highlight-dialog[open]{display:grid;grid-template-columns:minmax(0, .9fr) minmax(0,1fr);align-items:center}
.highlight-dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}
.highlight-dialog-image{display:block;width:100%;height:100%;min-height:320px;max-height:600px;object-fit:cover}
.highlight-dialog-copy{padding:24px}
.highlight-dialog-kicker{margin:0 0 12px;color:var(--blue-text);font-size:12px;font-weight:750;letter-spacing:.04em}
.highlight-dialog-kicker strong{color:var(--text)}
.highlight-dialog-copy h2{margin:0;font-size:23px;line-height:1.2}
.highlight-dialog-copy>p:not(.highlight-dialog-kicker):not(.highlight-dialog-note){margin:8px 0 0;color:var(--muted);font-size:14px}
.highlight-dialog-copy .btn{margin-top:22px}
.highlight-dialog-note{margin:14px 0 0;color:var(--dim);font-size:12px;line-height:1.45}
.highlight-close{position:absolute;top:10px;right:10px;z-index:1;width:38px;height:38px;border:0;border-radius:50%;background:#0d1014d9;color:#fff;font-size:25px;line-height:1;cursor:pointer}
@media(min-width:700px){.highlights-rail{grid-auto-columns:minmax(0,210px);gap:18px;margin-left:0;margin-right:0;padding:0 0 10px}.highlight-title{font-size:17px}}
@media(max-width:520px){.highlight-dialog{max-width:min(390px,calc(100vw - 28px));max-height:88vh}.highlight-dialog[open]{display:block}.highlight-dialog-image{height:min(56vh,430px);min-height:0}.highlight-dialog-copy{padding:18px}.highlight-dialog-copy h2{font-size:21px}.highlight-dialog-copy .btn{margin-top:16px}}