/* Mezze & Grill, variant 4: source composition 1086 × 1448. */
body[data-design="mezze"] { --ink:#11150e; --muted:#25251b; --accent:#73110c; --brass:#b78120; }
body[data-design="mezze"] .card-intro { inset:0 0 auto; width:100%; height:22.8%; }
body[data-design="mezze"] h1 { position:absolute; left:24.86%; top:6.7cqw; height:auto; margin:0; color:#74110d; font:700 8.2cqw/1 'Times New Roman',serif; font-variant:small-caps; text-transform:none; letter-spacing:-.025em; white-space:nowrap; }
body[data-design="mezze"] h1 .mezze-amp { font-size:.79em; }
body[data-design="mezze"] .card-intro > p { position:absolute; left:25.3%; top:18.8cqw; width:auto; margin:0; color:#74110d; font:400 8.7cqw/1.05 'Allura',cursive; white-space:nowrap; }
.mezze-brand-ornament { position:absolute; left:34.35%; top:11.33%; width:30.75%; height:3.45%; display:flex; align-items:center; gap:1.3cqw; pointer-events:none; }
.mezze-brand-ornament span { flex:1; height:1px; background:#744923; }
.mezze-brand-ornament img { width:8.75cqw; height:4.6cqw; }
.mezze-divider { position:absolute; left:46.32%; top:40.67%; width:16.4%; border-top:1px solid #7b3825; pointer-events:none; }
body[data-design="mezze"] .group-heading { position:relative; isolation:isolate; }
body[data-design="mezze"] .group-heading::before { content:''; position:absolute; z-index:-1; left:-1.56cqw; top:0; width:26.9cqw; height:5.15cqw; background:linear-gradient(95deg,#d8a132,#e0ae43 65%,#d7a13b); mask:url('./assets/mezze-vorspeisen.svg') 0 0/100% 100% no-repeat; }
body[data-design="mezze"] .group-2 .group-heading::before { left:-3.2cqw; width:25.7cqw; mask-image:url('./assets/mezze-grill.svg'); }
body[data-design="mezze"] .group-3 .group-heading::before { left:-3.59cqw; width:26.8cqw; mask-image:url('./assets/mezze-vegetarisch.svg'); }
body[data-design="mezze"] .group-4 .group-heading::before { left:-2.2cqw; width:19.43cqw; mask-image:url('./assets/mezze-dessert.svg'); }
body[data-design="mezze"] .group-heading h2 { position:absolute; inset:0 0 auto; width:100%; margin:0; padding:0; background:none; clip-path:none; transform:none; font:700 3.2cqw/1 'Times New Roman',serif; letter-spacing:0; color:#171405; }
.mezze-category { display:block; width:100%; height:100%; overflow:visible; }
.mezze-category text { font:inherit; fill:currentColor; transform:translateX(1.8cqw) scaleX(.88); }
body[data-design="mezze"] .group-2 .mezze-category text { transform:translateX(.5cqw) scaleX(.88); }
body[data-design="mezze"] .group-3 .mezze-category text { transform:translateX(-.5cqw) scaleX(.88); }
body[data-design="mezze"] .group-4 .mezze-category text { transform:translateX(1cqw) scaleX(.88); }
.mezze-skewer,.mezze-cake { position:absolute; display:block; pointer-events:none; }
.mezze-skewer { left:19.8cqw; top:1.2cqw; width:11.97cqw; height:4.42cqw; }
.mezze-cake { left:17.68cqw; top:-.2cqw; width:8.29cqw; height:5.89cqw; }
@media(min-width:601px) {
 body[data-design="mezze"] .paper { --add-size:3.95cqw; }
 body[data-design="mezze"] .group-1 { left:36.83%; top:23.27%; width:55.9%; }
 body[data-design="mezze"] .group-2 { left:39.87%; top:42.45%; width:53.4%; }
 body[data-design="mezze"] .group-3 { left:40.33%; top:61.25%; width:52.94%; }
 body[data-design="mezze"] .group-4 { left:43.65%; top:73.34%; width:48.16%; }
 body[data-design="mezze"] .group-heading { height:5.5cqw; min-height:0; margin:0; }
 body[data-design="mezze"] .group-2 .group-heading { height:5.6cqw; }
 body[data-design="mezze"] .group-3 .group-heading,
 body[data-design="mezze"] .group-4 .group-heading { height:5.7cqw; }
 body[data-design="mezze"] .dish { height:8.3cqw; min-height:0; padding:0; border:0; }
 body[data-design="mezze"] .dish h3 { font:700 3.7cqw/1.1 'Times New Roman',serif; }
 body[data-design="mezze"] .price { font:700 3.7cqw/1.1 'Times New Roman',serif; }
 body[data-design="mezze"] .ingredients { font:400 2.45cqw/1.15 'Times New Roman',serif; margin:.25cqw 0 0; white-space:nowrap; }
 body[data-design="mezze"] .dish-actions { gap:2.7cqw; }
 body[data-design="mezze"] .group-4 .dish-actions { gap:2.3cqw; }
 body[data-design="mezze"] .dish-add { font:700 3.25cqw/1 Arial,sans-serif; }
}
@media(max-width:600px) {
 body[data-design="mezze"] .card-intro { top:0; }
 body[data-design="mezze"] .paper { padding-top:33cqw; }
 body[data-design="mezze"] .mezze-brand-ornament { top:15.1cqw; height:4.6cqw; }
 body[data-design="mezze"] .mezze-divider { display:none; }
 body[data-design="mezze"] .menu-group { left:36%; width:58%; }
 body[data-design="mezze"] .group-4 { left:41%; width:53%; }
 body[data-design="mezze"] .group-heading { min-height:8cqw; margin-bottom:8px; }
 body[data-design="mezze"] .group-heading::before { height:7cqw; width:36cqw; left:-1.5cqw; }
 body[data-design="mezze"] .group-2 .group-heading::before { width:35cqw; }
 body[data-design="mezze"] .group-3 .group-heading::before { width:40cqw; }
 body[data-design="mezze"] .group-4 .group-heading::before { width:28cqw; }
 body[data-design="mezze"] .group-heading h2 { font-size:4.3cqw; padding:0; }
 body[data-design="mezze"] .group-2 .mezze-category text,
 body[data-design="mezze"] .group-3 .mezze-category text { transform:translateX(1.5cqw) scaleX(.88); }
 body[data-design="mezze"] .mezze-skewer { left:32cqw; top:2cqw; width:12cqw; }
 body[data-design="mezze"] .mezze-cake { left:27cqw; top:0; width:9cqw; height:7cqw; }
 body[data-design="mezze"] .dish { padding:5px 0 9px; border:0; }
 body[data-design="mezze"] .dish h3 { font:700 17px/1.15 'Times New Roman',serif; }
 body[data-design="mezze"] .price { font:700 17px/1.15 'Times New Roman',serif; }
 body[data-design="mezze"] .ingredients { font:400 14px/1.25 'Times New Roman',serif; }
}