.go-specifications {
  border-collapse: separate;
  padding-bottom: 1px;
  width: 100%;
  display: block;
  border-spacing: 0;
  font-size: 15px;
  margin: 0px;
}

.go-specifications table {
  border-collapse: collapse;
  width: 100%;
  position: relative;
  margin-bottom: 0;
}

.go-specifications table td,
th,
tr {
  padding: 6px 12px;
}

.go-specifications table td,
th,
tr {
  background: #f7f7f7 !important;
  border: 1px solid #e8e8e8 !important;
  padding: 7px 14px;
  line-height: 2rem;
}

.go-specifications-heading {
  font-size: 16px;
  line-height: 24px;
  margin: 10px 0 10px;
  font-weight: 700;
  color: #111;
  width: 100%;
  display: block;
  text-align: center;
}

.go-specifications thead {
  border-bottom: 3px solid;
}

.go-specifications-toggle {
    text-align: center;
    margin: 0;
    position: relative;
}

.go-specifications-toggle a {
    display: inline-block;
    padding: 10px 20px;
    color: #111;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s ease-out;
    background: #f7f7f7;
    border: 1px solid #e8e8e8;
    border-top: none;
    border-radius: 0 0 4px 4px;
}

.go-specifications-toggle a:hover {
    color: var(--gonect-secondary-color);
}

.go-specifications tbody tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.02);
}

/* Add styles for the 6th specification */
.go-specifications tbody tr:nth-child(6) {
    display: table-row !important;
    position: relative;
}

.go-specifications tbody tr:nth-child(6)::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    pointer-events: none;
    transition: opacity 0.2s ease-out;
}

/* Hide the gradient when specifications are expanded */
.go-specifications.is-expanded tbody tr:nth-child(6)::after {
    opacity: 0;
}

/* Hide all specs after the 6th one */
.go-specifications tbody tr:nth-child(n+7).go-specifications-hidden {
    display: none;
}

/* Smooth transitions for hidden rows */
.go-specifications tbody tr {
    transition: all 0.2s ease-out;
}

.go-specifications-hidden {
    opacity: 0;
    transform: translateY(-10px);
}

.go-specifications-hidden.show {
    opacity: 1;
    transform: translateY(0);
}

/* Fade effect for the 6th row gradient */
.go-specifications tbody tr:nth-child(6)::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    pointer-events: none;
    transition: opacity 0.2s ease-out;
}

/* Move toggle inside table */
.go-specifications-toggle {
    margin-top: -1px;
}