/* /online-ordering — 1:1 z web/lib/offer_render.php render_offer_system() +
   web/content/offers.json (slug "system-zamowien-online", typ "system"). Trasa
   /online-ordering zamiast polskiego sluga z web/, ustalona z użytkownikiem (jak
   /no-commission, /about-us). .p-hero/.p-hero--center, .stat-strip, .ai-card/
   .pays-row, .feat-grid, .ctaband — już wspólne w onboarding.css (patrz komentarze
   tam), tu wyłącznie elementy nowe/unikalne dla tej strony. */

/* Zrzut ekranu panelu w hero (--center) — 1:1 z web/ .p-hero__shot, nieużywane
   nigdzie indziej (/pricing --center nie ma obrazka w hero). */
.p-hero__shot{position:relative;margin-top:26px;width:100%;max-width:920px;height:auto;border-radius:16px;filter:drop-shadow(0 34px 60px rgba(26,23,18,.28))}

/* Karty funkcji z filmem demo — .func-card zamiast .feat-card z web/, bo .feat-card
   jest już w tym projekcie zajęte przez wariant ikona+tekst (bez wideo) z /pricing i
   /no-commission — kolizja nazw, nie decyzja stylistyczna. Współdzieli kontener
   .feat-grid (onboarding.css). */
.func-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}
.func-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}
.func-card__media{aspect-ratio:16/10;overflow:hidden;background:var(--bg);border-bottom:1px solid var(--line)}
.func-card__media video,.func-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.func-card__body{padding:22px;display:flex;flex-direction:column;gap:10px}
.func-card__body h3{font-size:18px;line-height:1.3;color:var(--ink)}
.func-card__body p{font-size:14px;line-height:1.55;color:var(--muted-2)}

/* Statystyki w ciemnej karcie .ai-card (druga kolumna zamiast .ai-list/.demo z
   landing) — 1:1 z web/ .band-stats/.band-stat, nieużywane nigdzie indziej. */
.band-stats{display:flex;flex-direction:column;gap:14px;position:relative}
.band-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px 20px}
.band-stat b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:16px;color:#fff}
.band-stat span{font-size:13.5px;color:#c9c1b2;margin-top:4px;display:block}