/* /pricing — hero i sekcja pomocy 1:1 z web/ .p-hero(--center)/.help-card, style
   dedykowanego szablonu ofertowego web/content/offers.json (typ "cennik"), NIE tego
   samego bloku co landing #cennik (który używa .head/.section — patrz onboarding.css
   i onboarding-landing.css). .price-grid/.plan/.bill i segmenty (.seg-grid) są wspólne
   z landing, więc są w onboarding.css. */
/* Baza .p-hero (padding/max-width/margin/h1) — we wspólnym onboarding.css, bo teraz
   używana też przez wariant split na /no-commission (onboarding-offer.css).
   .p-hero--center/.p-hero__col/.p-hero__glow — analogicznie we wspólnym onboarding.css,
   nie tu — używane też przez /online-ordering. */

.help-card{max-width:var(--shell);margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;box-shadow:var(--sh-lg)}
.help-card__tx{display:flex;flex-direction:column;gap:14px;padding:24px}
.help-card__tx p{font-size:16px;line-height:1.6;color:var(--muted-2);max-width:440px}
.help-card__img{border-radius:16px;overflow:hidden;aspect-ratio:4/3}
.help-card__img img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:820px){.help-card{grid-template-columns:1fr;gap:0}.help-card__tx{padding:20px 20px 8px}}