/* Generyczny typ slot-reklamowy 300 x 250. Nie zależy od klas sidebara ani skóry. */
.slot-reklamowy {
  width: 100%;
  overflow: hidden;
  background: var(--kolor-karty);
  border-radius: var(--promien-duzy);
  box-shadow: var(--cien-karty);
}

.slot-reklamowy__wnetrze {
  padding: var(--odstep-4);
}

.slot-reklamowy__link,
.slot-reklamowy__zawartosc {
  display: block;
  overflow: hidden;
  background: var(--kolor-tla-alternatywnego);
  border-radius: var(--promien-maly);
}

.slot-reklamowy__obraz {
  width: 100%;
  height: auto;
}

.slot-reklamowy__miejsce {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 300 / 250;
  background-color: var(--kolor-karty);
  background-image: repeating-linear-gradient(
    135deg,
    var(--kolor-akcentu-przezroczysty) 0 2px,
    var(--kolor-przezroczysty) 2px 13px
  );
  border: var(--grubosc-linii) solid var(--kolor-linii);
}

.slot-reklamowy__miejsce::after {
  content: "";
  position: absolute;
  left: calc(var(--odstep-4) + var(--odstep-1));
  right: calc(var(--odstep-4) + var(--odstep-1));
  top: 50%;
  height: var(--grubosc-fokusu);
  background: var(--kolor-akcentu);
  opacity: .55;
  transform: translateY(-50%);
}

@media print {
  .slot-reklamowy {
    display: none !important;
  }
}