/* ═══════════════════════════════════════
   Compare Page
   ═══════════════════════════════════════ */

.br-compare-page__sub{font-size:15px;color:#888;margin-bottom:32px}

/* Loading */
.br-compare__loading{text-align:center;padding:60px 0;color:#999;font-size:15px}

/* Empty */
.br-compare__empty{text-align:center;padding:60px 0}
.br-compare__empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}
.br-compare__empty h2{font-size:22px;margin-bottom:8px;color:#333}
.br-compare__empty p{font-size:15px;color:#888;margin-bottom:24px;max-width:440px;margin-left:auto;margin-right:auto}

/* Scroll container for mobile */
.br-compare__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:24px}

/* Table */
.br-compare-tbl{width:100%;border-collapse:collapse;min-width:600px}
.br-compare-tbl th,.br-compare-tbl td{padding:12px 16px;border-bottom:1px solid var(--br-line,#e5e5e5);text-align:center;vertical-align:top;font-size:14px}
.br-compare-tbl__corner{width:160px}
.br-compare-tbl thead th{vertical-align:bottom;padding:16px}
.br-compare-tbl tbody th{text-align:left;background:var(--br-bone,#f7f6f2);font-weight:500;color:#666;width:160px}
.br-compare-tbl tbody tr:hover{background:var(--br-pine-mist,#e8f5ed)}
.br-compare-tbl__yes{color:#369155}
.br-compare-tbl__no{color:#c00}

/* Card inside thead */
.br-compare-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px}
.br-compare-card__del{
    position:absolute;top:0;right:0;
    width:28px;height:28px;
    background:rgba(0,0,0,.06);border:none;border-radius:50%;
    font-size:12px;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    transition:background .2s,color .2s;color:#999
}
.br-compare-card__del:hover{background:#fde8e8;color:#c00}
.br-compare-card__img-link{display:block}
.br-compare-card__img{width:120px;height:120px;object-fit:cover;border-radius:10px;display:block}
.br-compare-card__name{font-weight:600;font-size:14px;color:#333;text-decoration:none;text-align:center;display:block}
.br-compare-card__name:hover{color:#369155}
.br-compare-card__price{font-size:14px;font-weight:600;color:#333}

/* Actions */
.br-compare__actions{text-align:center;padding:8px 0 40px}

/* ── Crosslinks (shared) ── */
.br-service-crosslinks{display:flex;flex-wrap:wrap;gap:12px;padding:40px 0;justify-content:center}
.br-service-crosslink{
    display:inline-flex;align-items:center;gap:8px;
    padding:12px 24px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;
    text-decoration:none;color:#333;font-weight:500;font-size:14px;
    transition:border-color .2s,box-shadow .2s
}
.br-service-crosslink:hover{border-color:#369155;box-shadow:0 2px 8px rgba(54,145,85,.12)}
.br-service-crosslink span{font-size:16px}

/* Active state for buttons */
.br-seedling__qbtn.is-active{background:var(--br-pine-mist,#e8f5ed);color:var(--br-pine,#369155)}
.br-seedling__qbtn.is-active svg{stroke:var(--br-pine,#369155);fill:var(--br-pine-mist,#e8f5ed)}

@media(max-width:767px){
    .br-compare__empty{padding:40px 0}
    .br-compare-tbl{min-width:500px}
    .br-compare-tbl__corner{width:100px}
    .br-compare-card__img{width:80px;height:80px}
    .br-compare-card__name{font-size:12px}
    .br-service-crosslinks{flex-direction:column;align-items:stretch}
    .br-service-crosslink{justify-content:center}
}