/* BLOK: banner-top */
.banner-top { position: relative; background-color: rgba(237, 237, 237, 0.4); overflow: hidden; }

.banner-top__box { display: flex; justify-content: space-between; gap: 16px; flex-wrap: nowrap; height: 375px; padding-bottom: 16px; }

.banner-top__img-half { position: absolute; bottom: 0; right: 0; display: block; max-width: 240px; height: auto; max-height: 55%; }

.banner-top__box-right { position: absolute; top: 0; bottom: 0; right: 0; width: 100%; max-width: 50%; height: 100%; }
.banner-top__img-box { width: 100%; height: 100%; }
.banner-top__picture { display: block; width: 100%; height: 100%; }
.banner-top__img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: left; }

.banner-top__box-left { flex-basis: 50%; }
.banner-top__page-title { line-height: 1.2; }
.banner-top__description { margin-top: 16px; line-height: 1.4; }

.banner-top__breadcrumbs { display: flex; align-items: center; gap: 6px; padding-top: 40px; }
.banner-top__breadcrumb-icon { transform: translateY(1px); }
.banner-top__breadcrumb-path { display: block; font-size: 14px; color: #000; }
.banner-top__breadcrumb-path--link { color: #707173; transition: color 0.3s; }
.banner-top__breadcrumb-path--link:hover { color: #e2007e; }
.banner-top__breadcrumb-path--current { padding-top: 2px; }

/* Motyw kontrastowy i zoom */
.theme--contrast .banner-top__breadcrumb-icon,
.theme--contrast .banner-top__img-box,
.theme--contrast .banner-top__img,
.theme--contrast .banner-top__img-half { background-color: transparent !important; }
.theme--contrast .banner-top__breadcrumb-icon path { fill: #ffe800 !important; }

.theme--zoom-2 .banner-top__box,
.theme--zoom-4 .banner-top__box { height: auto; }
.theme--zoom-2 .banner-top__box-left { max-width: 45%; }
.theme--zoom-4 .banner-top__box-left { max-width: 50%; }
.theme--zoom-4 .banner-top__page-title { margin-top: 20px; }

@media all and (max-width: 1550px) {
  .banner-top__img-half { max-width: 200px; }
}
@media all and (max-width: 1400px) {
  .banner-top__breadcrumb-path { font-size: 12px; }
  .banner-top__page-title { font-size: 3.2rem; margin-top: 18px; }
  .banner-top__box { height: 280px; }
  .banner-top__breadcrumbs { padding-top: 12px; }
  .banner-top__description { margin-top: 8px; padding-bottom: 5px; }
}
@media all and (max-width: 1200px) {
  .banner-top__img-half { display: none; }
}
@media all and (max-width: 992px) {
  .banner-top__box { flex-direction: column-reverse; gap: 8px; height: auto; max-height: 100%; }
  .banner-top__box-right { position: static; flex-basis: 100%; margin-left: auto; margin-right: auto; }
  .banner-top__img-box, .banner-top__img { width: 100%; max-width: 100%; height: auto; }
  .banner-top__box-left { flex-basis: 100%; margin-left: auto; margin-right: auto; text-align: center; }
  .banner-top__breadcrumbs { display: none; }
  .banner-top__page-title { margin-top: 0; }
  .theme--zoom-2 .banner-top__box-left, .theme--zoom-4 .banner-top__box-left { max-width: 100%; }
}
@media all and (max-width: 576px) {
  .banner-top__description br { display: block; }
}