:root{
  /* Vitrine: preto e branco como o logo. A única cor (--shu, salmão) fica para estados: selecionado, contador, erro. */
  --sumi:#000; --soot:#151515; --black:#000;
  --washi:#f4f1ea; --washi-2:#e7e3d9; --ink:#0c0c0c; --ink-2:#6b675f;
  --shu:#e9532b; --shu-d:#0c0c0c; --ember:#f4f1ea; --cream:#f4f1ea; --ok:#4f9a5b;
  --f-d:'Jost','Hiragino Sans','Yu Gothic',system-ui,sans-serif;
  --f-m:'Jost','Hiragino Sans','Yu Gothic',system-ui,sans-serif;
  --f-b:'Jost','Hiragino Sans','Yu Gothic',system-ui,sans-serif;
  --col:480px;
  --edge:max(0px,calc(50% - var(--col)/2));
  --ease:cubic-bezier(.2,.8,.2,1);
  --navh:0px;
  --fiber:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.7 .9' numOctaves='3' seed='5' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .42  0 0 0 0 .28  0 0 0 0 .14  0 0 0 .7 -.26'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html.lock{overflow:hidden}
body{margin:0;background:var(--black);color:var(--cream);font:400 15px/1.5 var(--f-b);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--ember);outline-offset:3px}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

.app{position:relative;max-width:var(--col);margin:0 auto;background:var(--sumi);overflow:clip}
body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;background-image:var(--noise);opacity:.085}

/* the Taika logo: the store's own artwork, cropped to the lettering and blended into whatever is behind it */
.logo{--w:632;--x:62;--y:226;--cw:507;--ch:157;position:relative;display:block;overflow:hidden;aspect-ratio:calc(var(--cw)/var(--ch));mix-blend-mode:screen}
.logo img{position:absolute;top:0;left:calc(var(--x)/var(--cw)*-100%);margin-top:calc(var(--y)/var(--cw)*-100%);width:calc(var(--w)/var(--cw)*100%);max-width:none}
.logo--word{--ch:100}
.logo.lo{--w:225;--x:16;--y:82;--cw:194;--ch:60}
.logo--word.lo{--ch:38}
.logo--ink{mix-blend-mode:multiply}
.logo--ink img{filter:invert(1)}

.chip{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px 1px;border:1px solid rgba(246,236,217,.3);border-radius:15px;font:700 11px/1 var(--f-b);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.chip::before{content:"";width:7px;height:7px;border-radius:50%;background:rgba(246,236,217,.45)}
.chip.open::before{background:var(--ok);box-shadow:0 0 0 0 rgba(79,154,91,.7);animation:ping 2.2s ease-out infinite}
@keyframes ping{to{box-shadow:0 0 0 9px rgba(79,154,91,0)}}
.hero .chip{background:rgba(5,3,2,.45)}
/* status + caminho explícito para as informações da loja */
.heroinfo{display:inline-flex;flex-direction:column;align-items:center;gap:11px;margin-bottom:20px}
.heroinfo__t{display:inline-flex;align-items:center;gap:9px;padding-bottom:5px;border-bottom:1px solid rgba(246,236,217,.5);font:700 11px/1 var(--f-b);letter-spacing:.18em;text-transform:uppercase;color:var(--cream);transition:color .2s,border-color .2s}
.chev{flex:none;display:block;width:6px;height:6px;border-top:1.7px solid currentColor;border-right:1.7px solid currentColor;transform:rotate(45deg)}
.on-paper .chip,.chip.ink{border-color:rgba(28,20,16,.35)}
.chip.ink::before{background:rgba(28,20,16,.35)}
.chip.ink.open::before{background:var(--ok)}

.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;height:58px;padding:0 30px;font:400 15px/1 var(--f-d);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;
  clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);transition:transform .15s,background .2s,opacity .2s}
.btn:active{transform:translateY(2px) scale(.985)}
.btn--fire{background:var(--shu);color:var(--cream)}
.btn--fire::before{content:"";position:absolute;inset:4px;border:1px solid rgba(246,236,217,.42);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);pointer-events:none}
.btn--ink{background:var(--ink);color:var(--cream)}
.btn--line{box-shadow:inset 0 0 0 1.5px var(--ink);clip-path:none;height:50px;font-size:13px}
.btn--wide{display:flex;width:100%}
.btn.wait{background:#8d7e6c}
.btn .arr{display:block;width:10px;height:10px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg);margin-top:-5px;animation:bob 1.6s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(4px) rotate(45deg)}}

/* ───────── DESTAQUES ───────── */
.sig{position:relative;padding:62px 0 86px;background:var(--sumi)}
.sig__head{display:flex;justify-content:space-between;align-items:flex-end;padding:0 20px;margin-bottom:22px}
.eyebrow{font:700 11px/1 var(--f-b);letter-spacing:.26em;text-transform:uppercase}
.sig__head .eyebrow{color:var(--ember);margin-bottom:12px}
.sig__head h2{font:400 34px/1.04 var(--f-d);letter-spacing:.005em}
.sig__jp{writing-mode:vertical-rl;font:800 22px/1 var(--f-m);letter-spacing:.3em;color:var(--shu);padding-bottom:2px}
.sig__track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 20px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sig__track::-webkit-scrollbar{display:none}
.sigc{position:relative;flex:0 0 min(76vw,330px);aspect-ratio:3/4.2;overflow:hidden;scroll-snap-align:center;background:var(--soot);border-radius:3px;cursor:pointer}
.sigc img{position:absolute;top:0;left:-12%;width:124%;max-width:none;height:100%;object-fit:cover;will-change:transform}
.sigc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,5,4,.5) 0%,rgba(7,5,4,0) 28%,rgba(7,5,4,0) 44%,rgba(7,5,4,.94) 100%);pointer-events:none}
.sigc__no{position:absolute;z-index:1;top:12px;left:14px;font:800 52px/1 var(--f-m);color:transparent;-webkit-text-stroke:1.2px rgba(246,236,217,.9)}
.sigc__jp{position:absolute;z-index:1;top:16px;right:14px;writing-mode:vertical-rl;font:700 13px/1 var(--f-m);letter-spacing:.3em;color:var(--cream)}
.sigc__txt{position:absolute;z-index:1;left:16px;right:70px;bottom:16px}
.sigc__txt h3{font:400 23px/1.07 var(--f-d)}
.sigc__txt p{margin-top:7px;font:500 12.5px/1.4 var(--f-b);color:rgba(246,236,217,.82);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sigc__txt .price{display:block;margin-top:10px;color:var(--ember)}
.sigc .add{position:absolute;z-index:2;right:14px;bottom:14px;background:var(--cream);color:var(--ink)}
.sig__nav{display:none}
.sig__hint{display:flex;align-items:center;gap:10px;padding:16px 20px 0;font:700 10.5px/1 var(--f-b);letter-spacing:.26em;text-transform:uppercase;color:rgba(246,236,217,.5)}
.sig__hint i{display:block;width:34px;height:1px;background:currentColor;position:relative;animation:nudge 1.8s ease-in-out infinite}
.sig__hint i::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid;border-right:1px solid;transform:rotate(45deg)}
@keyframes nudge{50%{transform:translateX(8px)}}

.price{font:400 18px/1 var(--f-d);letter-spacing:.01em;white-space:nowrap}
.price i{font-style:normal;font-size:.6em;margin-right:3px;vertical-align:.34em}
.price small{font-size:.6em;vertical-align:.34em}

/* add / quantity */
.add{position:relative;flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--cream);transition:background .25s,transform .15s}
.add:active{transform:scale(.86)}
.add b{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--shu);color:var(--cream);font:400 11px/1 var(--f-d);box-shadow:0 0 0 2px var(--washi)}
.sig .add b{box-shadow:0 0 0 2px var(--sumi)}
.add.has{background:var(--shu);color:var(--cream)}
.qty{display:inline-flex;align-items:center;height:40px;border-radius:20px;background:var(--ink);color:var(--cream);transition:background .25s}
.qty__b{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%}
.qty__b:active{transform:scale(.86)}
.qty__minus{width:0;opacity:0;visibility:hidden;transition:width .32s var(--ease),opacity .2s,visibility 0s .3s}
.qty output{display:block;width:0;opacity:0;overflow:hidden;text-align:center;font:400 14px/1 var(--f-d);transition:width .32s var(--ease),opacity .2s}
.qty.on{background:var(--shu);color:var(--cream)}
.qty.on .qty__minus{width:36px;opacity:1;visibility:visible;transition:width .32s var(--ease),opacity .2s,visibility 0s}
.qty.on output{width:20px;opacity:1}
.ic{position:relative;display:block;width:14px;height:14px}
.ic::before,.ic::after{content:"";position:absolute;left:0;right:0;top:50%;height:2.4px;margin-top:-1.2px;background:currentColor;border-radius:1px}
.ic--plus::after{transform:rotate(90deg)}
.ic--minus::after{display:none}

/* ───────── CARDÁPIO (papel) ───────── */
.tear{position:absolute;left:0;width:100%;height:22px;display:block;pointer-events:none;z-index:2}
.tear path{fill:var(--washi)}
.tear path:first-child{fill:var(--washi-2);opacity:.75}
.menu{position:relative;background:var(--washi) var(--fiber);color:var(--ink);padding:6px 0 64px}
.menu>.tear{top:-21px;filter:drop-shadow(0 -3px 4px rgba(0,0,0,.35))}
.findbar{display:flex;align-items:center;gap:12px;width:calc(100% - 32px);height:52px;margin:30px 16px 0;padding:0 16px;border:1.5px solid var(--ink);font:500 14.5px/1 var(--f-b);color:var(--ink-2);text-align:left}
.findbar svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.8;flex:none}
.findbar kbd{margin-left:auto;font:800 14px/1 var(--f-m);color:var(--shu)}
/* a loja, logo no começo do cardápio */
.shop{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;width:calc(100% - 32px);margin:30px 16px 0;padding:16px 16px 0 14px;text-align:left;color:var(--ink);background:rgba(255,255,255,.26);box-shadow:inset 0 0 0 1.5px var(--ink);transition:background .2s}
.shop__k{writing-mode:vertical-rl;padding-bottom:14px;font:800 27px/1 var(--f-m);letter-spacing:.14em;color:var(--shu)}
.shop__main{display:block;min-width:0}
.shop__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px 12px}
.shop .eyebrow{color:var(--shu-d)}
.shop .chip{height:28px;font-size:10px;letter-spacing:.12em}
.shop__facts{display:grid;gap:9px;margin-top:15px}
.shop__facts span{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:baseline;font:500 13.5px/1.4 var(--f-b)}
.shop__facts b{font:700 10px/1 var(--f-b);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2)}
.shop__go{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding:13px 2px 14px 0;border-top:1.5px dotted rgba(28,20,16,.45);font:400 12px/1.2 var(--f-d);letter-spacing:.07em;text-transform:uppercase;color:var(--shu-d)}
.shop__go .chev{width:8px;height:8px;border-width:2.2px}
#shop+.findbar{margin-top:14px}
.sec{padding:46px 16px 0;scroll-margin-top:92px}
.sec__head{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:end;padding-top:16px;margin-bottom:22px;border-top:3px double var(--ink)}
.sec__k{writing-mode:vertical-rl;font:800 46px/1 var(--f-m);letter-spacing:.02em;color:var(--shu)}
.sec__n{display:block;font:700 10.5px/1 var(--f-b);letter-spacing:.28em;text-transform:uppercase;color:var(--ink-2);margin-bottom:9px}
.sec__head h2{font:400 31px/1 var(--f-d);text-transform:uppercase;letter-spacing:.005em}
.sec__head p{margin-top:9px;max-width:28ch;font:500 13.5px/1.45 var(--f-b);color:var(--ink-2)}

/* foto genérica do mesmo tipo de prato, enquanto a loja não envia a sua */
.ilu{position:absolute;left:0;bottom:0;padding:4px 7px 5px;background:var(--washi);font:700 8px/1 var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap}
.card__photo:has(.ilu) .stampn{bottom:26px}
.dish__ph .ilu{font-size:9.5px;letter-spacing:.18em;padding:5px 8px 6px}

.grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 14px;padding-bottom:34px}
.card{min-width:0}
.card.r{translate:0 30px;--d:.12s}
.card--wide{grid-column:1/-1}
.ph{position:relative;display:block;width:100%;overflow:hidden;background:var(--soot);border-radius:3px}
.ph img{width:100%;height:100%;object-fit:cover}
.ph.noimg::before{content:"火";position:absolute;inset:0;display:grid;place-items:center;font:800 54px var(--f-m);color:rgba(246,236,217,.16)}
.card__photo{aspect-ratio:4/5;box-shadow:0 18px 26px -18px rgba(40,18,8,.7)}
.card--wide .card__photo{aspect-ratio:16/10.5}
.card__jp{position:absolute;top:0;left:10px;writing-mode:vertical-rl;padding:9px 4px 8px;background:var(--washi);color:var(--ink);font:700 11px/1 var(--f-m);letter-spacing:.2em}
.stampn{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--shu);color:var(--cream);font:400 14px/1 var(--f-d);transform:rotate(11deg);box-shadow:inset 0 0 0 2px var(--shu),inset 0 0 0 3.5px rgba(246,236,217,.8)}
.stampn b{font-weight:400}
.stampn b::before{content:"×";font-size:.8em;margin-right:1px}
.stampn.hit{animation:hit .42s cubic-bezier(.3,0,.2,1)}
@keyframes hit{0%{transform:scale(2.4) rotate(-14deg);opacity:0}55%{transform:scale(.86) rotate(13deg);opacity:1}100%{transform:scale(1) rotate(11deg)}}
.card__body{padding-top:12px}
.unit{font:700 10px/1 var(--f-b);letter-spacing:.2em;text-transform:uppercase;color:var(--shu-d)}
.card h3{margin-top:7px;font:400 15.5px/1.18 var(--f-d);letter-spacing:.005em}
.card--wide h3{font-size:21px}
.desc{margin-top:6px;font:400 12.8px/1.45 var(--f-b);color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card--wide .desc{font-size:14px}
.card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;min-height:40px}

/* typeset rows for dishes the store has not photographed */
.rows{border-top:1.5px solid var(--ink);margin-bottom:8px}
.row{display:grid;grid-template-columns:auto 1fr auto;gap:0 14px;align-items:center;min-height:66px;padding:13px 0;border-bottom:1.5px dotted rgba(28,20,16,.4);cursor:pointer}
.row__main{min-width:0}
.row__ph{width:58px;height:58px;box-shadow:0 10px 14px -10px rgba(40,18,8,.7)}
.row__ph.noimg::before{font-size:24px}
.row.off .row__ph img{filter:grayscale(1) brightness(.62)}
.row h3{font:400 15px/1.2 var(--f-d);letter-spacing:.005em}
.row .unit{display:block;margin-top:6px}
.row .desc{-webkit-line-clamp:2}
.row__side{display:flex;align-items:center;gap:12px}
.row .price{font-size:15.5px}
.row .add,.row .qty,.row .qty__b{width:36px;height:36px}
.row .qty{width:auto}
.row .qty.on .qty__minus{width:32px}
.row .qty:not(.on) .qty__minus{width:0}
mark{background:rgba(245,138,46,.35);color:inherit;padding:0 1px}

/* scroll reveals */
.js [data-rv]{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
.js [data-rv].in{opacity:1;transform:none}
.js .card[data-rv]{opacity:1;transform:none}
.js .card .card__photo{clip-path:inset(100% 0 0 0);transition:clip-path 1s var(--ease) var(--d,0s)}
.js .card .card__photo img{transform:scale(1.28);transition:transform 1.6s var(--ease) var(--d,0s)}
.js .card .card__body{opacity:0;transform:translateY(14px);transition:opacity .7s ease calc(var(--d,0s) + .25s),transform .8s var(--ease) calc(var(--d,0s) + .25s)}
.js .card.in .card__photo{clip-path:inset(0 0 0 0)}
.js .card.in .card__photo img{transform:none}
.js .card.in .card__body{opacity:1;transform:none}


/* ───────── RODAPÉ ───────── */
.foot{position:relative;padding:76px 22px calc(150px + env(safe-area-inset-bottom));background:var(--sumi);overflow:hidden}
.foot .tear{top:-1px;transform:scaleY(-1)}
.foot__logo{width:210px}
.foot__grid{display:grid;gap:24px;margin-top:38px}
.foot h3{font:700 10.5px/1 var(--f-b);letter-spacing:.26em;text-transform:uppercase;color:var(--ember);margin-bottom:9px}
.foot p{font:500 15px/1.55 var(--f-m);color:rgba(246,236,217,.9)}
.foot a{border-bottom:1px solid rgba(246,236,217,.35)}
.foot__small{margin-top:40px;padding-top:18px;border-top:1px solid rgba(246,236,217,.14);font:500 11.5px/1.6 var(--f-b)!important;color:rgba(246,236,217,.5)!important}

/* ───────── BARRA SUPERIOR ───────── */
.top{position:fixed;z-index:30;top:0;left:var(--edge);width:min(100%,var(--col));background:var(--sumi);color:var(--cream);border-bottom:1px solid rgba(246,236,217,.12);transform:translateY(-104%);transition:transform .5s var(--ease);padding-top:env(safe-area-inset-top)}
.top.show{transform:none}
.top__row{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 12px 0 16px}
.top__logo{display:block;width:98px}
.top__info{display:flex;align-items:center;gap:8px}
.top .chip{height:28px;padding:0 11px 1px;font-size:10px;letter-spacing:.12em}
.top .chip::after{content:"";width:5px;height:5px;margin-left:1px;border-top:1.6px solid currentColor;border-right:1.6px solid currentColor;transform:rotate(45deg);opacity:.8}
.tabs{position:relative;display:flex;overflow-x:auto;padding:0 6px;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:none;padding:8px 11px 14px;font:700 13px/1 var(--f-b);letter-spacing:.05em;color:rgba(246,236,217,.55);white-space:nowrap;transition:color .25s}
.tab i{font:800 13px/1 var(--f-m);font-style:normal;margin-left:6px;color:var(--shu);transition:color .25s}
.tab.on{color:var(--cream)}
.tab.on i{color:var(--ember)}
.tabs__ink{position:absolute;left:0;bottom:6px;height:3px;width:40px;background:var(--shu);border-radius:3px 1px 4px 1px;transition:transform .45s var(--ease),width .45s var(--ease)}

/* ───────── NAVEGAÇÃO INFERIOR ───────── */
.nav{position:fixed;z-index:29;bottom:0;left:var(--edge);width:min(100%,var(--col));display:grid;grid-template-columns:repeat(5,1fr);background:var(--sumi);border-top:1px solid rgba(246,236,217,.12);padding-bottom:env(safe-area-inset-bottom);transform:translateY(105%);transition:transform .5s var(--ease)}
.navon .nav{transform:none}
.navon{--navh:60px}
.nav button{position:relative;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:700 9.5px/1 var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:rgba(246,236,217,.55);transition:color .2s}
.nav button.on{color:var(--cream)}
.nav button.on::before{content:"";position:absolute;top:-1px;left:50%;width:26px;height:3px;margin-left:-13px;background:var(--shu);border-radius:0 0 3px 3px}
.nav svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.nav b{position:absolute;top:8px;left:50%;margin-left:8px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--shu);color:var(--cream);font:400 10px/1 var(--f-d);letter-spacing:0}

/* ───────── BARRA DO PEDIDO / ACOMPANHAMENTO ───────── */
.cartbar,.trackbar{position:fixed;z-index:28;left:calc(var(--edge) + 12px);width:calc(min(100%,var(--col)) - 24px);bottom:calc(var(--navh) + 10px + env(safe-area-inset-bottom));height:60px;display:flex;align-items:center;gap:13px;padding:0 20px 0 12px;text-align:left;
  clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);
  transform:translateY(240%);transition:transform .55s var(--ease),bottom .5s var(--ease)}
.cartbar{background:var(--shu);color:var(--cream)}
.cartbar.show,.trackbar.show{transform:none}
.cartbar::before{content:"";position:absolute;inset:4px;border:1px solid rgba(246,236,217,.4);pointer-events:none;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}
.cartbar__n{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--cream);color:var(--ink);font:400 15px/1 var(--f-d)}
.cartbar__t{flex:1;font:400 15px/1 var(--f-d);letter-spacing:.09em;text-transform:uppercase}
.cartbar__s{font:400 17px/1 var(--f-d)}
.cartbar.bump .cartbar__n{animation:bump .45s var(--ease)}
@keyframes bump{35%{transform:scale(1.35) rotate(-10deg)}}
.trackbar{background:var(--cream);color:var(--ink);padding-left:18px}
.trackbar i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--ember);animation:glow 1.4s ease-in-out infinite}
@keyframes glow{50%{box-shadow:0 0 0 7px rgba(245,138,46,.25)}}
.trackbar span{flex:1;min-width:0}
.trackbar small{display:block;font:700 9.5px/1 var(--f-b);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin-bottom:5px}
.trackbar strong{display:block;font:400 14.5px/1 var(--f-d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trackbar em{font:700 11px/1 var(--f-b);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--shu-d)}

/* ───────── FOLHAS (sheets) ───────── */
.scrim{position:fixed;inset:0;z-index:40;background:rgba(5,3,2,.68);opacity:0;pointer-events:none;transition:opacity .4s}
.scrim.on{opacity:1;pointer-events:auto}
.sheet{position:fixed;z-index:41;left:var(--edge);width:min(100%,var(--col));bottom:0;max-height:92vh;max-height:92svh;display:flex;flex-direction:column;background:var(--washi) var(--fiber);color:var(--ink);transform:translateY(104%);visibility:hidden;transition:transform .55s var(--ease),visibility 0s .55s;will-change:transform}
.sheet.open{transform:none;visibility:visible;transition:transform .55s var(--ease),visibility 0s}
.sheet.drag{transition:none}
.sheet--tall{height:92vh;height:92svh}
.sheet__grab{position:absolute;z-index:3;top:0;left:0;right:60px;height:34px;display:grid;place-items:center;padding-left:60px;touch-action:none;cursor:grab}
.sheet__grab i{display:block;width:44px;height:4px;border-radius:2px;background:rgba(28,20,16,.3)}
.sheet--dish.hasph .sheet__grab i{background:rgba(246,236,217,.85);box-shadow:0 1px 4px rgba(0,0,0,.35)}
.sheet__scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.sheet__cta{flex:none;display:flex;align-items:center;gap:12px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgba(28,20,16,.14)}
.sheet__cta .btn{flex:1;padding:0 14px}
.x{position:absolute;z-index:4;top:14px;right:14px;width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--cream);display:grid;place-items:center}
.x .ic{transform:rotate(45deg)}
.perf{-webkit-mask:radial-gradient(circle at 10px 0,transparent 5.5px,#000 6px) 0 0/20px 100%;mask:radial-gradient(circle at 10px 0,transparent 5.5px,#000 6px) 0 0/20px 100%}
.pad{padding:0 20px}
.shead{display:flex;align-items:flex-end;justify-content:space-between;padding:40px 20px 0}
.shead h3{font:400 27px/1.04 var(--f-d);text-transform:uppercase}
.shead .eyebrow{color:var(--shu-d);margin-bottom:10px}
.shead__jp{writing-mode:vertical-rl;font:800 17px/1 var(--f-m);letter-spacing:.3em;color:var(--shu);margin-right:54px}
.note{font:500 12.5px/1.5 var(--f-b);color:var(--ink-2)}
.demo{display:flex;gap:10px;align-items:flex-start;margin:18px 20px 0;padding:11px 12px;border:1.5px dashed rgba(28,20,16,.45);font:500 12.5px/1.45 var(--f-b);color:var(--ink-2)}
.demo b{flex:none;padding:3px 6px 4px;background:var(--ink);color:var(--cream);font:700 9.5px/1 var(--f-b);letter-spacing:.16em;text-transform:uppercase}

/* prato */
.sheet--dish{border-radius:16px 16px 0 0;overflow:hidden}
.dish__ph{aspect-ratio:1/.8;border-radius:0}
.sheet--dish.open .dish__ph img{animation:kb 9s ease-out both}
@keyframes kb{from{transform:scale(1.2)}to{transform:scale(1.02)}}
.dish__none{position:relative;height:104px;background:var(--sumi);overflow:hidden}
.dish__none span{position:absolute;right:66px;top:50%;translate:0 -50%;font:800 74px/1 var(--f-m);white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(246,236,217,.4)}
.dish__jp{position:absolute;left:18px;top:0;writing-mode:vertical-rl;padding:16px 6px 12px;background:var(--washi);font:700 14px/1 var(--f-m);letter-spacing:.24em}
.dish__body{padding:22px 20px 26px}
.dish__body>.unit{font-size:11px}
.dish__body>h3{margin-top:10px;font:400 27px/1.06 var(--f-d)}
.dish__price{display:block;margin-top:12px;font-size:21px;color:var(--shu-d)}
.dish__d{margin-top:12px;font:400 15.5px/1.55 var(--f-b);color:#3b2e25}
.og{margin-top:26px;padding-top:15px;border-top:3px double var(--ink)}
.og.bad{animation:nope .4s}
@keyframes nope{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.og__h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px}
.og__h h4{font:400 16px/1.25 var(--f-d)}
.og__h p{margin-top:5px;font:500 12.5px/1.3 var(--f-b);color:var(--ink-2)}
.og__req{flex:none;padding:5px 8px 6px;border:1.4px solid var(--ink);font:700 9.5px/1 var(--f-b);letter-spacing:.16em;text-transform:uppercase}
.og__req.ok{border-color:var(--ok);background:var(--ok);color:#fff}
.opt{display:flex;align-items:center;gap:13px;min-height:50px;padding:8px 0;border-bottom:1.5px dotted rgba(28,20,16,.38);cursor:pointer;font:500 15px/1.25 var(--f-b)}
.opt input{appearance:none;-webkit-appearance:none;flex:none;width:24px;height:24px;margin:0;border:1.6px solid var(--ink);border-radius:3px;display:grid;place-items:center;background:transparent;transition:background .15s,border-color .15s}
.opt input[type=radio]{border-radius:50%}
.opt input::after{content:"";width:11px;height:6px;border-left:2.4px solid var(--cream);border-bottom:2.4px solid var(--cream);transform:rotate(-45deg) translate(1px,-1px) scale(0);transition:transform .15s}
.opt input:checked{background:var(--shu);border-color:var(--shu)}
.opt input:checked::after{transform:rotate(-45deg) translate(1px,-1px) scale(1)}
.opt input:disabled{opacity:.3}
.opt span{flex:1}
.opt em{font:400 13px/1 var(--f-d);font-style:normal;color:var(--shu-d);white-space:nowrap}
.field{display:block;margin-top:22px}
.field>span{display:flex;justify-content:space-between;font:700 10.5px/1 var(--f-b);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px}
.field textarea,.field input,.field select{display:block;width:100%;padding:13px 14px;border:1.5px solid var(--ink);border-radius:0;background:rgba(255,255,255,.28);font:500 15px/1.4 var(--f-b);color:var(--ink);outline-offset:2px;-webkit-appearance:none;appearance:none}
.field textarea{resize:none;height:84px}
.field select{background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.field.bad :is(input,select){border-color:var(--shu);box-shadow:0 0 0 2px rgba(210,50,26,.25)}
.sheet--dish .sheet__cta .btn{font-size:13px;letter-spacing:.06em;padding:0 8px}
.sheet--dish .sheet__cta .qty{height:48px;border-radius:24px}
.sheet--dish .sheet__cta .qty__b{width:44px;height:48px}
.sheet--dish .sheet__cta .qty output{width:22px;opacity:1;font-size:16px}
.sheet--dish .sheet__cta .qty__minus{width:44px;opacity:1;visibility:visible}

/* pedido */
.seg{position:relative;display:grid;grid-template-columns:1fr 1fr;margin:20px 20px 0;height:46px;border:1.5px solid var(--ink)}
.seg button{position:relative;z-index:1;font:700 12px/1 var(--f-b);letter-spacing:.2em;text-transform:uppercase;transition:color .3s}
.seg button[aria-pressed="true"]{color:var(--cream)}
.seg::before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 4.5px);background:var(--ink);transition:transform .4s var(--ease)}
.seg[data-mode="retirada"]::before{transform:translateX(calc(100% + 3px))}
.lines{padding:10px 20px 0}
.line{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;padding:14px 0;border-bottom:1.5px dotted rgba(28,20,16,.4)}
.line b{display:block;font:400 14.5px/1.2 var(--f-d)}
.line>div>small{display:block;margin-top:5px;font:500 12.5px/1.4 var(--f-b);color:var(--ink-2)}
.line>div>small.obs{font-family:var(--f-m)}
.line__r{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.line__r .price{font-size:15px}
.line .qty{height:32px}
.line .qty__b{width:32px;height:32px}
.line .qty.on .qty__minus{width:30px}
.line .ic{width:11px;height:11px}
.pays{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pays button{height:46px;border:1.5px solid var(--ink);font:700 11.5px/1 var(--f-b);letter-spacing:.16em;text-transform:uppercase;transition:background .2s,color .2s}
.pays button[aria-pressed="true"]{background:var(--ink);color:var(--cream)}
.tot{padding:20px 20px 22px}
.tot div{display:flex;align-items:baseline;gap:8px;padding:5px 0;font:500 14px/1.2 var(--f-b)}
.tot i{flex:1;border-bottom:1.5px dotted rgba(28,20,16,.4);transform:translateY(-3px)}
.tot b{font:400 15px/1 var(--f-d)}
.tot .sum{margin-top:8px;padding-top:12px;border-top:3px double var(--ink);font:400 17px/1 var(--f-d);text-transform:uppercase;letter-spacing:.06em}
.tot .sum i{border:0}
.tot .sum b{font-size:27px;letter-spacing:0}
.empty{padding:40px 24px 40px;text-align:center}
.empty .k{font:800 84px/1 var(--f-m);color:rgba(28,20,16,.14)}
.empty h4{margin:10px 0 8px;font:400 21px/1.15 var(--f-d)}
.empty p{font:500 14px/1.5 var(--f-b);color:var(--ink-2);margin:0 auto 22px;max-width:30ch}
.closed{margin:16px 20px 0;padding:11px 13px;background:var(--ink);color:var(--cream);font:500 13px/1.45 var(--f-b)}
.closed b{font-weight:700;color:var(--ember)}

/* acompanhar */
.trk{padding:0 20px 26px}
.trk__now{margin-top:26px}
.trk__now h4{font:400 31px/1.04 var(--f-d);text-transform:uppercase}
.trk__now p{margin-top:10px;font:500 15px/1.5 var(--f-b);color:#3b2e25}
.steps{position:relative;margin-top:26px;padding:4px 0}
.step{position:relative;display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;min-height:66px;color:rgba(28,20,16,.42)}
.step::before{content:"";position:absolute;left:21px;top:-33px;height:66px;width:2px;background:repeating-linear-gradient(180deg,rgba(28,20,16,.3) 0 3px,transparent 3px 7px)}
.step:first-child::before{display:none}
.step.done::before,.step.now::before{background:var(--shu)}
.step__k{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.6px solid currentColor;background:var(--washi);font:800 13px/1 var(--f-m)}
.step.done{color:var(--ink)}
.step.done .step__k{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.step.now{color:var(--ink)}
.step.now .step__k{background:var(--shu);color:var(--cream);border-color:var(--shu);animation:beat 1.5s ease-in-out infinite}
@keyframes beat{50%{box-shadow:0 0 0 9px rgba(210,50,26,.2)}}
.step b{display:block;font:400 15.5px/1.2 var(--f-d)}
.step small{display:block;margin-top:4px;font:500 12.5px/1.3 var(--f-b)}
.step time{font:700 11px/1 var(--f-b);letter-spacing:.1em}
.box{margin-top:24px;padding-top:14px;border-top:3px double var(--ink)}
.box h5{margin:0 0 8px;font:700 10.5px/1 var(--f-b);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2)}
.box p,.box li{font:500 14px/1.55 var(--f-b)}
.box li{display:flex;justify-content:space-between;gap:12px}
.box li span:last-child{white-space:nowrap}
.acts{display:grid;gap:10px;margin-top:24px}
.acts .btn{height:52px;padding:0 12px;font-size:13px;letter-spacing:.07em}

/* loja */
.info{padding:6px 20px 30px}
.info .chip{margin-top:18px}
.hours{margin-top:4px}
.hours li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1.5px dotted rgba(28,20,16,.35);font:500 14px/1.3 var(--f-b)}
.hours li.today{font-weight:700}
.hours li.off span:last-child{color:var(--ink-2)}
.pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pills li{padding:6px 9px 7px;border:1.4px solid rgba(28,20,16,.55);font:700 10.5px/1 var(--f-b);letter-spacing:.12em;text-transform:uppercase}
.info a.lnk,.box a.lnk{display:inline-block;margin-top:8px;font:700 11.5px/1 var(--f-b);letter-spacing:.16em;text-transform:uppercase;color:var(--shu-d);border-bottom:1.5px solid currentColor;padding-bottom:3px}

/* conta */
.acc{padding:0 20px 30px}
.acc__logo{width:190px;margin:54px auto 0}
.acc__lead{margin:26px auto 22px;max-width:28ch;text-align:center;font:500 16px/1.5 var(--f-m)}
.who{display:flex;align-items:center;gap:14px;margin-top:22px}
.who span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--shu);color:var(--cream);font:400 18px/1 var(--f-d)}
.who b{display:block;font:400 19px/1.1 var(--f-d)}
.who small{display:block;margin-top:5px;font:500 13px/1.2 var(--f-b);color:var(--ink-2)}
.ord{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:13px 0;border-bottom:1.5px dotted rgba(28,20,16,.4)}
.ord b{font:400 14.5px/1.2 var(--f-d)}
.ord>small{grid-column:1;font:500 12.5px/1.4 var(--f-b);color:var(--ink-2)}
.ord .price{font-size:15px;text-align:right}
.ord button{grid-column:2;justify-self:end;font:700 10.5px/1 var(--f-b);letter-spacing:.16em;text-transform:uppercase;color:var(--shu-d);border-bottom:1.5px solid currentColor;padding-bottom:3px}

/* busca */
.find{padding:40px 20px 0}
.find__in{position:relative}
.find__in svg{position:absolute;left:14px;top:50%;width:20px;height:20px;margin-top:-10px;stroke:var(--ink);fill:none;stroke-width:1.8;pointer-events:none}
.find__in input{display:block;width:calc(100% - 52px);height:52px;padding:0 14px 0 44px;border:1.5px solid var(--ink);border-radius:0;background:rgba(255,255,255,.3);font:500 16px/1 var(--f-b);-webkit-appearance:none;appearance:none}
.find__in input::-webkit-search-cancel-button{display:none}
.sugg{display:flex;gap:7px;overflow-x:auto;margin:14px -20px 0;padding:0 20px 2px;scrollbar-width:none}
.sugg::-webkit-scrollbar{display:none}
.sugg button{flex:none;padding:8px 12px 9px;border:1.4px solid rgba(28,20,16,.55);font:700 11px/1 var(--f-b);letter-spacing:.14em;text-transform:uppercase}
.find__n{margin:18px 0 8px;font:700 10.5px/1 var(--f-b);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2)}
.find .rows{margin-bottom:30px}
.row__cat{display:block;margin-bottom:6px;font:700 9.5px/1 var(--f-b);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2)}

.toast{position:fixed;z-index:70;left:50%;bottom:calc(var(--navh) + 84px + env(safe-area-inset-bottom));transform:translate(-50%,20px);padding:11px 16px 12px;background:var(--cream);color:var(--ink);font:700 12px/1.2 var(--f-b);letter-spacing:.06em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s,transform .4s var(--ease);box-shadow:0 12px 30px rgba(0,0,0,.5)}
.toast.on{opacity:1;transform:translate(-50%,0)}

@media (min-width:520px){
  body{background:#050302 radial-gradient(60% 50% at 50% 100%,rgba(210,50,26,.16),transparent 70%) fixed}
  .app{box-shadow:0 0 0 1px rgba(246,236,217,.07),0 0 120px rgba(0,0,0,.8)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .ticker__in{animation:none}
}

/* ── estados vindos do painel ── */
.soldout{display:inline-block;padding:6px 8px 7px;border:1.5px solid currentColor;font:700 9.5px/1 var(--f-b);letter-spacing:.16em;text-transform:uppercase;opacity:.75;white-space:nowrap}
.soldout--on{position:absolute;right:14px;bottom:14px;color:var(--cream);background:rgba(7,5,4,.6)}
.card.off .card__photo img,.sigc.off>img{filter:grayscale(1) brightness(.62)}
.card.off .card__body>:not(.card__foot),.row.off .row__main,.card.off .price,.row.off .price{opacity:.45}
.opt.off{opacity:.45}
.cupom{display:flex;gap:8px}.cupom input{flex:1;text-transform:uppercase}.cupom button{flex:none;padding:0 16px;border:1.5px solid var(--ink);background:var(--ink);color:var(--cream);font:700 11px/1 var(--f-b);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.note.bad{color:var(--shu);font-weight:700}.note.ok{font-weight:700}
.trk__now.bad h4{color:var(--shu)}
#place.wait{opacity:.55}

/* ── Pix no próprio site ── */
.pix{margin-top:20px;padding:18px 16px 16px;background:var(--cream);box-shadow:inset 0 0 0 1.5px var(--ink)}
.pix__val{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;border-bottom:3px double var(--ink)}
.pix__val span{font:700 10.5px/1 var(--f-b);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2)}
.pix__val b{font:400 26px/1 var(--f-d);color:var(--ink)}
.pix__qr{margin:16px auto 0;width:max-content;padding:10px;background:#fff;box-shadow:0 0 0 1.5px var(--ink)}
.pix__qr img{width:220px;height:220px;image-rendering:pixelated}
.pix__how{margin-top:14px;font:500 14px/1.5 var(--f-b);color:var(--ink);text-align:center}
.pix__lbl{display:block;margin-top:16px;font:700 10.5px/1 var(--f-b);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2)}
.pix__cod{display:block;width:100%;margin-top:8px;padding:10px 12px;border:1.5px dashed rgba(28,20,16,.55);border-radius:0;background:var(--washi);color:var(--ink);font:500 12.5px/1.45 ui-monospace,Consolas,monospace;word-break:break-all;resize:none}
.pix__cod:focus{outline:2px solid var(--ember);outline-offset:2px}

/* ═════════ COMPUTADOR E TELAS GRANDES ═════════
   Tudo abaixo vale só a partir de 900px. O celular continua exatamente como está. */
@media (min-width:900px){
  :root{--wrap:1240px;--gutF:max(32px,calc(50% - var(--wrap)/2))}
  html{scrollbar-gutter:stable}
  body{background:var(--sumi)}
  .app{max-width:none;box-shadow:none}

  /* destaques: carrossel com setas */
  .sig{padding:104px 0 112px}
  .sig__head{padding:0 var(--gutF);margin-bottom:34px;gap:28px}
  .sig__head .eyebrow{margin-bottom:16px;font-size:12px}
  .sig__head h2{font-size:clamp(46px,4.4vw,64px)}
  .sig__jp{margin-left:auto;font-size:28px}
  .sig__nav{display:flex;gap:10px;padding-bottom:4px}
  .sig__b{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:1.5px solid rgba(246,236,217,.35);color:var(--cream);transition:background .2s,border-color .2s,color .2s,opacity .2s}
  .sig__b i{display:block;width:11px;height:11px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translateX(-2px) rotate(45deg)}
  .sig__b[data-sig="-1"] i{transform:translateX(2px) rotate(-135deg)}
  .sig__b:disabled{opacity:.28;cursor:default}
  .sig__track{gap:22px;padding:0 var(--gutF) 8px;scroll-padding-inline:var(--gutF)}
  .sigc{flex-basis:clamp(300px,24vw,370px);scroll-snap-align:start}
  .sigc__txt h3{font-size:25px}
  .sig__hint{display:none}

  /* cardápio */
  .menu{padding:6px 0 110px}
  .findbar{width:auto;max-width:var(--wrap);height:60px;margin:44px var(--gutF) 0;padding:0 20px;font-size:15.5px;transition:background .2s}
  .shop,.findbar{width:calc(100% - var(--gutF)*2)}
  .shop{max-width:var(--wrap);margin:44px var(--gutF) 0;padding:22px 26px 0 22px;gap:26px}
  .shop__k{font-size:34px;padding-bottom:20px}
  .shop__facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:18px}
  .shop__facts span{display:block;font-size:15px}
  .shop__facts b{display:block;margin-bottom:8px;font-size:10.5px}
  .shop__go{margin-top:20px;padding:15px 2px 17px 0;font-size:13px}
  #shop+.findbar{margin-top:18px}
  .sec{padding:84px var(--gutF) 0;scroll-margin-top:96px}
  .sec__head{gap:26px;padding-top:22px;margin-bottom:34px}
  .sec__k{font-size:64px}
  .sec__n{font-size:11.5px;margin-bottom:12px}
  .sec__head h2{font-size:clamp(38px,3.4vw,48px)}
  .sec__head p{max-width:60ch;margin-top:12px;font-size:15px}
  .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:52px 28px;padding-bottom:64px}
  .card--wide{grid-column:span 2}
  .card h3{font-size:17px}
  .card--wide h3{font-size:25px}
  .desc{font-size:13.5px}
  .card--wide .desc{font-size:15px}
  .sec>.rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px}
  .sec .row{min-height:74px;padding:15px 0}
  .row h3{transition:color .2s}
  .sec .row h3{font-size:16px}
  .sec .row .desc{font-size:13px}
  .ilu{font-size:9px;letter-spacing:.16em;padding:5px 8px 6px}


  /* rodapé */
  .foot{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,3fr);column-gap:64px;align-items:start;padding:110px var(--gutF) 120px}
  .foot__logo{width:250px}
  .foot__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:6px}
  .foot__small{grid-column:1/-1;margin-top:64px}

  /* barra superior: logo, status, abas e a navegação na mesma barra */
  .top{left:0;width:100%}
  .top__row{justify-content:flex-start;gap:20px;height:58px;padding:0 var(--gutF)}
  .top__logo{width:112px}
  .tabs{padding:0 calc(var(--gutF) - 11px);-webkit-mask:linear-gradient(90deg,transparent,#000 var(--gutF),#000 calc(100% - var(--gutF)),transparent);mask:linear-gradient(90deg,transparent,#000 var(--gutF),#000 calc(100% - var(--gutF)),transparent)}
  .tab{padding:10px 11px 15px;font-size:13.5px}
  .nav{top:env(safe-area-inset-top);bottom:auto;left:auto;right:calc(var(--gutF) - 12px);width:auto;height:58px;display:flex;background:none;border:0;padding:0;z-index:31;transform:translateY(-110%)}
  .navon{--navh:0px}
  .nav button{height:58px;flex-direction:row;gap:9px;padding:0 13px;font-size:10.5px}
  .nav button.on::before{top:auto;bottom:9px;left:13px;right:13px;width:auto;margin:0;border-radius:3px 1px 4px 1px}
  .nav svg{width:19px;height:19px}
  .nav b{position:static;margin:0 0 0 -3px}

  .cartbar,.trackbar{left:auto;right:var(--gutF);width:400px;bottom:30px}
  .toast{bottom:40px}

  /* folhas: gaveta lateral no computador */
  .sheet{top:0;bottom:0;left:auto;right:0;width:min(500px,100%);max-height:none;transform:translateX(104%);box-shadow:-30px 0 60px rgba(0,0,0,.35)}
  .sheet--tall{height:auto}
  .sheet__grab{display:none}
  .perf{-webkit-mask:radial-gradient(circle at 0 10px,transparent 5.5px,#000 6px) 0 0/100% 20px;mask:radial-gradient(circle at 0 10px,transparent 5.5px,#000 6px) 0 0/100% 20px}
  .shead{padding-top:46px}
  .shead h3{font-size:30px}

  /* prato: janela no centro; com foto, foto à esquerda e opções à direita */
  .sheet--dish{--dh:min(760px,calc(100vh - 64px));top:50%;left:50%;right:auto;bottom:auto;width:min(580px,calc(100% - 64px));max-height:var(--dh);border-radius:14px;box-shadow:0 40px 120px rgba(0,0,0,.6);
    transform:translate(-50%,-47%) scale(.97);opacity:0;transition:transform .45s var(--ease),opacity .3s,visibility 0s .45s}
  .sheet--dish.open{transform:translate(-50%,-50%);opacity:1;transition:transform .45s var(--ease),opacity .3s,visibility 0s}
  .sheet--dish.hasph{width:min(1020px,calc(100% - 64px));height:var(--dh);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
  .sheet--dish.hasph .sheet__scroll{grid-area:1/1/3/3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
  .sheet--dish.hasph .dish__ph{position:sticky;top:0;height:var(--dh);aspect-ratio:auto}
  .sheet--dish.hasph .dish__body{grid-column:2;padding:46px 34px 112px}
  .sheet--dish.hasph .sheet__cta{grid-area:2/2/3/3;position:relative;z-index:2;background:var(--washi) var(--fiber)}
  .dish__body>h3{font-size:31px}

  /* mouse */
  @media (hover:hover){
    .btn--fire:hover{background:var(--shu-d)}
    .btn--ink:hover{background:#000}
    .btn--line:hover{background:var(--ink);color:var(--cream)}
    .add:hover{background:var(--shu)}
    .sigc .add:hover{background:var(--shu);color:var(--cream)}
    .x:hover{background:var(--shu)}
    .sig__b:not(:disabled):hover{background:var(--cream);border-color:var(--cream);color:var(--ink)}
    .js .card .card__photo img{transition:transform 1.6s var(--ease) var(--d,0s),scale .7s var(--ease)}
    .card__photo:hover img{scale:1.06}
    .sigc>img{transition:scale .7s var(--ease)}
    .sigc:hover>img{scale:1.05}
    .row:hover h3{color:var(--shu-d)}
    .findbar:hover{background:rgba(255,255,255,.3)}
    .shop:hover{background:rgba(255,255,255,.5)}
    .heroinfo:hover .heroinfo__t{color:var(--ember);border-color:var(--ember)}
    .tab:hover{color:var(--cream)}
    .nav button:hover{color:var(--cream)}
    .pays button:hover,.seg button:hover,.sugg button:hover{box-shadow:inset 0 0 0 1px var(--ink)}
    .opt:hover span{color:var(--shu-d)}
    .foot a:hover{color:var(--ember);border-color:var(--ember)}
  }
}

/* ═════════ VITRINE ═════════
   Redesenho do site do cliente: preto e branco como o logo, tipografia Jost, a cor vem das fotos.
   As regras acima continuam valendo para estrutura e comportamento; aqui ficam a abertura nova e o acabamento. */
:root{--fiber:none}
body::after{display:none}
:focus-visible{outline-color:currentColor}
.tear{display:none}
.perf{-webkit-mask:none;mask:none}

/* logo em vetor (logo-vetor.js) */
.tk{display:block;width:100%;height:auto;overflow:visible}
.tk path{fill:currentColor;fill-rule:evenodd}

/* ───────── ABERTURA ───────── */
.hero{position:relative;height:100vh;height:100svh;min-height:620px;max-height:960px;overflow:hidden;background:#000;container-type:inline-size}
.hero__stage{position:absolute;inset:0}
.slats{position:absolute;inset:0;display:flex}
.slat{position:relative;flex:1;min-width:0;overflow:hidden}
.slat+.slat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:rgba(255,255,255,.14);z-index:2}
.reel{display:flex;flex-direction:column;animation:v-reel var(--t,70s) linear infinite}
.slat:nth-child(even) .reel{animation-direction:reverse}
.reel img{flex:none;width:100%;max-width:none;height:36vh;height:max(30cqw,36svh);object-fit:cover;filter:saturate(1.1) contrast(1.05) brightness(.9)}
.hero__dim{position:absolute;inset:0;background:#000;opacity:.3;transition:opacity 1.4s ease}
.hero__vig{position:absolute;inset:0;background:radial-gradient(ellipse 78% 56% at 50% 46%,rgba(0,0,0,.84),rgba(0,0,0,.36) 70%,rgba(0,0,0,.58));opacity:0;transition:opacity 1.6s ease}
.hero__beam{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent);box-shadow:0 0 30px 6px rgba(255,255,255,.55);transform:scaleX(0);opacity:0;pointer-events:none}
.hero__ltrs{position:absolute;inset:0;pointer-events:none}
.ltr{position:absolute;color:var(--cream);will-change:transform}
.ltr svg{width:100%;height:100%}
.hero__rest{position:absolute;left:0;right:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px}
.hero__sushi{color:var(--cream)}
.hero__tag{margin-top:clamp(24px,3.2cqw,44px);font:300 clamp(10.5px,1.05cqw,15px)/1.6 var(--f-b);letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;color:var(--cream)}
.hero__tag i{display:inline-block;width:5px;height:5px;margin:0 1.1em .18em;background:currentColor;border-radius:50%;opacity:.7}
.hero .btn{margin-top:clamp(24px,2.8cqw,40px)}
.hero__foot{position:absolute;left:0;right:0;bottom:0;padding:0 20px calc(86px + env(safe-area-inset-bottom));text-align:center}
.heroinfo{margin-bottom:0}
.heroinfo__t{font-weight:500;letter-spacing:.24em;border-bottom-color:rgba(244,241,234,.4)}
.hero .chip{background:rgba(0,0,0,.5)}

.js .slat{clip-path:inset(100% 0 0 0)}
.js .slat:nth-child(even){clip-path:inset(0 0 100% 0)}
.js .kick{transform:translateY(-30%)}
.js .slat:nth-child(even) .kick{transform:translateY(30%)}
.js .ltr{opacity:0}
.js .hero :is(.hero__sushi,.hero__tag,.btn,.hero__foot){opacity:0}
.hero.go .slat{animation:v-open 1.1s calc(.05s + var(--i)*.1s) cubic-bezier(.7,0,.15,1) forwards}
.hero.go .kick{animation:v-kick 3s calc(.05s + var(--i)*.1s) cubic-bezier(.12,.75,.2,1) forwards}
.hero.join .hero__dim{opacity:.46}
.hero.join .hero__vig{opacity:1}
.hero.join .hero__beam{animation:v-beam 1.2s cubic-bezier(.5,0,.2,1) forwards}
.hero.join .reel img{filter:saturate(1.05) contrast(1.05) brightness(.8);transition:filter 1.6s ease}
.hero.done .hero__sushi{animation:v-track 1s cubic-bezier(.2,.8,.2,1) forwards}
.hero.done .hero__tag{animation:v-up .8s .25s var(--ease) forwards}
.hero.done .btn{animation:v-up .8s .5s var(--ease) forwards}
.hero.done .hero__foot{animation:v-fade 1s .85s ease forwards}
@keyframes v-reel{to{transform:translateY(-50%)}}
@keyframes v-open{to{clip-path:inset(0 0 0 0)}}
@keyframes v-kick{to{transform:none}}
@keyframes v-beam{0%{opacity:0;transform:scaleX(0)}35%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1)}}
@keyframes v-track{from{opacity:0;transform:scaleX(1.6)}to{opacity:1;transform:none}}
@keyframes v-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes v-fade{from{opacity:0}to{opacity:1}}

/* ───────── ACABAMENTO ───────── */
/* botões: pílulas, texto leve e espaçado */
.btn{clip-path:none;border-radius:999px;height:56px;padding:0 30px;font:500 13px/1 var(--f-b);letter-spacing:.24em;text-indent:.1em}
.btn--fire{background:var(--ink);color:var(--cream)}
.btn--fire::before{display:none}
.hero .btn--fire{background:var(--cream);color:var(--ink)}
.btn--line{box-shadow:inset 0 0 0 1px var(--ink);font-size:12px}
.btn .arr{width:8px;height:8px;border-width:1.5px}
.sheet--dish .sheet__cta .btn{font-size:12px;letter-spacing:.14em}
.acts .btn{font-size:12px;letter-spacing:.16em}

/* títulos e nomes */
.sig__head h2,.sec__head h2,.shead h3,.trk__now h4{font-weight:300;letter-spacing:.07em;text-transform:uppercase}
.card h3,.row h3,.sigc__txt h3,.dish__body>h3,.og__h h4,.line b,.step b,.ord b,.who b,.empty h4{font-weight:500;letter-spacing:.015em}
.price,.cartbar__s,.tot b,.pix__val b,.opt em{font-weight:500}
.eyebrow,.sec__n,.unit,.shop__facts b,.field>span,.box h5,.find__n,.row__cat,.foot h3{font-weight:600}
.unit{color:var(--ink-2)}
.sig__head .eyebrow,.foot h3{color:rgba(244,241,234,.6)}
.foot p{font:400 15px/1.6 var(--f-b)}
.acc__lead{font-weight:400}

/* sem ornamentos em kanji: a vitrine é só foto, letra e espaço */
.sig__jp,.sigc__jp,.sigc__no,.card__jp,.dish__jp,.sec__k,.shop__k,.shead__jp,.tab i,.findbar kbd,.empty .k,.dish__none span{display:none}
.ph.noimg::before{content:""}
.sec__head,.shop{grid-template-columns:minmax(0,1fr)}

/* linhas finas no lugar de pontilhados e traços duplos */
.sec__head{border-top:1px solid var(--ink)}
.og,.box,.tot .sum{border-top:1px solid var(--ink)}
.pix__val{border-bottom:1px solid var(--ink)}
.rows{border-top:1px solid var(--ink)}
.row,.line,.opt,.hours li,.ord{border-bottom:1px solid rgba(12,12,12,.13)}
.shop__go{border-top:1px solid rgba(12,12,12,.13)}
.tot i{border-bottom:1px solid rgba(12,12,12,.13)}
.findbar{border:1px solid rgba(12,12,12,.4);border-radius:999px;padding:0 22px;background:rgba(255,255,255,.5)}
.shop{background:#fff;box-shadow:inset 0 0 0 1px rgba(12,12,12,.16)}
.seg,.pays button,.sugg button,.pills li,.og__req,.cupom button,.demo,.pix__cod{border-width:1px}
.field textarea,.field input,.field select,.find__in input{border-width:1px;background:#fff}
.sugg button,.pills li{border-radius:999px}
.pix{box-shadow:inset 0 0 0 1px var(--ink)}
.pix__cod:focus{outline-color:var(--ink)}

/* fotos retas, sem sombra */
.ph,.sigc{border-radius:0}
.card__photo,.row__ph{box-shadow:none}
.stampn{background:var(--ink);box-shadow:none;font-weight:500}
.who span{background:var(--ink);font-weight:500}

/* barras: no escuro o destaque é branco */
.tab{font:500 11.5px/1 var(--f-b);letter-spacing:.16em;text-transform:uppercase}
.tabs__ink{height:2px;background:var(--cream);border-radius:0}
.nav button{font-weight:500}
.nav button.on::before{height:2px;background:var(--cream);border-radius:0}
.nav b{background:var(--cream);color:var(--ink);font-weight:600}
.add b{font-weight:600}
.cartbar,.trackbar{clip-path:none;border-radius:999px}
.cartbar{background:var(--ink);color:var(--cream);box-shadow:0 0 0 1px rgba(244,241,234,.38),0 16px 40px rgba(0,0,0,.4)}
.cartbar::before{display:none}
.cartbar__n{font-weight:600}
.cartbar__t{font:500 13px/1 var(--f-b);letter-spacing:.24em}
.trackbar{box-shadow:0 0 0 1px rgba(12,12,12,.22),0 16px 40px rgba(0,0,0,.3)}
.trackbar i{background:var(--shu)}
.trackbar strong{font-weight:500}
.toast{border-radius:999px;font-weight:500;letter-spacing:.08em}
.sheet--dish{border-radius:20px 20px 0 0}

@media (min-width:520px){
  body{background:#000}
  .app{box-shadow:0 0 0 1px rgba(244,241,234,.1)}
}

@media (min-width:900px){
  .hero{min-height:640px;max-height:1080px}
  .hero .btn{height:60px;padding:0 42px}
  .hero__foot{padding-bottom:38px}
  .heroinfo{flex-direction:row;gap:16px}
  .heroinfo__t{font-size:12px}
  .sheet--dish{border-radius:14px}
  @media (hover:hover){
    .btn--fire:hover{background:#2b2b2b}
    .hero .btn--fire:hover{background:#fff}
    .row:hover h3{color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
    .opt:hover span{color:var(--ink)}
    .findbar:hover{background:#fff}
    .shop:hover{background:#fff;box-shadow:inset 0 0 0 1px var(--ink)}
    .heroinfo:hover .heroinfo__t{border-color:var(--cream)}
    .foot a:hover{border-color:var(--cream)}
    .vista:hover{background:#000}
  }
}

/* ───────── VER NO CELULAR ─────────
   Botão que só existe em telas grandes. A consulta usa "em" de propósito: o vista.js desliga as regras "min-width:900px"
   quando a versão de celular está ligada, e esta precisa continuar valendo. */
.vista{display:none}
@media (min-width:56.25em){
  .vista{position:fixed;z-index:35;left:20px;bottom:20px;display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 16px 0 12px;border-radius:20px;background:rgba(12,12,12,.84);color:var(--cream);
    box-shadow:0 0 0 1px rgba(244,241,234,.32),0 10px 30px rgba(0,0,0,.35);font:500 11px/1 var(--f-b);letter-spacing:.16em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s}
  .vista svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  .vista .v-pc,.vista[aria-pressed="true"] .v-cel{display:none}
  .vista[aria-pressed="true"] .v-pc{display:block}
}
html.celular{--col:430px}

/* ═════════ VITRINE · CARÁTER ═════════
   Mesma estrutura e as mesmas seções. O que muda: uma cor de brasa, uma serifa itálica para os destaques,
   brasas e selo na abertura, cardápio escuro com uma foto abrindo cada categoria e o logo grande no rodapé. */
:root{--sal:#ff6a3d;--f-s:'Instrument Serif','Cormorant Garamond',Georgia,serif;
  --wave:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='72' height='36' viewBox='0 0 72 36'><g fill='%23000' stroke='%23f4f1ea' stroke-width='1'><circle cx='0' cy='0' r='35'/><circle cx='0' cy='0' r='25'/><circle cx='0' cy='0' r='15'/><circle cx='0' cy='0' r='5'/><circle cx='72' cy='0' r='35'/><circle cx='72' cy='0' r='25'/><circle cx='72' cy='0' r='15'/><circle cx='72' cy='0' r='5'/><circle cx='36' cy='18' r='35'/><circle cx='36' cy='18' r='25'/><circle cx='36' cy='18' r='15'/><circle cx='36' cy='18' r='5'/><circle cx='0' cy='36' r='35'/><circle cx='0' cy='36' r='25'/><circle cx='0' cy='36' r='15'/><circle cx='0' cy='36' r='5'/><circle cx='72' cy='36' r='35'/><circle cx='72' cy='36' r='25'/><circle cx='72' cy='36' r='15'/><circle cx='72' cy='36' r='5'/></g></svg>")}
body::after{display:block;opacity:.07}

/* ───────── abertura ───────── */
.hero__emb{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 2.2s ease}
.hero.join .hero__emb{opacity:1}
.hero__stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:radial-gradient(ellipse 70% 100% at 50% 100%,rgba(255,106,61,.3),rgba(255,106,61,.08) 55%,transparent 75%);opacity:0;transition:opacity 2.2s ease;pointer-events:none}
.hero.join .hero__stage::after{opacity:1}
.hero__rest,.hero__foot,.hero__ltrs,.badge{z-index:2}
.hero__tag{margin-top:clamp(18px,2.4cqw,34px);font:italic 400 clamp(23px,2.7cqw,36px)/1.2 var(--f-s);letter-spacing:.005em;text-indent:0;text-transform:none;text-shadow:0 2px 24px rgba(0,0,0,.8)}
.hero__tag em{color:var(--sal)}
.hero .btn--fire{background:var(--sal);color:#160803;box-shadow:0 10px 40px -8px rgba(255,106,61,.65)}
.badge{position:absolute;right:clamp(12px,4cqw,70px);top:clamp(62px,8cqw,104px);width:clamp(88px,11cqw,150px);aspect-ratio:1;opacity:0;pointer-events:none}
.badge>svg{display:block;width:100%;height:100%;animation:v-spin 28s linear infinite}
.badge text{font:600 14px var(--f-b);letter-spacing:.3em;fill:var(--cream);text-transform:uppercase}
.badge b{position:absolute;inset:30%;display:grid;place-items:center;border-radius:50%;background:var(--sal);box-shadow:0 0 34px rgba(255,106,61,.6)}
.badge b svg{width:52%;height:52%;fill:#160803}
.hero.done .badge{animation:v-pop .8s .95s cubic-bezier(.2,1.5,.35,1) forwards}
@keyframes v-spin{to{transform:rotate(360deg)}}
@keyframes v-pop{from{opacity:0;transform:scale(.4) rotate(-40deg)}to{opacity:1;transform:none}}

/* ───────── destaques ───────── */
.sig{position:relative;background:#000}
.sig::before{content:"";position:absolute;inset:0;background:var(--wave);opacity:.07;-webkit-mask:linear-gradient(180deg,#000,transparent 62%);mask:linear-gradient(180deg,#000,transparent 62%);pointer-events:none}
.sig>*{position:relative}
.sig__head .eyebrow{color:var(--sal)}
.sig__head h2 em{font:italic 400 1.16em/1 var(--f-s);letter-spacing:0;text-transform:none;color:var(--sal)}
.sigc{outline:1px solid rgba(244,241,234,.1);outline-offset:-1px}
.sigc__no{display:block;top:10px;left:14px;font:italic 400 50px/1 var(--f-s);color:var(--cream);-webkit-text-stroke:0;text-shadow:0 2px 18px rgba(0,0,0,.6)}
.sigc__txt h3{font-size:22px}
.sigc__txt .price{color:var(--sal)}
.sigc .add{background:var(--sal);color:#160803}
.sig__hint{color:rgba(244,241,234,.6)}

/* ───────── cardápio escuro: as fotos somem no preto e a comida aparece ───────── */
.menu{background:#060606;color:var(--cream)}
.menu .shop{background:#111;color:var(--cream);box-shadow:inset 0 0 0 1px rgba(244,241,234,.16)}
.menu .shop .eyebrow{color:var(--sal)}
.menu .shop__facts b{color:rgba(244,241,234,.55)}
.menu .shop__go{color:var(--cream);border-top-color:rgba(244,241,234,.14)}
.menu .chip.ink{border-color:rgba(244,241,234,.3)}
.menu .chip.ink:not(.open)::before{background:rgba(244,241,234,.45)}
.menu .findbar{background:#111;border-color:rgba(244,241,234,.22);color:rgba(244,241,234,.62)}
.menu .findbar svg{stroke:var(--cream)}

/* cada categoria abre com uma foto dela */
.menu .sec__head{position:relative;display:flex;align-items:flex-end;min-height:200px;margin:0 -16px 26px;padding:22px 18px 20px;border-top:0;overflow:hidden;background:#111}
.sec__bg{position:absolute;inset:0}
.sec__bg img{width:100%;height:100%;object-fit:cover;filter:saturate(1.1) brightness(.82)}
.js .sec__bg img{transform:scale(1.14);transition:transform 2.4s var(--ease)}
.js .sec__head.in .sec__bg img{transform:none}
.sec__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 46%,rgba(0,0,0,.12) 100%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 62%)}
.menu .sec__head>div:last-child{position:relative}
.menu .sec__n{display:flex;align-items:baseline;gap:7px;margin-bottom:6px;color:rgba(244,241,234,.75);letter-spacing:.2em}
.sec__n b{font:italic 400 40px/1 var(--f-s);letter-spacing:0;color:var(--sal)}
.menu .sec__head h2{font-size:34px;color:var(--cream)}
.menu .sec__head p{color:rgba(244,241,234,.78)}

.menu .ph{background:#131313}
.menu .card__photo{outline:1px solid rgba(244,241,234,.09);outline-offset:-1px}
.menu .unit{color:var(--sal)}
.menu .desc{color:rgba(244,241,234,.6)}
.menu .ilu{background:rgba(0,0,0,.72);color:rgba(244,241,234,.82)}
.menu .add,.menu .qty{background:var(--cream);color:var(--ink)}
.menu .add.has,.menu .qty.on{background:var(--sal);color:#160803}
.menu .add b{background:var(--sal);color:#160803;box-shadow:0 0 0 2px #060606}
.menu .stampn{background:var(--sal);color:#160803}

/* ───────── barras e rodapé ───────── */
.tabs__ink,.nav button.on::before{background:var(--sal)}
.nav b{background:var(--sal);color:#160803}
.cartbar{background:var(--sal);color:#160803;box-shadow:0 16px 44px -6px rgba(255,106,61,.5),0 10px 30px rgba(0,0,0,.45)}
.cartbar__n{background:#160803;color:var(--cream)}
.foot{border-top:1px solid rgba(244,241,234,.14)}
.foot::before{content:"";position:absolute;inset:0;background:var(--wave);opacity:.06;-webkit-mask:linear-gradient(0deg,#000,transparent 70%);mask:linear-gradient(0deg,#000,transparent 70%);pointer-events:none}
.foot>*{position:relative}
.foot h3{color:var(--sal)}
.foot__big{margin-top:46px}
.foot__big .tk path{fill:none;stroke:rgba(244,241,234,.5);stroke-width:.7}

@media (min-width:900px){
  .badge text{font-size:13px}
  .sigc__no{font-size:64px;top:14px;left:18px}
  .sigc__txt h3{font-size:25px}
  .menu .sec__head{min-height:320px;margin:0 0 44px;padding:44px 48px 40px}
  .sec__n b{font-size:62px}
  .menu .sec__head h2{font-size:clamp(46px,4.6vw,72px)}
  .menu .sec__head p{font-size:15.5px}
  .foot__big{grid-column:1/-1;margin-top:70px}
  .foot__big .tk path{stroke-width:.45}
  @media (hover:hover){
    .hero .btn--fire:hover{background:var(--cream)}
    .menu .add:hover,.sigc .add:hover{background:var(--sal);color:#160803}
    .menu .shop:hover{background:#171717;box-shadow:inset 0 0 0 1px rgba(244,241,234,.4)}
    .menu .findbar:hover{background:#171717}
    .sec__head:hover .sec__bg img{transform:scale(1.04)}
    .foot__big .tk path{transition:fill .6s ease,stroke .6s ease}
    .foot__big:hover .tk path{fill:var(--cream);stroke:var(--cream)}
    .foot a:hover{color:var(--sal);border-color:var(--sal)}
  }
}