/* Mobil optimalizálás: töltők listája és töltő-adatlap. Csak media query-kben él, a desktop (>=1100px) érintetlen. */
@media (max-width: 900px) {
  /* --- lista: overflow ellen --- */
  .pz2-stgrid { grid-template-columns: minmax(0, 1fr); }
  .pz2-stcard, .pz2-stcard__head, .pz2-stcard__name, .pz2-stcard__name > div { min-width: 0; }
  .pz2-stcard__name h2, .pz2-stcard__name span { max-width: 100%; }
  .pz2-stcard__specs { gap: 12px; }
  .pz2-stcard__specs small, .pz2-st-fact small { font-size: 12px; }
  .pz2-stcard__specs b { overflow-wrap: anywhere; }
  body.pz2 .pz2-stcard__btn { display: flex; align-items: center; justify-content: center; min-height: 48px; font-size: 14px; }

  /* --- szűrősáv: egymás alá, nagy érintési célok --- */
  .pz2-filterbar { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 12px; padding: 16px; }
  .pz2-filterbar > * { min-width: 0; max-width: 100%; }
  .pz2-filterbar__search { flex: 0 0 auto; min-height: 48px; padding: 0 12px; }
  .pz2-filterbar__search input { font-size: 16px; min-height: 44px; }
  .pz2-filterbar__city select { width: 100%; min-height: 48px; font-size: 16px; }
  .pz2-chips { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin: 0 -4px; padding: 2px 4px; }
  .pz2-chips::-webkit-scrollbar { display: none; }
  .pz2-chip { flex: 0 0 auto; min-height: 44px; padding: 10px 18px; font-size: 14px; white-space: nowrap; }

  /* --- lapozó --- */
  .pz2-pager { gap: 8px; }
  .pz2-pager__btn { min-width: 44px; min-height: 44px; padding: 10px 14px; }
  .pz2-pager__btn:first-child, .pz2-pager__btn:last-child { padding: 10px 14px; }

  /* --- adatlap --- */
  .pz2-st-crumbs { font-size: 14px; gap: 4px 8px; align-items: center; }
  body.pz2 .pz2-st-crumbs a { display: inline-flex; align-items: center; min-height: 44px; }
  body.pz2 .pz2-st-addr a { display: inline-flex; align-items: center; min-height: 44px; }
  body.pz2 .pz2-st-links { flex-direction: column; align-items: stretch; gap: 0; }
  body.pz2 .pz2-st-links span { display: none; }
  body.pz2 .pz2-st-links a { display: flex; align-items: center; justify-content: center; min-height: 48px; border: 1px solid var(--pz2-border); border-radius: 10px; background: #fff; margin-bottom: 8px; }
  .pz2-st-howto ol { font-size: 15px; }
}
@media (max-width: 560px) {
  .pz2-stcard { padding: 16px; gap: 14px; }
  .pz2-stcard__specs { flex-wrap: wrap; }
  .pz2-stcard__specs > div { flex: 1 1 calc(33% - 12px); }
  .pz2-st-fact { padding: 16px; }
  .pz2-st-howto { padding: 24px 20px; }
  .pz2-st-howto ol { padding-left: 20px; }
  .pz2-st-fact b { font-size: 16px; }
  .pz2-st-head h1 { overflow-wrap: anywhere; }
}