.iptva,
.iptva *{
    box-sizing:border-box
}

.iptva{
    color:#17313a;
    background:#fff
}

.iptva-wrap{
    width:min(1180px,calc(100% - 48px));
    margin:auto
}

.iptva-hero{
    padding:82px 0 70px;
    color:#fff;
    background:
        radial-gradient(
            circle at 85% 0,
            rgba(0,216,255,.15),
            transparent 35%
        ),
        linear-gradient(
            125deg,
            #061419,
            #0a242d
        )
}

.iptva-kicker{
    margin-bottom:15px;
    color:#00d8ff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.13em;
    text-transform:uppercase
}

.iptva-hero h1{
    max-width:900px;
    margin:0;
    color:#fff;
    font-size:clamp(39px,5vw,64px);
    line-height:1.05;
    letter-spacing:-.04em
}

.iptva-description{
    max-width:790px;
    margin-top:20px;
    color:#b9cbd1;
    font-size:17px;
    line-height:1.75
}

.iptva-categories{
    border-bottom:1px solid #dce8eb;
    background:#fff
}

.iptva-categories nav{
    display:flex;
    gap:9px;
    padding:17px 0;
    overflow:auto
}

.iptva-categories a{
    flex:0 0 auto;
    padding:10px 14px;
    border:1px solid #d6e4e8;
    border-radius:999px;
    color:#28434b;
    text-decoration:none;
    font-size:12px;
    font-weight:750
}

.iptva-categories a.current{
    border-color:#00d8ff;
    background:#f3fafc
}

.iptva-main{
    padding:62px 0 80px;
    background:#f3fafc
}

.iptva-grid{
    display:grid;
    grid-template-columns:
        repeat(3,minmax(0,1fr));
    gap:19px
}

.iptva-card{
    overflow:hidden;
    border:1px solid #d9e5e9;
    border-radius:18px;
    background:#fff;
    box-shadow:
        0 12px 32px rgba(4,35,44,.06)
}

.iptva-thumb{
    display:block;
    aspect-ratio:16/9;
    overflow:hidden;
    background:
        linear-gradient(
            135deg,
            #061419,
            #12333d
        )
}

.iptva-thumb img{
    width:100%;
    height:100%;
    object-fit:cover
}

.iptva-placeholder{
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    color:#00d8ff;
    font-size:12px;
    font-weight:850;
    letter-spacing:.12em;
    text-transform:uppercase
}

.iptva-content{
    padding:23px
}

.iptva-meta{
    margin-bottom:10px;
    color:#789098;
    font-size:11px
}

.iptva-card h2{
    margin:0;
    font-size:21px;
    line-height:1.28
}

.iptva-card h2 a{
    color:#17313a;
    text-decoration:none
}

.iptva-card p{
    color:#647c84;
    font-size:13px;
    line-height:1.7
}

.iptva-more{
    display:inline-block;
    margin-top:6px;
    color:#00bddd;
    font-weight:800;
    text-decoration:none
}

.iptva-empty{
    padding:52px 25px;
    border:1px solid #d9e5e9;
    border-radius:18px;
    background:#fff;
    text-align:center
}

.iptva-empty a{
    color:#008eaa;
    font-weight:800
}

@media(max-width:900px){

    .iptva-grid{
        grid-template-columns:repeat(2,1fr)
    }

}

@media(max-width:600px){

    .iptva-wrap{
        width:calc(100% - 30px)
    }

    .iptva-grid{
        grid-template-columns:1fr
    }

    .iptva-hero{
        padding:56px 0
    }

}