/*
 * Fasto V4.2
 * Final polish for advisor/filter/gearing/card spacing and footer.
 * Uses normal cascade rules only.
 */

:root{
  --fasto-v42-page-pad:48px;
  --fasto-v42-page-pad-mobile:18px;
  --fasto-v42-line:#dfe5ec;
  --fasto-v42-ink:#151a22;
  --fasto-v42-muted:#657286;
  --fasto-v42-red:#ff3838;
  --fasto-v42-footer:#252a31;
  --fasto-v42-footer-line:rgba(255,255,255,.12);
}

/* Keep the whole visual system square. */
*,*::before,*::after{
  border-radius:0;
}

/* Remove the old tool strip before footer. */
.fasto-v2-tools-strip,
.latest-compares.more-buttons.fasto-v2-tools-strip,
.buttons-holder.lines.before-footer{
  display:none;
}

/* Consistent almost-full-width pages. */
.fasto-v2-page,
.fasto-v2-advisor-page,
.fasto-v2-gearing-page,
.fasto-v2-filter-page,
.page-template-page-bike-advisor,
.page-template-page-gear-calculator,
.page-template-page-bike-filter{
  width:100%;
}

.fasto-v2-page .fasto-v2-container,
.fasto-v2-page-title .fasto-v2-container,
.page-content,
.bike-advisor-results,
.bike-advisor-results .container,
.bike-advisor-results ul.articles.bikes,
.bikes-filter-container,
.bikes-filter-data,
.bikes-filter-data ul.articles.bikes,
.bike-gear-calculator,
.bike-gear-calculator > .container,
.gear-calculator-results{
  width:calc(100% - (var(--fasto-v42-page-pad) * 2));
  max-width:none;
  margin-left:auto;
  margin-right:auto;
}

/* Bike advisor results should use the same card grid as archives/filter. */
.bike-advisor-results,
.bike-advisor-results .container{
  padding-left:0;
  padding-right:0;
}

.bike-advisor-results ul.articles.bikes,
.bike-advisor-holder ul.articles.bikes,
.page-bike-advisor ul.articles.bikes{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  align-items:stretch;
  padding:0;
  list-style:none;
}

.bike-advisor-results ul.articles.bikes > li.bike-model,
.bike-advisor-holder ul.articles.bikes > li.bike-model,
.page-bike-advisor ul.articles.bikes > li.bike-model{
  display:flex;
  max-width:none;
  width:auto;
  padding:0;
  margin:0;
}

.bike-advisor-results .fasto-v2-bike-card,
.bike-advisor-holder .fasto-v2-bike-card,
.page-bike-advisor .fasto-v2-bike-card{
  width:100%;
  box-shadow:none;
  border:1px solid var(--fasto-v42-line);
  background:#fff;
}

/* Card internal spacing: categories, title and footer should breathe consistently. */
.fasto-v37-bike-card .fasto-v37-card-content{
  display:grid;
  grid-template-rows:auto minmax(96px,1fr);
  padding:0;
  border-bottom:1px solid var(--fasto-v42-line);
}

.fasto-v37-bike-card .bike-categories-wrapper{
  min-height:0;
  padding:12px 28px 0;
  margin:0 0 12px;
  display:flex;
  align-items:flex-start;
  overflow:visible;
}

.fasto-v37-bike-card .bike-categories-wrapper ul,
.fasto-v37-bike-card .bike-categories{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin:0;
  padding:0;
  list-style:none;
  white-space:normal;
}

.fasto-v37-bike-card .bike-categories-wrapper li{
  display:inline-flex;
  align-items:center;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--fasto-v42-muted);
  line-height:1;
}

.fasto-v37-bike-card .bike-categories-wrapper li:not(.bike-category):not(.bike-subcategory){
  color:var(--fasto-v42-muted);
  padding:0 2px;
}

.fasto-v37-bike-card .bike-categories-wrapper a{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border:1px solid var(--fasto-v42-line);
  background:#fff;
  color:var(--fasto-v42-muted);
  font-size:12px;
  line-height:1;
  text-decoration:none;
}

.fasto-v37-bike-card .post-details{
  display:block;
  padding:0 28px 22px;
  margin:0;
  min-height:0;
}

.fasto-v37-bike-card .post-title{
  display:-webkit-box;
  margin:0;
  padding:0;
  max-height:72px;
  min-height:72px;
  color:var(--fasto-v42-ink);
  font-size:clamp(20px,1.35vw,28px);
  line-height:1.08;
  letter-spacing:-.02em;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.fasto-v37-bike-card .fasto-v37-card-footer{
  display:grid;
  grid-template-rows:minmax(38px,auto) 20px;
  gap:8px;
  min-height:96px;
  padding:16px 28px 14px;
  border-top:0;
}

.fasto-v37-bike-card .brand-price{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  min-height:38px;
  margin:0;
  padding:0;
  border:0;
}

.fasto-v37-bike-card .brand-price ul,
.fasto-v37-bike-card .brand-price li{
  margin:0;
  padding:0;
  border:0;
  list-style:none;
  background:transparent;
}

.fasto-v37-bike-card .brand-price a{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border:1px solid var(--fasto-v42-line);
  background:#fff;
  color:var(--fasto-v42-muted);
  font-size:12px;
  line-height:1;
  text-decoration:none;
}

/* Bike filter: page width and remove double borders on loop pills. */
.page-template-page-bike-filter .bikes-filter-container,
.page-template-page-bike-filter .bikes-filter-data,
.fasto-v2-filter-page .bikes-filter-container,
.fasto-v2-filter-page .bikes-filter-data{
  width:calc(100% - (var(--fasto-v42-page-pad) * 2));
  max-width:none;
  margin-left:auto;
  margin-right:auto;
}

.bikes-filter-data .fasto-v37-bike-card .bike-categories-wrapper li,
.bikes-filter-data .fasto-v37-bike-card .brand-price li{
  border:0;
  background:transparent;
}

.bikes-filter-data .fasto-v37-bike-card .bike-categories-wrapper a,
.bikes-filter-data .fasto-v37-bike-card .brand-price a{
  border:1px solid var(--fasto-v42-line);
  box-shadow:none;
}

/* Gearing calculator: full width, square layout and working single cassette dropdown. */
.fasto-v2-gearing-page .fasto-v2-page-title .fasto-v2-container,
.fasto-v2-gearing-page .page-content,
.fasto-v2-gearing-page .bike-gear-calculator,
.fasto-v2-gearing-page .bike-gear-calculator > .container{
  width:calc(100% - (var(--fasto-v42-page-pad) * 2));
  max-width:none;
  margin-left:auto;
  margin-right:auto;
}

.fasto-v2-gearing-page .bike-gear-calculator > .container{
  display:grid;
  grid-template-columns:minmax(300px,.85fr) minmax(0,2.15fr);
  gap:0;
  padding:0;
}

.fasto-v2-gearing-page .gearing-box,
.fasto-v2-gearing-page .gear-calculator-results,
.fasto-v2-gearing-page .gear-calculator-results-holder,
.fasto-v2-gearing-page input,
.fasto-v2-gearing-page select,
.fasto-v2-gearing-page button,
.fasto-v2-gearing-page .default-btn,
.fasto-v2-gearing-page .choose a{
  border-radius:0;
  box-shadow:none;
}

.predefined_cassets ul{
  display:block;
  margin:0 0 22px;
  padding:0;
  list-style:none;
}

.predefined_cassets .cassets_dropdown{
  display:none;
  margin:0;
  padding:0;
}

.predefined_cassets .cassets_dropdown.show{
  display:block;
}

.predefined_cassets .cassets_dropdown select{
  width:100%;
  max-width:100%;
}

.gear-calculator-results{
  width:calc(100% - (var(--fasto-v42-page-pad) * 2));
  max-width:none;
  margin:0 auto 72px;
  padding:0;
  overflow-x:auto;
  border:1px solid var(--fasto-v42-line);
  background:#fff;
}

.gear-calculator-results .speed-unit{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px;
  border-top:1px solid var(--fasto-v42-line);
  border-bottom:1px solid var(--fasto-v42-line);
  background:#fff;
}

.gear-calculator-results .speed-unit h3{
  margin:0;
  padding:0;
  border:0;
  font-size:18px;
  line-height:1.1;
  color:var(--fasto-v42-ink);
}

.gear-calculator-results .speed-unit .choose{
  display:flex;
  align-items:center;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
  border:1px solid var(--fasto-v42-line);
}

.gear-calculator-results .speed-unit .choose a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:72px;
  min-height:38px;
  padding:0 14px;
  border-right:1px solid var(--fasto-v42-line);
  color:var(--fasto-v42-ink);
  background:#fff;
  text-decoration:none;
  font-weight:700;
  cursor:pointer;
}

.gear-calculator-results .speed-unit .choose li:last-child a{
  border-right:0;
}

.gear-calculator-results .speed-unit .choose a.active{
  color:#fff;
  background:var(--fasto-v42-red);
}

.gear-calculator-results h4{
  margin:0;
  padding:16px 20px;
  border-bottom:1px solid var(--fasto-v42-line);
}

/* Footer: dark, premium, flat. */
#footer,
footer#footer{
  background:var(--fasto-v42-footer);
  color:#fff;
  border:0;
  padding:0;
  margin:0;
}

#footer .fasto-v2-footer-inner{
  width:calc(100% - (var(--fasto-v42-page-pad) * 2));
  max-width:none;
  margin:0 auto;
  padding:70px 0;
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(320px,.9fr);
  gap:48px;
  border-bottom:1px solid var(--fasto-v42-footer-line);
}

#footer .fasto-v2-footer-brand strong,
#footer h2,
#footer h3{
  color:#fff;
}

#footer .fasto-v2-footer-brand p,
#footer p,
#footer li,
#footer .copyright-user,
#footer .copyright-text{
  color:rgba(255,255,255,.68);
}

#footer a{
  color:rgba(255,255,255,.76);
  text-decoration:none;
}

#footer a:hover{
  color:#fff;
}

#footer .fasto-v2-footer-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px 34px;
  justify-content:end;
}

#footer .fasto-v2-footer-links a{
  display:block;
  padding:0;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.78);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:700;
}

#footer .copyright-user{
  width:calc(100% - (var(--fasto-v42-page-pad) * 2));
  max-width:none;
  margin:0 auto;
  padding:26px 0 40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border:0;
}

/* Homepage category cards: compact and no number overlap. */
.fasto-v25-category-grid,
.fasto-v25-categories-grid,
.fasto-v25-category-cards,
.fasto-v25-home-categories,
.fasto-v25-home-categories .fasto-v25-grid,
.fasto-v25-home-categories .fasto-v2-grid{
  gap:0;
}

.fasto-v25-category-card,
.fasto-v25-category,
.fasto-v25-ride-card,
.fasto-v25-home-categories a{
  position:relative;
  min-height:220px;
  padding:42px 34px 34px;
  border:1px solid var(--fasto-v42-line);
  background:#fff;
  overflow:hidden;
}

.fasto-v25-category-card .number,
.fasto-v25-category-card .index,
.fasto-v25-category .number,
.fasto-v25-category .index,
.fasto-v25-ride-card .number,
.fasto-v25-ride-card .index{
  position:absolute;
  top:34px;
  left:34px;
  margin:0;
  color:var(--fasto-v42-red);
  font-size:13px;
  line-height:1;
  font-weight:800;
}

.fasto-v25-category-card h3,
.fasto-v25-category h3,
.fasto-v25-ride-card h3,
.fasto-v25-home-categories h3{
  margin:0 0 28px;
  padding-left:0;
  font-size:clamp(28px,2.3vw,44px);
  line-height:1;
}

.fasto-v25-category-card p,
.fasto-v25-category p,
.fasto-v25-ride-card p,
.fasto-v25-home-categories p{
  margin:0;
  max-width:420px;
}

@media (max-width:1180px){
  .bike-advisor-results ul.articles.bikes,
  .bike-advisor-holder ul.articles.bikes,
  .page-bike-advisor ul.articles.bikes{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:900px){
  .fasto-v2-page .fasto-v2-container,
  .fasto-v2-page-title .fasto-v2-container,
  .page-content,
  .bike-advisor-results,
  .bike-advisor-results .container,
  .bike-advisor-results ul.articles.bikes,
  .bikes-filter-container,
  .bikes-filter-data,
  .bikes-filter-data ul.articles.bikes,
  .bike-gear-calculator,
  .bike-gear-calculator > .container,
  .gear-calculator-results,
  .page-template-page-bike-filter .bikes-filter-container,
  .page-template-page-bike-filter .bikes-filter-data,
  .fasto-v2-filter-page .bikes-filter-container,
  .fasto-v2-filter-page .bikes-filter-data,
  .fasto-v2-gearing-page .fasto-v2-page-title .fasto-v2-container,
  .fasto-v2-gearing-page .page-content,
  .fasto-v2-gearing-page .bike-gear-calculator,
  .fasto-v2-gearing-page .bike-gear-calculator > .container,
  #footer .fasto-v2-footer-inner,
  #footer .copyright-user{
    width:calc(100% - (var(--fasto-v42-page-pad-mobile) * 2));
  }

  .bike-advisor-results ul.articles.bikes,
  .bike-advisor-holder ul.articles.bikes,
  .page-bike-advisor ul.articles.bikes{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .fasto-v2-gearing-page .bike-gear-calculator > .container{
    grid-template-columns:1fr;
  }

  .fasto-v2-gearing-page .bike-gear-calculator > .container > .col-desktop-4,
  .fasto-v2-gearing-page .bike-gear-calculator > .container > .col-desktop-8,
  .fasto-v2-gearing-page .bike-gear-calculator > .container > .col-desktop-12{
    grid-column:1;
  }

  .gear-calculator-results .speed-unit{
    display:block;
  }

  .gear-calculator-results .speed-unit .choose{
    margin-top:12px;
    width:max-content;
  }

  #footer .fasto-v2-footer-inner,
  #footer .copyright-user{
    display:block;
  }

  #footer .fasto-v2-footer-links{
    grid-template-columns:1fr;
    margin-top:32px;
  }
}

@media (max-width:620px){
  .bike-advisor-results ul.articles.bikes,
  .bike-advisor-holder ul.articles.bikes,
  .page-bike-advisor ul.articles.bikes{
    grid-template-columns:1fr;
  }

  .fasto-v37-bike-card .bike-categories-wrapper{
    padding-left:18px;
    padding-right:18px;
  }

  .fasto-v37-bike-card .post-details{
    padding-left:18px;
    padding-right:18px;
  }

  .fasto-v37-bike-card .fasto-v37-card-footer{
    padding-left:18px;
    padding-right:18px;
  }
}