/* Vegan catering: the teaser on the main page and the /vegaani menu. Uses the tokens from flow/base.css. */
.vg-teaser{max-width:1120px;margin:0 auto;padding:44px 24px 0}
.vg-teaser-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);background:#fff;border:1px solid var(--line);align-items:stretch}
.vg-teaser img{width:100%;height:100%;min-height:240px;object-fit:cover;display:block}
.vg-teaser-body{padding:clamp(22px,3.4vw,40px);display:flex;flex-direction:column;justify-content:center;gap:10px}
.vg-teaser h2{font:500 clamp(32px,3.6vw,46px)/1.05 var(--serif);margin:0}
.vg-teaser p{margin:0;color:var(--muted)}
.vg-teaser .vg-btn{align-self:flex-start;margin-top:8px;background:var(--navy);color:#fff;padding:13px 20px;font-weight:700;text-decoration:none}
.vg-teaser .vg-btn:hover{background:var(--deep)}
.vg .vg-lead{max-width:760px;color:var(--muted);margin:-10px 0 24px}
.vg .vg-sub{font:600 clamp(26px,3vw,34px)/1.1 var(--serif);margin:30px 0 14px}
.vg-dishes,.vg-packs{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.vg-dishes{grid-template-columns:repeat(2,minmax(0,1fr))}
.vg-packs{grid-template-columns:repeat(2,minmax(0,1fr))}
.vg-dish{display:flex;gap:14px;background:#fff;border:1px solid var(--line);padding:14px}
.vg-dish img{width:104px;height:104px;object-fit:cover;flex:none}
.vg-dish h3,.vg-pack h3{font:600 24px/1.15 var(--serif);margin:0 0 4px}
.vg-dish p,.vg-pack p{margin:0 0 6px;font-size:15px}
.vg-role{color:var(--muted);font-size:13px!important}
.vg-soon{background:#faf8f3;border-style:dashed}
.vg-pack{background:#fff;border:1px solid var(--line);padding:20px 20px 18px;display:flex;flex-direction:column}
.vg-tag{font-weight:600;color:var(--navy)}
.vg-facts{color:var(--muted);font-size:14px!important}
.vg-pack .vg-price{font:600 26px/1.1 var(--serif);margin:6px 0 4px;color:var(--navy)}
.vg-note{color:var(--muted);font-size:13px!important}
.vg-cta{margin-top:auto;align-self:flex-start;background:var(--navy);color:#fff;padding:12px 18px;font-weight:700;text-decoration:none}
.vg-cta:hover{background:var(--deep)}
.vg-cta-ghost{background:#fff;color:var(--navy);border:1px solid var(--navy)}
.vg-cta-ghost:hover{background:#f5f2eb}
.vg-foot{margin-top:22px;color:var(--muted);font-size:14px;max-width:820px}
@media(max-width:800px){.vg-teaser-in,.vg-dishes,.vg-packs{grid-template-columns:1fr}.vg-teaser{padding:30px 16px 0}.vg-dish img{width:84px;height:84px}}