/* Slajd „Black Weeks” (grafika z wypalonym tekstem, cały slajd klikalny) jako pierwszy baner główny.
   Desktop (>700 px): baner zaczyna się od samej góry strony (nagłówek leży na obrazie), wysokość baneru = proporcja pliku 2560x1036.
   Telefon (<=700 px): osobny plik 490x800, wypełnia szerokość ramki (cover), przycięcie tylko od dołu (lub po bokach na wysokich telefonach). */
.hero-slide--bw { background: linear-gradient(#f2d5d2, #e9bebd); }
.hero-slide--bw .hero-photos { position: absolute; inset: 0; height: auto; }
.hero-slide--bw .hero-photos .hp, .hero-slide--bw .hero-photos picture { display: block; width: 100%; height: 100%; }
.hero-slide--bw .hero-photos img { display: block; width: 100% !important; height: 100% !important; max-height: none; object-fit: cover !important; object-position: 50% 0% !important; animation: none !important; will-change: auto; }
/* przyciemniona góra, żeby biały nagłówek (logo, MENU, szukaj) był czytelny na jasnym różu */
.hero-slide--bw::before { content: ""; position: absolute; inset: 0 0 auto 0; height: calc(30px + var(--hh, 76px) + 36px); background: linear-gradient(180deg, rgba(52, 14, 32, .55), rgba(52, 14, 32, .22) 55%, rgba(52, 14, 32, 0)); z-index: 1; pointer-events: none; }
@media (max-width: 700px) {
  .hero-slide--bw { background: linear-gradient(#f6d8d9, #e4b4b5); }
}
@media (min-width: 701px) {
  .hero:has(.hero-slide--bw) { height: calc(100vw * 1036 / 2560); min-height: 0; max-height: none; }
}