.elementor-433 .elementor-element.elementor-element-b0c3cb3{--display:flex;}.elementor-433 .elementor-element.elementor-element-53c38e2{transition:all 400ms;}/* Start custom CSS for html, class: .elementor-element-53c38e2 *//* ALL-IN-ONE POPRAWKI RWD DLA PODSTRONY USŁUG MONTAŻU DRZWI WEWNĘTRZNYCH (<= 767px) */
@media screen and (max-width: 767px) {

  /* 1. Zabezpieczenie przed bocznym scrollem całej strony */
  body, html {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* 2. Dopasowanie sekcji 1 (Wprowadzenie & Zdjęcia na zakładkę) */
  section.py-20 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  /* Dopasowanie proporcji zdjęć w ramce kolumnowej */
  .min-h-\[460px\] {
    min-height: 380px !important;
  }

  .w-\[85\%\] img.h-\[360px\] {
    height: 260px !important;
  }

  .w-\[70\%\] img.h-\[240px\] {
    height: 180px !important;
  }

  /* Ukrycie/zmniejszenie badge'a Lider, żeby nie zasłaniał głównego kadru na małych ekranach */
  .absolute.top-4.right-2.w-40 {
    width: 110px !important;
    padding: 0.65rem 0.5rem !important;
    border-radius: 18px !important;
    top: -10px !important;
    right: 0px !important;
  }

  .absolute.top-4.right-2.w-40 .w-12 {
    width: 2rem !important;
    height: 2rem !important;
    font-size: 0.85rem !important;
    margin-bottom: 0.25rem !important;
  }

  .absolute.top-4.right-2.w-40 span {
    font-size: 9px !important;
  }

  /* 3. Skalowanie głównych nagłówków H1/H2 i paddingów kafelków */
  h1 span.text-2xl,
  h1 span.text-3xl,
  h2.text-4xl,
  h2.text-5xl {
    font-size: 1.45rem !important;
    line-height: 1.8rem !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }

  .bg-white.p-8,
  .bg-white.p-8.md\:p-10,
  .bg-white.p-8.md\:p-12 {
    padding: 1.25rem 1rem !important;
    border-radius: 20px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 4. Dopasowanie kafelków marek (Erkado & Ver-Plast) i usunięcie sztywnej wysokości zdjęć na mobilce */
  .service-card {
    padding: 1.25rem 1rem !important;
    border-radius: 20px !important;
    margin-bottom: 1rem !important;
  }

  .service-card .h-60 {
    height: 180px !important;
  }

  .service-card h3 {
    font-size: 1.25rem !important;
    line-height: 1.6rem !important;
    word-break: break-word !important;
  }

  /* 5. Dopasowanie siatki usług (Jak realizujemy zamówienia) */
  .grid-cols-1.md\:grid-cols-2.lg\:grid-cols-4,
  .grid-cols-1.md\:grid-cols-3 {
    gap: 1rem !important;
  }

  /* 6. Sekcja Dlaczego My i miniaturki zdjęć */
  .lg\:col-span-6 .h-\[360px\] {
    height: 220px !important;
  }

  .lg\:col-span-6 .h-\[200px\] {
    height: 130px !important;
  }

  /* 7. Przycisk 'Zamów pomiar' i odznaczenia */
  .bg-\[\#f8f9fc\].p-6.rounded-\[24px\] {
    padding: 1rem !important;
  }

  a[href="/kontakt"] {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    white-space: normal !important;
  }
}/* End custom CSS */