/* Statybos imonems — product banner cards matching Brigadoms behavior.
 * Important: section background is white so the white edge baked into the PNG
 * visually disappears in normal state, exactly as on Brigadoms ir meistrams.
 */

/* Make ONLY the systems/banner section white. */
.bolix-build__section:has(.bolix-build__systems){
  background:#fff!important;
}

.bolix-build__system[href$="/produktai/fasadiniai-tinkai/"],
.bolix-build__system[href$="/produktai/fasado-dazai/"],
.bolix-build__system[href$="/produktai/armavimo-misiniai/"],
.bolix-build__system[href$="/bolix/"]{
  position:relative!important;
  min-height:0!important;
  aspect-ratio:2/1!important;
  padding:0!important;
  overflow:hidden!important;
  display:block!important;
  border:0!important;
  outline:1px solid transparent!important;
  outline-offset:0!important;
  border-radius:14px!important;
  background-color:#fff!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
  transition:transform .2s ease,box-shadow .2s ease,outline-color .2s ease!important;
}

/* Kill all legacy decoration over product artwork. */
.bolix-build__system[href$="/produktai/fasadiniai-tinkai/"]::before,
.bolix-build__system[href$="/produktai/fasado-dazai/"]::before,
.bolix-build__system[href$="/produktai/armavimo-misiniai/"]::before,
.bolix-build__system[href$="/bolix/"]::before,
.bolix-build__system[href$="/produktai/fasadiniai-tinkai/"]::after,
.bolix-build__system[href$="/produktai/fasado-dazai/"]::after,
.bolix-build__system[href$="/produktai/armavimo-misiniai/"]::after,
.bolix-build__system[href$="/bolix/"]::after,
.bolix-build__system[href$="/produktai/fasadiniai-tinkai/"]:hover::before,
.bolix-build__system[href$="/produktai/fasado-dazai/"]:hover::before,
.bolix-build__system[href$="/produktai/armavimo-misiniai/"]:hover::before,
.bolix-build__system[href$="/bolix/"]:hover::before,
.bolix-build__system[href$="/produktai/fasadiniai-tinkai/"]:hover::after,
.bolix-build__system[href$="/produktai/fasado-dazai/"]:hover::after,
.bolix-build__system[href$="/produktai/armavimo-misiniai/"]:hover::after,
.bolix-build__system[href$="/bolix/"]:hover::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
  transform:none!important;
}

/* Artwork already contains its own title. */
.bolix-build__system[href$="/produktai/fasadiniai-tinkai/"] h3,
.bolix-build__system[href$="/produktai/fasado-dazai/"] h3,
.bolix-build__system[href$="/produktai/armavimo-misiniai/"] h3,
.bolix-build__system[href$="/bolix/"] h3{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
  background:none!important;
  color:transparent!important;
}
.bolix-build__system[href$="/produktai/fasadiniai-tinkai/"] h3::after,
.bolix-build__system[href$="/produktai/fasado-dazai/"] h3::after,
.bolix-build__system[href$="/produktai/armavimo-misiniai/"] h3::after,
.bolix-build__system[href$="/bolix/"] h3::after{
  content:none!important;
  display:none!important;
}

/* Approved category covers. */
.bolix-build__system[href$="/produktai/fasadiniai-tinkai/"]{background-image:url('/baner%20bolix%20lt/fasadiniai-tinkai-v1.png')!important}
.bolix-build__system[href$="/produktai/fasado-dazai/"]{background-image:url('/baner%20bolix%20lt/fasado-dazai-v1.png')!important}
.bolix-build__system[href$="/produktai/armavimo-misiniai/"]{background-image:url('/baner%20bolix%20lt/armavimo-misiniai-v1.png')!important}
.bolix-build__system[href$="/bolix/"]{background-image:url('/baner%20bolix%20lt/visa-bolix-produkcija-v1.png')!important}

/* Hover: this is when the frame becomes visible, like on Brigadoms. */
.bolix-build__system[href$="/produktai/fasadiniai-tinkai/"]:hover,
.bolix-build__system[href$="/produktai/fasado-dazai/"]:hover,
.bolix-build__system[href$="/produktai/armavimo-misiniai/"]:hover,
.bolix-build__system[href$="/bolix/"]:hover{
  transform:translateY(-2px)!important;
  outline-color:rgba(36,39,43,.10)!important;
  filter:none!important;
  box-shadow:0 10px 24px rgba(18,24,29,.08)!important;
}

@media(max-width:760px){
  .bolix-build__system[href$="/produktai/fasadiniai-tinkai/"],
  .bolix-build__system[href$="/produktai/fasado-dazai/"],
  .bolix-build__system[href$="/produktai/armavimo-misiniai/"],
  .bolix-build__system[href$="/bolix/"]{border-radius:13px!important}
}


/* 2026-10-13 — official banners for insulation, facade fixing and metal protection. */
.bolix-build__system[href$="/produktai/silumos-izoliacija/"],
.bolix-build__system[href$="/produktai/fasado-tvirtinimo-elementai/"],
.bolix-build__system[href$="/produktai/metalo-apsaugos-produktai/"]{
  position:relative!important;
  min-height:0!important;
  aspect-ratio:2/1!important;
  padding:0!important;
  overflow:hidden!important;
  display:block!important;
  border:0!important;
  outline:1px solid transparent!important;
  outline-offset:0!important;
  border-radius:14px!important;
  background-color:#fff!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
  transition:transform .2s ease,box-shadow .2s ease,outline-color .2s ease!important;
}
.bolix-build__system[href$="/produktai/silumos-izoliacija/"]::before,
.bolix-build__system[href$="/produktai/silumos-izoliacija/"]::after,
.bolix-build__system[href$="/produktai/fasado-tvirtinimo-elementai/"]::before,
.bolix-build__system[href$="/produktai/fasado-tvirtinimo-elementai/"]::after,
.bolix-build__system[href$="/produktai/metalo-apsaugos-produktai/"]::before,
.bolix-build__system[href$="/produktai/metalo-apsaugos-produktai/"]::after{
  content:none!important;display:none!important;opacity:0!important;background:none!important;transform:none!important;
}
.bolix-build__system[href$="/produktai/silumos-izoliacija/"] h3,
.bolix-build__system[href$="/produktai/fasado-tvirtinimo-elementai/"] h3,
.bolix-build__system[href$="/produktai/metalo-apsaugos-produktai/"] h3{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;background:none!important;color:transparent!important;
}
.bolix-build__system[href$="/produktai/silumos-izoliacija/"]{background-image:url('/baner%20bolix%20lt/silumos-izoliacija-v1.png')!important}
.bolix-build__system[href$="/produktai/fasado-tvirtinimo-elementai/"]{background-image:url('/baner%20bolix%20lt/fasado-tvirtinimo-elementai-v1.png')!important}
.bolix-build__system[href$="/produktai/metalo-apsaugos-produktai/"]{background-image:url('/baner%20bolix%20lt/metalo-apsauga-v1.png')!important}
.bolix-build__system[href$="/produktai/silumos-izoliacija/"]:hover,
.bolix-build__system[href$="/produktai/fasado-tvirtinimo-elementai/"]:hover,
.bolix-build__system[href$="/produktai/metalo-apsaugos-produktai/"]:hover{
  transform:translateY(-2px)!important;outline-color:rgba(36,39,43,.10)!important;filter:none!important;box-shadow:0 10px 24px rgba(18,24,29,.08)!important;
}
@media(max-width:760px){
  .bolix-build__system[href$="/produktai/silumos-izoliacija/"],
  .bolix-build__system[href$="/produktai/fasado-tvirtinimo-elementai/"],
  .bolix-build__system[href$="/produktai/metalo-apsaugos-produktai/"]{border-radius:13px!important}
}