.player-name-filter { margin: 16px 0 24px; }
.player-name-filter label { display: block; margin-bottom: 8px; font-weight: 700; }
.player-name-filter input { width: 100%; min-height: 48px; padding: 12px 16px; border: 1px solid #3b526d; border-radius: 12px; background: #0d1927; color: #e8effb; font: inherit; }
.player-name-filter input::placeholder { color: #a5b9d4; }
.player-name-filter input:focus-visible { outline: 2px solid #00d8a7; outline-offset: 2px; }
#player-search-status { margin: 6px 0 0; font-size: 14px; }
[data-player-name][hidden] { display: none !important; }
.player-center-back { display: inline-flex; padding: 10px 16px; margin-bottom: 20px; border: 1px solid #3b526d; border-radius: 10px; }
.player-profile-page .team-details-image { max-width: 260px; margin: 0 auto; }
.player-profile-page .team-details-image img { width: 100%; height: 280px; object-fit: contain; object-position: center; border-radius: 16px; background: #101629; }
.player-profile-page .team-details-content > h2 { font-size: clamp(22px, 3vw, 32px); line-height: 1.3; overflow-wrap: anywhere; }
.player-profile-page .team-details-content > ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 0; }
.player-profile-page .team-details-content > ul li { padding: 10px 12px; margin: 0; border: 1px solid #3b526d; border-radius: 10px; overflow-wrap: anywhere; }
.player-profile-page .player-profile-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.player-profile-page .player-profile-stats .content { padding: 12px; text-align: center; border: 1px solid #3b526d; border-radius: 12px; }
@media (max-width: 767px) {
  .players-center-section .players-center-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .players-center-section .our-club-payer-item .player-image { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 12px; padding: 14px; }
  .players-center-section .our-club-payer-item .player-image > a { align-self: start; }
  .players-center-section .our-club-payer-item .player-image img { width: 72px; height: 88px; object-fit: cover; border-radius: 10px; }
  .players-center-section .our-club-payer-item .player-image .number { display: none; }
  .players-center-section .our-club-payer-item .player-image .player-content,
  .players-center-section .our-club-payer-item:hover .player-image .player-content { position: static; padding: 0; transform: none; min-width: 0; }
  .players-center-section .our-club-payer-item .player-image .player-content h4 { font-size: 16px; line-height: 1.4; overflow-wrap: anywhere; }
  .players-center-section .our-club-payer-item .player-image .player-content p { font-size: 12px; line-height: 1.5; }
  .players-center-section .our-club-payer-item .player-image .content-item,
  .players-center-section .our-club-payer-item:hover .player-image .content-item { position: static; grid-column: 1 / -1; display: flex; justify-content: space-around; opacity: 1; visibility: visible; transform: none; padding: 8px 0 0; }
  .player-profile-banner { padding: 36px 0 !important; }
  .player-profile-banner h1 { font-size: 26px !important; line-height: 1.3; overflow-wrap: anywhere; }
  .player-profile-page { padding: 24px 0; }
  .player-profile-page .team-details-image { max-width: 144px; }
  .player-profile-page .team-details-image img { height: 160px; }
  .player-profile-page .team-details-image .number { font-size: 26px; }
  .player-profile-page .team-details-content { padding: 0; margin-top: 0; }
  .player-profile-page .team-details-content .top-details { display: flex; flex-wrap: wrap; gap: 16px; }
  .player-center-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .player-center-table, .player-center-table tbody { display: block; width: 100%; }
  .player-center-table thead { display: none; }
  .player-center-table tr { display: block; margin-bottom: 12px; padding: 12px; border: 1px solid #3b526d; border-radius: 12px; }
  .player-center-table td { display: block; padding: 5px 0; border: 0; white-space: normal; }
  .player-center-table td[data-label]::before { content: attr(data-label) ': '; color: #a5b9d4; }
}