/* AutoPilot V25.15 — Compare photos + text visibility
   Visual layer only. Selection/persistence/add-to-compare logic is unchanged. */

.compare-section .section-head{
  margin-bottom:18px!important;
}
.compare-builder{
  margin-bottom:16px!important;
}
.compare-result{
  margin-top:14px!important;
}

.compare-table-wrap-v2515{
  border:1px solid #2b353d!important;
  border-radius:16px!important;
  overflow:auto!important;
  background:#0a0f12!important;
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}
.compare-table-v2515{
  width:100%!important;
  min-width:860px!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.compare-table-v2515 th,
.compare-table-v2515 td{
  border-right:1px solid #273138!important;
  border-bottom:1px solid #273138!important;
}
.compare-table-v2515 tr>*:last-child{
  border-right:0!important;
}
.compare-table-v2515 tbody tr:last-child>*{
  border-bottom:0!important;
}

/* No sticky overlap: the header stays in normal document flow. */
.compare-table-v2515 thead,
.compare-table-v2515 thead tr,
.compare-table-v2515 thead th{
  position:static!important;
  top:auto!important;
}
.compare-table-v2515 thead th{
  padding:0!important;
  background:#0d1418!important;
  vertical-align:top!important;
  border-bottom:1px solid #324047!important;
}
.compare-table-v2515 .metric-head{
  width:235px!important;
  min-width:235px!important;
  padding:24px 20px!important;
  background:#090e11!important;
}
.compare-intro-v2515{
  display:flex;
  min-height:280px;
  flex-direction:column;
  justify-content:flex-end;
  gap:7px;
  text-align:left;
}
.compare-intro-v2515 .eyebrow{
  color:#dfff35!important;
  font-size:.67rem!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
}
.compare-intro-v2515 strong{
  color:#f5f8f9!important;
  font:800 1.02rem/1.3 Manrope,Inter,system-ui,sans-serif!important;
}
.compare-intro-v2515 small{
  color:#93a2aa!important;
  font-size:.75rem!important;
  line-height:1.45!important;
}

.compare-car-head-v2515{
  position:relative;
  min-height:280px;
  display:flex;
  flex-direction:column;
  background:#0d1418;
}
.compare-photo-v2515{
  width:100%;
  height:190px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 30%,rgba(223,255,53,.08),transparent 52%),
    #10171b;
  border-bottom:1px solid #2c373e;
}
.compare-photo-v2515 img,
.compare-car-head-v2515>img[data-compare-photo]{
  display:block!important;
  width:100%!important;
  height:190px!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#10171b;
}
.compare-photo-placeholder-v2515{
  display:grid!important;
  place-items:center;
}
.compare-photo-placeholder-v2515 span{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:14px;
  background:#dfff35;
  color:#091013;
  font:900 1rem/1 Manrope,Inter,sans-serif;
}
.compare-car-copy-v2515{
  display:flex;
  min-height:108px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:14px 42px 15px;
  text-align:center;
}
.compare-car-copy-v2515 strong{
  color:#f7f9fa!important;
  font:850 1.08rem/1.25 Manrope,Inter,system-ui,sans-serif!important;
  text-shadow:0 1px 0 rgba(0,0,0,.2);
}
.compare-car-copy-v2515 small{
  color:#aab6bd!important;
  font-size:.78rem!important;
  font-weight:650!important;
  line-height:1.35!important;
}
.compare-car-copy-v2515 a{
  margin-top:3px;
  color:#dcff35!important;
  font-size:.76rem!important;
  font-weight:850!important;
  text-decoration:none!important;
}
.compare-car-copy-v2515 a:hover{
  text-decoration:underline!important;
}
.compare-car-copy-v2515 .winner-badge{
  margin-bottom:2px;
  background:rgba(223,255,53,.13)!important;
  border:1px solid rgba(223,255,53,.45)!important;
  color:#e4ff59!important;
}

.compare-remove-v2515{
  position:absolute!important;
  z-index:3;
  top:12px!important;
  right:12px!important;
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:50%!important;
  background:rgba(5,10,12,.84)!important;
  color:#f3f6f7!important;
  font-size:1.1rem!important;
  line-height:1!important;
  cursor:pointer;
  backdrop-filter:blur(7px);
}
.compare-remove-v2515:hover{
  border-color:#dfff35!important;
  color:#dfff35!important;
}

.compare-table-v2515 tbody th{
  width:235px!important;
  padding:14px 18px!important;
  background:#0a1013!important;
  color:#d7e0e4!important;
  font-size:.82rem!important;
  font-weight:750!important;
  line-height:1.35!important;
  text-align:left!important;
}
.compare-table-v2515 tbody td{
  padding:14px 16px!important;
  background:#0d1418!important;
  color:#f0f4f5!important;
  font-size:.88rem!important;
  font-weight:700!important;
  line-height:1.35!important;
  text-align:center!important;
}
.compare-value-v2515{
  color:inherit!important;
}
.compare-table-v2515 .metric-winner{
  background:
    linear-gradient(90deg,rgba(155,205,25,.18),rgba(223,255,53,.075))!important;
  color:#e4ff54!important;
  font-weight:900!important;
}
.compare-table-v2515 .mini-win{
  display:inline-grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  margin-left:8px!important;
  border-radius:50%!important;
  background:#dfff35!important;
  color:#0a1012!important;
  font-size:.68rem!important;
  font-weight:950!important;
  vertical-align:middle!important;
}

.compare-add-more-v2515{
  display:flex!important;
  width:100%!important;
  min-height:66px!important;
  margin-top:18px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  border:1px solid rgba(223,255,53,.78)!important;
  border-radius:13px!important;
  background:#0b1114!important;
  color:#f5f8f8!important;
  font:800 .88rem/1.2 Manrope,Inter,sans-serif!important;
  cursor:pointer!important;
}
.compare-add-more-v2515:hover{
  background:rgba(223,255,53,.06)!important;
}
.compare-add-more-v2515 span{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border:2px solid #dfff35;
  border-radius:50%;
  color:#dfff35;
  line-height:1;
}

.compare-legend-v2515{
  display:flex;
  justify-content:center;
  gap:26px;
  flex-wrap:wrap;
  padding:18px 8px 0;
  color:#83939d;
  font-size:.72rem;
  line-height:1.4;
}
.compare-legend-v2515 span{
  display:flex;
  align-items:center;
  gap:7px;
}
.compare-legend-v2515 b{
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#dfff35;
  color:#0a1012;
  font-size:.66rem;
}

.compare-chip{
  color:#e9eff1!important;
  background:#121a1f!important;
  border-color:#334149!important;
}
.compare-chip b{
  color:#b9c6cc!important;
}
.compare-hint,
.compare-section .section-head p{
  color:#9fadb5!important;
  opacity:1!important;
}
.compare-count{
  color:#f2f6f7!important;
}

/* Keep builder controls readable. */
.compare-picker select{
  color:#f0f4f5!important;
  background:#11191e!important;
  border-color:#34434b!important;
}
.compare-picker select option{
  color:#eef3f5!important;
  background:#11191e!important;
}
.compare-clear{
  color:#dfe7ea!important;
  border-color:#3a4850!important;
}

/* The active V25.7 legacy renderer is the source of truth on this page.
   Hide any stale score/verdict blocks only if another renderer briefly paints them. */
.compare-verdict,
.compare-score-grid,
.compare-table-v241,
.compare-mobile-grid{
  display:none!important;
}

@media(max-width:900px){
  .compare-table-v2515{
    min-width:760px!important;
  }
  .compare-table-v2515 .metric-head,
  .compare-table-v2515 tbody th{
    width:190px!important;
    min-width:190px!important;
  }
  .compare-photo-v2515,
  .compare-photo-v2515 img,
  .compare-car-head-v2515>img[data-compare-photo]{
    height:165px!important;
  }
}
@media(max-width:680px){
  .compare-section .container{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .compare-table-wrap-v2515{
    border-radius:12px!important;
  }
  .compare-table-v2515 tbody th{
    font-size:.76rem!important;
  }
  .compare-table-v2515 tbody td{
    font-size:.81rem!important;
  }
  .compare-legend-v2515{
    justify-content:flex-start;
  }
}