/* ============================================================
   Side Banners Maxx - CSS
   Banery są przyklejone fixed do boków przeglądarki,
   poza obszarem głównego contentu strony.
   ============================================================ */

#sbm-wrapper {
  pointer-events: none; /* nie blokuje kliknięć w treść strony */
}

.sbm-banner {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 900;
  pointer-events: all;
  /* Maks. szerokość banera = wolne miejsce po stronie contentu */
  max-width: calc((100vw - 1200px) / 2 - 10px);
  /* Minimalna szerokość — jeśli jest mniej miejsca, ukrywamy całkowicie */
  min-width: 60px;
  overflow: hidden;
  line-height: 0;
}

.sbm-banner.sbm-left {
  left: 0;
}

.sbm-banner.sbm-right {
  right: 0;
}

.sbm-banner img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 90vh;
  object-fit: contain;
  object-position: top;
}

.sbm-banner a {
  display: block;
  line-height: 0;
}

/* ============================================================
   RESPONSIVE - ukryj na wąskich ekranach
   (dodatkowe zabezpieczenie obok JS)
   ============================================================ */
@media (max-width: 1399px) {
  #sbm-wrapper {
    display: none !important;
  }
}

/* Ukryj gdy content zajmuje całą szerokość (brak miejsca na banery) */
@media (min-width: 1400px) {
  .sbm-banner {
    /* Jeśli wolne miejsce < 60px — ukryj */
  }
  .sbm-banner:empty {
    display: none;
  }
}