/* ===== STADIUM GRID ===== */
.stadium-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
    text-align:center;
}

.stadium-circle{
    text-decoration:none;
    color:#111;
    transition:.25s;
}

.stadium-circle:hover{
    transform:translateY(-5px);
}

.stadium-img{
    width:110px;
    height:110px;
    margin:auto;

    border-radius:50%;
    overflow:hidden;

    border:3px solid #eee;
    background:#fff;
}

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

.stadium-name{
    font-size:14px;
    margin-top:10px;
}

/* MOBILE */
/* ===== MOBILE STADIUM FIX PERFECT ===== */
@media(max-width:768px){

    .stadium-grid{
        display:flex;
        overflow-x:auto;
        gap:12px;
        padding:0 12px 10px;
        scroll-snap-type:x mandatory;
    }

    .stadium-circle{
        flex:0 0 calc((100% - 24px) / 3); /* 3 item + gap balance */
        scroll-snap-align:center;
    }

    /* gambar */
    .stadium-img{
        width:100%;
        aspect-ratio:1/1;
        height:auto;
        border-radius:50%;
    }

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

    /* nama */
    .stadium-name{
        font-size:13px;
        margin-top:8px;
    }

    /* hide scrollbar */
    .stadium-grid::-webkit-scrollbar{
        display:none;
    }

    .stadium-grid{
        -ms-overflow-style:none;
        scrollbar-width:none;
    }
}
.map-box{
    margin-top:20px;
    border-radius:14px;
    overflow:hidden;
}