/* Dönerhaus: geometry from the original 1086 × 1448 menu. */
body[data-design="doener"] { --ink:#121710; --muted:#22251e; --brass:#a01512; --line:#ac9365; }
/* Keep supporting content legible against this design's dark outer background. */
body[data-design="doener"] .menu-end { --muted:#e0d5c4; color:#e0d5c4; }
body[data-design="doener"] .service-note,
body[data-design="doener"] .designs-heading .eyebrow,
body[data-design="doener"] .designs-heading p { color:#e0d5c4; }
body[data-design="doener"] .designs-heading { color:#fff0ce; }
body[data-design="doener"] .card-intro { inset:0 0 auto; width:100%; height:25.2%; }
body[data-design="doener"] h1 { height:100%; }
.doener-brand { position:absolute; inset:0; display:block; width:100%; height:auto; overflow:visible; }
.doener-name,.doener-haus { fill:#fff0ce; font:400 200px 'Anton',Impact,sans-serif; }
.doener-e { fill:#fff0ce; font:400 104px 'Anton',Impact,sans-serif; }
.doener-haus { fill:#ffc64b; }
.doener-name,.doener-e { stroke:#fff0ce; stroke-width:1.2px; paint-order:stroke fill; }
.doener-haus { stroke:#ffc64b; stroke-width:1.2px; paint-order:stroke fill; }
body[data-design="doener"] .card-intro > p { position:absolute; left:0; top:0; width:100%; margin:0; color:#0b100c; font-style:normal; }
.doener-subtitle { display:block; width:100%; height:auto; overflow:visible; }
.doener-subtitle text { fill:#0b100c; font:700 76px 'Allura',cursive; stroke:#0b100c; stroke-width:.8px; paint-order:stroke fill; }
body[data-design="doener"] .group-heading { position:relative; isolation:isolate; }
body[data-design="doener"] .group-heading::before { content:''; position:absolute; z-index:-1; top:0; left:-4cqw; right:1.5cqw; height:7.9cqw; background:#8f120e; mask:url('./assets/doener-brush-doener.svg') 0 0/100% 100% no-repeat; transform:scaleY(1.2); transform-origin:center; }
body[data-design="doener"] .group-2 .group-heading::before { mask-image:url('./assets/doener-brush-grill.svg'); }
body[data-design="doener"] .group-3 .group-heading::before { mask-image:url('./assets/doener-brush-getraenke.svg'); }
body[data-design="doener"] .group-heading h2 { background:none; color:#fff0ce; clip-path:none; transform:none; padding:0; text-align:left; font:700 5.4cqw/1.05 'Roboto Condensed',Arial,sans-serif; letter-spacing:.01em; }
@media(min-width:601px) {
 body[data-design="doener"] .paper { --add-size:4.42cqw; }
 body[data-design="doener"] .group-1 { top:26.5%; left:32.23%; width:45.77%; }
 body[data-design="doener"] .group-2 { top:55.58%; left:32.5%; width:45.5%; }
 body[data-design="doener"] .group-3 { top:81.7%; left:32.5%; width:45.5%; }
 body[data-design="doener"] .group-heading { height:9.1cqw; min-height:0; margin:0; align-items:start; }
 body[data-design="doener"] .group-2 .group-heading { height:9.5cqw; }
 body[data-design="doener"] .group-3 .group-heading { height:10.2cqw; }
 body[data-design="doener"] .group-2 .group-heading::before,
 body[data-design="doener"] .group-3 .group-heading::before { width:40cqw; right:auto; }
 body[data-design="doener"] .group-2 h2 { font-size:6cqw; }
 body[data-design="doener"] .group-1 h2 { font-size:5.6cqw; }
 body[data-design="doener"] .group-3 h2 { font-size:5.7cqw; }
 body[data-design="doener"] .dish { height:9.12cqw; min-height:0; padding:0; border-bottom:1px solid #b6a482; }
 body[data-design="doener"] .dish:first-child { height:7.65cqw; }
 body[data-design="doener"] .dish + .dish { padding-top:1.47cqw; }
 body[data-design="doener"] .dish:last-child { border:0; }
 body[data-design="doener"] .dish h3 { font:700 3.5cqw/1.1 'Roboto Condensed',Arial,sans-serif; }
 body[data-design="doener"] .ingredients { font:400 2.2cqw/1.2 'Roboto Condensed',Arial,sans-serif; margin:.2cqw 0 0; white-space:nowrap; }
 body[data-design="doener"] .price { font:700 3.25cqw/1.15 'Roboto Condensed',Arial,sans-serif; }
 body[data-design="doener"] .dish-actions { gap:2cqw; }
 body[data-design="doener"] .dish-add { font:700 3.8cqw/1 Arial,sans-serif; }
 body[data-design="doener"] .group-3 .ingredients { display:none; }
}
@media(max-width:600px) {
 body[data-design="doener"] .card-intro { top:0; }
 body[data-design="doener"] .paper { padding-top:38cqw; }
 body[data-design="doener"] .menu-group { padding:6px; }
 body[data-design="doener"] .group-heading { min-height:30px; margin-bottom:10px; }
 body[data-design="doener"] .group-heading::before { left:-4cqw; right:-1cqw; height:8cqw; }
 body[data-design="doener"] .group-heading h2,
 body[data-design="doener"] .group-1 h2 { font-size:4.8cqw; padding:0; }
 body[data-design="doener"] .group-2 h2,
 body[data-design="doener"] .group-3 h2 { font-size:5.6cqw; }
 body[data-design="doener"] .dish h3 { font-size:16px; }
 body[data-design="doener"] .price { font-size:16px; }
 body[data-design="doener"] .ingredients { font-size:12px; }
 body[data-design="doener"] .group-3 .ingredients { display:none; }
}
/* SVG baselines are calculated from the font's actual ink bounds in menu-v2.js. */
body[data-design="doener"] .group-heading h2 { position:absolute; inset:0 0 auto; width:100%; margin:0; padding:0; line-height:1; }
.doener-category { display:block; width:100%; height:100%; overflow:visible; }
.doener-category text { font:inherit; fill:currentColor; letter-spacing:inherit; stroke:currentColor; stroke-width:.16cqw; paint-order:stroke fill; }
body[data-design="doener"] .dish h3 { -webkit-text-stroke:.045cqw currentColor; }
body[data-design="doener"] .price { -webkit-text-stroke:.035cqw currentColor; }
@media(min-width:601px) {
 body[data-design="doener"] .group-3 .doener-category text { transform:translateX(1.5cqw); }
}