/* PLAYER PAGE */

.player-page{
    background:#ffffff;
    min-height:100vh;
    color:#ffffff;
}

/* HERO */

.player-hero{
    position:relative;
    height:460px;
    background-size:cover;
    background-position: center 10%;
    display:flex;
    align-items:center;
    justify-content:center;
}


/* HERO OVERLAY */

.player-hero-overlay{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;

    background:linear-gradient(
        to bottom,
        rgba(0,0,0,0.2),
        rgba(0,0,0,0.9)
    );
}


/* HERO CONTENT */

.player-hero-content{
    position:relative;
    z-index:2;
    text-align:center;
}


/* PLAYER NUMBER */

.player-number{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-60%);
    font-size:180px;
    font-weight:800;
    color:rgba(255,255,255,0.08);
    z-index:1;
    pointer-events:none;
}


/* PLAYER NAME */

.player-name{
    font-size:80px;
    font-weight:700;
    margin:0;
    position:relative;
    z-index:2;
}
.sp-list-wrapper{
	background: transparent !important;
	border: none !important;
	box-shadow: none !important
}

.sp-post-content{
	color: #000000;
}

/* CONTENT */

.player-container{
    max-width:1100px;
    margin:auto;
    padding:50px 20px;
}

/* CARD */

.player-card{
    background:#ffffff;
    padding:40px;
    border-radius:10px;
    box-shadow:0 15px 40px rgba(0,0,0,0.5);
}


/* TABLES */

.player-card table{
    width:100%;
    border-collapse:collapse;
    margin-top:20px;
}

.player-card th,
.player-card td{
    padding:12px;
    border-bottom:1px solid rgba(255,255,255,0.08);
}

.player-card th{
    text-align:left;
    color:#8ea2c0;
}

.player-card td{
    color:#000000;
}

/* MOBILE PLAYER DETAILS FIX */

@media screen and (max-width:768px){

.sp-player-photo{
display:none !important;
}

}

body{
    font-family: Arial, Helvetica, sans-serif;
    background:#f3f3f3;
    margin:0;
}

.section{
    width:100%;
    max-width:1200px;
    margin:auto;
    padding:60px 40px;
}

.heading{
    color:#5d9cab;
    font-size:28px;
    letter-spacing:2px;
    margin-bottom:40px;
}

.player-support{
max-width:1100px;
margin:80px auto;
padding:0 30px;
font-family:Arial, Helvetica, sans-serif;
}

.supported-title{
color:#000032;
font-size:26px;
letter-spacing:2px;
margin-bottom:40px;
}

.support-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:40px;
text-align:center;
align-items:start; /* THIS FIXES THE ALIGNMENT */
}

.support-item{
display:flex;
flex-direction:column;
align-items:center;
}

.divider{
	border-top:1px solid #000032;
	margin:70px 0;
}

.section-title{
color:#000032;
font-size:26px;
letter-spacing:2px;
margin-bottom:40px;
}

.support-type{
color:#000032;
font-size:16px;
letter-spacing:1px;
margin-bottom:15px;
}

.support-content{
min-height:60px; /* keeps structure consistent */
}

.support-name{
font-size:26px;
font-weight:700;
color:#;
}

.support-content img{
max-width:160px;
height:auto;
}

/* Mobile */
@media (max-width:768px){

.support-grid{
grid-template-columns:1fr;
text-align:center;
}

.support-name{
font-size:20px;
}

}