.data-table-wrapper { margin: 8px 0 28px; overflow-x: auto; border: 1px solid #DCE6E1; border-radius: 14px; background: #FFFFFF; }
.data-table { width: 100%; min-width: 640px; margin: 0; border-collapse: separate; border-spacing: 0; font-size: 15px; line-height: 22px; }
.data-table .data-table-caption { padding: 16px 18px 12px; color: #0B3B2E; font-size: 13px; font-weight: 600; line-height: 18px; letter-spacing: 1px; text-align: left; text-transform: uppercase; caption-side: top; }
.data-table .data-table-heading { padding: 10px 14px; background: #0B3B2E; color: #F6D27A; font-size: 13px; font-weight: 600; line-height: 18px; text-align: left; vertical-align: bottom; white-space: nowrap; }
.data-table .data-table-cell, .data-table .data-table-brand { padding: 12px 14px; border-top: 1px solid #E7EEEA; color: #0E2A22; text-align: left; vertical-align: middle; }
.data-table .data-table-brand { font-weight: 600; white-space: nowrap; }
.data-table .data-table-row:nth-child(even) .data-table-cell, .data-table .data-table-row:nth-child(even) .data-table-brand { background: #F7FAF8; }
.data-table .data-table-cell.is-number { font-variant-numeric: tabular-nums; white-space: nowrap; }
.data-table .data-table-cell.is-mark { text-align: center; }
.data-table .data-table-logo { display: block; width: 100px; height: 40px; overflow: hidden; border: 1px solid #DCE6E1; border-radius: 8px; background: #FFFFFF; }
.data-table .data-table-image { display: block; width: 100px; height: 40px; }
.data-table .data-table-brand-link { display: block; width: 102px; border-radius: 8px; }
.data-table .data-table-brand-link .data-table-logo { transition: border-color 0.2s, box-shadow 0.2s; }
.data-table .data-table-brand-link:hover .data-table-logo { border-color: #EFB93F; box-shadow: 0 0 0 1px rgba(239, 185, 63, 0.55), 0 6px 24px -6px rgba(239, 185, 63, 0.35); }
.data-table .data-table-brand-link.is-slot { display: flex; align-items: center; gap: 12px; width: auto; color: #0B7F76; }
.data-table .data-table-logo.is-slot { flex: 0 0 100px; border-color: #0B3B2E; background: #062319; }
.data-table .data-table-logo.is-payment { flex: 0 0 100px; border-color: #E5DCC6; background: #FBF8F1; }
.data-table .data-table-brand-link.is-slot .data-table-brand-name { text-decoration: underline; text-underline-offset: 3px; }
.data-table .data-table-brand-link.is-slot:hover .data-table-brand-name { color: #0E2A22; }
.data-table .data-table-mark { display: inline-block; width: 22px; height: 22px; font-size: 0; color: transparent; background-position: center; background-size: 20px 20px; background-repeat: no-repeat; }
.data-table .data-table-mark.is-yes { background-image: url("/wp-content/mu-plugins/ocr-site/img/icons/icon-check.svg"); }
.data-table .data-table-mark.is-no { background-image: url("/wp-content/mu-plugins/ocr-site/img/icons/icon-cross.svg"); }
.data-table .data-table-value { display: inline-block; padding: 2px 10px; border-radius: 999px; font-weight: 600; }
.data-table .data-table-value.is-positive { background: #E3F5EC; color: #0E6B45; }
.data-table .data-table-value.is-negative { background: #FBEAE8; color: #9A2F27; }
.data-table.is-compare { min-width: 560px; }
.data-table.is-compare .data-table-cell { vertical-align: top; }
.data-table.is-compare .data-table-brand { white-space: normal; }
.data-table-source { margin: -18px 0 28px; color: #5A6F67; font-size: 13px; line-height: 19px; }
@media (max-width: 719px) {
  .data-table-wrapper { overflow: visible; border: 0; border-radius: 0; background: transparent; }
  .data-table, .data-table .data-table-caption, .data-table .data-table-body, .data-table .data-table-row, .data-table .data-table-brand, .data-table .data-table-cell { display: block; width: auto; min-width: 0; }
  .data-table.is-compare { min-width: 0; }
  .data-table .data-table-head { display: none; }
  .data-table .data-table-caption { padding: 0 0 10px; }
  .data-table .data-table-row { margin: 0 0 12px; overflow: hidden; border: 1px solid #DCE6E1; border-radius: 14px; background: #FFFFFF; }
  .data-table .data-table-brand, .data-table .data-table-row:nth-child(even) .data-table-brand { padding: 12px 14px; border-top: 0; background: #F3F7F5; white-space: normal; }
  .data-table .data-table-cell, .data-table .data-table-row:nth-child(even) .data-table-cell { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 14px; background: #FFFFFF; text-align: right; }
  .data-table .data-table-cell::before { content: attr(data-label); flex: 0 1 auto; color: #5A6F67; font-size: 13px; font-weight: 600; line-height: 18px; text-align: left; }
  .data-table .data-table-cell.is-mark { text-align: right; }
  .data-table.is-compare .data-table-cell, .data-table.is-compare .data-table-row:nth-child(even) .data-table-cell { flex-direction: column; align-items: flex-start; gap: 2px; text-align: left; }
  .data-table-source { margin: -4px 0 28px; }
}
@media (min-width: 900px) {
  .data-table { min-width: 0; }
}