/*
 * Design Collection Stage-1 landing cards v2.
 * Readable, client-oriented cards for all six decorative directions.
 */
body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design__grid{
  gap:22px;
  align-items:stretch;
}

body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card{
  grid-template-columns:140px minmax(0,1fr);
  min-height:540px;
  border-radius:30px;
}

body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__content{
  padding:28px 30px 24px;
}

body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__eyebrow{
  margin-bottom:10px;
  font-size:10.5px;
  line-height:1.25;
  letter-spacing:.065em;
}

body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card h3{
  margin:0 0 16px;
  color:#17191d;
  font-size:29px;
  line-height:1.13;
  letter-spacing:-.015em;
}

body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__what{
  display:block;
}
body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__what>small{
  display:block;
  margin-bottom:6px;
  color:#7c8590;
  font-size:10.5px;
  line-height:1.2;
  font-weight:950;
  letter-spacing:.075em;
}
body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__description{
  margin:0;
  color:#58636f;
  font-size:16px;
  line-height:1.58;
}

body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__best{
  margin-top:18px;
  padding:15px 17px;
  border-radius:17px;
  background:#f4f6f7;
}
body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__best small,
body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__systems small{
  margin-bottom:7px;
  color:#737d89;
  font-size:10.5px;
  line-height:1.2;
  font-weight:950;
  letter-spacing:.075em;
}
body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__best p{
  color:#303843;
  font-size:15px;
  line-height:1.52;
  font-weight:700;
}

body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__systems{
  margin-top:17px;
}
body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__systems>div{
  gap:8px;
}
body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__systems span{
  padding:7px 10px;
  border-radius:999px;
  font-size:11.5px;
  line-height:1.25;
  font-weight:850;
}

body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__next{
  margin-top:auto;
  padding-top:19px;
}
body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__next strong{
  max-width:calc(100% - 58px);
  font-size:15.5px;
  line-height:1.4;
}
body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__next span{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:14px;
  font-size:20px;
}

/* Keep visual role strong without stealing reading width. */
body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__visual{
  min-width:0;
}

@media(max-width:1180px){
  body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card{
    grid-template-columns:155px minmax(0,1fr);
    min-height:470px;
  }
}

@media(max-width:820px){
  body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card{
    grid-template-columns:135px minmax(0,1fr);
  }
}

@media(max-width:620px){
  body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design__grid{
    gap:18px!important;
  }
  body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    border-radius:24px!important;
  }
  body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__visual{
    height:122px!important;
    min-height:122px!important;
    max-height:122px!important;
  }
  body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__mobile-label{
    left:18px;
    right:18px;
    bottom:13px;
  }
  body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__mobile-label small{
    font-size:11px!important;
    line-height:1.2!important;
  }
  body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__mobile-label strong{
    font-size:23px!important;
    line-height:1.14!important;
  }
  body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__content{
    padding:22px 20px 21px!important;
  }
  body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__what>small{
    margin-bottom:6px;
    font-size:10.5px!important;
  }
  body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__description{
    font-size:16px!important;
    line-height:1.58!important;
  }
  body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__best{
    margin-top:15px!important;
    padding:14px 15px!important;
  }
  body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__best small,
  body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__systems>small{
    font-size:10.5px!important;
  }
  body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__best p{
    font-size:15px!important;
    line-height:1.5!important;
  }
  body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__systems{
    margin-top:15px!important;
  }
  body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__systems span{
    padding:7px 9px!important;
    font-size:11.5px!important;
  }
  body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__next{
    margin-top:17px!important;
    padding-top:16px!important;
  }
  body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__next strong{
    font-size:16px!important;
    line-height:1.38!important;
  }
  body.bolix-child-site.bolix-facade-design-route .bolix-facade-design--readable-cards-v2 .bolix-facade-design-card__next span{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    font-size:19px!important;
  }
}