/* domenu: листы меню для печати и PDF, общие для прототипа и Android-приложения (см. menu-print.js).
   Лист — ровно А4, всё внутри считается от двух переменных, которые подбирает menu-print.js:
   --b — кегль названия блюда (em в .mp-body), --h — кегль названия семьи (em в .mp-head); --sp — множитель отступов.
   Колонки всегда равной ширины: у .mp-col не бывает полей, разделители между колонками рисуются псевдоэлементами. */

/* ---------- шрифты: Google Fonts, OFL, обрезаны до латиницы и кириллицы (fonts/LICENSE.txt) ---------- */
@font-face{font-family:'MP Onest';src:url(fonts/onest.woff2) format('woff2');font-weight:100 900;font-display:block}
@font-face{font-family:'MP Cormorant';src:url(fonts/cormorant.woff2) format('woff2');font-weight:300 700;font-display:block}
@font-face{font-family:'MP Cormorant';src:url(fonts/cormorant-italic.woff2) format('woff2');font-weight:300 700;font-style:italic;font-display:block}
@font-face{font-family:'MP Lora';src:url(fonts/lora.woff2) format('woff2');font-weight:400 700;font-display:block}
@font-face{font-family:'MP Lora';src:url(fonts/lora-italic.woff2) format('woff2');font-weight:400 700;font-style:italic;font-display:block}
@font-face{font-family:'MP Caveat';src:url(fonts/caveat.woff2) format('woff2');font-weight:400 700;font-display:block}
@font-face{font-family:'MP Oswald';src:url(fonts/oswald.woff2) format('woff2');font-weight:200 700;font-display:block}
@font-face{font-family:'MP Playfair';src:url(fonts/playfair.woff2) format('woff2');font-weight:400 900;font-display:block}
@font-face{font-family:'MP Playfair';src:url(fonts/playfair-italic.woff2) format('woff2');font-weight:400 900;font-style:italic;font-display:block}
@font-face{font-family:'MP Spectral';src:url(fonts/spectral-200.woff2) format('woff2');font-weight:200;font-display:block}
@font-face{font-family:'MP Spectral';src:url(fonts/spectral-300.woff2) format('woff2');font-weight:300;font-display:block}
@font-face{font-family:'MP Spectral';src:url(fonts/spectral-400.woff2) format('woff2');font-weight:400;font-display:block}
@font-face{font-family:'MP Spectral';src:url(fonts/spectral-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:block}
@font-face{font-family:'MP Unbounded';src:url(fonts/unbounded.woff2) format('woff2');font-weight:200 900;font-display:block}
@font-face{font-family:'MP Old Standard';src:url(fonts/oldstandard-400.woff2) format('woff2');font-weight:400;font-display:block}
@font-face{font-family:'MP Old Standard';src:url(fonts/oldstandard-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:block}
@font-face{font-family:'MP Old Standard';src:url(fonts/oldstandard-700.woff2) format('woff2');font-weight:700;font-display:block}

/* ---------- основа ---------- */
.mp-measure-host{position:fixed;left:0;top:0;visibility:hidden;pointer-events:none;z-index:-1;contain:layout style}
.mp-doc{width:210mm;transform-origin:0 0}
[dir=rtl] .mp-doc{transform-origin:100% 0}
.mp-page{position:relative;box-sizing:border-box;flex:none;width:210mm;height:297mm;overflow:hidden;display:flex;flex-direction:column;
  padding:var(--pad);background:var(--paper);color:var(--ink);line-height:1.3;text-align:start;
  font-kerning:normal;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;
  -webkit-print-color-adjust:exact;print-color-adjust:exact;break-after:page;page-break-after:always}
.mp-page:last-child{break-after:auto;page-break-after:auto}
.mp-page *,.mp-page *::before,.mp-page *::after{box-sizing:border-box;margin:0;padding:0}
.mp-deco{position:absolute;inset:0;pointer-events:none}
.mp-deco i{position:absolute;display:block}
.mp-head,.mp-body,.mp-foot{position:relative}
.mp-head{flex:none;font-size:var(--h)}
.mp-fam{font-size:1em;font-weight:700;line-height:1.05;overflow-wrap:break-word}
.mp-fitting .mp-fam{overflow-wrap:normal}
.mp-sub{font-size:max(15px,.3em);line-height:1.3}
.mp-run{display:flex;align-items:baseline;font-size:13px;padding-bottom:10px;margin-bottom:calc(var(--b) * 1.3);border-bottom:1px solid var(--line,rgba(0,0,0,.12));color:var(--ink2)}
.mp-body{flex:1;min-height:0;display:flex;flex-direction:column;font-size:var(--b)}
.mp-cols{flex:1;min-height:0;display:flex;gap:2.4em}
.mp-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:calc(1.7em * var(--sp))}
/* короткое меню стилей с center: шапка и блюда одним блоком посередине между верхним полем и подвалом */
.mp-center .mp-head{margin-top:auto}
.mp-center .mp-body,.mp-center .mp-cols{flex:none}
.mp-center .mp-foot{margin-top:auto}
.mp-tag{font-size:1em;font-weight:700;line-height:1.2}
.mp-dishes{list-style:none}
.mp-dish{display:flex;gap:.6em}
.mp-tx{flex:1;min-width:0}
.mp-nm{display:block;line-height:1.25;overflow-wrap:break-word}
.mp-nt{display:block;font-size:.74em;line-height:1.4;color:var(--ink2);overflow-wrap:break-word}
.mp-no,.mp-sno{display:none;font-style:normal}
.mp-empty{font-size:max(17px,.9em);line-height:1.4;color:var(--ink2)}
.mp-foot{flex:none;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px;padding-top:24px;color:var(--ink2)}
.mp-bar{display:none}
.mp-brand{font-size:12px;font-weight:500;color:inherit;text-decoration:none}
.mp-pn{margin-inline-start:auto;font-size:11px}

/* ---------- 1. Бистро: фирменный, Onest, плашки разделов и градиентная линия ---------- */
.mp-bistro{--paper:#fff;--ink:#19130F;--ink2:#6D5E56;--line:#DACFC7;--pad:60px 58px 42px;font-family:'MP Onest',sans-serif}
.mp-bistro .mp-head:not(.mp-run){display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.32em;padding-bottom:calc(var(--b) * 1.1);margin-bottom:calc(var(--b) * 1.9);border-bottom:1px solid var(--line)}
.mp-bistro .mp-fam{font-weight:800;line-height:1.04;letter-spacing:-.01em;min-width:0}
.mp-bistro .mp-sub{font-size:max(15px,.33em);font-weight:500;color:var(--ink2)}
.mp-bistro .mp-tag{width:fit-content;font-size:.78em;padding:.4em .85em .45em;border-radius:.55em;background:#FFD7C6;margin-bottom:.35em}
.mp-bistro .mp-dish{padding-block:calc(.62em * var(--sp)) calc(.68em * var(--sp));border-top:1px solid var(--line)}
.mp-bistro .mp-dish:first-child{border-top:0}
.mp-bistro .mp-nm{font-weight:600}
.mp-bistro .mp-nt{margin-top:.25em}
.mp-bistro .mp-foot{row-gap:9px}
.mp-bistro .mp-bar{display:block;flex:1 0 100%;height:3px;border-radius:2px;background:linear-gradient(90deg,#FFA5D8 0%,#FF8B5E 55%,#F77957 100%)}

/* ---------- 2. Классика: по центру, Cormorant, двойная золотистая рамка ---------- */
.mp-classic{--paper:#FFFDF8;--ink:#2B2520;--ink2:#76675B;--gold:#B39363;--line:rgba(179,147,99,.5);--pad:96px 100px 72px;font-family:'MP Cormorant',serif;text-align:center}
.mp-classic .d1{inset:28px;border:1px solid var(--gold)}
.mp-classic .d2{inset:34px;border:.6px solid rgba(179,147,99,.55)}
.mp-classic .mp-head:not(.mp-run){margin-bottom:calc(var(--b) * 2.3)}
.mp-classic .mp-head:not(.mp-run)::before,.mp-classic .mp-head:not(.mp-run)::after{content:'';display:block;height:14px;margin:0 auto;width:220px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 14'%3E%3Cpath d='M0 7H96M124 7H220' stroke='%23B39363' stroke-width='1'/%3E%3Cpath d='M110 1.5L115.5 7L110 12.5L104.5 7Z' fill='none' stroke='%23B39363' stroke-width='1'/%3E%3Cpath d='M100 7L102 5L104 7L102 9Z M116 7L118 5L120 7L118 9Z' fill='%23B39363'/%3E%3C/svg%3E") center/contain no-repeat}
.mp-classic .mp-head:not(.mp-run)::before{margin-bottom:.3em}
.mp-classic .mp-head:not(.mp-run)::after{margin-top:.34em}
.mp-classic .mp-fam{font-weight:600;line-height:1.02}
.mp-classic .mp-sub{font-style:italic;font-weight:500;font-size:max(18px,.36em);color:var(--ink2);margin-top:.1em}
.mp-classic .mp-run{justify-content:center;font-style:italic;font-size:15px}
.mp-classic .mp-cols{gap:2.8em}
.mp-classic .mp-col{gap:calc(1.6em * var(--sp))}
.mp-classic .mp-tag{display:flex;align-items:center;justify-content:center;gap:.6em;font-style:italic;font-weight:500;font-size:1.4em;line-height:1.15;margin-bottom:.4em}
.mp-classic .mp-tag::before,.mp-classic .mp-tag::after{content:'';flex:0 1 1.6em;height:1px;background:var(--gold)}
.mp-classic .mp-dish{padding-block:calc(.36em * var(--sp))}
.mp-classic .mp-nm{font-weight:600;font-size:1.12em;line-height:1.18}
.mp-classic .mp-nt{font-style:italic;font-weight:500;font-size:.92em;line-height:1.28;margin-top:.08em}
.mp-classic .mp-foot{justify-content:center;padding-top:20px}
.mp-classic .mp-brand{font-style:italic;font-size:15px}
.mp-classic .mp-pn{margin-inline-start:0;font-size:13px}

/* ---------- 3. Трактир: названия разделов слева, блюда справа ---------- */
.mp-tavern{--paper:#fff;--ink:#1E1915;--ink2:#6D5E56;--line:#E6DDD5;--acc:#F77957;--pad:66px 64px 44px;font-family:'MP Onest',sans-serif}
.mp-tavern .mp-head:not(.mp-run){padding-bottom:calc(var(--b) * 1.3);border-bottom:1px solid var(--line)}
.mp-tavern .mp-fam{font-family:'MP Lora',serif;font-weight:500;line-height:1.08}
.mp-tavern .mp-fam::after{content:'';display:block;width:1em;height:2px;background:var(--acc);margin-top:.3em}
.mp-tavern .mp-sub{font-size:max(15px,.25em);color:var(--ink2);margin-top:.55em}
.mp-tavern .mp-run{margin-bottom:0}
.mp-tavern .mp-col{gap:0}
.mp-tavern .mp-sec{display:grid;grid-template-columns:28% 1fr;column-gap:1.8em;padding-block:calc(1.15em * var(--sp));border-top:1px solid var(--line)}
.mp-tavern .mp-sec:first-child{border-top:0}
.mp-tavern .mp-untitled .mp-dishes{grid-column:1 / -1}
.mp-tavern .mp-tag{grid-column:1;grid-row:1;font-family:'MP Lora',serif;font-weight:400;font-size:1.4em;line-height:1.18;overflow-wrap:break-word;min-width:0}
.mp-tavern .mp-tag::after{content:'';display:block;width:1.1em;height:2px;background:var(--acc);margin-top:.4em}
.mp-tavern .mp-dishes{grid-column:2;grid-row:1}
.mp-tavern .mp-dish{padding-block:calc(.3em * var(--sp))}
.mp-tavern .mp-dish:first-child{padding-top:.1em}
.mp-tavern.mp-g2 .mp-dishes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5em;align-items:start}
.mp-tavern.mp-g2 .mp-dish:nth-child(2){padding-top:.1em}
.mp-tavern.mp-g2 .mp-sec{grid-template-columns:22% 1fr}
.mp-tavern .mp-nm{font-weight:600;font-size:.96em;line-height:1.3}
.mp-tavern .mp-nt{margin-top:.15em}
.mp-tavern .mp-foot{border-top:1px solid var(--line);padding-top:12px}
.mp-tavern .mp-brand{font-size:11px}

/* ---------- 4. Карточки: каждый раздел — бежевая карточка ---------- */
.mp-cards{--paper:#fff;--ink:#19130F;--ink2:#6D5E56;--card:#F7F0E9;--line:#E9DED3;--pad:58px 52px 40px;font-family:'MP Onest',sans-serif}
.mp-cards .mp-head:not(.mp-run){margin-bottom:calc(var(--b) * 1.7)}
.mp-cards .mp-fam{font-weight:800;line-height:1.04;letter-spacing:-.01em}
.mp-cards .mp-fam::after{content:'';display:block;width:1.2em;height:max(4px,.07em);border-radius:4px;background:linear-gradient(90deg,#FFA5D8 0%,#FF8B5E 55%,#F77957 100%);margin-top:.24em}
.mp-cards .mp-sub{font-size:max(15px,.3em);font-weight:500;color:var(--ink2);margin-top:.4em}
.mp-cards .mp-cols{gap:1.1em}
.mp-cards .mp-col{gap:calc(1.1em * var(--sp))}
.mp-cards .mp-sec{background:var(--card);border-radius:1.3em;padding:calc(1em * var(--sp)) 1.25em calc(.55em * var(--sp))}
.mp-cards .mp-untitled{padding-top:calc(.55em * var(--sp))}
.mp-cards .mp-tag{font-size:1.04em;margin-bottom:.2em}
.mp-cards .mp-dish{padding-block:calc(.55em * var(--sp));border-top:1px solid var(--line)}
.mp-cards .mp-dish:first-child{border-top:0}
.mp-cards .mp-nm{font-weight:600}
.mp-cards .mp-nt{margin-top:.2em}
.mp-cards .mp-brand{font-weight:700;color:#F77957}

/* ---------- 5. Тетрадь: от руки синей ручкой на листе в клетку ---------- */
.mp-notebook{--paper:#FFFFFF;--ink:#1F3B8C;--ink2:#4D5F92;--red:#D2433A;--grid:#D3E2EF;--pad:58px 54px 40px 104px;font-family:'MP Caveat',cursive}
.mp-notebook .d1{inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:5mm 5mm;background-position:-1px -1px}
.mp-notebook .d2{top:0;bottom:0;inset-inline-start:76px;width:1.5px;background:#EE9C97}
[dir=rtl] .mp-notebook{--pad:58px 104px 40px 54px}
.mp-notebook .mp-head:not(.mp-run){margin-bottom:calc(var(--b) * 1.5)}
.mp-notebook .mp-fam{font-weight:700;line-height:1.05;color:#23263A}
.mp-notebook .mp-fam span{padding:0 .06em;background:linear-gradient(transparent 56%,rgba(255,213,92,.72) 56%,rgba(255,213,92,.72) 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.mp-notebook .mp-sub{font-size:max(22px,.38em);font-weight:500;color:var(--ink2);margin-top:.05em}
.mp-notebook .mp-run{font-size:20px;border-bottom:0;padding-bottom:0}
.mp-notebook .mp-cols{gap:2em}
.mp-notebook .mp-col{gap:calc(1.25em * var(--sp))}
.mp-notebook .mp-tag{width:fit-content;font-size:1.55em;color:var(--red);line-height:1.1;margin-bottom:.12em;text-decoration:underline wavy rgba(210,67,58,.8);text-decoration-thickness:1.5px;text-underline-offset:.16em}
.mp-notebook .mp-dish{padding-block:calc(.18em * var(--sp))}
.mp-notebook .mp-nm{font-size:1.38em;font-weight:600;line-height:1.08}
.mp-notebook .mp-nt{font-size:1.1em;font-weight:400;line-height:1.08;color:var(--ink2);margin-top:.04em}
.mp-notebook .mp-foot{color:var(--ink2)}
.mp-notebook .mp-brand{font-size:19px;font-weight:600}
.mp-notebook .mp-pn{font-size:17px}

/* ---------- 6. Закусочная: красная шапка, клетка, узкий Oswald ---------- */
.mp-diner{--paper:#FFF6E8;--ink:#1F2A44;--ink2:#6B5B4D;--red:#D23C2E;--mus:#F3B23A;--line:rgba(31,42,68,.24);--pad:0 54px 40px;font-family:'MP Onest',sans-serif}
.mp-diner .mp-head{margin:0 -54px calc(var(--b) * 1.6 + 16px);padding:52px 54px 34px;background:var(--red);color:#FFF6E8;text-align:center}
.mp-diner .mp-head::after{content:'';position:absolute;left:0;right:0;bottom:-16px;height:16px;background:repeating-conic-gradient(#1F2A44 0 25%,#FFF6E8 0 50%) 0 0/16px 16px}
.mp-diner .mp-fam{font-family:'MP Oswald',sans-serif;font-weight:700;text-transform:uppercase;line-height:1.02}
.mp-diner .mp-sub{font-family:'MP Oswald',sans-serif;font-weight:500;font-size:max(15px,.27em);text-transform:uppercase;letter-spacing:.2em;color:var(--mus);margin-top:.35em}
.mp-diner .mp-run{display:block;padding:20px 54px 16px;margin-bottom:calc(var(--b) * 1.3 + 16px);font-family:'MP Oswald',sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border:0;color:#FFF6E8}
.mp-diner .mp-col{gap:calc(1.5em * var(--sp))}
.mp-diner .mp-tag{display:flex;align-items:center;gap:.5em;font-family:'MP Oswald',sans-serif;font-weight:600;font-size:1.22em;text-transform:uppercase;letter-spacing:.05em;color:var(--red);margin-bottom:.25em}
.mp-diner .mp-tag::before{content:'';flex:none;width:.85em;height:.85em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5l3.1 6.6 7.2.9-5.3 5 1.4 7.1L12 17.6 5.6 21.1 7 14l-5.3-5 7.2-.9z' fill='%23F3B23A'/%3E%3C/svg%3E") center/contain no-repeat}
.mp-diner .mp-tag::after{content:'';flex:1;min-width:1em;height:3px;background:var(--ink)}
.mp-diner .mp-dish{padding-block:calc(.5em * var(--sp));border-top:1.5px dashed var(--line)}
.mp-diner .mp-dish:first-child{border-top:0}
.mp-diner .mp-nm{font-family:'MP Oswald',sans-serif;font-weight:500;font-size:1.12em;line-height:1.18;text-transform:uppercase;letter-spacing:.02em}
.mp-diner .mp-nt{margin-top:.2em}
.mp-diner .mp-foot{justify-content:center;border-top:3px solid var(--ink);padding-top:12px}
.mp-diner .mp-brand{font-family:'MP Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.24em;color:var(--red)}
.mp-diner .mp-pn{margin-inline-start:0}

/* ---------- 7. Траттория: скатерть в клетку, Lora, терракота и олива ---------- */
.mp-trattoria{--paper:#FFFBF3;--ink:#2C221C;--ink2:#6F6156;--terra:#B4472D;--olive:#5F6E34;--pad:122px 66px 92px;font-family:'MP Lora',serif}
.mp-trattoria .d1,.mp-trattoria .d2{left:0;right:0;background-color:#FFFBF3;background-image:linear-gradient(90deg,rgba(180,71,45,.5) 50%,transparent 50%),linear-gradient(rgba(180,71,45,.5) 50%,transparent 50%);background-size:11mm 11mm}
.mp-trattoria .d1{top:0;height:22mm}
.mp-trattoria .d2{bottom:0;height:11mm}
.mp-trattoria .mp-head:not(.mp-run){text-align:center;margin-bottom:calc(var(--b) * 2)}
.mp-trattoria .mp-fam{font-style:italic;font-weight:600;color:var(--terra);line-height:1.04}
.mp-trattoria .mp-sub{display:flex;align-items:center;justify-content:center;gap:.7em;font-size:max(16px,.28em);color:var(--olive);margin-top:.4em}
.mp-trattoria .mp-sub::before,.mp-trattoria .mp-sub::after{content:'';width:2.2em;height:1px;background:var(--olive)}
.mp-trattoria .mp-run{justify-content:center;font-style:italic;font-size:15px;border:0;color:var(--terra)}
.mp-trattoria .mp-cols{gap:2.8em}
.mp-trattoria .mp-col{gap:calc(1.6em * var(--sp))}
.mp-trattoria .mp-tag{font-style:italic;font-weight:600;font-size:1.38em;color:var(--olive);line-height:1.15;margin-bottom:.3em;padding-bottom:.28em;border-bottom:1px solid rgba(95,110,52,.35)}
.mp-trattoria .mp-dish{padding-block:calc(.42em * var(--sp))}
.mp-trattoria .mp-nm{font-weight:600;line-height:1.25}
.mp-trattoria .mp-nt{font-style:italic;font-size:.82em;line-height:1.35;margin-top:.12em}
.mp-trattoria .mp-foot{justify-content:center;padding-top:20px}
.mp-trattoria .mp-brand{font-style:italic;font-size:14px;color:var(--terra)}
.mp-trattoria .mp-pn{margin-inline-start:0;font-size:12px}

/* ---------- 8. Журнал: огромное название, номера блюд, линейки ---------- */
.mp-editorial{--paper:#fff;--ink:#111;--ink2:#5C5C5C;--acc:#E8553B;--line:#E4E4E4;--pad:50px 54px 38px;font-family:'MP Onest',sans-serif}
.mp-editorial .mp-head:not(.mp-run){display:flex;flex-direction:column;border-bottom:5px solid var(--ink);padding-bottom:.1em;margin-bottom:calc(var(--b) * 1.9 + 9px)}
.mp-editorial .mp-head:not(.mp-run)::after{content:'';position:absolute;left:0;right:0;bottom:-11px;height:1px;background:var(--ink)}
.mp-editorial .mp-fam{font-family:'MP Playfair',serif;font-weight:900;line-height:.98;letter-spacing:-.02em}
.mp-editorial .mp-sub{order:-1;font-size:max(13px,.14em);font-weight:600;color:var(--ink);padding-bottom:.55em;border-bottom:1px solid var(--ink);margin-bottom:.12em}
.mp-editorial .mp-run{font-family:'MP Playfair',serif;font-weight:900;font-size:18px;color:var(--ink);border-bottom:2px solid var(--ink)}
.mp-editorial .mp-cols{gap:1.9em}
.mp-editorial .mp-col+.mp-col{position:relative}
.mp-editorial .mp-col+.mp-col::before{content:'';position:absolute;top:0;bottom:0;inset-inline-start:-.95em;width:1px;background:var(--line)}
.mp-editorial .mp-col{gap:calc(1.5em * var(--sp))}
.mp-editorial .mp-tag{display:flex;align-items:baseline;gap:.5em;font-size:.84em;padding-bottom:.45em;border-bottom:2px solid var(--ink);margin-bottom:.25em}
.mp-editorial .mp-sno{display:inline;font-family:'MP Playfair',serif;font-style:italic;font-weight:600;font-size:1.3em;color:var(--acc)}
.mp-editorial .mp-dish{gap:.55em;padding-block:calc(.52em * var(--sp));border-top:1px solid var(--line)}
.mp-editorial .mp-dish:first-child{border-top:0}
.mp-editorial .mp-no{display:block;flex:none;width:1.45em;font-family:'MP Playfair',serif;font-style:italic;font-weight:600;font-size:1.02em;line-height:1.22;color:var(--acc)}
.mp-editorial .mp-nm{font-family:'MP Playfair',serif;font-weight:700;font-size:1.04em;line-height:1.22}
.mp-editorial .mp-nt{font-size:.72em;margin-top:.22em}
.mp-editorial .mp-foot{border-top:1px solid var(--ink);margin-top:14px;padding-top:9px;color:var(--ink)}
.mp-editorial .mp-brand{font-weight:700;font-size:11px}

/* ---------- 9. Сад: шалфейный лист, ветки по углам, курсив Cormorant ---------- */
.mp-garden{--paper:#F5F7EF;--ink:#26331F;--ink2:#5D6B55;--green:#3F5E36;--line:rgba(63,94,54,.25);--pad:104px 88px 74px;font-family:'MP Cormorant',serif;text-align:center}
.mp-garden .d1,.mp-garden .d2{width:230px;height:230px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M8.0 232.0C30.0 150.0 100.0 60.0 232.0 18.0' fill='none' stroke='%233F5E36' stroke-width='1.6' stroke-linecap='round'/%3E%3Cg transform='translate(16.1 207.2) rotate(-21.1)'%3E%3Cpath d='M0 0C9.8 -11.7 22.8 -11.7 32.6 0C22.8 11.7 9.8 11.7 0 0Z' fill='%23A9BC98' fill-opacity='.6' stroke='%233F5E36' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M2 0H26.7' stroke='%233F5E36' stroke-width='.9' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(25.8 184.8) rotate(-111.9)'%3E%3Cpath d='M0 0C9.4 -11.3 21.9 -11.3 31.3 0C21.9 11.3 9.4 11.3 0 0Z' fill='%23A9BC98' fill-opacity='.6' stroke='%233F5E36' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M2 0H25.7' stroke='%233F5E36' stroke-width='.9' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(38.1 162.5) rotate(-10.7)'%3E%3Cpath d='M0 0C9.0 -10.8 21.1 -10.8 30.1 0C21.1 10.8 9.0 10.8 0 0Z' fill='%23A9BC98' fill-opacity='.6' stroke='%233F5E36' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M2 0H24.7' stroke='%233F5E36' stroke-width='.9' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(52.8 140.5) rotate(-101.5)'%3E%3Cpath d='M0 0C8.6 -10.4 20.2 -10.4 28.8 0C20.2 10.4 8.6 10.4 0 0Z' fill='%23A9BC98' fill-opacity='.6' stroke='%233F5E36' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M2 0H23.6' stroke='%233F5E36' stroke-width='.9' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(70.2 119.2) rotate(-0.3)'%3E%3Cpath d='M0 0C8.3 -9.9 19.3 -9.9 27.6 0C19.3 9.9 8.3 9.9 0 0Z' fill='%23A9BC98' fill-opacity='.6' stroke='%233F5E36' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M2 0H22.6' stroke='%233F5E36' stroke-width='.9' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(90.2 98.8) rotate(-91.1)'%3E%3Cpath d='M0 0C7.9 -9.5 18.4 -9.5 26.3 0C18.4 9.5 7.9 9.5 0 0Z' fill='%23A9BC98' fill-opacity='.6' stroke='%233F5E36' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M2 0H21.6' stroke='%233F5E36' stroke-width='.9' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(112.9 79.4) rotate(10.1)'%3E%3Cpath d='M0 0C7.5 -9.0 17.5 -9.0 25.0 0C17.5 9.0 7.5 9.0 0 0Z' fill='%23A9BC98' fill-opacity='.6' stroke='%233F5E36' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M2 0H20.5' stroke='%233F5E36' stroke-width='.9' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(138.4 61.4) rotate(-80.7)'%3E%3Cpath d='M0 0C7.1 -8.6 16.6 -8.6 23.8 0C16.6 8.6 7.1 8.6 0 0Z' fill='%23A9BC98' fill-opacity='.6' stroke='%233F5E36' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M2 0H19.5' stroke='%233F5E36' stroke-width='.9' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(166.7 45.0) rotate(20.4)'%3E%3Cpath d='M0 0C6.8 -8.1 15.8 -8.1 22.5 0C15.8 8.1 6.8 8.1 0 0Z' fill='%23A9BC98' fill-opacity='.6' stroke='%233F5E36' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M2 0H18.5' stroke='%233F5E36' stroke-width='.9' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(194.2 32.0) rotate(-71.1)'%3E%3Cpath d='M0 0C6.4 -7.7 15.0 -7.7 21.4 0C15.0 7.7 6.4 7.7 0 0Z' fill='%23A9BC98' fill-opacity='.6' stroke='%233F5E36' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M2 0H17.5' stroke='%233F5E36' stroke-width='.9' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(232.0 18.0) rotate(-17.7)'%3E%3Cpath d='M0 0C7.2 -8.6 16.8 -8.6 24.0 0C16.8 8.6 7.2 8.6 0 0Z' fill='%23A9BC98' fill-opacity='.6' stroke='%233F5E36' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M2 0H19.7' stroke='%233F5E36' stroke-width='.9' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.mp-garden .d1{top:-30px;inset-inline-start:-30px}
.mp-garden .d2{bottom:-30px;inset-inline-end:-30px;transform:scale(-1,-1)}
[dir=rtl] .mp-garden .d1{transform:scaleX(-1)}
[dir=rtl] .mp-garden .d2{transform:scaleY(-1)}
.mp-garden .mp-head:not(.mp-run){margin-bottom:calc(var(--b) * 2.2)}
.mp-garden .mp-fam{font-style:italic;font-weight:600;color:var(--green);line-height:1.02}
.mp-garden .mp-sub{font-family:'MP Onest',sans-serif;font-size:max(14px,.22em);font-weight:500;color:var(--ink2);margin-top:.6em}
.mp-garden .mp-run{justify-content:center;font-style:italic;font-size:16px;color:var(--green)}
.mp-garden .mp-cols{gap:3em}
.mp-garden .mp-col{gap:calc(1.7em * var(--sp))}
.mp-garden .mp-tag{font-style:italic;font-weight:600;font-size:1.48em;color:var(--green);line-height:1.1;margin-bottom:.35em}
.mp-garden .mp-tag::before{content:'';display:block;width:2em;height:.62em;margin:0 auto .18em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 20'%3E%3Cpath d='M4 10H60' stroke='%233F5E36' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M32 10C27 3 19 2 13 5C19 9 26 11 32 10Z M32 10C37 3 45 2 51 5C45 9 38 11 32 10Z' fill='%23A9BC98' fill-opacity='.7' stroke='%233F5E36' stroke-width='1.1' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.mp-garden .mp-dish{padding-block:calc(.38em * var(--sp))}
.mp-garden .mp-nm{font-weight:700;font-size:1.16em;line-height:1.14}
.mp-garden .mp-nt{font-family:'MP Onest',sans-serif;font-size:.7em;line-height:1.45;margin-top:.22em}
.mp-garden .mp-foot{justify-content:center;padding-top:20px}
.mp-garden .mp-brand{font-style:italic;font-weight:600;font-size:15px;color:var(--green)}
.mp-garden .mp-pn{margin-inline-start:0;font-size:12px}

/* ---------- 10. Дзен: много белого, тонкий Spectral, красный круг ---------- */
.mp-zen{--paper:#fff;--ink:#1C1C1C;--ink2:#7A7570;--red:#C7362F;--line:#E8E5E1;--pad:84px 78px 56px;font-family:'MP Spectral',serif}
.mp-zen .d1{top:70px;inset-inline-end:74px;width:118px;height:118px;border-radius:50%;background:var(--red)}
.mp-zen.mp-next .d1{display:none}
.mp-zen .mp-head:not(.mp-run){padding-inline-end:170px;margin-bottom:calc(var(--b) * 3)}
.mp-zen .mp-fam{font-weight:200;line-height:1.1}
.mp-zen .mp-sub{font-style:italic;font-size:max(16px,.27em);color:var(--ink2);margin-top:.55em}
.mp-zen .mp-run{border:0;font-style:italic}
.mp-zen .mp-cols{gap:3.2em}
.mp-zen .mp-col{gap:calc(2.2em * var(--sp))}
.mp-zen .mp-tag{display:flex;align-items:center;gap:.8em;font-weight:400;font-size:.82em;color:var(--ink2);margin-bottom:.6em}
.mp-zen .mp-tag::before{content:'';flex:none;width:1.8em;height:1px;background:var(--red)}
.mp-zen .mp-dish{padding-block:calc(.42em * var(--sp))}
.mp-zen .mp-nm{font-weight:300;font-size:1.12em;line-height:1.25}
.mp-zen .mp-nt{font-style:italic;font-size:.8em;margin-top:.12em}
.mp-zen .mp-brand{font-weight:400;font-size:12px}

/* ---------- 11. Праздник: пятна фирменных цветов, Unbounded ---------- */
.mp-festive{--paper:#FFFDFB;--ink:#19130F;--ink2:#6D5E56;--pad:64px 58px 44px;font-family:'MP Onest',sans-serif}
.mp-festive .d1{top:-150px;inset-inline-end:-150px;width:520px;height:520px;background:radial-gradient(closest-side,rgba(255,215,198,.95),rgba(255,215,198,.55) 45%,rgba(255,215,198,0))}
.mp-festive .d2{bottom:-170px;inset-inline-start:-160px;width:540px;height:540px;background:radial-gradient(closest-side,rgba(194,210,239,.9),rgba(194,210,239,.5) 45%,rgba(194,210,239,0))}
.mp-festive .d3{top:46%;inset-inline-end:-150px;width:330px;height:330px;background:radial-gradient(closest-side,rgba(255,182,179,.7),rgba(255,182,179,.35) 45%,rgba(255,182,179,0))}
.mp-festive .mp-head:not(.mp-run){margin-bottom:calc(var(--b) * 1.9)}
.mp-festive .mp-fam{font-family:'MP Unbounded',sans-serif;font-weight:800;line-height:1.06;letter-spacing:-.02em}
.mp-festive .mp-fam::after{content:'';display:block;width:1.5em;height:max(5px,.09em);border-radius:6px;background:linear-gradient(90deg,#FFA5D8 0%,#FF8B5E 55%,#F77957 100%);margin-top:.26em}
.mp-festive .mp-sub{font-size:max(15px,.3em);font-weight:500;color:var(--ink2);margin-top:.42em}
.mp-festive .mp-run{border:0;font-family:'MP Unbounded',sans-serif;font-weight:700;color:var(--ink)}
.mp-festive .mp-col{gap:calc(1.5em * var(--sp))}
.mp-festive .mp-tag{width:fit-content;font-family:'MP Unbounded',sans-serif;font-weight:600;font-size:.76em;line-height:1.2;padding:.6em 1.05em .62em;border-radius:99px;background:linear-gradient(135deg,#FFE9DE,#FFD7C6);margin-bottom:.45em}
.mp-festive .mp-dish{padding-block:calc(.48em * var(--sp))}
.mp-festive .mp-nm{font-weight:600}
.mp-festive .mp-nt{margin-top:.2em}
.mp-festive .mp-brand{font-family:'MP Unbounded',sans-serif;font-weight:800;font-size:13px;padding:0 .1em;background:linear-gradient(135deg,#FFA5D8 0%,#FF8B5E 55%,#F77957 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- 12. Ретро: старая поваренная книга, бумага, лента, Old Standard ---------- */
.mp-vintage{--paper:#F4EBD9;--ink:#3A2A1E;--ink2:#6C5845;--red:#9C2F24;--pad:100px 96px 78px;font-family:'MP Old Standard',serif;text-align:center}
.mp-vintage .d1{inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(255,251,240,.45) 40%,rgba(255,251,240,0) 62%,rgba(140,100,55,.16) 100%)}
.mp-vintage .d2{inset:30px;border:2px solid var(--red)}
.mp-vintage .d3{inset:37px;border:1px solid rgba(58,42,30,.55)}
.mp-vintage .d4{inset:24px;background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M13 2L24 13L13 24L2 13Z' fill='%23F4EBD9' stroke='%239C2F24' stroke-width='1.5'/%3E%3Cpath d='M13 8L18 13L13 18L8 13Z' fill='%239C2F24'/%3E%3C/svg%3E") left top/26px no-repeat,
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M13 2L24 13L13 24L2 13Z' fill='%23F4EBD9' stroke='%239C2F24' stroke-width='1.5'/%3E%3Cpath d='M13 8L18 13L13 18L8 13Z' fill='%239C2F24'/%3E%3C/svg%3E") right top/26px no-repeat,
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M13 2L24 13L13 24L2 13Z' fill='%23F4EBD9' stroke='%239C2F24' stroke-width='1.5'/%3E%3Cpath d='M13 8L18 13L13 18L8 13Z' fill='%239C2F24'/%3E%3C/svg%3E") left bottom/26px no-repeat,
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M13 2L24 13L13 24L2 13Z' fill='%23F4EBD9' stroke='%239C2F24' stroke-width='1.5'/%3E%3Cpath d='M13 8L18 13L13 18L8 13Z' fill='%239C2F24'/%3E%3C/svg%3E") right bottom/26px no-repeat}
.mp-vintage .mp-head:not(.mp-run){margin-bottom:calc(var(--b) * 2.1)}
.mp-vintage .mp-fam{font-weight:700;color:var(--red);line-height:1.08}
.mp-vintage .mp-sub{width:fit-content;max-width:100%;margin:.38em auto 0;padding:.3em 1.7em .36em;font-style:italic;font-size:max(16px,.29em);color:#F8EEDC;background:var(--red);clip-path:polygon(0 0,100% 0,calc(100% - .75em) 50%,100% 100%,0 100%,.75em 50%)}
.mp-vintage .mp-run{justify-content:center;font-style:italic;font-size:15px;border-color:rgba(58,42,30,.3)}
.mp-vintage .mp-cols{gap:2.6em}
.mp-vintage .mp-col{gap:calc(1.55em * var(--sp))}
.mp-vintage .mp-tag{display:flex;align-items:center;justify-content:center;gap:.65em;font-size:1.14em;letter-spacing:.03em;margin-bottom:.42em}
.mp-vintage .mp-tag::before,.mp-vintage .mp-tag::after{content:'';flex:0 1 2.2em;height:5px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.mp-vintage .mp-dish{padding-block:calc(.33em * var(--sp))}
.mp-vintage .mp-nm{line-height:1.25}
.mp-vintage .mp-nt{font-style:italic;font-size:.84em;line-height:1.3;margin-top:.06em}
.mp-vintage .mp-foot{justify-content:center;padding-top:18px}
.mp-vintage .mp-brand{font-style:italic;font-size:14px}
.mp-vintage .mp-pn{margin-inline-start:0;font-size:12px}

/* ---------- сетка стилей: плитки по три в ряд. Плитка — бежевая карточка (card) с белым листом внутри и названием
   под ним, выбранная — персиковая (cat, как выбранный чип) с галочкой на градиенте. Пока лист рисуется, на его месте
   скелет страницы: шапка и строки ---------- */
.mp-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px;font-family:'MP Onest',system-ui,sans-serif}
/* ширина явно: в WebView до Chrome 11x кнопка в ячейке сетки не растягивается и сжимается до подписи */
.mp-tile{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:9px;width:100%;min-width:0;margin:0;padding:7px 7px 10px;border:0;border-radius:18px;
  background:#F7F0E9;color:#19130F;font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s,transform .15s}
.mp-tile.on{background:#FFD7C6}
.mp-tile:active{transform:scale(.97)}
.mp-tile:focus-visible{outline:2px solid #FF8B5E;outline-offset:2px}
.mp-thumb{position:relative;display:block;width:100%;aspect-ratio:210/297;border-radius:7px;background:#fff;overflow:hidden;
  box-shadow:0 3px 10px rgba(25,19,15,.10),0 0 0 .5px rgba(25,19,15,.08)}
/* меню на несколько листов: за первым листом виден краешек второго */
.mp-thumb:not([data-pages="1"]):not(:empty){box-shadow:4px 4px 0 -1px #fff,4px 4px 0 -.5px rgba(25,19,15,.16),0 3px 10px rgba(25,19,15,.10),0 0 0 .5px rgba(25,19,15,.08)}
.mp-thumb .mp-doc{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none}
[dir=rtl] .mp-thumb .mp-doc{left:auto;right:0;transform-origin:100% 0}
.mp-thumb .mp-page+.mp-page{display:none}
/* скелет листа, пока превью рисуется */
.mp-thumb:empty{background:
  linear-gradient(#EDE5DD,#EDE5DD) 14% 10%/52% 5.5% no-repeat,
  linear-gradient(#F3EDE7,#F3EDE7) 14% 19%/30% 2.6% no-repeat,
  linear-gradient(#F3EDE7,#F3EDE7) 14% 31%/72% 2.6% no-repeat,
  linear-gradient(#F3EDE7,#F3EDE7) 14% 38%/56% 2.6% no-repeat,
  linear-gradient(#F3EDE7,#F3EDE7) 14% 45%/66% 2.6% no-repeat,
  linear-gradient(#F3EDE7,#F3EDE7) 14% 56%/72% 2.6% no-repeat,
  linear-gradient(#F3EDE7,#F3EDE7) 14% 63%/48% 2.6% no-repeat,
  linear-gradient(#F3EDE7,#F3EDE7) 14% 70%/62% 2.6% no-repeat,
  #fff;animation:mp-wait 1.2s ease-in-out infinite alternate}
@keyframes mp-wait{from{opacity:1}to{opacity:.6}}
@media (prefers-reduced-motion:reduce){.mp-thumb:empty{animation:none}}
.mp-tile.on::after{content:'';position:absolute;z-index:1;top:2px;inset-inline-end:2px;width:24px;height:24px;border-radius:50%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 12.5l3.6 3.6 7.4-8.2' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat,
  linear-gradient(135deg,#FFA5D8 0%,#FF8B5E 55%,#F77957 100%);box-shadow:0 0 0 2.5px #FFD7C6,0 3px 8px rgba(247,121,87,.35)}
.mp-tile-name{display:block;width:100%;font-size:13px;font-weight:500;line-height:1.25;text-align:center;overflow-wrap:anywhere}
.mp-tile.on .mp-tile-name{font-weight:700}

/* ---------- просмотр во весь экран: слайд на стиль, соседние видны по краям ---------- */
.mp-pager{display:flex;gap:12px;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;
  padding-inline:24px;scroll-padding-inline:24px;scrollbar-width:none;overscroll-behavior-x:contain;box-sizing:border-box}
.mp-pager::-webkit-scrollbar{display:none}
.mp-slide{flex:0 0 100%;height:100%;box-sizing:border-box;padding:8px 0 24px;overflow-x:hidden;overflow-y:auto;
  scroll-snap-align:start;scroll-snap-stop:always;scrollbar-width:none;overscroll-behavior-y:contain}
.mp-slide::-webkit-scrollbar{display:none}
.mp-slide .mp-view:empty{aspect-ratio:210/297;border-radius:8px;background:#fff;box-shadow:0 6px 22px rgba(25,19,15,.08)}

/* ---------- предпросмотр: листы с тенью и промежутком; в печати их нет ---------- */
.mp-view{position:relative;overflow:hidden}
/* уменьшенные листы обрезаются по рамке, но тени видны: overflow clip с полем, где оно поддерживается */
@supports (overflow-clip-margin:24px){.mp-view{overflow:clip;overflow-clip-margin:24px}}
/* ссылка в подвале работает только в PDF */
.mp-view a.mp-brand{pointer-events:none}
.mp-view .mp-page{border-radius:14px;box-shadow:0 12px 44px rgba(25,19,15,.10),0 0 0 1px rgba(25,19,15,.04)}
.mp-view .mp-page+.mp-page{margin-top:36px}
@media print{
  @page{size:A4;margin:0}
  .mp-measure-host{display:none}
  .mp-view{height:auto !important;overflow:visible}
  .mp-view .mp-doc{transform:none !important}
  .mp-view .mp-page{border-radius:0;box-shadow:none;margin:0}
}