.fixture-card{

    background:linear-gradient(
        135deg,
        #071423,
        #0d2238
    );

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    padding:18px;

    margin-bottom:15px;

    transition:.3s;
}

.fixture-card.active{

    cursor:pointer;
}

.fixture-card.active:hover{

    transform:translateY(-3px);

    box-shadow:
    0 10px 30px rgba(0,0,0,.25);
}

.fixture-team{

    display:grid;

    grid-template-columns:
    1fr auto 1fr;

    align-items:center;

    gap:15px;
}

.team-box{

    text-align:center;
}

.team-box img{

    width:60px;
    height:60px;

    border-radius:50%;

    object-fit:cover;

    margin-bottom:8px;
}

.team-box h4{

    margin:0;

    color:#fff;

    font-size:15px;

    font-weight:700;
}

.fixture-center{

    text-align:center;

    min-width:140px;
}

.fixture-status{

    display:inline-block;

    padding:7px 14px;

    border-radius:999px;

    font-size:11px;

    font-weight:700;

    background:#3b82f6;

    color:#fff;
}

.fixture-status.kickoff{

    background:#f59e0b;

    color:#000;
}

.fixture-status.live{

    background:#ff2438;

    color:#fff;

    animation:pulse 1.5s infinite;
}

.fixture-status.ft{

    background:#22c55e;

    color:#fff;
}

.fixture-countdown{

    margin-top:10px;

    color:#fff;

    font-size:18px;

    font-weight:800;
}

.fixture-date,
.fixture-time{

    margin-top:5px;

    color:#a8b7c8;

    font-size:12px;
}

@keyframes pulse{

    0%{
        box-shadow:0 0 0 0 rgba(255,36,56,.7);
    }

    70%{
        box-shadow:0 0 0 12px rgba(255,36,56,0);
    }

    100%{
        box-shadow:0 0 0 0 rgba(255,36,56,0);
    }
}

@media(max-width:768px){

    .fixture-card{
        padding:14px;
    }

    .fixture-team{
        gap:10px;
    }

    .team-box img{

        width:42px;
        height:42px;
    }

    .team-box h4{

        font-size:12px;
    }

    .fixture-center{

        min-width:95px;
    }

    .fixture-status{

        font-size:9px;

        padding:6px 10px;
    }

    .fixture-countdown{

        font-size:13px;
    }

    .fixture-date,
    .fixture-time{

        font-size:10px;
    }
}

/* popup banner */

.floating-ad{
    position:fixed;
    top:100px;
    left:50%;
    transform:translateX(-50%);
    z-index:9999999;
}

.iframe-wrapper{
    position:relative;
}

.popup-banner{
    position:absolute;
    bottom:20px;
    left:50%;
    transform:translateX(-50%);
    z-index:9999;

    background:#111;
    padding:10px;
    border-radius:12px;

    box-shadow:0 10px 30px rgba(0,0,0,.5);
}

.popup-close{
    position:absolute;
    top:-10px;
    right:-10px;

    width:28px;
    height:28px;

    border:none;
    border-radius:50%;

    cursor:pointer;
    background:#ff3b30;
    color:#fff;
    font-weight:bold;
}