#bikeAccordion .accordion-toggle + .card-header label {
        position: relative;
      }
      
#bikeAccordion .accordion-arrow {
        float: right;
        width: 10px;
        height: 10px;
        margin-top: 8px;
        margin-left: 10px;
        border-right: 2px solid #444;
        border-bottom: 2px solid #444;
        transform: rotate(-45deg); /* domyślnie zamknięte */
        transition: transform 0.3s ease;
        display: inline-block;
      }
      
#bikeAccordion .accordion-toggle:checked + .card-header .accordion-arrow {
        transform: rotate(45deg); /* otwarte */
      }
      
      /* Ukryj lub pokaż kontent */
#bikeAccordion .accordion-toggle ~ .accordion-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
      }
      
#bikeAccordion .accordion-toggle:checked ~ .accordion-content {
        max-height: 5000px; /* wystarczająco dużo, by pokazać tabelę */
      }
	  
#bikeAccordion table {
	font-size: 0.9 rem;
}

#bikeAccordion .bikeAccordion-model {
	padding-left: 50px;
	width: 60%;
}

#bikeAccordion .bikeAccordion-year {
	width: 20%;
}

#bikeAccordion .bikeAccordion-typ {
	width: 20%;
}

@media only screen and (max-width: 1024px) {
  #bikeAccordion .bikeAccordion-model {
    padding-left: 10px;
  }
}

@media only screen and (max-width: 600px) {
  #bikeAccordion .bikeAccordion-model, #bikeAccordion .bikeAccordion-year, #bikeAccordion .bikeAccordion-typ {
	  width: auto;
  }
}

#bikeTable td.marka {
	width: 16%;
}

#bikeTable td.model {
	width: 48%;
}

#bikeTable td.rok {
	width: 20%;
}

#bikeTable td.typ {
	width: 16%;
}

.grid-table {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr 1fr;
  border: 1px solid #dee2e6;
}
.grid-table > div {
  padding: .3rem .5rem;
  display: flex;
  align-items: center;
}

.grid-table > div:nth-child(n+5) {
  border-top: 1px solid #dee2e6;
}

.grid-span {
  justify-content: center;
  text-align: center;
  font-weight: bold;
  background-color: #f8f9fa;
  border-right: 1px solid #dee2e6;
}
/*.grid-span+div {
	 
}*/

.grid-table-header {
  font-weight: 600;
  background-color: #f8f9fa;
}

/*  .grid-table > div:nth-child(3n+2) {
     border-left: 1px solid #dee2e6;
  }
*/

/* ✅ Mobile (<768px): Marka na całą szerokość, reszta w 3 kolumnach */
@media (max-width: 768px) {
  .grid-table {
    grid-template-columns: 2fr 1fr 1fr;
    font-size: 12px;
	padding: 0;
  }
  .grid-table > div {
    padding: 3px;
  }
  .grid-table > div:nth-child(1) {
    grid-column: 1 / span 3; /* Marka */
 }
/*  .grid-table > div:nth-child(5) {
    grid-column: 1 / span 3; /* Marka w danych */
/*  }
*/

   .grid-span {
	   padding: 5px 0;
	   grid-row: auto;
	   grid-column: 1 / span 3;
	   padding: 5px 0;
   }

}