
/* RADIO XXL® TV 6.9 — banner premium după cameră/player */
.live-experience-intro{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-height:260px;
    margin-top:26px;
    padding:38px clamp(24px,5vw,70px);
    display:grid;
    grid-template-columns:minmax(120px,1fr) minmax(420px,720px) minmax(120px,1fr);
    align-items:center;
    gap:26px;
    border:1px solid rgba(168,85,247,.25);
    border-radius:28px;
    background:
      radial-gradient(circle at 12% 45%,rgba(34,211,238,.10),transparent 30%),
      radial-gradient(circle at 88% 45%,rgba(245,158,11,.08),transparent 30%),
      radial-gradient(circle at 50% 0%,rgba(148,73,243,.15),transparent 40%),
      linear-gradient(135deg,#0b0910 0%,#100b17 52%,#0b090c 100%);
    box-shadow:0 28px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.045);
}
.live-experience-intro::before{
    content:"";position:absolute;inset:0;z-index:-1;opacity:.28;pointer-events:none;
    background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);
    background-size:100% 38px;
}
.live-experience-copy{text-align:center;min-width:0}
.live-experience-eyebrow{
    display:inline-flex;align-items:center;gap:9px;
    color:#d2b2ff;font-size:.66rem;font-weight:900;letter-spacing:.16em;
}
.live-experience-eyebrow i,.live-experience-status>i{
    width:8px;height:8px;border-radius:50%;background:#ff345f;box-shadow:0 0 14px rgba(255,52,95,.8)
}
.live-experience-copy h2{
    margin:13px 0 10px;font-size:clamp(2.7rem,5.8vw,5.2rem);line-height:.92;letter-spacing:-.065em;
    color:#fff;text-wrap:balance;
}
.live-experience-copy h2 strong{
    font:inherit;background:linear-gradient(135deg,#d9b8ff,#a855f7 52%,#7c3aed);
    -webkit-background-clip:text;background-clip:text;color:transparent;
}
.live-experience-copy>p{
    max-width:690px;margin:0 auto;color:#c1b7c9;font-size:clamp(.92rem,1.7vw,1.05rem);line-height:1.55;
}
.live-experience-status{
    width:min(760px,92%);margin:24px auto 0;padding:14px 18px;
    display:flex;align-items:center;justify-content:center;gap:12px;text-align:left;
    border:1px solid rgba(255,255,255,.09);border-radius:16px;
    background:rgba(5,4,8,.62);box-shadow:0 14px 30px rgba(0,0,0,.20);backdrop-filter:blur(14px)
}
.live-experience-status div{min-width:0}
.live-experience-status b,.live-experience-status small{display:block}
.live-experience-status b{color:#fff;font-size:.88rem}
.live-experience-status small{margin-top:3px;color:#92899b;font-size:.70rem}
.live-experience-wave{height:74px;display:flex;align-items:center;justify-content:center;gap:6px;opacity:.62}
.live-experience-wave i{width:3px;border-radius:999px;background:linear-gradient(to top,transparent,#9449f3,#22d3ee,transparent);height:24px}
.live-experience-wave i:nth-child(2n){height:40px}.live-experience-wave i:nth-child(3n){height:58px}.live-experience-wave i:nth-child(5n){height:32px}
.live-experience-wave-right i{background:linear-gradient(to top,transparent,#d97706,#9449f3,transparent)}

@media(max-width:700px){
    .live-experience-intro{
        min-height:0;margin-top:16px;padding:28px 16px 22px;display:block;border-radius:21px;
        background:
          radial-gradient(circle at 0% 50%,rgba(34,211,238,.10),transparent 34%),
          radial-gradient(circle at 100% 50%,rgba(217,70,239,.10),transparent 34%),
          linear-gradient(145deg,#110b19,#09070d 70%);
        box-shadow:0 20px 48px rgba(0,0,0,.30),0 0 28px rgba(148,73,243,.08),inset 0 1px 0 rgba(255,255,255,.05);
    }
    .live-experience-wave{position:absolute;top:48%;width:72px;height:70px;opacity:.30}
    .live-experience-wave-left{left:-20px}.live-experience-wave-right{right:-20px}
    .live-experience-wave i{width:2px;gap:3px}
    .live-experience-copy{position:relative;z-index:2}
    .live-experience-eyebrow{font-size:.58rem;letter-spacing:.13em}
    .live-experience-copy h2{margin-top:12px;font-size:clamp(2.35rem,12vw,3.55rem);line-height:.92}
    .live-experience-copy>p{max-width:330px;font-size:.86rem;line-height:1.55}
    .live-experience-status{
        width:100%;margin-top:20px;padding:13px 14px;justify-content:flex-start;border-radius:14px;
        background:rgba(4,3,7,.78);
    }
    .live-experience-status b{font-size:.80rem}
    .live-experience-status small{font-size:.66rem}
}
