.compare-table-wrap {
    margin: 28px 0;
    background: linear-gradient(145deg,#252d45,#1e2638);
    border: 1px solid #323d5a;
    border-radius: 12px;
    padding: 24px;
    overflow: hidden;
}
.compare-table-title {
    font-size: 1.15rem;
    font-weight: 800;
    color: #e8eaf0;
    margin: 0 0 16px;
    padding-left: 12px;
    border-left: 4px solid var(--primary, #e47911);
}
.compare-table-scroll {
    overflow-x: auto;
    margin-top: 8px;
}
.compare-table {
    width: 100%;
    border-collapse: collapse;
    font-size: .88rem;
}
.compare-table thead th {
    background: #1a2235;
    color: #e8eaf0;
    text-align: center;
    padding: 12px 14px;
    border-bottom: 2px solid var(--primary, #e47911);
    font-weight: 700;
    vertical-align: middle;
}
.compare-feature-col {
    text-align: left !important;
    width: 140px;
    min-width: 110px;
}
.compare-product-col {
    min-width: 150px;
    max-width: 220px;
}
.compare-product-link {
    color: #e8eaf0;
    text-decoration: none;
    display: block;
    line-height: 1.35;
    font-size: .82rem;
}
.compare-product-link:hover {
    color: var(--primary, #e47911);
}
.compare-table tbody tr {
    border-bottom: 1px solid #323d5a;
}
.compare-table tbody tr:nth-child(odd) {
    background: rgba(255,255,255,.02);
}
.compare-table tbody tr:last-child {
    border-bottom: none;
}
.compare-feature-name {
    text-align: left;
    color: #c8ccd8;
    font-weight: 600;
    padding: 10px 14px;
    background: transparent !important;
    border-right: 1px solid #323d5a;
    white-space: nowrap;
}
.compare-value {
    text-align: center;
    color: #e8eaf0;
    padding: 10px 14px;
    vertical-align: middle;
}
.compare-price-row {
    background: rgba(228,121,17,.08) !important;
}
.compare-price-cell strong {
    color: #f0c674;
    font-size: 1.05rem;
}
.compare-rating-row .compare-value {
    color: #c8ccd8;
}
html body .compare-table-wrap {
    background: linear-gradient(145deg,#252d45,#1e2638) !important;
    border-color: #323d5a !important;
}
html body .compare-feature-name { color: #c8ccd8 !important; }
html body .compare-value { color: #e8eaf0 !important; }
@media (max-width: 768px) {
    .compare-table thead th { padding: 8px 6px; font-size: .78rem; }
    .compare-product-link { font-size: .75rem; }
    .compare-feature-name, .compare-value { padding: 8px 6px; font-size: .8rem; }
}