/* BOLIX system-card banners from /BENDRAS/systems.zip. */
.has-bolix-system-banner{overflow:hidden}
.bolix-system-banner-host{position:relative!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1200/628!important;padding:0!important;margin:0!important;overflow:hidden!important;border:0!important;background:#fff!important;box-shadow:none!important}
.bolix-system-banner-host::before,.bolix-system-banner-host::after{content:none!important;display:none!important}
.bolix-system-banner-host img,.bolix-system-card-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0;box-shadow:none}
.bolix-system-card-banner{display:block;width:calc(100% + 44px);aspect-ratio:1200/628;margin:-22px -22px 18px;overflow:hidden;background:#fff;border-bottom:1px solid rgba(17,24,39,.07)}
.bolix-products-hub .bolix-system-card-banner{width:calc(100% + 44px)}
.has-bolix-system-banner .bolix-insulation-choice__visual>span,
.has-bolix-system-banner .bolix-system-mini-card__material,
.has-bolix-system-banner .bolix-system-mini-card__code,
.has-bolix-system-banner .bolix-facade-design-card__texture,
.has-bolix-system-banner .bolix-facade-design-card__mobile-label,
.has-bolix-system-banner .bolix-wood-effect-card__scheme,
.has-bolix-system-banner .bolix-renovation-direction-card__visual>div,
.has-bolix-system-banner .bolix-renovation-direction-card__visual>span,
.has-bolix-system-banner .bolix-renovation-system-card__visual>div,
.has-bolix-system-banner .bolix-renovation-system-card__visual>small{display:none!important}
.bolix-system-page .bolix-insulation-choice__kicker,
.bolix-system-page .bolix-system-mini-card__kicker,
.bolix-system-page .bolix-facade-design-card__eyebrow,
.bolix-system-page .bolix-renovation-direction-card__eyebrow{display:none!important}
.has-bolix-system-banner .bolix-system-banner-host{border-radius:0!important;outline:0!important;filter:none!important}
.has-bolix-system-banner:hover .bolix-system-banner-host img,.has-bolix-system-banner:hover .bolix-system-card-banner img{transform:scale(1.012)}
.bolix-system-banner-host img,.bolix-system-card-banner img{transition:transform .2s ease,opacity .2s ease}

@media(min-width:521px){
  .bolix-insulation-choice.has-bolix-system-banner .bolix-insulation-choice__visual.bolix-system-banner-host{align-self:stretch!important;height:100%!important;min-height:100%!important;aspect-ratio:auto!important;background:#eef0f2!important}
  .bolix-insulation-choice.has-bolix-system-banner .bolix-insulation-choice__visual.bolix-system-banner-host img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
  .bolix-facade-insulation-landing__grid{align-items:stretch!important}
  .bolix-insulation-choice--eps.has-bolix-system-banner,
  .bolix-insulation-choice--mw.has-bolix-system-banner{grid-template-columns:minmax(220px,34%) minmax(0,1fr)!important;min-height:0!important;height:100%!important;align-items:stretch!important;align-self:stretch!important}
  .bolix-insulation-choice--eps.has-bolix-system-banner .bolix-insulation-choice__content,
  .bolix-insulation-choice--mw.has-bolix-system-banner .bolix-insulation-choice__content{padding:22px 32px 18px!important;justify-content:flex-start!important}
  .bolix-insulation-choice--eps.has-bolix-system-banner h2,
  .bolix-insulation-choice--mw.has-bolix-system-banner h2{margin:0 0 10px!important}
  .bolix-insulation-choice--eps.has-bolix-system-banner p,
  .bolix-insulation-choice--mw.has-bolix-system-banner p{margin:0 0 16px!important}
  .bolix-insulation-choice--eps.has-bolix-system-banner .bolix-insulation-choice__facts,
  .bolix-insulation-choice--mw.has-bolix-system-banner .bolix-insulation-choice__facts{gap:6px!important;margin:0 0 14px!important}
  .bolix-insulation-choice--eps.has-bolix-system-banner .bolix-insulation-choice__note,
  .bolix-insulation-choice--mw.has-bolix-system-banner .bolix-insulation-choice__note{margin:0 0 14px!important;padding:9px 12px!important}
  .bolix-insulation-choice--eps.has-bolix-system-banner .bolix-insulation-choice__content>strong,
  .bolix-insulation-choice--mw.has-bolix-system-banner .bolix-insulation-choice__content>strong{margin-top:auto!important}
  .bolix-insulation-choice--eps.has-bolix-system-banner .bolix-insulation-choice__visual.bolix-system-banner-host{background:#e7f0f4!important}
  .bolix-insulation-choice--mw.has-bolix-system-banner .bolix-insulation-choice__visual.bolix-system-banner-host{background:#f1ecdf!important}
  .bolix-insulation-choice--eps.has-bolix-system-banner .bolix-insulation-choice__visual.bolix-system-banner-host img,
  .bolix-insulation-choice--mw.has-bolix-system-banner .bolix-insulation-choice__visual.bolix-system-banner-host img{position:absolute!important;left:50%!important;top:50%!important;width:auto!important;max-width:none!important;height:100%!important;object-fit:unset!important;transform:translate(-50%,-50%)!important}
  .bolix-insulation-choice--eps.has-bolix-system-banner:hover .bolix-insulation-choice__visual.bolix-system-banner-host img,
  .bolix-insulation-choice--mw.has-bolix-system-banner:hover .bolix-insulation-choice__visual.bolix-system-banner-host img{transform:translate(-50%,-50%) scale(1.006)!important}
}

/* EPS comparison page: horizontal card with expanded banner area on the left. */
.bolix-system-banners-eps-layout .bolix-system-choice-grid{align-items:stretch!important}
.bolix-system-banners-eps-layout .bolix-system-mini-card.has-bolix-system-banner{
  display:grid!important;
  grid-template-columns:minmax(220px,38%) minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  align-items:stretch!important;
}
.bolix-system-banners-eps-layout .bolix-system-mini-card.has-bolix-system-banner .bolix-system-mini-card__content{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  padding:16px 18px 15px!important;
}
.bolix-system-banners-eps-layout .bolix-system-mini-card.has-bolix-system-banner .bolix-system-mini-card__visual.bolix-system-banner-host{
  grid-column:1!important;
  grid-row:1!important;
  align-self:stretch!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  aspect-ratio:auto!important;
  background:#f2f3f4!important;
  border-right:1px solid rgba(17,24,39,.07)!important;
  border-left:0!important;
  border-bottom:0!important;
}
.bolix-system-banners-eps-layout .bolix-system-mini-card.has-bolix-system-banner .bolix-system-mini-card__visual.bolix-system-banner-host img{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}
.bolix-system-banners-eps-layout .bolix-system-mini-card.has-bolix-system-banner:hover .bolix-system-mini-card__visual.bolix-system-banner-host img{transform:scale(1.006)!important}
.bolix-system-banners-eps-layout .bolix-system-mini-card.has-bolix-system-banner h3{margin:0 0 6px!important;font-size:18px!important;line-height:1.16!important}
.bolix-system-banners-eps-layout .bolix-system-mini-card.has-bolix-system-banner .bolix-system-mini-card__description{font-size:11.5px!important;line-height:1.4!important;-webkit-line-clamp:3!important}
.bolix-system-banners-eps-layout .bolix-system-mini-card.has-bolix-system-banner .bolix-system-mini-card__best{margin-top:9px!important}
.bolix-system-banners-eps-layout .bolix-system-mini-card.has-bolix-system-banner .bolix-system-mini-card__cta{margin-top:auto!important;padding-top:10px!important}

@media(max-width:1100px) and (min-width:761px){
  .bolix-system-banners-eps-layout .bolix-system-mini-card.has-bolix-system-banner{grid-template-columns:minmax(200px,40%) minmax(0,1fr)!important}
}
@media(max-width:760px){
  .bolix-system-card-banner{width:calc(100% + 36px);margin:-18px -18px 16px}
  .bolix-system-banners-eps-layout .bolix-system-mini-card.has-bolix-system-banner{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
  }
  .bolix-system-banners-eps-layout .bolix-system-mini-card.has-bolix-system-banner .bolix-system-mini-card__visual.bolix-system-banner-host{
    grid-column:1!important;
    grid-row:1!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1200/628!important;
    border-right:0!important;
    border-left:0!important;
    border-bottom:1px solid rgba(17,24,39,.07)!important;
  }
  .bolix-system-banners-eps-layout .bolix-system-mini-card.has-bolix-system-banner .bolix-system-mini-card__content{
    grid-column:1!important;
    grid-row:2!important;
    padding:16px!important;
  }
}
@media(max-width:520px){
  .bolix-insulation-choice.has-bolix-system-banner .bolix-insulation-choice__visual.bolix-system-banner-host{height:auto!important;min-height:0!important;aspect-ratio:1200/628!important}
  .bolix-insulation-choice.has-bolix-system-banner .bolix-insulation-choice__visual.bolix-system-banner-host img{position:static!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover!important;transform:none!important}
}