/* v98 — hero mobilne: dwa rozdzielone obszary bez nakładania */
@media (max-width: 680px) {
  .hero {
    position: relative;
    overflow: hidden;
  }

  .hero__grid {
    min-height: 270px !important;
    padding: 18px 0 !important;
    align-items: center !important;
  }

  .hero__content {
    width: 51% !important;
    max-width: 51% !important;
    flex: 0 0 51% !important;
    overflow: hidden;
  }

  .hero-rotator,
  .hero-rotator__viewport {
    width: 100% !important;
    min-height: 230px !important;
  }

  .hero-message {
    width: 100%;
    padding: 0 7px 0 0;
    justify-content: center;
    overflow-wrap: anywhere;
  }

  .hero-message__label {
    margin-bottom: 5px;
    font-size: 8px;
    line-height: 1.25;
  }

  .hero-message__title {
    width: 100%;
    max-width: 100%;
    font-size: clamp(19px, 5.5vw, 23px);
    line-height: 1.1;
    letter-spacing: -.025em;
    text-wrap: wrap;
    overflow-wrap: break-word;
  }

  .hero-message__text {
    width: 100%;
    max-width: 100%;
    margin-top: 8px;
    font-size: 11px;
    line-height: 1.4;
    overflow-wrap: break-word;
  }

  .hero::after {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: 47% !important;
    height: 100% !important;
    background-size: contain !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    opacity: 1 !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    clip-path: inset(0 0 0 0);
  }
}

@media (max-width: 390px) {
  .hero__grid {
    min-height: 260px !important;
    padding-block: 15px !important;
  }

  .hero__content {
    width: 52% !important;
    max-width: 52% !important;
    flex-basis: 52% !important;
  }

  .hero-rotator,
  .hero-rotator__viewport {
    min-height: 230px !important;
  }

  .hero-message__title {
    font-size: clamp(18px, 5.4vw, 21px);
  }

  .hero-message__text {
    font-size: 10.5px;
    line-height: 1.38;
  }

  .hero::after {
    width: 46% !important;
  }
}