.comparison-table {
  width: 100%;
  overflow-x: auto; /* horizontal scroll enable */
  -webkit-overflow-scrolling: touch;
  font-family: Arial, sans-serif;
}

/* Scrollbar styling (optional smooth look) */
.comparison-table::-webkit-scrollbar {
  height: 6px;
}

.comparison-table::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 10px;
}

.comparison-table table {
  width: 100%;
  min-width: 750px; /* important for mobile scroll */
  border-collapse: collapse;
}

/* HEADER */
.comparison-table th {
  background: #0f172a;
  color: #fff;
  padding: 18px 15px;
  font-size: 16px;
  text-align: center;
  font-weight: 600;
}

/* BODY */
.comparison-table td {
  padding: 16px 15px;
  border-bottom: 1px solid #e5e7eb;
  font-size: 15px;
  line-height: 1.5;
}

/* Alternate row */
.comparison-table tbody tr:nth-child(even) {
  background: #f9fafb;
}

/* Green Column */
.comparison-table td.green {
  color: #16a34a;
  font-weight: 500;
}

/* Red Column */
.comparison-table td.red {
  color: #dc2626;
  font-weight: 500;
}

/* Icons */
.comparison-table td.green::before {
  content: "✔ ";
  font-weight: bold;
}

.comparison-table td.red::before {
  content: "✖ ";
  font-weight: bold;
}

/* MOBILE FIX */
@media (max-width: 768px) {
  .comparison-table table {
    min-width: 750px; /* force scroll */
  }
}