/* Compare v2 usability hotfix: keep one selection CTA and make the picker compact/stable. */

/* The Current comparison card is the single entry point. Do not repeat the same CTA below it. */
.compare-v2-empty{display:none!important}

/* Desktop picker: content-sized panel with a bounded, independently scrolling result list. */
.compare-v2-picker__panel{
  display:flex!important;
  flex-direction:column;
  width:min(760px,94vw);
  height:auto!important;
  max-height:min(720px,90vh);
  overflow:hidden;
}
.compare-v2-picker__panel>header,
.compare-v2-picker__search,
.compare-v2-picker__panel>footer{flex:0 0 auto}
.compare-v2-picker__list{
  flex:0 1 auto!important;
  min-height:0!important;
  max-height:min(54vh,520px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
}

/* A disabled Apply button must look disabled instead of appearing broken. */
[data-compare-picker-apply]:disabled{
  opacity:.42;
  cursor:not-allowed;
  filter:saturate(.55);
}

/* Keep a short filtered result set compact rather than leaving a large blank panel. */
.compare-v2-picker__row[hidden]{display:none!important}

@media(max-width:760px){
  .compare-v2-picker__panel{
    width:100%;
    height:100%!important;
    max-height:none;
  }
  .compare-v2-picker__list{
    flex:1 1 auto!important;
    max-height:none!important;
  }
}