.offer-icon {
  height: 224px !important;
  width: 350px !important;
  object-fit: contain;
  margin: 0 auto;
}

@media (max-width: 767.98px) {
  .offer-icon {
    height: 150px !important;
    width: 200px !important;
  }
}

.ht-offer {
  background-color: #D00005 !important;
  min-height: 530px;        /* wymusza wysokość */
  width: 100%;          /* sekcja na pełną szerokość okna */
  display: flex;        /* żeby środek się dobrze centrował */
  align-items: center;  /* pionowe wyśrodkowanie */
}
.ht-offer .container {
  max-width: 1440px;    /* zgodnie z projektem */
}


/* desktop */
.ht-hero { min-height: 585px; }

/* mobile ≤ 767.98px */
@media (max-width: 767.98px) {
  .ht-hero { min-height: 317px; } /* aktywne gdy jest mobilne tło */
}

/* Sekcja Wideo */
.ht-videos {
  min-height: 466px; /* albo więcej jeśli chcesz mieć pewność */
}

/* Sekcja Aktualności */
.ht-news {
  min-height: 862px;
}

.ht-videos {
  background-color: #f8f9fa !important; /* jasnoszare bootstrapowe */
}

.ht-news {
  background-color: #ffffff; /* białe */
}

/* FOOTER */
.ht-footer {
  background-color: #D00005;
  color: #fff;
}

.ht-footer span {
  font-size: 16px;
}

.ht-footer-logo {
  height: 40px;
  width: auto;
}

/* Karta news: miniatura 387x275, proporcjonalne wypełnienie */
.ht-news .card-img-top {
  width: 100%;
  aspect-ratio: 387 / 275;  /* stałe ratio */
  object-fit: cover;        /* wypełnij i ewentualnie przytnij */
  display: block;
}