/* ===== Mobile fixes for top swiper ===== */

/* tło i wysokość slajdu */
.swiper-container,
.swiper-slide,
.slide-inner {
  height: 100vh;
  min-height: 560px;
}

.slide-inner {
  background-size: cover;
  background-position: center;
}

/* poprawki pod telefon */
@media (max-width: 768px) {
  /* ogranicz szerokość tekstu i dodaj padding */
  .header-text {
    padding: 0 16px;
  }

  /* nagłówek: mniejszy, ciaśniejszy */
  .header-text h2 {
    font-size: 30px !important;
    line-height: 1.1 !important;
  }

  /* jeśli em robi inne rozmiary/kolory, niech nie rozjeżdża wysokości */
  .header-text h2 em {
    font-style: normal;
  }

  .header-text p {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  /* strzałki na mobile przeszkadzają */
  .swiper-button-next,
  .swiper-button-prev {
    display: none !important;
  }

    .buttons {
    display: flex;
    flex-direction: column;   /* jeden pod drugim */
    align-items: center;      /* ŚRODEK */
    gap: 14px;
  }
  /* oba przyciski mają identyczny box */
  .buttons .green-button,
  .buttons .orange-button {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;          /* centrowanie wrappera */
    display: block;
  }

  /* a jako pełna szerokość boxa */
  .buttons .green-button a,
  .buttons .orange-button a {
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;  /* kluczowe przy paddingach/borderach */
  }
  

  .buttons a {
    display: block;
    width: 100%;
    text-align: center;
  }
  .visually-hidden {
  position: absolute;
  left: -9999px;
}
}
/* ===== Center CTA button in simple-cta (mobile) ===== */
@media (max-width: 768px) {

  /* wyłącz globalne ograniczenia dla .buttons tylko w tej sekcji */
  .simple-cta .buttons {
    max-width: none !important;
    width: 100% !important;
    margin: 0 auto !important;
    align-items: center !important;
  }

  /* wrapper przycisku na pełną szerokość i wyśrodkowanie */
  .simple-cta .orange-button {
    max-width: none !important;
    width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    margin-top: 32px !important; /* ~2 linijki tekstu */
  }

  /* sam przycisk – niech ma stałą szerokość i będzie centrowany */
  .simple-cta .orange-button a {
    width: 280px !important;     /* taka sama jak reszta przycisków */
    max-width: 90vw !important;  /* bezpieczeństwo na małych ekranach */
    margin: 0 auto !important;
    display: block !important;
    text-align: center !important;
  }

  /* usuń wpływ <br> */
  .simple-cta .orange-button br {
    display: none !important;
  }
}
/* ===== Fix simple-cta on desktop ===== */
@media (min-width: 769px) {
  .simple-cta .buttons,
  .simple-cta .orange-button {
    width: auto !important;
    max-width: none !important;
    display: block !important;
    margin: 0 !important;
  }

  .simple-cta .orange-button a {
    width: auto !important;
    max-width: none !important;
    display: inline-block !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }
}
@media (min-width: 769px) {
  .simple-cta .buttons {
    display: flex !important;
    justify-content: center !important; /* możesz zmienić na flex-end jeśli chcesz bardziej w prawo */
  }

  .simple-cta .orange-button {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .simple-cta .orange-button a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* zabijamy "kwadrat" */
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    line-height: 1.2 !important;

    /* nadajemy normalny wygląd */
    padding: 14px 34px !important;
    white-space: nowrap !important;
  }
}
@media (min-width: 769px) {
  .simple-cta .orange-button {
    background: transparent !important;
  }
  .simple-cta .orange-button a {
    position: static !important;
    transform: none !important;
  }
}