.elementor-681 .elementor-element.elementor-element-e89a4b1{--display:flex;}.elementor-681 .elementor-element.elementor-element-9644e6f{transition:all 400ms;}/* Start custom CSS for html, class: .elementor-element-9644e6f *//* REGULARNE POPRAWKI RWD DLA WYŚWIETLACZY MOBILNYCH (<= 767px) */
@media screen and (max-width: 767px) {

  /* 1. Zabezpieczenie przed rozpychaniem całej strony na boki */
  body, html {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* 2. Dopasowanie Sekcji Hero (Nagłówek główny) */
  .hero-box {
    padding: 2rem 1.25rem !important;
    border-radius: 24px !important;
  }

  .hero-box h1 {
    font-size: 1.85rem !important;
    line-height: 2.3rem !important;
    word-break: break-word !important;
  }

  /* 3. Dopasowanie nagłówków sekcji h2 */
  h2 {
    font-size: 1.6rem !important;
    line-height: 2.1rem !important;
    word-break: break-word !important;
  }

  /* 4. Korekta siatki zdjęć z efektami */
  .lg\:col-span-6 space-y-6 img,
  .group img {
    height: 180px !important;
  }

  .group .h-\[300px\] {
    height: 220px !important;
  }

  /* 5. Przebudowa kafelków usług (zabezpieczenie przed ściskaniem ikon i badge'y) */
  .service-card {
    padding: 1.25rem !important;
    border-radius: 20px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .service-card .w-14 {
    width: 42px !important;
    height: 42px !important;
    font-size: 1.25rem !important;
    margin-bottom: 0.5rem !important;
  }

  .service-card .flex.items-center.justify-between {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.35rem !important;
  }

  .service-card span.text-\[10px\] {
    align-self: flex-start !important;
    white-space: normal !important;
  }

  /* 6. Rozciągnięcie i zawijanie przycisku kontaktowego w CTA */
  a[href^="mailto:"] {
    width: 100% !important;
    font-size: 0.95rem !important;
    padding: 1rem 0.75rem !important;
    word-break: break-all !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
}/* End custom CSS */