/* Ekspozycja 2026 — poprawki układu */

.expo2026-v4 .expo2026-hero__content > h2 {
  max-width: 850px !important;
  margin: 0 0 18px !important;
  color: #fff !important;
  font-size: clamp(42px, 5.6vw, 76px) !important;
  line-height: 1.02 !important;
}

.expo2026-v4 .expo2026-route-head {
  padding: 54px 0 30px !important;
}

.expo2026-v4 .expo2026-route-head .expo2026-kicker {
  margin-bottom: 10px !important;
}

.expo2026-v4 .expo2026-step {
  height: 400px !important;
  min-height: 400px !important;
  margin-bottom: 34px !important;
  overflow: hidden !important;
}

.expo2026-v4 .expo2026-step-image {
  height: 400px !important;
  min-height: 400px !important;
  overflow: hidden !important;
}

.expo2026-v4 .expo2026-step-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
}

.expo2026-v4 .expo2026-step-content {
  align-self: center !important;
  height: auto !important;
}

.expo2026-v4 .expo2026-quote {
  margin: 0 !important;
  padding: 78px 24px !important;
  border: 0 !important;
  background: #171717 !important;
  color: #fff !important;
}

.expo2026-v4 .expo2026-quote p {
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  color: #fff !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(34px, 4.4vw, 60px) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  text-align: center !important;
}

.expo2026-v4 .expo2026-visit h2,
.expo2026-v4 .expo2026-visit h2 span {
  background: transparent !important;
}

.expo2026-online {
  margin: 48px 0 0 !important;
  padding: 54px !important;
  background:
    linear-gradient(90deg, rgba(18, 18, 18, .98), rgba(18, 18, 18, .88)),
    url("/images/wystawy/polacy-ukraincy-1918-1947/okladka-wystawa-2026.jpg") center/cover no-repeat !important;
  color: #fff !important;
}

.expo2026-online__content {
  max-width: 850px !important;
}

.expo2026-online .expo2026-kicker {
  color: #e5aaa7 !important;
}

.expo2026-online h2 {
  margin: 12px 0 18px !important;
  color: #fff !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(34px, 4.2vw, 56px) !important;
  line-height: 1.08 !important;
}

.expo2026-online p:not(.expo2026-kicker) {
  max-width: 760px !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
}

.expo2026-online__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 28px !important;
}

.expo2026-online__actions a {
  display: inline-flex !important;
  min-height: 52px !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 13px 18px !important;
  border: 1px solid rgba(255, 255, 255, .42) !important;
  background: transparent !important;
  color: #fff !important;
  text-decoration: none !important;
}

.expo2026-online__actions a:hover,
.expo2026-online__actions a:focus-visible {
  border-color: #b7282e !important;
  background: #a7191f !important;
  color: #fff !important;
}

.expo2026-online__actions strong {
  color: #ef4147 !important;
  font-size: 17px !important;
}

.expo2026-online__actions span {
  color: #fff !important;
  font-size: 12px !important;
}

@media (max-width: 760px) {
  .expo2026-v4 .expo2026-hero__content > h2 {
    font-size: clamp(38px, 12vw, 54px) !important;
  }

  .expo2026-v4 .expo2026-step {
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 24px !important;
  }

  .expo2026-v4 .expo2026-step-image {
    height: 300px !important;
    min-height: 300px !important;
  }

  .expo2026-v4 .expo2026-quote {
    padding: 54px 20px !important;
  }

  .expo2026-online {
    margin-top: 30px !important;
    padding: 36px 22px !important;
  }

  .expo2026-online__actions {
    flex-direction: column !important;
  }

  .expo2026-online__actions a {
    width: 100% !important;
  }
}