.product-container {

  display: flex;

  gap: 30px; /* space between table and description */

  align-items: flex-start;

  flex-wrap: wrap; /* allows wrapping on small screens */

  width: 90%;

  max-width: 1200px;

  justify-content: space-between;

}



.description {

  flex: 1; /* take remaining space */

  min-width: 200px; /* prevents it from getting too narrow */

}



.stats-table{

  border-collapse: collapse; /* removes spacing between borders */

  width: 300px;

  border: none; /* makes table borders invisible */

}


.equipment-table {

  border-collapse: collapse; /* removes spacing between borders */

  flex:1;

  border: none; /* makes table borders invisible */

}




.spec-table th,

.spec-table td, .spec-table li {

  padding: 10px;

  border: none; /* remove cell borders */

}



/* Add custom colored lines between rows */

.spec-table tr + tr td {

  /* border-top: 2px solid var(--linebreak-color);  */

}



/* Optional: header bottom line */

.spec-table th {

  border-bottom: 2px solid var(--border-color); /* dark line under header */

  text-align: left;

  /* background-color: var(--bg-content-color); */

}

.spec-table tr:not(:first-of-type) th
{
  padding-top:2rem;
}



/* Responsive for mobile */

  @media (max-width: 768px) {



    .product-container {

      flex-direction: column; /* stack table above description */

      gap: 20px;

    }



    .spec-table {

      width: 100%; /* full width on mobile */

    }

  }

  .toggle-all {
    cursor: pointer;
    color:var(--text-color);
    border-bottom: 2px solid var(--border-color);
  }

  .toggle-all:hover, .toggle-btn:active{
    color:var(--yellow);
  }

  .hidden-row {
    display: none;
    
  }

  /* .hidden-row {
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  height: 0;
  overflow: hidden;
}

.show-row {
  opacity: 1;
  transform: translateY(0);
  height: auto;
} */

.toggle-all h3{
  margin-bottom:5px;
}

.hidden-row td, .hidden-row li{
  padding:4px;
  padding-left: 8px;  
}

.equipment-table .hidden-row:nth-of-type(2) td 
{
  padding-top:1rem;
}

.equipment-list {
  margin: 0;
  padding-left: 1.2em; /* space for bullets */
  list-style-type: disc;
}

.equipment-table td, 
.equipment-table th {
  vertical-align: top; /* ensures top alignment in table cells */
}