.long-listens-widget{width:100%;background:#fff;border:1px solid #f0f0f0;border-radius:12px;overflow:hidden}.long-listens-header{background:linear-gradient(135deg,#da3437 0,#d92323 100%);color:#fff;font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:14px 18px;position:relative}.long-listens-header::after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:4px;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.9),rgba(255,255,255,.9) 8px,rgba(255,255,255,.15) 8px,rgba(255,255,255,.15) 16px)}.long-listens-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.long-listens-card{text-decoration:none;color:inherit;border:1px solid #ececec;border-radius:10px;overflow:hidden;background:#fff;transition:all .25s ease;position:relative}.long-listens-card::before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,#da3437,#d92323);opacity:0;transition:opacity .25s ease}.long-listens-card:hover{transform:translateY(-3px);border-color:rgba(218,52,55,.35);box-shadow:0 6px 16px rgba(218,52,55,.14)}.long-listens-card:hover::before{opacity:1}.long-listens-image-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000}.long-listens-image{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.long-listens-card:hover .long-listens-image{transform:scale(1.06)}.long-listens-badge{position:absolute;top:8px;left:8px;background:rgba(218,52,55,.92);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:4px 8px;border-radius:999px}.long-listens-content{padding:10px 12px 12px}.long-listens-title{margin:0 0 7px 0;color:#000;font-size:14px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.long-listens-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.long-listens-duration{display:inline-block;background:#fff4f4;color:#da3437;border:1px solid rgba(218,52,55,.25);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.35px;padding:3px 7px;border-radius:999px}.long-listens-date{font-size:11px;color:#666;font-weight:600}.long-listens-empty{padding:26px 18px;text-align:center;color:#777;font-size:14px;font-weight:500}@media (max-width:900px){.long-listens-header{font-size:21px;padding:12px 14px}.long-listens-grid{grid-template-columns:1fr;padding:12px;gap:10px}.long-listens-card{display:flex;align-items:center;gap:10px}.long-listens-card::before{opacity:1;width:3px}.long-listens-image-wrap{width:100px;min-width:100px;height:68px;aspect-ratio:auto;margin-left:1px;border-radius:7px}.long-listens-content{padding:8px 10px 8px 0;flex:1;min-width:0}.long-listens-title{font-size:13px;margin-bottom:5px}.long-listens-badge{font-size:9px;top:6px;left:6px;padding:3px 7px}.long-listens-date,.long-listens-duration{font-size:10px}}@media (max-width:560px){.long-listens-header{font-size:18px;padding:10px 12px}.long-listens-image-wrap{width:88px;min-width:88px;height:62px}.long-listens-title{font-size:12px}.long-listens-date,.long-listens-duration{font-size:9px}}