/* Kulüpler sayfası */
.club-featured{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.club-card{position:relative;background:#0c1116;border:1px solid #1c2229;border-radius:13px;overflow:hidden;padding:0 14px 14px;display:flex;flex-direction:column;transition:.2s}
.club-card:hover{border-color:#2b333d;transform:translateY(-2px)}
.club-cover{height:84px;margin:0 -14px 0;background:linear-gradient(135deg,color-mix(in srgb,var(--cat,#e9003f) 24%,#10161c),#0c1116)}
.club-cover img{width:100%;height:100%;object-fit:cover}
.club-logo{width:52px;height:52px;flex:none;margin-top:-26px;border-radius:50%;border:3px solid #0c1116;background:#161d24;display:grid;place-items:center;overflow:hidden;font-size:17px;font-weight:800;color:var(--cat,#e9003f)}
.club-logo img{width:100%;height:100%;object-fit:cover}
.club-logo.small{width:44px;height:44px;margin-top:0;border-width:2px;font-size:14px}
.club-card>b{display:flex;align-items:center;gap:6px;margin-top:9px;font-size:12px;line-height:1.35}
.club-card>small{margin-top:5px;font-size:9.5px;color:#78808a}
.club-avatars{display:flex;margin-top:8px}
.club-avatars span{width:22px;height:22px;border-radius:50%;border:2px solid #0c1116;overflow:hidden;margin-left:-7px;background:#1b222a}
.club-avatars span:first-child{margin-left:0}
.club-avatars img{width:100%;height:100%;object-fit:cover}
.club-card p{flex:1;margin:8px 0 12px;font-size:9.5px;line-height:1.5;color:#8a919b;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.club-private{font-style:normal;font-size:7.5px;font-weight:800;color:#eab308;border:1px solid #4d3f10;border-radius:5px;padding:2px 5px}
.club-admin{font-style:normal;font-size:7.5px;font-weight:800;color:#22d3ee;border:1px solid #164e5a;border-radius:5px;padding:2px 5px}
.join-button{border:1px solid #7d1028;background:#e9003f;color:#fff;border-radius:8px;padding:9px 16px;font-size:10px;font-weight:700;transition:.15s;white-space:nowrap}
.join-button:hover:not(:disabled){background:#ff1a55}
.join-button.member{background:transparent;border-color:#2a323b;color:#9aa1ab}
.join-button.member:hover:not(:disabled){border-color:#6b1c2c;color:#e9003f}
.join-button.pending{background:transparent;border-color:#4d3f10;color:#eab308}
.join-button:disabled{opacity:.6}
.club-card .join-button{width:100%}
.club-list{background:#0c1116;border:1px solid #1c2229;border-radius:12px;padding:2px 18px;margin-bottom:14px}
.club-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #171d24}
.club-row:last-child{border-bottom:0}
.club-info{flex:1;min-width:0}
.club-info b{display:flex;align-items:center;gap:6px;font-size:12px}
.club-info>small{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-size:9.5px;color:#78808a}
.club-info p{margin:5px 0 0;font-size:9.5px;line-height:1.5;color:#8a919b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.club-rail{display:grid;gap:4px;margin-top:8px}
.club-rail-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #1f252b}
.club-rail-row:last-child{border-bottom:0}
.club-rail-row>div{flex:1;min-width:0}
.club-rail-row b{display:block;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.club-rail-row small{display:block;margin-top:3px;font-size:8.5px;color:#78808a}
.club-rail-row .join-button{padding:7px 12px;font-size:9px}
.club-rail-row .club-logo.small{width:38px;height:38px;font-size:12px}
.club-head{background:#0c1116;border:1px solid #1c2229;border-radius:13px;overflow:hidden;margin-bottom:20px}
.club-head-cover{height:150px;background:linear-gradient(135deg,color-mix(in srgb,var(--cat,#e9003f) 22%,#10161c),#0c1116)}
.club-head-cover img{width:100%;height:100%;object-fit:cover}
.club-head-row{display:flex;align-items:flex-start;gap:16px;padding:0 20px 18px}
.club-logo.big{width:76px;height:76px;margin-top:-38px;font-size:24px}
.club-head-id{flex:1;min-width:0;padding-top:12px}
.club-head-id h1{display:flex;align-items:center;gap:8px;font:700 19px 'Space Grotesk';margin:0;flex-wrap:wrap}
.club-head-id>small{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:10px;color:#78808a}
.club-head-id p{margin:8px 0 0;font-size:10.5px;line-height:1.6;color:#c9cdd2}
.club-head-actions{padding-top:14px}
.member-list{background:#0c1116;border:1px solid #1c2229;border-radius:12px;padding:2px 18px;margin-bottom:14px}
.member-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #171d24}
.member-row:last-child{border-bottom:0}
.member-row .user-badge{flex:1;min-width:0}
.member-side{display:flex;align-items:center;gap:9px}
.event-list{display:grid;gap:10px}
.event-row{display:flex;align-items:center;gap:13px;background:#0c1116;border:1px solid #1c2229;border-radius:12px;padding:13px 15px}
.event-thumb{width:52px;height:52px;flex:none;border-radius:10px;overflow:hidden;background:#161d24;display:grid;place-items:center;color:#78808a}
.event-thumb img{width:100%;height:100%;object-fit:cover}
.event-row b{font-size:12px}
.event-row small{display:block;margin-top:4px;font-size:9.5px;color:#78808a}
.member-preview{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px}
.member-more{width:38px;height:38px;border-radius:50%;background:#1f262e;color:#cfd4da;display:grid;place-items:center;font-size:9px;font-weight:700}
.rail-link{border:0;background:none;color:#e9003f;font-size:9px;font-weight:600;padding:0}
@media(max-width:1150px){.club-featured{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.club-featured{grid-template-columns:1fr}.club-row{flex-wrap:wrap}}