/* /online-menu-website — 1:1 z web/lib/offer_render.php render_offer_strona() +
   web/content/offers.json (slug "strona-www-restauracji", typ "strona"). Trasa
   /online-menu-website zamiast polskiego sluga z web/, ustalona z użytkownikiem (jak
   /no-commission, /online-ordering). .p-hero (wariant split)/.p-hero__art, .chips,
   .ai-card/.ai-list, marquee, .ctaband są już wspólne (onboarding.css) — patrz
   online-menu-website.blade.php. */

/* Naprzemienne wiersze funkcji (tekst + film/obraz) — 1:1 z web/ .vrows/.vrow, tu
   po raz pierwszy w projekcie (offer_vrow() w web/ nieużywane wcześniej). */
.vrows{display:flex;flex-direction:column;gap:28px}
.vrow{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px;overflow:hidden}
.vrow--flip .vrow__tx{order:2}
.vrow__tx{display:flex;flex-direction:column;gap:12px}
.vrow__tx h3{font-size:23px;line-height:1.25;color:var(--ink)}
.vrow__tx p{font-size:15.5px;line-height:1.65;color:var(--muted)}
.vrow__media{border-radius:14px;overflow:hidden;background:var(--bg);border:1px solid var(--line);aspect-ratio:16/10}
.vrow__media video,.vrow__media img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:860px){
    .vrow{grid-template-columns:1fr;gap:20px;padding:22px}
    .vrow--flip .vrow__tx{order:0}
    .vrow__tx h3{font-size:20px}
}