/*
 * BOLIX Facade Renovation · Stage 3 final visual layer.
 * One shared rounded-card language for every renovation detail route.
 */

/* Full-width hero after duplicate Stage-3 summary removal. */
.bolix-renovation-detail .bolix-renovation-detail__hero{
  grid-template-columns:minmax(0,1fr);
}
.bolix-renovation-detail .bolix-renovation-detail__hero>div{
  width:100%;
  border-radius:32px!important;
  overflow:hidden;
}
.bolix-renovation-detail .bolix-renovation-detail__hero .bolix-system-page__lead{
  max-width:980px;
}
.bolix-renovation-detail__sequence{scroll-margin-top:110px}
.bolix-renovation-detail .bolix-system-standard__facts{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Problem / information cards: same soft BOLIX geometry as the newer systems. */
.bolix-renovation-detail .bolix-system-standard__problem-copy{
  border-radius:28px!important;
  box-shadow:0 14px 36px rgba(15,23,42,.08);
  overflow:hidden;
}
.bolix-renovation-detail .bolix-system-standard__problem-points>div,
.bolix-renovation-detail .bolix-system-standard__application-grid article,
.bolix-renovation-detail .bolix-system-standard__technical-list>div{
  border:1px solid #e2e6ea!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(15,23,42,.055)!important;
  overflow:hidden;
}

/* Main Stage-3 process cards. This intentionally wins over older renovation CSS. */
.bolix-renovation-detail .bolix-system-sequence{
  gap:22px;
}
.bolix-renovation-detail .bolix-system-sequence__step{
  position:relative;
  padding:0 34px 0 50px;
}
.bolix-renovation-detail .bolix-system-sequence__step:not(:last-child)::after{
  left:29px;
  top:50%;
  bottom:-22px;
  width:2px;
  background:linear-gradient(180deg,rgba(227,6,19,.46),rgba(214,219,226,.35));
}
.bolix-renovation-detail .bolix-system-sequence__number{
  left:0;
  top:50%;
  width:60px;
  height:60px;
  border-radius:22px!important;
  transform:translateY(-50%);
  box-shadow:0 14px 30px rgba(227,6,19,.22),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.bolix-renovation-detail .bolix-system-sequence__body{
  min-height:136px;
  margin:0!important;
  padding:24px 34px 24px 56px!important;
  border:1px solid #dfe5eb!important;
  border-radius:32px!important;
  background:#fff!important;
  background-clip:padding-box;
  box-shadow:0 16px 42px rgba(15,23,42,.09),0 2px 8px rgba(15,23,42,.035)!important;
  overflow:hidden!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.bolix-renovation-detail a.bolix-system-sequence__body:hover{
  transform:translateY(-2px);
  border-color:#efcfd3!important;
  box-shadow:0 22px 52px rgba(15,23,42,.115),0 3px 10px rgba(15,23,42,.04)!important;
}
.bolix-renovation-detail .bolix-system-sequence__body>img{
  width:78px;
  height:78px;
  padding:7px;
  border-radius:20px!important;
  background:#f7f9fa!important;
}
.bolix-renovation-detail .bolix-system-sequence__step--category .bolix-system-sequence__body{
  border-style:solid!important;
  border-radius:32px!important;
  background:#fff!important;
}

/* Alternative/product-choice blocks must use the same rounded family. */
.bolix-renovation-detail .bolix-system-sequence__body--alternatives{
  border:1px solid #dfe5eb!important;
  border-radius:32px!important;
  background:#fff!important;
  box-shadow:0 16px 42px rgba(15,23,42,.09),0 2px 8px rgba(15,23,42,.035)!important;
  overflow:hidden!important;
}
.bolix-renovation-detail .bolix-system-sequence__choice{
  border:1px solid #e4e8ec!important;
  border-radius:22px!important;
  background:#fff!important;
  overflow:hidden;
}
.bolix-renovation-detail .bolix-system-sequence__choice img{
  border-radius:16px!important;
  background:#f7f9fa!important;
}

/* Notes and technical cards should not fall back to rectangular legacy geometry. */
.bolix-renovation-detail .bolix-system-page__notice{
  border:1px solid #dfe5eb!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 14px 36px rgba(15,23,42,.075)!important;
  overflow:hidden;
}
.bolix-renovation-detail .bolix-system-standard__technical-list>div{
  padding:18px 20px!important;
}

@media(max-width:900px){
  .bolix-renovation-detail .bolix-system-sequence__step{padding-right:16px}
}

@media(max-width:620px){
  .bolix-renovation-detail .bolix-renovation-detail__hero>div{padding:24px;border-radius:26px!important}
  .bolix-renovation-detail .bolix-system-standard__problem-copy,
  .bolix-renovation-detail .bolix-system-standard__problem-points>div,
  .bolix-renovation-detail .bolix-system-standard__application-grid article,
  .bolix-renovation-detail .bolix-system-standard__technical-list>div{border-radius:20px!important}
  .bolix-renovation-detail .bolix-system-standard__facts{grid-template-columns:1fr}
  .bolix-renovation-detail .bolix-system-sequence{gap:16px}
  .bolix-renovation-detail .bolix-system-sequence__step{padding:0 2px 0 28px}
  .bolix-renovation-detail .bolix-system-sequence__step:not(:last-child)::after{left:21px;bottom:-16px}
  .bolix-renovation-detail .bolix-system-sequence__number{width:44px;height:44px;border-radius:16px!important}
  .bolix-renovation-detail .bolix-system-sequence__body{
    min-height:0;
    padding:18px 18px 18px 32px!important;
    border-radius:24px!important;
  }
  .bolix-renovation-detail .bolix-system-sequence__body--alternatives{border-radius:24px!important}
  .bolix-renovation-detail .bolix-system-sequence__choice{border-radius:18px!important}
  .bolix-renovation-detail .bolix-system-sequence__body>img{width:68px;height:68px;border-radius:17px!important}
  .bolix-renovation-detail .bolix-system-page__notice{margin-left:2px;margin-right:2px;border-radius:22px!important}
}