.elementor-105465 .elementor-element.elementor-element-5f43386{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-c252bff *//* =========================================================
   SZERSZY UKŁAD BERRYTECH NA TELEFONACH
   Wklej na samym końcu sekcji <style>
   ========================================================= */

@media (max-width: 767px) {

  /*
   * Główny artykuł zajmuje prawie całą szerokość ekranu.
   * Zostawiamy tylko 6 px odstępu po każdej stronie.
   */
  .cf-postharvest {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow-x: hidden;
  }

  .cf-postharvest .cf-shell {
    width: calc(100% - 12px) !important;
    max-width: none !important;
    margin-left: 6px !important;
    margin-right: 6px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .cf-postharvest .cf-narrow,
  .cf-postharvest .cf-layout,
  .cf-postharvest .cf-layout > main {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /*
   * Elementor i motyw często dodają własne boczne paddingi.
   * Te reguły usuwają je tylko wokół kodu BerryTech.
   */
  .elementor-widget-html:has(.cf-postharvest),
  .elementor-widget-html:has(.cf-postharvest) > .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .e-con:has(.cf-postharvest),
  .e-con-inner:has(.cf-postharvest),
  .elementor-container:has(.cf-postharvest),
  .elementor-column:has(.cf-postharvest),
  .elementor-column-wrap:has(.cf-postharvest),
  .elementor-widget-wrap:has(.cf-postharvest) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /*
   * Sekcje i nagłówki z mniejszymi odstępami mobilnymi.
   */
  .cf-postharvest .cf-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .cf-postharvest .cf-hero {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .cf-postharvest .cf-hero .cf-shell {
    width: calc(100% - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  /*
   * Główna treść może być szersza,
   * ale elementy tekstowe zachowują minimalny oddech.
   */
  .cf-postharvest .cf-article-section {
    width: 100% !important;
    padding-left: 6px;
    padding-right: 6px;
  }

  /*
   * Zdjęcia i wideo wykorzystują całą szerokość.
   */
  .cf-postharvest .cf-media-placeholder,
  .cf-postharvest .cf-video-placeholder,
  .cf-postharvest .cf-table-wrap {
    width: calc(100% + 12px);
    max-width: none;
    margin-left: -6px;
    margin-right: -6px;
  }

  .cf-postharvest .cf-media-placeholder img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
  }

  /*
   * Cytaty i boksy bez nadmiernego zwężania.
   */
  .cf-postharvest .cf-quote,
  .cf-postharvest .cf-callout,
  .cf-postharvest .cf-legal {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}/* End custom CSS */