.comparison {
    padding: 80px 20px;
    background: #0d0d0f;
    font-family: 'Segoe UI', system-ui, sans-serif;
  }
  .comparison-container {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
  }
  .comparison-title {
    font-size: 2.4rem;
    color: #fff;
    margin-bottom: 8px;
    font-weight: 700;
  }
  .comparison-subtitle {
    color: #9a9aa5;
    margin-bottom: 48px;
    font-size: 1.05rem;
  }
  
  /* Wrapper for mobile scroll */
  .table-responsive-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 14px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
  }
  
  .comparison-table {
    width: 100%;
    min-width: 600px; /* Forces scroll on very small screens to avoid squishing */
    border-collapse: collapse;
    background: #16161a;
    border-radius: 14px;
    overflow: hidden;
  }
  .comparison-table th,
  .comparison-table td {
    padding: 18px 20px;
    text-align: center;
    border-bottom: 1px solid #232328;
  }
  .comparison-table thead th {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 22px 20px;
  }
  .feature-col { text-align: left !important; color: #c8c8d0; }
  .our-col {
    background: linear-gradient(180deg, #e63946, #c1121f);
    color: #fff;
    font-weight: 700;
  }
  .other-col { color: #8a8a92; }
  .comparison-table tbody td:first-child {
    text-align: left;
    color: #d4d4dc;
    font-weight: 500;
  }
  .comparison-table tbody .our-col,
  .comparison-table tbody td.check {
    background: rgba(230, 57, 70, 0.08);
  }
  
  /* Fallback background for our custom value */
  .comparison-table tbody td.our-custom-val {
    background-color: rgba(230, 57, 70, 0.08);
  }
  
  .our-custom-val {
    color: #fff;
    font-weight: 700;
  }
  .check { color: #2ecc71; font-size: 1.3rem; font-weight: 700; }
  .cross { color: #6b6b73; font-size: 1.3rem; }
  .partial { color: #f4a261; font-size: 0.95rem; }
  .comparison-table tbody tr:last-child td { border-bottom: none; }
  .comparison-table tbody tr:hover td { background: rgba(255,255,255,0.02); }
  .comparison-table tbody tr:hover td.check,
  .comparison-table tbody tr:hover .our-col,
  .comparison-table tbody tr:hover td.our-custom-val { background: rgba(230,57,70,0.12); }
  
  /* Mobile adjustments */
  @media (max-width: 768px) {
    .comparison-table th,
    .comparison-table td { padding: 14px 10px; font-size: 0.85rem; }
    .comparison-title { font-size: 1.8rem; }
  }