.table-responsive {width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 20px;}
      /* Стилізація скролбара (світлий) */
      .table-responsive::-webkit-scrollbar {height: 8px;}
      .table-responsive::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 10px;}
      .table-responsive::-webkit-scrollbar-thumb {background: #e0e0e0; border-radius: 10px;}
      .table-responsive::-webkit-scrollbar-thumb:hover { background: #d0d0d0;}
      /* Для Firefox */
      .table-responsive {scrollbar-width: thin; scrollbar-color: #e0e0e0 #f1f1f1;}
      .comparison-table {width: 100%; min-width: 800px; border-collapse: collapse; margin: 0; font-family: Arial, sans-serif; font-size: 0.8em; /* Ще менший шрифт */ box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
      .comparison-table caption {font-size: 1em; margin-bottom: 10px; color: #333; text-align: left;}
      .comparison-table thead tr {background-color: #54c2c0; color: white; text-align: left;}
      .comparison-table th {padding: 8px 10px; border: 1px solid #ddd; white-space: nowrap; font-weight: 600;}
      .comparison-table td {padding: 6px 10px; border: 1px solid #ddd; white-space: nowrap; font-weight: normal;}
      .comparison-table tbody tr {border-bottom: 1px solid #dddddd;}
      .comparison-table tbody tr:nth-of-type(even) {background-color: #f3f3f3;}
      .comparison-table tbody tr:last-of-type {border-bottom: 2px solid #54c2c0;}
      .comparison-table tbody tr:hover {background-color: #f1fff9;}