/* Home page. Product UI is rebuilt from the real component vocabulary (live-orders board, KDS ticket,
   guest tracking) — not screenshots — and framed by colour blocks + flat illustrations. Tokens only. */

/* ---------------------------------------------------------------- hero */
.hero{position:relative;padding:var(--space-10) 0 0;overflow:hidden;background:linear-gradient(180deg,var(--bg) 0,var(--bg) 62%,var(--surface-2) 62%)}
@media (min-width:900px){.hero{padding:var(--space-12) 0 0}}
.hero__copy{max-width:760px;margin:0 auto;text-align:center}
.hero__copy .eyebrow{justify-content:center}
.hero__title{font-size:var(--fs-display);line-height:var(--lh-display);font-weight:900;margin-bottom:var(--space-5);text-wrap:balance}
.hero__lead{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--muted);max-width:620px;margin:0 auto var(--space-7);text-wrap:pretty}
.hero__copy .hero__cta{justify-content:center}
.hero__title .hl{color:var(--copper-700);background:linear-gradient(transparent 62%,var(--saffron-100) 62%);padding-inline:4px;border-radius:4px}
.hero__chips{list-style:none;padding:0;margin:var(--space-5) 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}
.hero__chips li{display:inline-flex;align-items:center;gap:6px;padding:6px var(--space-3);border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line);font-size:var(--fs-small);color:var(--text-2)}
.hero__chips .icon{color:var(--success)}

/* composition */
.stage{position:relative;margin:var(--space-10) auto 0;max-width:1100px;padding-bottom:var(--space-8)}
.stage__deco{position:absolute;inset:0;pointer-events:none}
.stage .app{position:relative}
.blk{position:absolute;display:block;border-radius:var(--radius-xl)}
.blk--copper{width:220px;height:220px;background:var(--copper-400);inset-inline-end:-60px;top:-40px;transform:rotate(12deg)}
.blk--saffron{width:120px;height:120px;border-radius:50%;background:var(--saffron-400);inset-inline-start:-40px;top:30%}
.blk--pistachio{width:160px;height:80px;border-radius:80px 80px 0 0;background:var(--pistachio-400);inset-inline-end:18%;bottom:-6px}
.sticker{position:absolute;z-index:2;filter:drop-shadow(0 6px 10px rgb(35 23 16 / .15))}
.sticker--1{inset-inline-end:-34px;top:-70px}
.sticker--2{inset-inline-start:22%;top:-38px}
.sticker--3{inset-inline-end:-26px;bottom:26%}
.sticker--4{inset-inline-start:-48px;top:8%}
@media (max-width:1240px){.blk--copper{inset-inline-end:-20px}.sticker--1{inset-inline-end:-6px}.sticker--3{inset-inline-end:-6px}.sticker--4{display:none}}
@media (max-width:720px){.sticker--3,.sticker--4,.blk--saffron{display:none}.sticker--1{width:56px;height:56px;top:-50px}.sticker--2{width:52px;height:52px;top:-46px;inset-inline-start:44%}.blk--copper{width:140px;height:140px}}
@media (prefers-reduced-motion:no-preference){
  .sticker{animation:bob 5s ease-in-out infinite}
  .sticker--2{animation-delay:-1.2s}.sticker--3{animation-delay:-2.4s}.sticker--4{animation-delay:-3.6s}
  @keyframes bob{50%{transform:translateY(-8px) rotate(-4deg)}}
}
.app{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);overflow:hidden}
.app__bar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line);font-size:var(--fs-small);color:var(--muted)}
.app__crumb b{color:var(--text);font-weight:700}
.app__live{display:inline-flex;align-items:center;gap:6px;color:var(--success);font-weight:600}
.app__live i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);padding:var(--space-5);background:var(--bg)}
.board__col{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}
.board__head{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-label);font-weight:600;color:var(--text-2);padding:0 var(--space-1)}
.board__head em{font-style:normal;font-size:var(--fs-caption);color:var(--muted);background:var(--surface-3);border-radius:var(--radius-pill);padding:0 var(--space-2)}
.oc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-1);border-inline-start:3px solid var(--copper-400)}
.oc--prep{border-inline-start-color:#D9932B}
.oc--ready{border-inline-start-color:var(--success)}
.oc--muted{opacity:.6}
.oc header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-2)}
.oc header b{font-size:1rem;font-weight:800}
.oc__time{font-size:var(--fs-caption);font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600}
.oc__time--warn{color:var(--warning)}
.oc ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1);font-size:var(--fs-small)}
.oc li{color:var(--text)}
.oc li em{font-style:normal;font-weight:700;margin-inline-end:6px}
.oc li small{display:block;color:var(--muted);font-size:var(--fs-caption);padding-inline-start:22px}
.oc footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line)}
.oc__no{font-size:var(--fs-caption);color:var(--muted)}
.oc__btn{font-size:var(--fs-caption);font-weight:700;color:var(--on-primary);background:var(--primary);border-radius:var(--radius-sm);padding:4px var(--space-3)}
.oc__btn--ready{background:var(--success)}
.oc__btn--deliver{background:var(--surface-3);color:var(--text)}
@media (max-width:720px){.board{grid-template-columns:1fr 1fr}.board__col--ready{display:none}}

/* guest phone */
.phone{width:236px;background:var(--surface);border:1px solid var(--line-strong);border-radius:28px;padding:7px;box-shadow:var(--shadow-3)}
.phone__in{border-radius:22px;background:var(--bg);padding:var(--space-5) var(--space-4);min-height:100%}
.phone--hero{position:absolute;inset-inline-start:calc(-1 * var(--space-6));bottom:0}
@media (max-width:1240px){.phone--hero{inset-inline-start:var(--space-3)}}
@media (max-width:720px){.phone--hero{position:relative;inset:auto;margin:calc(-1 * var(--space-9)) auto 0}}
.phone__biz{font-size:var(--fs-caption);color:var(--muted);text-align:center;margin-bottom:var(--space-4)}
.track__check{width:40px;height:40px;margin:0 auto var(--space-2);border-radius:50%;display:grid;place-items:center;background:var(--primary);color:var(--on-primary)}
.track__check--ok{background:var(--success)}
.track__title{text-align:center;font-weight:800;font-size:.95rem}
.track__meta{text-align:center;font-size:var(--fs-caption);color:var(--muted);margin:2px 0 var(--space-4)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.steps::before{content:"";position:absolute;top:6px;inset-inline:12%;height:2px;background:var(--line-strong)}
.steps li{position:relative;text-align:center;font-size:10px;color:var(--muted)}
.steps li::before{content:"";display:block;width:14px;height:14px;margin:0 auto 4px;border-radius:50%;background:var(--surface);border:2px solid var(--line-strong);position:relative}
.steps li.is-done{color:var(--text)}
.steps li.is-done::before{background:var(--primary);border-color:var(--primary)}
.steps li.is-current{color:var(--text);font-weight:700}
.steps li.is-current::before{border-color:var(--primary);box-shadow:0 0 0 3px rgb(224 138 60 / .35)}
.steps li.is-ready::before{background:var(--success);border-color:var(--success)}
.track__items{display:grid;gap:2px;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line);font-size:var(--fs-caption);color:var(--text-2)}

/* ---------------------------------------------------------------- journey (illustrated order path) */
.journey{padding:var(--space-11) 0;background:var(--surface-2)}
.journey .sec-head{margin-bottom:var(--space-8)}
.journey__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-4);counter-reset:j}
.jc{counter-increment:j;position:relative;display:flex;flex-direction:column;gap:4px;padding:var(--space-4) var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);transition:transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}
.jc:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.jc img{width:100%;height:auto;aspect-ratio:4/3;border-radius:var(--radius-md);margin-bottom:var(--space-3);padding:var(--space-2)}
.jc--saffron img{background:var(--saffron-100)}.jc--copper img{background:var(--copper-100)}.jc--latte img{background:var(--latte-200)}.jc--berry img{background:var(--berry-100)}.jc--pistachio img{background:var(--pistachio-100)}
.jc::before{content:counter(j,persian);position:absolute;top:var(--space-2);inset-inline-start:var(--space-2);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--dark);color:var(--on-dark);font-weight:800;font-size:var(--fs-small);z-index:1}
.jc:not(:last-child)::after{content:"";position:absolute;top:34%;inset-inline-end:calc(-1 * var(--space-4) - 1px);width:var(--space-4);height:3px;background:repeating-linear-gradient(90deg,var(--copper-400) 0 4px,transparent 4px 8px)}
.jc b{font-size:var(--fs-h4);font-weight:800}
.jc span{font-size:var(--fs-small);color:var(--muted);line-height:1.6}
@media (max-width:1060px){.journey__list{grid-template-columns:repeat(3,minmax(0,1fr))}.jc::after{display:none}}
@media (max-width:720px){.journey__list{grid-template-columns:1fr 1fr}}
@media (max-width:440px){.journey__list{grid-template-columns:1fr}.jc{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:var(--space-4)}.jc img{width:96px;margin:0}.jc b{flex:1}.jc span{flex-basis:100%}}

/* ---------------------------------------------------------------- segments */
.segments{padding:var(--space-11) 0}
@media (min-width:900px){.segments{padding:var(--space-12) 0}}
.segments__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:var(--space-3) var(--space-8);margin-bottom:var(--space-8)}
.segments__head .h2{margin:0;max-width:520px}
.segments__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
@media (max-width:960px){.segments__grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.segments__grid{grid-template-columns:1fr}}
.seg{border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);transition:transform var(--dur-2) var(--ease)}
.seg:hover{transform:translateY(-4px) rotate(-.6deg)}
.seg img{width:140px;height:auto;margin-bottom:var(--space-3)}
.seg h3{font-size:var(--fs-h3);font-weight:800}
.seg p{font-size:.9375rem;color:var(--text-2)}
.seg--saffron{background:var(--saffron-100)}.seg--berry{background:var(--berry-100)}.seg--pistachio{background:var(--pistachio-100)}.seg--copper{background:var(--copper-100)}

/* ---------------------------------------------------------------- stories */
.story{padding:var(--space-11) 0}
@media (min-width:900px){.story{padding:var(--space-13) 0}}
.story--alt{background:var(--surface-2)}
.story__in{display:grid;gap:var(--space-9);align-items:center}
@media (min-width:960px){.story__in{grid-template-columns:1fr 1.1fr;gap:var(--space-11)}.story__in--rev .story__copy{order:2}}
.story__copy .h2{margin-bottom:var(--space-7)}
.psr{margin:0;display:grid;gap:var(--space-5)}
.psr div{display:grid;grid-template-columns:72px 1fr;gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--line)}
.psr dt{font-size:var(--fs-label);font-weight:700;color:var(--muted)}
.psr div:last-child dt{color:var(--success)}
.psr dd{margin:0;color:var(--text-2)}
.story__visual{position:relative;border-radius:var(--radius-xl);padding:clamp(20px,4vw,48px);background:var(--surface-2) url("img/pattern-light.1ae344b4f875.svg") 0 0/96px}
.story__visual--copper{background-color:var(--copper-100)}.story__visual--saffron{background-color:var(--saffron-100)}.story__visual--pistachio{background-color:var(--pistachio-100)}
.story--alt .story__visual{background-color:var(--surface)}
.story__spot{position:absolute;z-index:1;top:-22px;inset-inline-end:-14px;width:72px;height:72px;filter:drop-shadow(0 6px 10px rgb(35 23 16 / .15))}
@media (max-width:560px){.story__spot{width:56px;height:56px;inset-inline-end:-4px}}

/* KDS */
.kds{background:var(--kds-bg);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-3);color:var(--kds-text)}
.kds__bar{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-1) var(--space-4);font-size:var(--fs-small)}
.kds__bar b{font-weight:700}
.kds__conn{display:inline-flex;align-items:center;gap:6px;color:var(--kds-ready);font-weight:600}
.kds__conn i{width:7px;height:7px;border-radius:50%;background:var(--kds-ready)}
.kds__clock{margin-inline-start:auto;font-variant-numeric:tabular-nums;color:var(--kds-muted)}
.kds__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
@media (max-width:560px){.kds__grid{grid-template-columns:1fr}}
.kt{background:var(--kds-surface);border:1px solid var(--kds-line);border-top:3px solid var(--kds-new);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}
.kt--late{border-top-color:var(--kds-late)}
.kt header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}
.kt header b{font-size:1.5rem;font-weight:900}
.kt__timer{font-variant-numeric:tabular-nums;font-weight:800;font-size:var(--fs-small);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--kds-late);color:var(--kds-bg)}
.kt__timer--ok{background:var(--kds-surface-2);color:var(--kds-text)}
.kt p{font-size:1.0625rem;font-weight:700;line-height:1.5}
.kt p em{font-style:normal;color:var(--kds-new);margin-inline-end:6px}
.kt p small{display:block;font-weight:500;font-size:var(--fs-small);color:var(--kds-muted)}
.kt__note{color:var(--kds-prep)!important;font-size:var(--fs-small)!important}
.kt__rest{font-size:var(--fs-caption)!important;font-weight:500!important;color:var(--kds-muted);border-top:1px dashed var(--kds-line);padding-top:var(--space-2)}
.kt__btn{margin-top:auto;text-align:center;font-weight:800;border-radius:var(--radius-sm);padding:var(--space-3);background:var(--kds-prep);color:var(--kds-bg)}
.kt__btn--ready{background:var(--kds-ready)}

/* guest duo */
.duo{display:flex;justify-content:center;gap:var(--space-5);align-items:flex-start}
.phone--offset{margin-top:var(--space-10)}
@media (max-width:560px){.duo .phone{width:200px}.phone--offset{display:none}}
.menu__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);font-size:var(--fs-small)}
.menu__top span{font-size:var(--fs-caption);font-weight:700;background:var(--primary);color:var(--on-primary);padding:1px var(--space-2);border-radius:var(--radius-pill)}
.menu__item-title{font-weight:800;font-size:1.05rem;margin-bottom:var(--space-3)}
.menu__group{font-size:var(--fs-caption);font-weight:700;margin:var(--space-3) 0 var(--space-2);display:flex;justify-content:space-between}
.menu__group small{color:var(--muted);font-weight:500}
.opt{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-caption);padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);margin-bottom:6px;background:var(--surface)}
.opt--on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);font-weight:700}
.opt small{color:var(--muted)}
.menu__btn{margin-top:var(--space-4);text-align:center;font-size:var(--fs-caption);font-weight:700;background:var(--primary);color:var(--on-primary);border-radius:var(--radius-sm);padding:var(--space-3)}

/* stations split */
.split{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-2)}
.split__order{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-4);border-bottom:1px solid var(--line);margin-bottom:var(--space-4)}
.split__order b{font-weight:800;margin-inline-end:var(--space-2)}
.split__order div span{color:var(--muted);font-size:var(--fs-small)}
.split__tickets{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}
.split__t{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);display:grid;gap:var(--space-2);background:var(--bg)}
.split__t--done{background:var(--success-soft);border-color:transparent}
.split__station{display:flex;align-items:center;gap:6px;font-size:var(--fs-caption);font-weight:700;color:var(--muted)}
.split__t p:not(.split__station){font-weight:700}
.split__note{margin-top:var(--space-4);font-size:var(--fs-small);color:var(--muted)}
.status{display:inline-flex;align-items:center;gap:4px;justify-self:start;font-size:var(--fs-caption);font-weight:700;padding:2px var(--space-2);border-radius:var(--radius-pill)}
.status--prep{background:var(--warning-soft);color:var(--warning)}
.status--ok{background:var(--surface);color:var(--success)}

/* ---------------------------------------------------------------- management */
.manage{padding:var(--space-11) 0;background:var(--surface-2)}
@media (min-width:900px){.manage{padding:var(--space-13) 0}}
.dash{display:grid;grid-template-columns:200px 1fr;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);overflow:hidden}
@media (max-width:820px){.dash{grid-template-columns:1fr}.dash__side{display:none}}
.dash__side{border-inline-end:1px solid var(--line);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:2px;background:var(--bg)}
.dash__brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-4);font-size:var(--fs-small)}
.dash__nav{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-small);color:var(--muted)}
.dash__nav.is-on{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-1)}
.dash__main{padding:var(--space-6)}
.dash__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}
.dash__head b{font-size:var(--fs-h3);font-weight:800}
.dash__branch{font-size:var(--fs-small);color:var(--muted);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius-md)}
.kpis div{padding:var(--space-4) var(--space-5);display:grid;gap:2px}
.kpis div+div{border-inline-start:1px solid var(--line)}
.kpis span{font-size:var(--fs-caption);color:var(--muted);font-weight:600}
.kpis b{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}
.kpis b.warn{color:var(--danger)}
.kpis small{font-size:var(--fs-caption);color:var(--muted)}
.kpis small.up{color:var(--success)}
@media (max-width:820px){.kpis{grid-template-columns:1fr 1fr}.kpis div:nth-child(3){border-inline-start:0;border-top:1px solid var(--line)}.kpis div:nth-child(4){border-top:1px solid var(--line)}}
.dash__row{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-4);margin-top:var(--space-4)}
@media (max-width:820px){.dash__row{grid-template-columns:1fr}}
.chart,.tables{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}
.chart__title{font-size:var(--fs-label);font-weight:600;margin-bottom:var(--space-4)}
.chart__bars{display:flex;align-items:flex-end;gap:6px;height:120px;direction:ltr}
.chart__bars i{flex:1;height:var(--h);background:var(--latte-300);border-radius:4px 4px 0 0}
.chart__bars i:nth-child(11){background:var(--copper-700)}
.chart__axis{display:flex;justify-content:space-between;direction:ltr;font-size:var(--fs-caption);color:var(--muted);margin-top:var(--space-2)}
.tables__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.tables__grid span{aspect-ratio:1;display:grid;place-items:center;border-radius:var(--radius-sm);border:1px solid var(--line-strong);font-size:var(--fs-caption);font-weight:700;color:var(--muted);background:var(--surface)}
.tables__grid .t-busy{background:var(--surface-3);border-color:transparent;color:var(--text)}
.tables__grid .t-order{background:var(--primary);border-color:transparent;color:var(--on-primary)}
.tables__grid .t-help{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}
.tables__legend{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--fs-caption);color:var(--muted)}
.tables__legend span{display:inline-flex;align-items:center;gap:6px}
.tables__legend i{width:10px;height:10px;border-radius:3px;border:1px solid var(--line-strong)}
.tables__legend i.t-order{background:var(--primary);border:0}.tables__legend i.t-busy{background:var(--surface-3);border:0}.tables__legend i.t-help{background:var(--danger-soft);border-color:var(--danger)}

/* ---------------------------------------------------------------- guest menus (café themes, NOT our brand) */
.brand-menus{padding:var(--space-11) 0}
@media (min-width:900px){.brand-menus{padding:var(--space-13) 0}}
.menus{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
@media (max-width:900px){.menus{grid-template-columns:1fr;max-width:360px;margin-inline:auto}}
.mm{border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--line);box-shadow:var(--shadow-2);min-height:340px}
.mm__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}
.mm__head b{font-size:1.125rem}
.mm__head span{font-size:var(--fs-caption);font-weight:700;padding:1px var(--space-2);border-radius:var(--radius-pill)}
.mm__chips{display:flex;gap:6px;margin-bottom:var(--space-4)}
.mm__chips i{font-style:normal;font-size:var(--fs-caption);padding:2px var(--space-3);border-radius:var(--radius-pill);border:1px solid currentColor;opacity:.55}
.mm__chips i.on{opacity:1}
.mm__item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid}
.mm__item:last-child{border-bottom:0}
.mm__item b{display:block;font-size:.95rem}
.mm__item small{font-size:var(--fs-caption);opacity:.7}
.mm__item span{font-size:var(--fs-small);font-weight:700;white-space:nowrap}
.mm__cat{font-size:var(--fs-caption);letter-spacing:0;text-transform:none;margin:var(--space-2) 0 0;opacity:.7}
.mm__card{border-radius:12px;padding:var(--space-4);margin-bottom:var(--space-3);display:grid;gap:2px}
.mm__card small{font-size:var(--fs-caption);opacity:.75}
.mm__card span{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2);font-weight:800}
.mm__card em{font-style:normal;font-size:var(--fs-caption);padding:4px var(--space-3);border-radius:8px}
/* café theme 1 — warm coffee */
.mm--cafe{background:#FAF7F2;color:#211A17}
.mm--cafe .mm__head b{font-family:"Vazirmatn",sans-serif;font-weight:800}
.mm--cafe .mm__head span{background:#8D5B3B;color:#fff}
.mm--cafe .mm__chips i{color:#8D5B3B}
.mm--cafe .mm__item{border-color:#E8DCCB}
/* café theme 2 — fine dining, classic serif */
.mm--fine{background:#14171C;color:#EDE6DA;border-color:#14171C}
.mm--fine .mm__head b{font-family:"Amiri",serif;font-size:1.4rem;font-weight:700}
.mm--fine .mm__head span{border:1px solid #C9A86A;color:#C9A86A}
.mm--fine .mm__cat{color:#C9A86A;opacity:1;font-weight:700}
.mm--fine .mm__item{border-color:#2A2F38}
.mm--fine .mm__item b{font-family:"Amiri",serif;font-size:1.1rem}
/* café theme 3 — bright fast food */
.mm--fast{background:#FFF8EC;color:#1B1B1B}
.mm--fast .mm__head b{font-family:"Lalezar","Vazirmatn",sans-serif;font-weight:400;font-size:1.4rem;color:#D7261E}
.mm--fast .mm__head span{background:#1B1B1B;color:#FFF8EC}
.mm--fast .mm__chips i{color:#D7261E}
.mm--fast .mm__card{background:#fff;box-shadow:0 1px 2px rgb(0 0 0 / .06)}
.mm--fast .mm__card em{background:#D7261E;color:#fff}

/* ---------------------------------------------------------------- plans + close */
.plans-sec{padding:var(--space-11) 0;border-top:1px solid var(--line)}
@media (min-width:900px){.plans-sec{padding:var(--space-13) 0}}
.close{position:relative;overflow:hidden;background:var(--dark) url("img/pattern-dark.159691a417bc.svg") 0 0/120px;color:var(--on-dark);padding:var(--space-11) 0}
.close__in{display:grid;gap:var(--space-7);align-items:center}
.close__art{width:200px;height:auto;background:var(--saffron-400);border-radius:var(--radius-xl);padding:var(--space-3)}
@media (min-width:900px){.close__in{grid-template-columns:auto 1.4fr auto}}
@media (max-width:899px){.close__art{width:150px}}
.close .h2{color:var(--on-dark)}
.close p{color:var(--on-dark-muted)}
.split__lines{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}
.split__lines li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--line)}
.split__lines li svg{color:var(--copper-700)}
.split__lines small{color:var(--muted);margin-inline-start:auto}
.split__note{display:flex;align-items:center;gap:6px}