/*
 * Fasto V5.1
 * Compare sticky bike-name rail alignment.
 * This page intentionally ignores the canonical bike-card gutter so the comparison
 * table can behave like the old full-width comparison view.
 */
.fasto-v2-compare-page,
.fasto-v2-compare-page .page-content,
.fasto-v2-compare-page .bike-compare-holder{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  overflow:visible;
  box-sizing:border-box;
}

.fasto-v2-compare-page .bike-compare-holder{
  background:#fff;
}

.fasto-v2-compare-page #bike-compare-scroll{
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding:0;
  border:0;
  overflow-x:auto;
  overflow-y:visible;
  position:relative;
  box-sizing:border-box;
  cursor:grab;
}

.fasto-v2-compare-page #bike-compare-scroll .compare-main-table,
.fasto-v2-compare-page #bike-compare-scroll table{
  width:auto;
  margin:0;
  border-collapse:collapse;
  table-layout:fixed;
}

.fasto-v2-compare-page #bike-compare-scroll th,
.fasto-v2-compare-page #bike-compare-scroll td{
  box-sizing:border-box;
}

.fasto-v2-compare-page #bike-compare-scroll th{
  min-width:185px;
}

.fasto-v2-compare-page #bike-compare-scroll td{
  min-width:220px;
  max-width:220px;
}

.fasto-v2-compare-page #vertical-scroll{
  position:fixed;
  z-index:1002;
  display:flex;
  margin:0;
  padding:0;
  overflow:hidden;
  color:#fff;
  background:transparent;
  box-sizing:border-box;
  scrollbar-width:none;
}

.fasto-v2-compare-page #vertical-scroll.hidden{
  display:none;
}

.fasto-v2-compare-page #vertical-scroll::-webkit-scrollbar{
  width:0;
  height:0;
}

.fasto-v2-compare-page #vertical-scroll > div{
  flex:0 0 auto;
  min-height:46px;
  display:flex;
  align-items:center;
  padding:8px 12px;
  font-size:14px;
  line-height:1.18;
  font-weight:700;
  white-space:normal;
  box-sizing:border-box;
  border-right:1px solid rgba(255,255,255,.28);
}

.fasto-v2-compare-page #vertical-scroll.no-overflow{
  overflow:hidden;
}

@media (max-width: 782px){
  .fasto-v2-compare-page #bike-compare-scroll th{
    min-width:140px;
  }
  .fasto-v2-compare-page #bike-compare-scroll td{
    min-width:190px;
    max-width:190px;
  }
  .fasto-v2-compare-page #vertical-scroll > div{
    min-height:42px;
    font-size:12px;
    padding:7px 10px;
  }
}