/* Comparison table — desktop is a real table, mobile collapses to stacked cards */
.comparison-table-wrap {margin: 24px 0; overflow-x: auto;}
.comparison-table-wrap .comparison-table {width: 100%; border-collapse: collapse; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 8px; overflow: hidden;}
.comparison-table-wrap .comparison-table .comparison-th {padding: 12px 12px; text-align: left; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: #555; background: #fbfaf7; border-bottom: 1px solid #e5e5e5; white-space: nowrap;}
.comparison-table-wrap .comparison-table .comparison-th[data-sort-key] {cursor: pointer; user-select: none;}
.comparison-table-wrap .comparison-table .comparison-th[data-sort-key]:hover {color: #0d8048;}
.comparison-table-wrap .comparison-table .comparison-sort-indicator {display: inline-block; margin-left: 4px; width: 0; height: 0; vertical-align: middle; opacity: 0.4;}
.comparison-table-wrap .comparison-table .comparison-th.is-sorted-asc .comparison-sort-indicator {opacity: 1; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 5px solid currentColor;}
.comparison-table-wrap .comparison-table .comparison-th.is-sorted-desc .comparison-sort-indicator {opacity: 1; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor;}
.comparison-table-wrap .comparison-table .comparison-row {border-bottom: 1px solid #f0eee9;}
.comparison-table-wrap .comparison-table .comparison-row:last-child {border-bottom: 0;}
.comparison-table-wrap .comparison-table .comparison-td {padding: 14px 12px; font-size: 14px; vertical-align: middle;}
.comparison-table-wrap .comparison-table .comparison-img {display: inline-block; vertical-align: middle; width: 56px; height: 56px; object-fit: contain; padding: 4px; margin-right: 12px; background: #fbfaf7; border-radius: 4px; box-sizing: border-box;}
.comparison-table-wrap .comparison-table .comparison-title {color: #1a1a1a; text-decoration: none; font-weight: 600;}
.comparison-table-wrap .comparison-table .comparison-title:hover {color: #0d8048;}
.comparison-table-wrap .comparison-table .comparison-cost-badge {display: inline-block; padding: 4px 8px; background: #e8f5ee; color: #0a6238; border-radius: 4px; font-weight: 700; font-size: 13px; white-space: nowrap;}
.comparison-table-wrap .comparison-table .comparison-td-cta {text-align: right;}
.comparison-table-wrap .comparison-table .comparison-td-cta .affiliate-link {display: inline-block; padding: 8px 14px; background: #0d8048; color: #ffffff; text-decoration: none; border-radius: 4px; font-weight: 600; font-size: 13px; white-space: nowrap;}
.comparison-table-wrap .comparison-table .comparison-td-cta .affiliate-link:hover {background: #0a6238; color: #ffffff;}
.comparison-table-wrap .comparison-caption {margin: 8px 0 0; font-size: 13px; color: #777;}
@media (max-width: 767px) {
    .comparison-table-wrap .comparison-table {border-radius: 0; border-left: 0; border-right: 0; background: transparent; border: 0;}
    .comparison-table-wrap .comparison-table thead {display: none;}
    .comparison-table-wrap .comparison-table tbody {display: block;}
    .comparison-table-wrap .comparison-table .comparison-row {display: block; margin-bottom: 12px; padding: 12px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 8px;}
    .comparison-table-wrap .comparison-table .comparison-td {display: flex; justify-content: space-between; align-items: center; padding: 6px 0; border-bottom: 1px dashed #f0eee9; gap: 12px;}
    .comparison-table-wrap .comparison-table .comparison-td:last-child {border-bottom: 0;}
    .comparison-table-wrap .comparison-table .comparison-td::before {content: attr(data-label); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: #777; flex-shrink: 0;}
    .comparison-table-wrap .comparison-table .comparison-td-rank::before {content: 'Rank';}
    .comparison-table-wrap .comparison-table .comparison-td-product {flex-direction: row-reverse; justify-content: flex-end;}
    .comparison-table-wrap .comparison-table .comparison-td-product::before {display: none;}
    .comparison-table-wrap .comparison-table .comparison-td-cta {justify-content: stretch;}
    .comparison-table-wrap .comparison-table .comparison-td-cta::before {display: none;}
    .comparison-table-wrap .comparison-table .comparison-td-cta .affiliate-link {flex: 1; text-align: center; padding: 10px;}
}