/* ELGAR - v0.2.3: stary DS chowamy tylko wtedy, gdy front ELGAR jest aktywny i ten CSS zostal zaladowany. */
section.homebanner{display:none!important}
.ds-banners.hook-displayHome{display:none!important}
.ds-banners.hook-displayCategoryTop{display:none!important}

/* ELGAR - poprawiono szerokosc i wysokosc hero wg kontenera strony, bez rozciagania do 100% viewportu. */
.elsb-home{position:relative;margin:0 0 20px}
/* ELGAR - NIE nadpisujemy width/max-width .container motywu. To bylo przyczyna rozciagania hero na cala szerokosc strony. */
.elsb-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px;align-items:stretch;width:100%;max-width:100%;overflow:hidden}
.elsb-slider{position:relative;width:100%;min-width:0;min-height:0;overflow:hidden;background:#f5f5f5;aspect-ratio:924/430}
.elsb-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease}
.elsb-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.elsb-slide a,.elsb-slide picture,.elsb-slide img{display:block;width:100%;height:100%;margin:0;padding:0;border:0}
.elsb-slide img{object-fit:cover;transform:none!important;transition:opacity .2s ease!important}
.elsb-side{display:grid;gap:16px;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}
.elsb-side-count-2{grid-template-rows:repeat(2,minmax(0,1fr))}
.elsb-side-count-1{grid-template-rows:minmax(0,1fr)}
.elsb-banner{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:#f5f5f5}
.elsb-banner a,.elsb-banner picture,.elsb-banner img{display:block;width:100%;height:100%;margin:0;padding:0;border:0}
.elsb-banner img{object-fit:cover;transform:none!important;transition:opacity .2s ease!important}
.elsb-banner:hover img{opacity:.98}
.elsb-dots{position:absolute;z-index:5;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:7px}
.elsb-dot{width:8px;height:8px;border:0;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(0,0,0,.18);padding:0}
.elsb-dot.is-active{background:#fff}
.elsb-test-badge{position:absolute;z-index:30;top:8px;left:8px;background:#111;color:#fff;padding:5px 9px;border-radius:4px;font-size:11px;font-weight:700}
.elsb-test-badge a{color:#fff;text-decoration:underline;margin-left:6px}
.elsb-category-banner{overflow:hidden;margin:0 0 18px}
.elsb-category-banner picture,.elsb-category-banner img,.elsb-category-banner a{display:block;width:100%;margin:0;padding:0;border:0}
.elsb-category-banner img{height:auto}
.elsb-home *,.elsb-category-wrap *{box-sizing:border-box}

/* ELGAR - mobile pozostawiony w dotychczasowym ukladzie; desktopowa blokada wysokosci go nie dotyczy. */
@media(max-width:767px){
  .elsb-grid{grid-template-columns:1fr;gap:10px;aspect-ratio:auto;overflow:visible}
  .elsb-slider{height:auto;aspect-ratio:767/280}
  .elsb-side{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:10px;overflow:visible}
  .elsb-side-count-1{grid-template-columns:1fr}
  .elsb-banner{height:auto;aspect-ratio:767/280}
  .elsb-side-count-2 .elsb-banner{aspect-ratio:1.55/1}
}


/* ELGAR - poprawiono produkcyjnie: hover/focus nie może zmienić geometrii hero ani skali obrazów. */
@media(min-width:768px){
  .elsb-home,.elsb-home:hover,.elsb-home:focus-within{height:auto!important;min-height:0!important;max-height:none!important;transform:none!important}
  .elsb-grid,.elsb-grid:hover,.elsb-grid:focus-within{height:auto!important;min-height:0!important;transform:none!important}
  .elsb-slider,.elsb-slider:hover,.elsb-slider:focus-within,
  .elsb-slide,.elsb-slide:hover,.elsb-slide:focus-within,
  .elsb-side,.elsb-side:hover,.elsb-side:focus-within,
  .elsb-banner,.elsb-banner:hover,.elsb-banner:focus-within{transform:none!important;scale:1!important;margin-top:0!important;margin-bottom:0!important}
  .elsb-slide img,.elsb-slide:hover img,.elsb-banner img,.elsb-banner:hover img{transform:none!important;scale:1!important;width:100%!important;height:100%!important;object-fit:cover!important}
}