/* Kreator na telefonie (Adrian 1.10, pkt 11b): nad podglądem nie ma nic poza jednym przyciskiem
   „Przejdź do części strony”, który zjeżdża do belek części pod podglądem. Wstęp, pasek kroków,
   „Twój zestaw” i Wstecz/Dalej są schowane; Styl całej strony (kolory, czcionki) stoi pod podglądem,
   zawsze widoczny. Krok „Twoja firma” (klasa ww-firma) wraca do zwykłego układu; wejście do niego
   to link pod belkami. Na komputerze i bez JavaScriptu (pytania kroków zostają) nic się nie zmienia. */
.ww-mobil-czesci,.ww-mobil-firma{display:none}
@media(max-width:700px){
  .ww-kreator.ww-js:not(.ww-firma) :is(.ww-wstep,.ww-prowadzenie,.ww-etapy){display:none}
  .ww-kreator.ww-js:not(.ww-firma) .ww-pracownia{grid-template-areas:'skok' 'podglad' 'styl' 'kafle'}
  .ww-kreator.ww-js.ww-kroki-ukryte:not(.ww-firma) .ww-styl{display:flex}
  .ww-kreator.ww-js:not(.ww-firma) .ww-mobil-czesci{grid-area:skok;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 18px;border-radius:12px;background:var(--ink,#191d16);color:#fff;font:800 16px/1.2 'Manrope',sans-serif;text-decoration:none}
  .ww-mobil-czesci:focus-visible,.ww-mobil-firma:focus-visible{outline:3px solid #5839c8;outline-offset:3px}
  .ww-kreator.ww-js:not(.ww-firma) .ww-mobil-firma{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:20px 0 0;padding:10px 16px;border:1px solid var(--ink,#191d16);border-radius:12px;color:var(--ink,#191d16);font:800 15px 'Manrope',sans-serif;text-decoration:none}
  .ww-okienka-strefa{scroll-margin-top:12px}
}
/* Panel kroków przeniesiony pod belki (wybor-mobil.js): lista części z kolejnością i koszem. */
.ww-mobil-uklad[hidden]{display:none}
.ww-mobil-uklad{margin:28px 0 0;padding-top:16px;border-top:1px solid var(--line)}
.ww-mobil-uklad h3{margin:0 0 12px;font:800 17px/1.25 'Manrope',sans-serif;letter-spacing:-.02em}