.club-info{
max-width:1100px;
margin:60px auto;
padding:0 20px;
}
.club-info-title{
text-align:center;
font-size:28px;
font-weight:800;
margin-bottom:30px;
color:#222;
}
.club-info-title::after{
content:"";
display:block;
width:110px;
height:3px;
margin:12px auto 0;
border-radius:3px;
background:#ffd071;
}
.club-info-grid{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:22px;
}
.club-info-card{
display:flex;
align-items:center;
gap:16px;
background:#1c1c1c;
padding:18px 20px;
border-radius:12px;
border:1px solid rgba(255,255,255,0.08);
transition:all .2s ease;
min-height:96px;
box-sizing:border-box;
text-align:left;
}
.club-info-card:hover{
transform:translateY(-4px);
border-color:#ffd071;
box-shadow:0 8px 25px rgba(0,0,0,0.5);
}
.club-info-card span{
background:#ffd071;
color:#1c1c1c;
width:48px;
height:48px;
min-width:48px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
flex:0 0 48px;
}
.club-info-card > div{
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
min-width:0;
flex:1;
}
.club-info-card strong{
display:block;
font-size:14px;
font-weight:700;
color:#ffffff;
line-height:1.25;
margin:0 0 4px;
}
.club-info-card p{
margin:0;
font-size:13px;
color:#cfcfcf;
line-height:1.35;
} .home-section-title{
text-align:center;
font-size:30px;
font-weight:800;
color:#222;
margin-bottom:20px;
}
.home-section-title::after{
content:"";
display:block;
width:110px;
height:3px;
margin:12px auto 0;
border-radius:3px;
background:#ffd071;
} .home-top-blocks{
display:grid;
grid-template-columns:420px 1px 1fr;
gap:40px;
max-width:1200px;
margin:60px auto;
padding:0 20px;
align-items:start;
}
.home-top-blocks::before{
content:"";
grid-column:2;
width:1px;
align-self:stretch;
background:linear-gradient(
to bottom,
transparent,
rgba(255,208,113,0.5),
transparent
);
box-shadow:0 0 6px rgba(255,208,113,0.2);
}
.home-next-match{
grid-column:1;
}
.home-agenda{
grid-column:3;
} .home-top-blocks .match-grid,
.home-top-blocks .agenda-compact{
max-width:100% !important;
margin:0 !important;
padding:0 !important;
} .home-top-blocks .match-card{
padding:16px 18px !important;
} @media (max-width: 1024px){
.club-info-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 900px){
.home-top-blocks{
grid-template-columns:1fr;
gap:40px;
}
.home-top-blocks::before{
display:none;
}
.home-next-match,
.home-agenda{
grid-column:auto;
}
}
@media (max-width: 640px){
.club-info-grid{
grid-template-columns:1fr;
}
.club-info-card{
min-height:auto;
}
} .card-link {
text-decoration: none;
color: inherit;
display: block;
}
.card-link h3,
.card-link p {
text-decoration: none;
}
.card-link:hover .card {
transform: translateY(-5px);
transition: 0.3s;
} .n2-ss-control-bullet-horizontal span {
display: inline-block !important;
}
.n2-ss-control-bullet-horizontal {
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
gap: 8px;
}