/* v111 — tekst i kask w jednym wierszu, wyśrodkowane względem siebie */
.hero__visual { display: none; }

@media (max-width: 760px) {
  .hero {
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .hero .hero__grid.container {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
    align-items: center !important;
    column-gap: 4px !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 258px !important;
    margin: 0 !important;
    padding: 12px 12px 12px 14px !important;
    box-sizing: border-box !important;
  }

  .hero__content {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip-path: none !important;
    contain: none !important;
  }

  .hero-rotator {
    width: 100% !important;
    min-height: 0 !important;
    height: 234px !important;
  }

  .hero-rotator__viewport {
    width: 100% !important;
    min-height: 0 !important;
    height: 234px !important;
  }

  .hero-message {
    inset: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    padding: 0 5px 0 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .hero-message__label {
    margin: 0 0 7px !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
    letter-spacing: .08em !important;
  }

  .hero-message__title {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(22px, 6.4vw, 29px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.035em !important;
    text-wrap: pretty !important;
    overflow-wrap: anywhere !important;
  }

  .hero-message__text {
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 0 !important;
    font-size: 13px !important;
    line-height: 1.38 !important;
    overflow-wrap: anywhere !important;
  }

  /* Ukrywa starsze tło z kaskiem, które wcześniej układało się pod tekstem. */
  .hero::after { display: none !important; }

  .hero__visual {
    display: flex !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 234px !important;
    min-width: 0 !important;
    overflow: visible !important;
    z-index: 1 !important;
  }

  .hero__visual img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    -webkit-mask-image: linear-gradient(to right,
      transparent 0%,
      rgba(0,0,0,.28) 8%,
      rgba(0,0,0,.78) 17%,
      #000 25%,
      #000 86%,
      rgba(0,0,0,.66) 95%,
      transparent 100%) !important;
    mask-image: linear-gradient(to right,
      transparent 0%,
      rgba(0,0,0,.28) 8%,
      rgba(0,0,0,.78) 17%,
      #000 25%,
      #000 86%,
      rgba(0,0,0,.66) 95%,
      transparent 100%) !important;
  }
}

@media (max-width: 390px) {
  .hero .hero__grid.container {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
    min-height: 250px !important;
    padding-left: 11px !important;
    padding-right: 9px !important;
  }

  .hero-rotator,
  .hero-rotator__viewport,
  .hero__visual { height: 226px !important; }

  .hero-message__title { font-size: clamp(21px, 6.2vw, 25px) !important; }
  .hero-message__text { font-size: 12px !important; }
}