/* Narrow repair: retain the existing design, but keep comparison CTAs readable. */
html[data-theme="dark"] .brand-name,
html[data-theme="dark"] .brand-sub { color: #f8fafc !important; }
@media (max-width: 520px) {
  .product-table th:nth-child(2), .product-table td:nth-child(2) { width: 49%; }
  .product-table th:nth-child(4), .product-table td:nth-child(4) { width: 29%; }
  .product-table th:nth-child(7), .product-table td:nth-child(7) { width: 22%; padding-left: 2px; padding-right: 2px; }
  .product-table .btn.small { margin-right: 0; }
  .product-table .thumb { width: 30px; height: 30px; flex: 0 0 30px; padding: 2px; }
  .product-table .btn.small .cta-label[data-bpc-mobile-label] {
    font-size: 0 !important;
    white-space: normal;
  }
  .product-table .btn.small .cta-label[data-bpc-mobile-label]::after {
    content: attr(data-bpc-mobile-label);
    font-size: 10px;
    line-height: 1.15;
  }
  .product-table th:nth-child(4),
  .product-table td:nth-child(4) {
    overflow-wrap: anywhere;
  }
}