.elementor-417 .elementor-element.elementor-element-3efbf7c{--display:flex;}.elementor-417 .elementor-element.elementor-element-ac06d10{transition:all 400ms;}/* Start custom CSS for html, class: .elementor-element-ac06d10 *//* ALL-IN-ONE POPRAWKI RWD DLA PODSTRONY VER-PLAST (<= 767px) */
@media screen and (max-width: 767px) {

  /* 1. Zabezpieczenie przed bocznym scrollem strony */
  body, html {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* 2. Sekcja Hero */
  .hero-full-section {
    width: 100% !important;
    left: 0 !important;
    min-height: auto !important;
    margin-bottom: 20px !important;
  }

  .hero-grid-container {
    padding: 30px 15px !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .hero-title {
    font-size: 1.75rem !important;
    line-height: 2.1rem !important;
    word-break: break-word !important;
  }

  .hero-col-right {
    padding: 20px 15px !important;
  }

  .hero-btn-primary {
    width: 100% !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  /* 3. Naprawa nagłówków H2 (np. w sekcji slidera i katalogów PDF) */
  .bg-white.rounded-3xl h2,
  #katalogi-verplast h2,
  h2.text-3xl,
  h2.text-4xl {
    font-size: 1.45rem !important;
    line-height: 1.8rem !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }

  .bg-white.rounded-3xl.shadow-xl,
  #katalogi-verplast {
    padding: 1.25rem 1rem !important;
    border-radius: 20px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 4. PRECYZYJNA NAPRAWA NAPISU "WYKOŃCZENIA DREWNOPODOBNE..." */
  /* Celujemy DOKŁADNIE w nagłówek H3 w kafelku z paletami, nie ruszając reszty H3 na stronie */
  .bg-slate-50\/70 h3 {
    font-size: 0.75rem !important;
    line-height: 1.1rem !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    hyphens: auto !important;
    white-space: normal !important;
  }

  .bg-slate-50\/70 {
    padding: 1rem 0.75rem !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  /* 5. Galeria głównego produktu i próbki kolorów */
  .aspect-\[3\/4\].max-h-\[620px\] {
    max-height: 340px !important;
  }

  .color-box {
    width: 22px !important;
    height: 22px !important;
  }

  /* 6. Schemat kompletacji drzwi */
  .flex.items-center.justify-between.sm\:justify-start.sm\:gap-4 {
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: center !important;
  }

  /* 7. Karuzela Swiper z modelami drzwi */
  .swiper-container-wrapper .swiper {
    padding: 10px 30px 30px 30px !important;
  }

  .swiper-slide {
    height: 340px !important;
  }

  .swiper-button-next, .swiper-button-prev {
    width: 32px !important;
    height: 32px !important;
  }

  .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 12px !important;
  }

  .swiper-button-prev { left: -5px !important; }
  .swiper-button-next { right: -5px !important; }

  /* 8. Przyciski dolne i pobieranie PDF */
  a[href="/katalogi-do-pobrania"],
  #katalogi-verplast a[target="_blank"] {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    padding: 0.85rem 0.5rem !important;
    font-size: 0.75rem !important;
    white-space: normal !important;
    box-sizing: border-box !important;
  }
}/* End custom CSS */