/* Korekta banera Promocji i nierozdzielnych oznaczeń poziomów cen. */

.rabaty-no-break {
  white-space: nowrap;
}

/* Na komputerze grafika nie wpływa na wysokość banera i stoi na jego dolnej krawędzi. */
@media (min-width: 1181px) {
  .mono-promotions-page .promotions-story-panel {
    position: relative;
    min-height: 390px;
  }

  .mono-promotions-page .promotions-story-grid {
    min-height: 314px;
  }

  .mono-promotions-page .promotions-story-art {
    position: absolute;
    top: 0;
    right: 36px;
    bottom: 0;
    width: calc(53.5% - 36px);
    height: auto;
    min-height: 0 !important;
    align-items: flex-end;
    overflow: hidden;
  }

  .mono-promotions-page .promotions-story-art img {
    width: auto !important;
    max-width: 100% !important;
    height: calc(100% - 18px) !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: contain;
    object-position: center bottom;
  }
}

@media (max-width: 1180px) {
  .mono-promotions-page .promotions-story-art {
    position: relative;
    width: 100%;
    height: 260px;
    min-height: 260px !important;
    align-items: flex-end;
  }

  .mono-promotions-page .promotions-story-art img {
    width: auto !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
  }
}

@media (max-width: 900px) {
  .mono-promotions-page .promotions-story-art {
    height: 210px;
    min-height: 210px !important;
  }
}


/* Korekta 2026-07-18: baner Promocji jak w Rabatach + grafika 20% mniejsza. */
@media (min-width: 1181px) {
  .mono-promotions-page .promotions-story-panel {
    min-height: 0 !important;
  }

  .mono-promotions-page .promotions-story-grid {
    min-height: 0 !important;
    align-items: center !important;
  }

  .mono-promotions-page .promotions-story-art {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    align-self: stretch;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }

  .mono-promotions-page .promotions-story-art img {
    width: 80% !important;
    max-width: 80% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 auto !important;
    object-fit: contain;
    object-position: center bottom;
  }
}


/* Korekta 2026-07-18 v3: baner Promocji nie może być wyższy od Rabatów. */
@media (min-width: 1181px) {
  .mono-promotions-page .promotions-story-panel {
    min-height: 0 !important;
  }

  .mono-promotions-page .promotions-story-grid {
    align-items: center !important;
  }

  .mono-promotions-page .promotions-story-art {
    justify-content: center !important;
    align-items: flex-end !important;
  }

  .mono-promotions-page .promotions-story-art img {
    width: auto !important;
    max-width: 100% !important;
    height: 255px !important;
    max-height: 255px !important;
    margin: 0 auto !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  .mono-promotions-page .promotions-story-art {
    height: 230px !important;
    min-height: 230px !important;
  }

  .mono-promotions-page .promotions-story-art img {
    width: auto !important;
    max-width: 100% !important;
    height: 230px !important;
    max-height: 230px !important;
    margin: 0 auto !important;
  }
}


/* Korekta 2026-07-18 v4: grafika w banerze Promocji wyrównana do dolnej krawędzi. */
@media (min-width: 1181px) {
  .mono-promotions-page .promotions-story-grid {
    align-items: end !important;
  }

  .mono-promotions-page .promotions-story-art {
    align-self: end !important;
    margin-top: auto;
    margin-bottom: 0 !important;
  }

  .mono-promotions-page .promotions-story-art img {
    display: block !important;
    margin: auto auto 0 !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  .mono-promotions-page .promotions-story-grid {
    align-items: end !important;
  }

  .mono-promotions-page .promotions-story-art {
    align-self: end !important;
    margin-top: auto;
    margin-bottom: 0 !important;
  }

  .mono-promotions-page .promotions-story-art img {
    display: block !important;
    margin: auto auto 0 !important;
  }
}


/* Korekta 2026-07-18 v5: grafika Promocji dochodzi do dolnej krawędzi panelu, jak na żółtym pasku. */
@media (min-width: 901px) {
  .mono-promotions-page .promotions-story-art {
    transform: translateY(38px) !important;
  }
}

@media (max-width: 900px) {
  .mono-promotions-page .promotions-story-art {
    transform: translateY(26px) !important;
  }
}