/* Karta produktu na telefonie (spotkanie 29.10): mniej miejsca na plywajace elementy.
   Przed: nawigacja sekcji 45 px + pasek Do koszyka 125 px + dolne menu 82 px = 31% ekranu 375x812.
   Pasek: warianty w jednej linii (pojemnosc + cena obok siebie), nizszy przycisk.
   Dolne menu (MENU / SZUKAJ / KONTO / KOSZYK) nizsze tylko na karcie produktu.
   Uzupelnia zewsi-pasek-koszyk-4.css i zewsi-warianty-pasek-3.css, ich nie zmienia. */
@media (max-width:639px){
  body.single-product .zw-atc__in{row-gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom))}
  body.single-product .zw-atc__opcje{gap:6px}
  body.single-product .zw-atc__cecha{gap:6px}
  body.single-product .zw-atc__opcja{flex-direction:row;gap:5px;min-height:34px;padding:4px 6px;border-radius:10px;font-size:13px}
  body.single-product .zw-atc__opcja small{font-size:12px}
  body.single-product .zw-atc__cena{font-size:16px}
  body.single-product .zw-atc__btn{height:42px;font-size:12px;letter-spacing:.06em}

  /* dolne menu nizsze: mniejsze odstepy i ikony, podpisy zostaja */
  body.single-product [id="footer#2"].uk-section{padding-top:5px !important;padding-bottom:calc(5px + env(safe-area-inset-bottom)) !important}
  body.single-product [id="footer#2"] .jdev-micon__trigger{height:30px}
  body.single-product [id="footer#2"] svg{width:24px;height:24px}

  /* nawigacja sekcji: nizsza pigulka */
  body.zw-karta-nowa #dynamic-navigation-mobile a{padding:6px 14px !important}
}