/* RWD sklepu (telefon <= 600 px, tablet <= 980 px). Reguły tylko w media query - desktop bez zmian. */

/* żadnego poziomego przewijania strony (karuzele przewijają się wewnątrz własnych kontenerów) */
html, body { overflow-x: clip; }

/* Strony tekstowe Divi (Regulamin, Polityka prywatności, Kontakt...): wąska kolumna z marginesami na każdym ekranie.
   Wiersze z szablonu mają width 100% i padding 0, więc tekst dotykał krawędzi. Wyjątki: strona główna i strony Woo. */
body.page:not(.home):not(.woocommerce-page) #et-boc .et-l--post .et_pb_row,
body.woocommerce-account #et-boc .et-l--post .et_pb_row {
  width: 92% !important;
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.page:not(.home):not(.woocommerce-page) #et-boc .et-l--post .et_pb_text_inner,
body.woocommerce-account #et-boc .et-l--post .et_pb_text_inner { line-height: 1.7; }
body.page:not(.home):not(.woocommerce-page) #et-boc .et-l--post .et_pb_section,
body.woocommerce-account #et-boc .et-l--post .et_pb_section { padding-top: 24px; padding-bottom: 40px; }

@media (max-width: 980px) {
  /* marginesy boczne tam, gdzie rząd Divi dochodzi do krawędzi ekranu: stopka, koszyk, zamówienie, konto */
  #et-boc .et-l--footer .et_pb_row,
  #et-boc .woocommerce-cart .et-l--post .et_pb_row,
  #et-boc .woocommerce-checkout .et-l--post .et_pb_row,
  #et-boc .woocommerce-account .et-l--post .et_pb_row,
  .woocommerce-cart #et-boc .et-l--post .et_pb_row,
  .woocommerce-checkout #et-boc .et-l--post .et_pb_row,
  .woocommerce-account #et-boc .et-l--post .et_pb_row {
    width: auto !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .woocommerce-cart #et-boc .et-l--post .et_pb_text_inner,
  .woocommerce-checkout #et-boc .et-l--post .et_pb_text_inner { padding-left: 0 !important; padding-right: 0 !important; }
}

@media (max-width: 600px) {
  /* karuzela: slajd mieści się w ekranie z wyraźnie widocznym kolejnym (nie 510 px przy ekranie 390) */
  .apple-hero-slide { width: 84vw; height: auto; aspect-ratio: 3 / 2; padding: 18px; }
  .apple-hero-track { gap: 12px; }
  .apple-hero-text { font-size: 15px; }
  .apple-hero-pill { padding: 8px 14px; font-size: 13px; }
  .apple-small-card { width: 62vw; max-width: 240px; height: auto; aspect-ratio: 3 / 2; }

  /* sekcje z hasłem na zdjęciu (strona główna): nagłówki mniejsze, linie się nie nakładają */
  .tk-pojaw .et_pb_module_heading { overflow-wrap: anywhere; }
  .tk-pojaw h2.et_pb_module_heading { font-size: 30px !important; line-height: 1.12 !important; }
  .tk-pojaw h3.et_pb_module_heading { font-size: 19px !important; line-height: 1.25 !important; margin-top: 8px; }
  .tk-pojaw .et_pb_heading { margin-bottom: 14px !important; padding-bottom: 0 !important; }
  .tk-pojaw .et_pb_button { font-size: 16px !important; margin-top: 4px; }

  /* karta produktu: opis i specyfikacja na całą szerokość, etykieta nad wartością */
  .tk-opis { font-size: 15px; }
  .tk-opis-spec > div { grid-template-columns: 1fr; gap: 2px; padding: 10px 0; }
  .et_pb_tabs_controls li a { padding-left: 10px; padding-right: 10px; }
  .et_pb_tab { padding-left: 0 !important; padding-right: 0 !important; }
  .et_pb_all_tabs .et_pb_tab_content { padding-left: 0 !important; padding-right: 0 !important; }

  /* stopka: mniej powietrza, kolumny linków bliżej siebie */
  .et-l--footer .et_pb_section_0_tb_footer { padding-top: 36px; padding-bottom: 24px; }
  .et-l--footer .et_pb_blurb.et_pb_blurb .et_pb_module_header { margin-bottom: 10px; }
  #et-boc .et-l--footer .et_pb_row .et_pb_column { margin-bottom: 22px !important; }
  .et-l--footer .et_pb_row:last-child .et_pb_column:last-child .et_pb_blurb_description { text-align: left !important; }
}

/* elementy dotykowe (ekrany dotykowe): min. ~40 px obszaru klikalnego bez zmiany wyglądu */
@media (max-width: 980px) {
  #et-boc .et_pb_menu .et_pb_menu__icon { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; }
  .et-l--footer ul.tk-stopka-lista li + li { margin-top: 0; }
  .et-l--footer ul.tk-stopka-lista a { display: inline-block; padding: 8px 0; }
  .tk-okruszki__lista a { display: inline-block; padding: 8px 0; }
  .tk-opis a, .et_pb_text_inner a { padding: 2px 0; }
  .woocommerce form .show-password-input { min-width: 40px; min-height: 40px; }
  .woocommerce-widget-layered-nav-list a, .wc-block-components-checkbox label, .yith-wcan-filters a { padding-top: 6px; padding-bottom: 6px; display: inline-block; }
  .apple-btn-link, a.reset_variations, .woocommerce-LostPassword a { display: inline-block; padding: 10px 6px; }
  [class*="wpf_"] li { padding: 4px 0; }
  [class*="wpf_"] li label, [class*="wpf_"] a { display: inline-block; padding: 6px 0; }
  [class*="wpf_"] input[type="checkbox"] { width: 22px; height: 22px; }
}

/* licznik sztuk przy ikonie koszyka: przy ikonie (obszar przycisku jest wysoki), nie nad nagłówkiem */
.tk-licznik { top: calc(50% - 20px); right: -10px; }