/*
 * BPEATS-MUSIC Germany — homepage streaming network banner
 * Home-only component. No shared selector or script is changed.
 */
.home-streaming-network{
    position:relative;
    isolation:isolate;
    display:grid;
    grid-template-columns:minmax(340px,36%) minmax(0,64%);
    align-items:center;
    gap:clamp(18px,2.2vw,34px);
    width:100%;
    min-width:0;
    min-height:112px;
    margin:12px 0 24px;
    padding:15px clamp(18px,2.4vw,30px);
    overflow:hidden;
    border:1px solid rgba(176,204,211,.24);
    border-radius:22px;
    background:
        radial-gradient(circle at 7% 48%,rgba(82,180,192,.18),transparent 34%),
        linear-gradient(112deg,rgba(255,255,255,.085),rgba(255,255,255,.018) 50%,rgba(82,180,192,.04)),
        rgba(7,12,17,.78);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 14px 34px rgba(0,0,0,.23);
    backdrop-filter:blur(20px) saturate(135%);
    -webkit-backdrop-filter:blur(20px) saturate(135%);
    contain:layout paint;
}
.home-streaming-network::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(82,180,192,.52),transparent 19%,transparent 82%,rgba(82,180,192,.16)) top/100% 1px no-repeat,
        linear-gradient(90deg,transparent 30%,rgba(82,180,192,.50),transparent 78%) bottom/100% 1px no-repeat;
    opacity:.66;
}
.home-streaming-network__copy,
.home-streaming-network__logos{
    min-width:0;
}
.home-streaming-network__copy{
    display:grid;
    align-content:center;
    gap:5px;
}
.home-streaming-network__eyebrow{
    margin:0;
    font-size:9px;
    line-height:1.15;
    letter-spacing:.19em;
    white-space:nowrap;
}
.home-streaming-network__copy h2{
    margin:0;
    max-width:100%;
    font-size:clamp(1.18rem,2vw,1.68rem);
    line-height:1.02;
    letter-spacing:-.025em;
    white-space:nowrap;
}
.home-streaming-network__lead{
    max-width:430px;
    margin:2px 0 0;
    color:rgba(241,243,244,.64);
    font-size:10.5px;
    line-height:1.36;
}
.home-streaming-network__logos{
    display:grid;
    grid-template-columns:repeat(13,minmax(0,1fr));
    align-items:center;
    justify-items:center;
    gap:9px 7px;
    width:100%;
}
.home-streaming-network__logo{
    display:grid;
    place-items:center;
    width:clamp(38px,3.05vw,46px);
    height:clamp(38px,3.05vw,46px);
    min-width:0;
    overflow:hidden;
    border:0;
    border-radius:11px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),
        rgba(17,24,31,.84);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 5px 13px rgba(0,0,0,.20);
    transition:transform .2s ease,filter .2s ease,background .2s ease;
}
.home-streaming-network__logo img{
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:contain;
    object-position:center;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    image-rendering:auto;
    user-select:none;
    -webkit-user-drag:none;
}
@media (hover:hover){
    .home-streaming-network__logo:hover{
        transform:translateY(-2px);
        filter:drop-shadow(0 6px 10px rgba(0,0,0,.24)) drop-shadow(0 0 7px rgba(82,180,192,.18));
        background:
            linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035)),
            rgba(18,27,34,.90);
    }
}
@media (max-width:1120px){
    .home-streaming-network{
        grid-template-columns:minmax(300px,34%) minmax(0,66%);
        gap:18px;
    }
    .home-streaming-network__copy h2{font-size:clamp(1.08rem,2.1vw,1.46rem);}
    .home-streaming-network__lead{max-width:360px;}
    .home-streaming-network__logo{
        width:clamp(35px,3.2vw,42px);
        height:clamp(35px,3.2vw,42px);
    }
}
@media (max-width:900px){
    .home-streaming-network{
        grid-template-columns:1fr;
        gap:13px;
        min-height:0;
        padding:16px 18px;
    }
    .home-streaming-network__lead{max-width:650px;}
    .home-streaming-network__logo{
        width:42px;
        height:42px;
    }
}
@media (max-width:680px){
    .home-streaming-network{
        margin:10px 0 20px;
        padding:15px;
        border-radius:20px;
    }
    .home-streaming-network__eyebrow{white-space:normal;}
    .home-streaming-network__copy h2{
        font-size:1.26rem;
        white-space:normal;
    }
    .home-streaming-network__logos{
        grid-template-columns:repeat(8,minmax(0,1fr));
        gap:8px 6px;
    }
    .home-streaming-network__logo{
        width:40px;
        height:40px;
    }
}
@media (max-width:460px){
    .home-streaming-network__logos{
        grid-template-columns:repeat(6,minmax(0,1fr));
    }
    .home-streaming-network__logo{
        width:38px;
        height:38px;
    }
}
@media (max-width:350px){
    .home-streaming-network__logos{grid-template-columns:repeat(5,minmax(0,1fr));}
}
@media (prefers-reduced-motion:reduce){
    .home-streaming-network__logo{transition:none;}
}