/* ELGAR - poprawiono wspólną geometrię slidera i prawej kolumny bannerów bez edycji motywu Dynamite. */
@media (min-width: 768px) {
  .homebanner .homebanner-container > .row {
    display: flex;
    align-items: stretch;
  }

  .homebanner .homebanner-container > .row > .col-md-8,
  .homebanner .homebanner-container > .row > .col-md-4 {
    float: none;
    display: flex;
    flex-direction: column;
  }

  .homebanner #homeslider,
  .homebanner #homeslider .slick-list,
  .homebanner #homeslider .slick-track {
    height: 100%;
    min-height: 0;
  }

  .homebanner #homeslider .slick-track {
    display: flex;
    align-items: stretch;
  }

  .homebanner #homeslider .slick-slide,
  .homebanner #homeslider .slick-slide > div,
  .homebanner #homeslider .slide,
  .homebanner #homeslider .elgar-slider-link,
  .homebanner #homeslider .elgar-slider-picture {
    height: 100%;
    min-height: 0;
  }

  .homebanner #homeslider .slick-slide {
    float: none;
  }

  .homebanner #homeslider .banner-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
    padding: 0;
    border: 0;
    transform: none !important;
  }

  /* ELGAR - poprawiono prawą kolumnę: dwa bannery wypełniają wysokość lewej kolumny bez dokładania paska. */
  .homebanner .homebanner-container > .row > .col-md-4 > .ds-banners,
  .homebanner .homebanner-container > .row > .col-md-4 > .ds-banners > .container,
  .homebanner .homebanner-container > .row > .col-md-4 > .ds-banners > .container > .row {
    height: 100%;
    min-height: 0;
  }

  .homebanner .homebanner-container > .row > .col-md-4 > .ds-banners > .container > .row {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .homebanner .homebanner-container > .row > .col-md-4 .picture-container,
  .homebanner .homebanner-container > .row > .col-md-4 .ds-banner__link,
  .homebanner .homebanner-container > .row > .col-md-4 img {
    display: block;
    max-width: 100%;
  }
}

/* ELGAR - poprawiono hover: żadna warstwa hero nie może dodawać paddingu, obramowania ani transformacji po najechaniu. */
.homebanner #homeslider:hover,
.homebanner #homeslider .slide:hover,
.homebanner #homeslider .elgar-slider-link:hover,
.homebanner #homeslider .elgar-slider-picture:hover,
.homebanner #homeslider .banner-image:hover {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
  transform: none !important;
}
