.d-block.d-sm-none.bg-primary.px-0.py-0 {
    display: none !important;
  }
  
   #top_bar_desktop {
      display: none !important;
  }
  
  .bg-primary.py-2.d-none.d-lg-block .container.d-flex .align-self-center.pl-3.s-24.header-font.text-white {
      display: none !important;
  }
  
  .nav.navbar-nav.ml-auto .btn.header-font.button-menu {
      font-size: 20px;
  }
  
  /* Classification styles */
  .classification {
              font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
              background: white;
              margin: 20px auto;
              max-width: 1200px;
              border-radius: 12px;
              box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
              overflow: hidden;
          }
  
          .classification .header {
              background: linear-gradient(135deg, #030833, #B42A6C);
              color: white;
              padding: 20px;
              text-align: center;
          }
  
          .classification .header h1 {
              margin: 0;
              font-size: 1.8em;
              font-weight: 600;
          }
  
          .classification .live-indicator {
              display: inline-flex;
              align-items: center;
              gap: 8px;
              margin-top: 8px;
              padding: 4px 12px;
              background: rgba(255, 255, 255, 0.2);
              border-radius: 15px;
              font-size: 0.9em;
          }
  
          .classification .live-dot {
              width: 6px;
              height: 6px;
              background: #00ff00;
              border-radius: 50%;
              animation: pulse 1.5s infinite;
          }
  
          @keyframes pulse {
              0%, 100% { opacity: 1; }
              50% { opacity: 0.4; }
          }
  
          .classification .table-container {
              overflow-x: auto;
              padding: 0;
          }
  
          .classification .classification-table {
              width: 100%;
              border-collapse: collapse;
              font-size: 14px;
          }
  
          .classification .classification-table th {
              background: linear-gradient(135deg, #030833, #1a1a5a);
              color: white;
              padding: 16px 12px;
              text-align: center;
              font-weight: 600;
              text-transform: uppercase;
              letter-spacing: 0.5px;
              font-size: 13px;
              border-right: 1px solid rgba(255, 255, 255, 0.1);
          }
  
          .classification .classification-table th:last-child {
              background: linear-gradient(135deg, #B42A6C, #d63384);
              border-right: none;
          }
  
          .classification .classification-table td {
              padding: 14px 12px;
              text-align: center;
              border-bottom: 1px solid #e5e5e5;
              border-right: 1px solid #e5e5e5;
              background: white;
              transition: background-color 0.2s ease;
          }
  
          .classification .classification-table td:last-child {
              border-right: none;
          }
  
          .classification .classification-table tr:hover td {
              background: #f8f9fa;
          }
  
          .classification .classification-table tr:nth-child(even) td {
              background: #fafafa;
          }
  
          .classification .classification-table tr:nth-child(even):hover td {
              background: #f0f1f2;
          }
  
          .classification .position {
              font-weight: 700;
              font-size: 16px;
              width: 50px;
              color: #333;
              position: relative;
          }
  
          .classification .position.gold::after {
              content: '';
              position: absolute;
              right: 0;
              top: 0;
              bottom: 0;
              width: 4px;
              background: #FFD700;
              border-radius: 2px;
          }
  
          .classification .position.silver::after {
              content: '';
              position: absolute;
              right: 0;
              top: 0;
              bottom: 0;
              width: 4px;
              background: #C0C0C0;
              border-radius: 2px;
          }
  
          .classification .position.bronze::after {
              content: '';
              position: absolute;
              right: 0;
              top: 0;
              bottom: 0;
              width: 4px;
              background: #CD7F32;
              border-radius: 2px;
          }
  
          .classification .rider-info {
              display: flex;
              align-items: center;
              gap: 10px;
              text-align: left;
          }
  
          .classification .rider-number {
              background: #030833;
              color: white;
              padding: 4px 8px;
              border-radius: 4px;
              font-size: 12px;
              font-weight: 600;
              min-width: 40px;
              width: 40px;
              text-align: center;
              display: inline-block;
          }
  
          .classification .rider-name {
              font-weight: 600;
              color: #333;
          }
  
          .classification .flag {
              width: 24px;
              height: 18px;
              border-radius: 2px;
              object-fit: cover;
              box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
          }
  
          .classification .round-score {
              font-weight: 600;
              padding: 6px 8px;
              border-radius: 4px;
              min-width: 40px;
              color: #333;
          }
  
          .classification .total-score {
              font-size: 16px;
              font-weight: 800;
              color: #333;
              padding: 8px 12px;
              border-radius: 6px;
              min-width: 50px;
              background: #f0f0f0;
              border: 2px solid #B42A6C;
          }
  
          .classification .loading {
              text-align: center;
              padding: 40px;
              color: #666;
          }
  
          .classification .spinner {
              width: 30px;
              height: 30px;
              border: 3px solid #f3f3f3;
              border-top: 3px solid #B42A6C;
              border-radius: 50%;
              animation: spin 1s linear infinite;
              margin: 0 auto 15px;
          }
  
          @keyframes spin {
              0% { transform: rotate(0deg); }
              100% { transform: rotate(360deg); }
          }
  
          .classification .update-time {
              text-align: center;
              padding: 15px;
              color: #666;
              font-size: 13px;
              background: #f8f9fa;
              border-top: 1px solid #e5e5e5;
          }
  
          /* Mobile responsiveness */
          @media (max-width: 768px) {
              .classification {
                  margin: 10px;
                  border-radius: 8px;
              }
  
              .classification .header {
                  padding: 15px;
              }
  
              .classification .header h1 {
                  font-size: 1.5em;
              }
  
              .classification .classification-table {
                  font-size: 12px;
              }
  
              .classification .classification-table th {
                  padding: 12px 8px;
                  font-size: 11px;
              }
  
              .classification .classification-table td {
                  padding: 10px 6px;
              }
  
              .classification .rider-info {
                  flex-direction: column;
                  gap: 6px;
                  text-align: center;
              }
  
              .classification .rider-number {
                  display: none; 
                  padding: 3px 6px;
                  font-size: 11px;
                  width: 35px;
                  min-width: 35px;
              }
  
              .classification .rider-name {
                  font-size: 13px;
              }
  
              .classification .flag {
                  width: 20px;
                  height: 15px;
              }
  
              .classification .round-score {
                  padding: 4px 6px;
                  font-size: 12px;
              }
  
              .classification .total-score {
                  padding: 6px 8px;
                  font-size: 14px;
                  font-weight: 800;
              }
  
              .classification .position {
                  font-size: 14px;
              }
          }
  
          @media (max-width: 480px) {
              .classification .classification-table {
                  font-size: 11px;
              }
  
              .classification .classification-table th {
                  padding: 10px 4px;
                  font-size: 10px;
              }
  
              .classification .classification-table td {
                  padding: 8px 4px;
              }
  
              .classification .rider-name {
                  font-size: 12px;
              }
  
              .classification .round-score {
                  padding: 3px 4px;
                  font-size: 11px;
              }
  
              .classification .total-score {
                  padding: 4px 6px;
                  font-size: 13px;
                  font-weight: 800;
              }
          }
          
          /* Profil zawodnika */
          
          .zawodnik-profil{
          max-width:1200px;
          margin:0 auto;
          padding:20px;
      }
  
      /* ---------- DANE OSOBOWE ---------- */
      .dane-osobowe{
          background:#fff;
          border-radius:8px;
          box-shadow:0 2px 10px rgba(0,0,0,.1);
          margin-bottom:30px;
      }
      .dane-tabela{
          width:100%;
          border-collapse:collapse;
      }
      .dane-tabela tr:nth-child(odd){background:#f1f1f1;}
      .dane-tabela td{
          padding:15px;
          border:none;
      }
      .dane-tabela td:first-child{
          font-weight:bold;
          width:40%;
      }
  
      /* ---------- SOCIAL ---------- */
      .social-media{margin-top:30px;}
      .social-media h2{
          color:#000;
          border-bottom:3px solid var(--primary);
          padding-bottom:10px;
          margin-bottom:20px;
      }
      .social-icons{
          display:flex;
          justify-content:center;
          gap:20px;
          margin:30px 0;
      }
      .social-icon{
          background:#e9ecef;
          color:var(--primary);
          width:50px;height:50px;
          border-radius:8px;
          display:flex;
          justify-content:center;
          align-items:center;
          font-size:24px;
          text-decoration:none;
          transition:.3s;
      }
      .social-icon:hover{
          background:var(--primary);
          color:#fff;
          transform:translateY(-3px);
      }
  
      /* ---------- STATYSTYKI ---------- */
      .statystyki{margin-top:30px;}
      .statystyki h2{
          color:#000;
          border-bottom:3px solid var(--primary);
          padding-bottom:10px;
          margin-bottom:20px;
      }
  
      /* kontener – pełna szerokość, zero scrolla */
      .statystyki-tabela-container{
          width:100% !important;   /* zabija 700 px z CMS-a */
          max-width:100%;
          overflow-x:hidden;       /* chowamy pasek */
          margin-bottom:30px;
      }
  
      /* tabela – dopasowuje się do kontenera */
      .statystyki-tabela{
          width:100% !important;
          max-width:100%;
          min-width:0 !important;  /* kasuje 600 px */
          table-layout:fixed !important;       /* pozwala kolumnom się ścieśnić */
          border-collapse:collapse;
          box-shadow:0 4px 15px rgba(0,0,0,.1);
          border-radius:8px;
      }
      .statystyki-tabela thead{background:#0a142f;}
      .statystyki-tabela th{
          color:#fff;
          text-align:center;
          padding:15px;
          text-transform:uppercase;
          font-size:14px;
          border-right:1px solid rgba(255,255,255,.1);
          white-space:nowrap;
          word-break:normal;  
      }
      .statystyki-tabela th:last-child{border-right:none;}
      .statystyki-tabela tr{
          border-bottom:1px solid rgba(0,0,0,.1);
          transition:background .18s;
      }
      .statystyki-tabela tr:nth-child(even){background:rgba(0,0,0,.03);}
      .statystyki-tabela td{
          padding:15px;
          color:#000;
          text-align:center;
      }
      .statystyki-tabela tr:hover{
          background:rgba(var(--primary-rgb,13,110,253),.08);
      }
      abbr{
      text-decoration:none; /* bez podkreślenia */
      cursor:help;          /* przyjazny kursor z tooltipem */
  }
  .legenda-statystyki{
      list-style:none;
      margin:15px 0 0;
      padding:0;
      display:flex;
      flex-wrap:wrap;
      gap:10px 20px;
      font-size:14px;
  }
  .legenda-statystyki li strong{
      color:var(--primary);
  }
  
      /* --- Galeria --- */
      .zawodnik-galeria {
          margin-bottom: 30px;
          position: relative;
      }
      .zawodnik-galeria h2 {
          color:#000;
          border-bottom:3px solid var(--primary);
          padding-bottom:10px;
          margin-bottom:20px;
      }
      .galeria-container {
          position: relative;
          max-width: 100%;
          overflow: hidden;
          background: none !important;
          box-shadow: none !important;
          padding: 0 !important;
          margin: 0 !important;
      }
      .galeria-zdjecia {
          display: flex;
          transition: transform 0.5s cubic-bezier(0.77,0,0.175,1);
          gap: 15px;
          will-change: transform;
          background: none !important;
          margin: 0 !important;
          padding: 0 !important;
      }
      .galeria-zdjecie {
          flex: 0 0 auto;
          width: 320px;
          height: 220px;
          border-radius: 12px;
          overflow: hidden;
          box-shadow: 0 1px 8px rgba(0,0,0,0.04);
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          transition: box-shadow 0.2s;
          position: relative;
          margin: 0 !important;
          padding: 0 !important;
      }
    .galeria-zdjecie img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 12px;
  }
  
      .galeria-zdjecie img:active {
          transform: scale(0.97);
      }
   
      .galeria-lewo { left: 8px; }
      .galeria-prawo { right: 8px; }
     
  
      /* Overlay powiększone zdjęcie */
  .galeria-overlay {
      position: fixed;
      top: 0; left: 0;
      width: 100vw; height: 100vh;
      background: rgba(0, 0, 0, 0.85);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
      cursor: zoom-out;
      animation: fadeIn 0.15s;
      box-sizing: border-box;
      border-radius: 18px;
      padding: 0; /* USUŃ padding! */
  }
  
      @keyframes fadeIn {
          from { opacity: 0; }
          to { opacity: 1; }
      }
  .galeria-overlay img {
      display: block;
      max-width: 100vw;
      max-height: 100vh;
      width: auto;
      height: auto;
      object-fit: contain;
      margin: auto;
      box-shadow: 0 8px 30px rgba(0,0,0,0.23);
      border-radius: 0;
      background: none;
  }
  
      .galeria-overlay .galeria-strzalka {
          position: fixed;
          top: 50%;
          transform: translateY(-50%);
          background: rgba(var(--primary-rgb, 0,0,0), 0.26);
          color: #fff;
          font-size: 32px;
          width: 56px;
          height: 56px;
          z-index: 10000;
          opacity: 1;
          transition: background .2s;
      }
      .galeria-overlay .galeria-strzalka:hover, 
      .galeria-overlay .galeria-strzalka:focus {
          background: rgba(var(--primary-rgb, 0,0,0), 0.55);
      }
      .galeria-overlay .galeria-lewo { left: 24px;}
      .galeria-overlay .galeria-prawo { right: 24px;}
  
      body.galeria-open { overflow: hidden !important; }
  
   .galeria-strzalka {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 44px;
      height: 44px;
      background: rgba(30, 30, 30, 0.56);    color: white;
      border: none;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      z-index: 3;
      font-size: 22px;
      transition: background .2s, opacity .2s;
      opacity: 0.95;
      box-shadow: 0 2px 12px rgba(0,0,0,0.08);
      user-select: none;
      padding: 0;
  }
  
  .galeria-strzalka.galeria-lewo {
      left: 8px;
  }
  
  .galeria-strzalka.galeria-prawo {
      right: 8px;
  }
  
  .galeria-strzalka:hover, .galeria-strzalka:focus {
  background: rgba(30, 30, 30, 0.88);
  }
  
      /* ---------- MOBILE ---------- */
      @media(max-width:768px){
          .zawodnik-profil{padding:10px;}
  
          /* karty "dane" */
          .dane-tabela tr{
              display:block;
              margin-bottom:12px;
              border:1px solid #e0e0e0;
              border-radius:6px;
              background:#fff;
          }
          .dane-tabela tr:nth-child(odd){background:#fff;}
          .dane-tabela td{
              display:block;
              width:100%;
              box-sizing:border-box;
              border:none;
          }
          .dane-tabela td:first-child{
              font-weight:bold;
              background:#f9f9f9;
              color:#333;
              border-bottom:1px solid #ccc;
              padding:10px 15px;
              width:100% !important;  /* nadpisuje 40 % */
          }
          .dane-tabela tr:nth-child(odd) td:first-child{background:#f9f9f9;}
          .dane-tabela td:not(:first-child){padding:10px 15px;}
          .dane-tabela td a{word-break:break-word;}
  
          /* social w mobile */
          .social-icons{gap:15px;}
          .social-icon{width:40px;height:40px;font-size:20px;}
  
          /* nagłówki */
          .statystyki h2,.social-media h2{font-size:1.5rem;}
  
          .statystyki-tabela th,
  .statystyki-tabela td{
      padding:8px 4px;     /* było 15 px */
      font-size:12px;      /* możesz podnieść, ale najpierw sprawdź */
      white-space:nowrap;  /* nie łam w pionie */
      word-break:normal;
  }
      }
  
      @media (max-width: 750px) {
          .galeria-zdjecie {
              width: 65vw;
              height: 38vw;
              min-width: 180px;
              max-width: 95vw;
          }
      }
  
      @media (max-width: 750px) {
      .galeria-strzalka {
          width: 32px;
          height: 32px;
          font-size: 18px;
      }
  }
  
  /* Numer ma stać przy nazwisku, nie przy prawej krawędzi */
.classification .classification-table td:nth-child(2){ text-align:left; }

.classification .rider-info{
  display:flex;
  align-items:baseline;
  gap:8px;                 /* odstęp między nazwiskiem a numerem */
  justify-content:flex-start;
  width:100%;
}

/* najpierw nazwisko, zaraz za nim numer */
.classification .rider-name{ order:1; }

.classification .rider-number{
  order:2;
  margin-left:0;           /* było auto - usuń pchanie do prawej */
  background:transparent;
  color:#6b7280;           /* szary */
  padding:0;
  border-radius:0;
  width:auto;
  min-width:0;
  font-variant-numeric:tabular-nums;
  font-weight:600;
  font-size:inherit;
}