.elementor-419 .elementor-element.elementor-element-20a894a{--display:flex;}.elementor-419 .elementor-element.elementor-element-a705820{transition:all 400ms;}/* Start custom CSS for html, class: .elementor-element-a705820 *//* ALL-IN-ONE POPRAWKI RWD DLA PODSTRONY DRZWI WEWNĄTRZLOKALOWYCH (<= 767px) */
@media screen and (max-width: 767px) {

  /* 1. Zapobieganie bocznemu przewijaniu ekranu */
  body, html {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* 2. Dopasowanie sekcji Hero na smartfonach */
  .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. Skalowanie głównych nagłówków H2 i kontenerów */
  .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. Siatka próbników kolorów/dekorów na telefonie */
  .bg-slate-50\/70 h3 {
    font-size: 0.75rem !important;
    line-height: 1.15rem !important;
    word-break: break-word !important;
  }

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

  .bg-slate-50\/70 .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

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

  /* 5. Skalowanie kadru głównego zdjęcia i miniatur */
  .aspect-\[3\/4\].max-h-\[620px\] {
    max-height: 340px !important;
  }

  /* 6. Przyciski pobierania PDF w sekcji dolnej */
  #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 */