/* ==========================================================================
   SITE DE VENDAS NippyAI, v6 (fonte unica: o editor mostra este mesmo CSS).
   Layout: capa imersiva que se funde na cor da loja, folha branca sobe por cima,
   trilho de categorias com marcador que desliza, sacola em barra (celular) ou coluna (PC).
   Tudo responde a largura do proprio site (@container ns), nunca a da janela:
   e isso que faz a previa do editor ser igual ao site de verdade.
   Producao: .ns-moldura = viewport; trocar position:absolute das camadas por fixed (ver ESPECIFICACAO).
   ========================================================================== */
.ns-moldura{font-family:var(--f-texto);position:relative;width:100%;height:100%;overflow:clip;background:var(--fundo);container:ns/inline-size;
  --loja:#E4572E;--sobre-loja:#fff;--destaque:#FFC53D;--sobre-destaque:#2A1E00;--preco:var(--tinta);
  --fundo:color-mix(in srgb,var(--loja) 3%,#F6F6F8);--cartao:#fff;--tinta:#17151C;--suave:#696671;--linha:color-mix(in srgb,#17151C 9%,transparent);--trilho:color-mix(in srgb,#17151C 5.5%,transparent);
  --loja-texto:color-mix(in srgb,var(--loja) 88%,#000);--loja-suave:color-mix(in srgb,var(--loja) 10%,var(--cartao));--loja-media:color-mix(in srgb,var(--loja) 22%,var(--cartao));
  --ok:#14804A;--ok-suave:color-mix(in srgb,#14804A 11%,var(--cartao));--perigo:#C8281E;--estrela:#E79A00;
  --sombra-1:0 1px 2px rgba(23,21,28,.05),0 2px 8px -2px rgba(23,21,28,.07);--sombra-2:0 2px 4px rgba(23,21,28,.05),0 14px 32px -14px rgba(23,21,28,.22);--sombra-3:0 24px 64px -16px rgba(23,21,28,.38);
  --f-titulo:'Archivo',system-ui,sans-serif;--f-texto:'Onest',system-ui,-apple-system,'Segoe UI',sans-serif;--titulo-peso:800;--titulo-largura:118;--titulo-letra:-.015em;--titulo-escala:1;--texto-escala:1;
  --r:18px;--r-p:calc(var(--r)*.66);--r-g:calc(var(--r)*1.34);--gap-lista:16px;
  --mola:cubic-bezier(.34,1.5,.64,1);--macio:cubic-bezier(.22,.8,.24,1);--saida:cubic-bezier(.4,0,.8,.4)}
.ns-moldura[data-escuro="1"]{--fundo:var(--esc-fundo,#121214);--cartao:var(--esc-cartao,#1C1C20);--tinta:var(--esc-texto,#F2F2F3);--suave:var(--esc-suave,#A5A5AE);--linha:var(--esc-linha,rgba(255,255,255,.1));--trilho:rgba(255,255,255,.08);
  --loja-texto:color-mix(in srgb,var(--loja) 62%,#fff);--loja-suave:color-mix(in srgb,var(--loja) 17%,var(--cartao));--loja-media:color-mix(in srgb,var(--loja) 30%,var(--cartao));
  --ok:#4ADE80;--ok-suave:color-mix(in srgb,#4ADE80 13%,var(--cartao));--perigo:#FF7B72;--estrela:#FBBF24;
  --sombra-1:0 0 0 1px rgba(255,255,255,.05);--sombra-2:0 0 0 1px rgba(255,255,255,.06),0 18px 36px -18px rgba(0,0,0,.7);--sombra-3:0 0 0 1px rgba(255,255,255,.07),0 30px 70px -20px rgba(0,0,0,.85);color-scheme:dark}
.ns-moldura *{box-sizing:border-box}
:where(.ns-moldura) :where(button,input,textarea,select){font:inherit;color:inherit}
:where(.ns-moldura) button{cursor:pointer;-webkit-tap-highlight-color:transparent}
.ns-moldura :focus-visible{outline:2.5px solid var(--loja-texto);outline-offset:2px}
:where(.ns-moldura) img{display:block;max-width:100%}
:where(.ns-moldura) :where(h1,h2,h3,p,ul,ol,figure,blockquote){margin:0;padding:0}
:where(.ns-moldura) :where(ul,ol){list-style:none}
.ns-rolagem{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:var(--fundo);color:var(--tinta);font-family:var(--f-texto);font-size:calc(15px*var(--texto-escala));line-height:1.45;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--linha) transparent}
.ns-tab{font-variant-numeric:tabular-nums}
.ns-t{font-family:var(--f-titulo);font-weight:var(--titulo-peso);font-stretch:calc(var(--titulo-largura)*1%);letter-spacing:var(--titulo-letra);line-height:1.04}
.ns-oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ns-ico{width:1.25em;height:1.25em;flex:none;display:block}

/* ---------- Barra compacta: nasce quando a capa sai de vista ---------- */
.ns-barra{position:absolute;inset:0 0 auto;z-index:40;display:flex;align-items:center;gap:8px;height:60px;padding:0 12px;pointer-events:none}
.ns-barra::before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--cartao) 95%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(18px);backdrop-filter:saturate(1.4) blur(18px);box-shadow:0 1px 0 var(--linha);opacity:var(--barra,0);transition:opacity .22s ease}
.ns-barra>*{position:relative;pointer-events:auto}
.ns-barra-marca{display:flex;align-items:center;gap:9px;min-width:0;flex:1;opacity:var(--barra,0);transform:translateY(calc((1 - var(--barra,0))*8px));transition:opacity .22s ease,transform .32s var(--macio);border:0;background:none;padding:0;text-align:left}
.ns-barra-marca b{font-family:var(--f-titulo);font-weight:var(--titulo-peso);font-stretch:calc(var(--titulo-largura)*1%);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:var(--titulo-letra)}
.ns-barra-busca{display:none}
.ns-busca-fechar{display:none}
.ns-moldura[data-busca-cel="1"] .ns-barra::before{animation:none!important;opacity:1!important}
.ns-moldura[data-busca-cel="1"] .ns-barra-marca,.ns-moldura[data-busca-cel="1"] .ns-lupa,.ns-moldura[data-busca-cel="1"] #ns-tema,.ns-moldura[data-busca-cel="1"] .ns-entrar,.ns-moldura[data-busca-cel="1"] .ns-busca-linha,.ns-moldura[data-busca-cel="1"] .ns-trilho{display:none!important}
.ns-moldura[data-busca-cel="1"] .ns-barra-busca{display:flex;align-items:center;gap:8px;flex:1;min-width:0;height:44px;padding:0 6px 0 14px;border-radius:999px;background:var(--trilho);color:var(--suave)}
.ns-moldura[data-busca-cel="1"] .ns-barra-busca .ns-ico{width:19px;height:19px;flex:none}
.ns-moldura[data-busca-cel="1"] .ns-busca-fechar{display:block;flex:none;border:0;background:none;padding:10px 4px;color:var(--loja-texto);font-weight:700;font-size:15px}
.ns-redondo{flex:none;width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:color-mix(in srgb,#000 30%,transparent);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s var(--mola),background .2s,color .2s}
.ns-redondo:active{transform:scale(.88)}
.ns-redondo .ns-ico{width:20px;height:20px}
.ns-moldura[data-rolou="1"] .ns-redondo{background:var(--trilho);color:var(--tinta)}
.ns-entrar{display:none}

/* ---------- Capa ---------- */
.ns-capa{position:relative;isolation:isolate;overflow:hidden;background:var(--loja);color:var(--sobre-loja);display:flex;flex-direction:column;justify-content:flex-end;padding:72px 18px 62px;min-height:var(--capa-a,372px)}
.ns-capa[data-altura="baixa"]{--capa-a:300px}.ns-capa[data-altura="media"]{--capa-a:372px}.ns-capa[data-altura="alta"]{--capa-a:468px}
.ns-capa-foto{position:absolute;inset:-6% 0 0;z-index:-2;transform:translate3d(0,calc(var(--p,0)*64px),0) scale(calc(1 + var(--p,0)*.1))}
.ns-capa-foto img{width:100%;height:100%;object-fit:cover}
.ns-entrada .ns-capa-foto img{animation:ns-respira 1.5s var(--macio) both}
@keyframes ns-respira{from{transform:scale(1.14);filter:saturate(.75)}}
/* A foto se funde na cor da loja: e isso que da a cara de cada loja, com qualquer foto */
.ns-capa::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,var(--loja) 2%,color-mix(in srgb,var(--loja) 90%,transparent) 28%,color-mix(in srgb,var(--loja) 46%,rgba(0,0,0,.2)) 62%,rgba(0,0,0,.42) 100%)}
.ns-capa[data-estilo="foto"]::before{background:linear-gradient(to top,rgba(0,0,0,.82) 4%,rgba(0,0,0,.42) 42%,rgba(0,0,0,.08) 68%,rgba(0,0,0,.34) 100%)}
.ns-capa[data-estilo="foto"]{color:#fff;background:#141216}
.ns-capa[data-estilo="cor"]::before,.ns-capa[data-sem-foto="1"]::before{background:radial-gradient(120% 90% at 92% 0%,color-mix(in srgb,#fff 24%,transparent),transparent 58%),radial-gradient(90% 80% at 0% 100%,color-mix(in srgb,#000 26%,transparent),transparent 70%)}
.ns-capa-desenho{position:absolute;inset:-40px;z-index:-2;opacity:.16;color:var(--sobre-loja);background-size:128px 128px}
.ns-entrada .ns-capa-desenho,.ns-capa-desenho{animation:ns-deriva 44s linear infinite}
@keyframes ns-deriva{to{background-position:128px 128px}}
.ns-capa-conteudo{display:grid;gap:12px;justify-items:start;max-width:760px}
.ns-capa[data-alinha="centro"] .ns-capa-conteudo{justify-items:center;text-align:center;margin-inline:auto}
.ns-logo{flex:none;display:grid;place-items:center;overflow:hidden;background:var(--cartao);color:var(--loja-texto);box-shadow:0 8px 22px -8px rgba(0,0,0,.5),0 0 0 3px color-mix(in srgb,#fff 88%,transparent);font-family:var(--f-titulo);font-weight:800;font-stretch:110%}
.ns-logo img{width:100%;height:100%;object-fit:cover}
.ns-logo[data-forma="redondo"]{border-radius:50%}.ns-logo[data-forma="quadrado"]{border-radius:22%}
.ns-logo[data-t="p"]{width:54px;height:54px;font-size:20px}.ns-logo[data-t="m"]{width:70px;height:70px;font-size:26px}.ns-logo[data-t="g"]{width:90px;height:90px;font-size:34px}
.ns-logo[data-t="x"]{width:32px;height:32px;font-size:13px;box-shadow:0 0 0 1px var(--linha)}
.ns-capa h1{font-size:calc(min(11.5cqw,calc(87cqw/(var(--maior,10)*.74)),76px)*var(--titulo-escala));text-wrap:balance;text-shadow:0 2px 26px rgba(0,0,0,.34)}
.ns-capa-frase{font-size:calc(15.5px*var(--texto-escala));font-weight:500;opacity:.94;max-width:46ch}
.ns-capa-chamada{font-size:18px;font-weight:700;max-width:30ch}
.ns-entrada .ns-sobe{animation:ns-sobe .72s var(--macio) both;animation-delay:calc(var(--i,0)*70ms + 160ms)}
@keyframes ns-sobe{from{opacity:0;transform:translateY(22px)}}
.ns-estado{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 13px 0 11px;border-radius:999px;background:rgba(255,255,255,.96);color:#17151C;font-size:13.5px;font-weight:700;border:0;box-shadow:0 6px 16px -8px rgba(0,0,0,.4)}
.ns-estado i{position:relative;width:9px;height:9px;border-radius:50%;background:#14A44D}
.ns-estado i::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:ns-pulso 2.2s ease-out infinite}
@keyframes ns-pulso{to{transform:scale(3.2);opacity:0}}
.ns-estado[data-fechada="1"] i{background:#C8281E}.ns-estado[data-fechada="1"] i::after{animation:none}
.ns-fatos{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;font-weight:600}
.ns-capa[data-alinha="centro"] .ns-fatos{justify-content:center}
.ns-fatos li{display:inline-flex;align-items:center;gap:6px}
.ns-fatos .ns-ico{width:17px;height:17px;opacity:.92}
.ns-nota{display:inline-flex;align-items:center;gap:5px;border:0;background:none;padding:0;font-weight:700;color:inherit;font-size:14px}
.ns-nota svg{color:var(--destaque);width:16px;height:16px}

/* ---------- Folha: sobe por cima da capa ---------- */
.ns-folha{position:relative;z-index:2;margin-top:-34px;background:var(--fundo);border-radius:30px 30px 0 0;padding:20px 16px 150px;box-shadow:0 -10px 30px -18px rgba(0,0,0,.35)}
.ns-pagina{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;min-width:0}
.ns-principal{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;min-width:0}
.ns-lateral{display:none}
.ns-receber{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
.ns-seg{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;border-radius:calc(var(--r-p) + 4px);background:var(--trilho);isolation:isolate}
.ns-seg-marcador{position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/var(--n,2));border-radius:var(--r-p);background:var(--cartao);box-shadow:var(--sombra-1);transform:translateX(calc(var(--at,0)*100%));transition:transform .42s var(--mola)}
.ns-seg button{min-height:44px;border:0;background:none;border-radius:var(--r-p);font-weight:650;color:var(--suave);display:flex;align-items:center;justify-content:center;gap:7px;transition:color .2s;padding:0 8px}
.ns-seg button[aria-pressed="true"]{color:var(--tinta);font-weight:700}
.ns-seg .ns-ico{width:18px;height:18px}
.ns-end{display:flex;align-items:center;gap:10px;width:100%;min-height:50px;padding:6px 8px 6px 4px;border:0;background:none;text-align:left}
.ns-end .ns-end-ic{width:40px;height:40px;border-radius:50%;background:var(--loja-suave);color:var(--loja-texto);display:grid;place-items:center;flex:none}
.ns-end span.ns-end-tx{flex:1;min-width:0}
.ns-end small{display:block;color:var(--suave);font-size:12.5px;font-weight:500}
.ns-end b{display:block;font-size:14.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ns-end>.ns-ico{color:var(--suave);width:18px;height:18px}
.ns-mesa-faixa{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r);background:var(--loja);color:var(--sobre-loja)}
.ns-mesa-faixa b.ns-t{font-size:38px;line-height:1}
.ns-mesa-faixa small{display:block;font-size:13px;font-weight:600;opacity:.9}
.ns-mesa-faixa strong{display:block;font-weight:700}
.ns-aviso-fechada{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:var(--r);background:color-mix(in srgb,var(--perigo) 9%,var(--cartao));color:var(--tinta);font-size:14px}
.ns-aviso-fechada .ns-ico{color:var(--perigo);width:22px;height:22px}
.ns-aviso-fechada b{display:block}

/* Presente da conta: cupom e carimbos */
.ns-mimos{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(258px,1fr);gap:10px;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:2px 16px 6px;scroll-snap-type:x proximity;scroll-padding-left:16px}
.ns-mimos::-webkit-scrollbar{display:none}
.ns-mimo{scroll-snap-align:start;position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r);background:var(--cartao);box-shadow:var(--sombra-1);border:0;text-align:left;min-width:0}
.ns-mimo-ic{width:44px;height:44px;border-radius:var(--r-p);display:grid;place-items:center;background:var(--destaque);color:var(--sobre-destaque);flex:none}
.ns-mimo b{display:block;font-size:14.5px;font-weight:700;line-height:1.25}
.ns-mimo small{display:block;color:var(--suave);font-size:12.5px;margin-top:1px}
.ns-carimbos{display:flex;gap:4px;margin-top:6px}
.ns-carimbos i{width:15px;height:15px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--linha)}
.ns-carimbos i.e-sim{background:var(--loja);box-shadow:none}

/* ---------- Banners ---------- */
.ns-bloco{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;scroll-margin-top:124px}
.ns-tit{display:flex;align-items:baseline;gap:10px;justify-content:space-between}
.ns-tit h2{font-size:calc(24px*var(--titulo-escala))}
.ns-tit>span,.ns-tit a{color:var(--suave);font-size:13.5px;font-weight:600;white-space:nowrap}
.ns-banners{display:grid;grid-auto-flow:column;grid-auto-columns:88%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin-inline:-16px;padding:2px 16px;scroll-padding-left:16px}
.ns-banners::-webkit-scrollbar{display:none}
.ns-banners:has(>:only-child){grid-auto-columns:100%}
.ns-banner{position:relative;isolation:isolate;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:flex-end;min-height:158px;padding:16px 18px;border:0;border-radius:var(--r-g);overflow:hidden;text-align:left;background:var(--ban,var(--loja));color:var(--ban-tx,var(--sobre-loja));transition:transform .3s var(--mola)}
.ns-banner:active{transform:scale(.975)}
.ns-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s var(--macio)}
@media (hover:hover){.ns-banner:hover img{transform:scale(1.05)}}
.ns-banner[data-foto="1"]::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(0,0,0,.76),rgba(0,0,0,.14) 74%)}
.ns-banner[data-foto="1"]{color:#fff}
.ns-banner b{font-size:25px;max-width:15ch;display:block;text-wrap:balance}
.ns-banner span{font-size:14px;font-weight:500;opacity:.94;margin-top:6px;max-width:30ch}
.ns-banner-sel{align-self:flex-start;margin-bottom:auto;padding:4px 10px;border-radius:999px;background:var(--destaque);color:var(--sobre-destaque);font-weight:800;font-size:12.5px;opacity:1!important;margin-top:0!important}
.ns-pontos{display:flex;justify-content:center;gap:6px}
.ns-pontos i{height:5px;width:5px;border-radius:9px;background:var(--linha);transition:width .35s var(--macio),background .25s}
.ns-pontos i.e-at{width:20px;background:var(--loja)}

/* Monte sua pizza: a pizza gira e se divide. Funciona sem nenhuma foto */
.ns-monte{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 126px;align-items:center;gap:6px;width:100%;padding:18px 0 18px 20px;border:0;border-radius:var(--r-g);background:var(--tinta);color:var(--cartao);text-align:left;overflow:hidden;transition:transform .3s var(--mola)}
.ns-moldura[data-escuro="1"] .ns-monte{background:var(--loja-media);color:var(--tinta)}
.ns-monte:active{transform:scale(.98)}
.ns-monte b.ns-t{display:block;font-size:26px;max-width:9ch}
.ns-monte small{display:block;font-size:13.5px;margin-top:6px;opacity:.76;max-width:25ch}
.ns-monte em{display:inline-flex;align-items:center;min-height:38px;padding:0 15px;margin-top:12px;border-radius:999px;background:var(--loja);color:var(--sobre-loja);font-style:normal;font-weight:700;font-size:14px}
.ns-monte svg.ns-pizza{width:166px;height:166px;margin:-24px -40px -24px 0;animation:ns-gira 34s linear infinite}
@keyframes ns-gira{to{transform:rotate(360deg)}}

/* ---------- Mais pedidos: o numero do ranking e o desenho ---------- */
.ns-top{display:grid;grid-auto-flow:column;grid-auto-columns:158px;gap:14px;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:4px 16px 8px 16px;scroll-snap-type:x proximity;scroll-padding-left:16px}
.ns-top::-webkit-scrollbar{display:none}
.ns-top-item{position:relative;scroll-snap-align:start;display:grid;gap:8px;border:0;background:none;padding:0;text-align:left;transition:transform .3s var(--mola)}
.ns-top-item:active{transform:scale(.96)}
.ns-top-img{position:relative;aspect-ratio:1/1.08;border-radius:var(--r);overflow:hidden;background:var(--loja-suave);box-shadow:var(--sombra-1)}
.ns-top-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--macio)}
@media (hover:hover){.ns-top-item:hover img{transform:scale(1.06)}}
.ns-top-num{position:absolute;left:8px;bottom:-4px;z-index:2;font-size:74px;line-height:.9;color:#fff;-webkit-text-stroke:1.5px rgba(0,0,0,.14);text-shadow:0 2px 16px rgba(0,0,0,.45)}
.ns-top-img[data-sem="1"] .ns-top-num{color:var(--loja);-webkit-text-stroke:0;text-shadow:none;opacity:.92}
.ns-top-img[data-sem="1"] .ns-top-ic{position:absolute;top:14px;left:14px;width:44px;height:44px;color:var(--loja-texto);opacity:.62;stroke-width:1.5}
.ns-top-item b.ns-nm{font-size:14.5px;font-weight:700;line-height:1.22;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ns-top-item .ns-pr{font-size:14px;font-weight:700;color:var(--preco)}
.ns-top-mais{position:absolute;top:8px;right:8px;z-index:3}

/* ---------- Trilho de categorias ---------- */
.ns-trilho{position:sticky;top:60px;z-index:30;margin-inline:-16px;padding:8px 0;background:color-mix(in srgb,var(--fundo) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px)}
.ns-trilho-rola{position:relative;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:0 16px;isolation:isolate;scroll-behavior:smooth}
.ns-trilho-rola::-webkit-scrollbar{display:none}
.ns-trilho a{flex:none;position:relative;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 15px;border-radius:999px;color:var(--suave);font-weight:650;font-size:14.5px;text-decoration:none;white-space:nowrap;transition:color .25s;cursor:pointer}
.ns-trilho a.e-at{color:var(--sobre-loja)}
.ns-trilho .ns-ico{width:18px;height:18px}
.ns-trilho-marca{position:absolute;z-index:-1;top:0;left:0;height:42px;border-radius:999px;background:var(--loja);transition:transform .46s var(--mola),width .36s var(--macio)}
.ns-trilho[data-abas="sublinhado"] .ns-trilho-marca{top:38px;height:3.5px;border-radius:4px}
.ns-trilho[data-abas="sublinhado"] a.e-at{color:var(--loja-texto);font-weight:700}
.ns-trilho[data-abas="botao"] a{background:var(--trilho);border-radius:var(--r-p);margin-right:2px}
.ns-trilho[data-abas="botao"] .ns-trilho-marca{border-radius:var(--r-p)}
.ns-trilho[data-abas="botao"] a.e-at{background:transparent}

/* ---------- Cardapio ---------- */
.ns-busca-linha{display:flex;align-items:center;gap:10px;min-height:50px;width:100%;padding:0 16px;border:0;border-radius:var(--r);background:var(--cartao);box-shadow:var(--sombra-1);color:var(--suave);font-weight:500;text-align:left}
.ns-cat{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;scroll-margin-top:124px}
.ns-cat-cab{display:flex;align-items:center;gap:12px;padding-top:6px}
.ns-cat-cab h2{font-size:calc(27px*var(--titulo-escala));flex:0 1 auto;overflow-wrap:anywhere}
.ns-cat-cab::after{content:"";flex:1;height:1px;background:var(--linha)}
.ns-cat-cab small{order:3;color:var(--suave);font-size:13px;font-weight:600;white-space:nowrap}
.ns-lista{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-lista)}
.ns-lista[data-cartao="limpo"]{gap:0}
.ns-prod{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:14px;border-radius:var(--r);background:var(--cartao);transition:transform .32s var(--mola);text-align:left;min-width:0}
.ns-lista[data-cartao="sombra"] .ns-prod{box-shadow:var(--sombra-1)}
.ns-lista[data-cartao="borda"] .ns-prod{box-shadow:inset 0 0 0 1px var(--linha)}
.ns-lista[data-cartao="limpo"] .ns-prod{background:transparent;border-radius:0;box-shadow:0 1px 0 var(--linha);padding:16px 2px}
.ns-prod:active{transform:scale(.985)}
.ns-prod-abrir{position:absolute;inset:0;z-index:1;border:0;background:none;padding:0;border-radius:inherit}
.ns-prod-tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.ns-prod-tx h3{font-size:16px;font-weight:700;line-height:1.24;font-family:var(--f-texto);overflow-wrap:anywhere}
.ns-prod-tx p{color:var(--suave);font-size:13.5px;line-height:1.38;display:-webkit-box;-webkit-line-clamp:var(--linhas,2);-webkit-box-orient:vertical;overflow:hidden}
.ns-prod-pr{margin-top:auto;padding-top:6px;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:15.5px;font-weight:750;color:var(--preco)}
.ns-prod-pr del{color:var(--suave);font-size:13px;font-weight:500}
.ns-prod-pr ins{text-decoration:none;color:var(--loja-texto);font-weight:800}
.ns-prod-pr small{width:100%;color:var(--suave);font-size:12.5px;font-weight:550}
.ns-prod-lado{position:relative;align-self:start}
.ns-prod-foto{width:var(--foto,108px);height:var(--foto,108px);border-radius:var(--r-p);overflow:hidden;background:var(--trilho)}
.ns-prod-foto img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--macio)}
@media (hover:hover){.ns-prod:hover .ns-prod-foto img{transform:scale(1.07)}}
.ns-prod-lado .ns-mais,.ns-prod-lado .ns-qtd{position:absolute;right:-5px;bottom:-5px;z-index:2}
.ns-prod[data-foto="0"]{align-items:center}
.ns-prod[data-foto="0"] .ns-prod-lado{align-self:center}
.ns-prod[data-foto="0"] .ns-prod-lado .ns-mais,.ns-prod[data-foto="0"] .ns-prod-lado .ns-qtd{position:relative;right:0;bottom:0}
.ns-prod[data-esgotado="1"]{opacity:.56}
.ns-esgotado{padding:3px 9px;border-radius:999px;background:var(--trilho);font-size:12.5px;font-weight:700;color:var(--suave)}
.ns-selos{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:2px}
.ns-selo{display:inline-flex;align-items:center;gap:4px;min-height:21px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--loja-suave);color:var(--loja-texto)}
.ns-selo .ns-ico{width:12px;height:12px}
.ns-selo.e-oferta{background:var(--destaque);color:var(--sobre-destaque)}
.ns-selo.e-verde{background:var(--ok-suave);color:var(--ok)}
/* Botao de adicionar: redondo e branco; ao pegar, vira contador cheio */
.ns-mais{position:relative;z-index:2;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--cartao);color:var(--loja-texto);box-shadow:0 0 0 1px var(--linha),0 5px 12px -5px rgba(23,21,28,.42);transition:transform .3s var(--mola),background .2s,color .2s}
.ns-mais:hover{background:var(--loja);color:var(--sobre-loja)}
.ns-mais:active{transform:scale(.82)}
.ns-mais .ns-ico{width:21px;height:21px;stroke-width:2.5}
.ns-mais.e-texto{width:auto;padding:0 15px;border-radius:999px;font-weight:700;font-size:14px;background:var(--loja);color:var(--sobre-loja);box-shadow:0 8px 16px -10px var(--loja)}
.ns-mais.e-sacola{background:var(--loja);color:var(--sobre-loja);box-shadow:0 8px 16px -8px var(--loja)}
.ns-qtd{position:relative;z-index:2;display:inline-flex;align-items:center;height:40px;border-radius:999px;background:var(--loja);color:var(--sobre-loja);box-shadow:0 8px 16px -10px var(--loja);animation:ns-abre .38s var(--mola)}
@keyframes ns-abre{from{transform:scale(.7);opacity:.2}}
.ns-qtd button{width:36px;height:40px;border:0;background:none;color:inherit;display:grid;place-items:center}
.ns-qtd button:active{transform:scale(.8)}
.ns-qtd .ns-ico{width:17px;height:17px}
.ns-qtd b{min-width:20px;text-align:center;font-weight:800;font-size:15px}
.ns-qtd b.e-pula{animation:ns-pula .36s var(--mola)}
@keyframes ns-pula{40%{transform:translateY(-5px) scale(1.2)}}
/* Grade e Cartao */
.ns-lista[data-formato="grade"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ns-lista[data-formato="grade"] .ns-prod{grid-template-columns:minmax(0,1fr);padding:0;overflow:hidden;align-content:start}
.ns-lista[data-formato="grade"] .ns-prod-lado{grid-row:1;align-self:stretch}
.ns-lista[data-formato="grade"] .ns-prod-foto{width:100%;height:auto;aspect-ratio:1/.86;border-radius:0}
.ns-lista[data-formato="grade"] .ns-prod-tx{padding:0 12px 14px}
.ns-lista[data-formato="grade"] .ns-prod-lado .ns-mais,.ns-lista[data-formato="grade"] .ns-prod-lado .ns-qtd{right:8px;bottom:8px}
.ns-lista[data-formato="grade"] .ns-prod[data-foto="0"]{padding-top:0}
.ns-lista[data-formato="grade"] .ns-prod[data-foto="0"] .ns-prod-lado{min-height:64px;background:var(--loja-suave);display:flex;justify-content:flex-end;align-items:center;padding:0 8px}
.ns-lista[data-formato="cartao"] .ns-prod{grid-template-columns:minmax(0,1fr);padding:0;overflow:hidden}
.ns-lista[data-formato="cartao"] .ns-prod-lado{grid-row:1}
.ns-lista[data-formato="cartao"] .ns-prod-foto{width:100%;height:auto;aspect-ratio:16/9;border-radius:0}
.ns-lista[data-formato="cartao"] .ns-prod-tx{padding:0 16px 16px}
.ns-lista[data-formato="cartao"] .ns-prod-lado .ns-mais,.ns-lista[data-formato="cartao"] .ns-prod-lado .ns-qtd{right:12px;bottom:12px}
.ns-lista[data-formato="cartao"] .ns-prod[data-foto="0"] .ns-prod-lado{padding:14px 12px 0;display:flex;justify-content:flex-end}

/* Avaliacoes */
.ns-falas{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(258px,86%);gap:10px;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:2px 16px 6px;scroll-snap-type:x proximity;scroll-padding-left:16px}
.ns-falas::-webkit-scrollbar{display:none}
.ns-fala{scroll-snap-align:start;display:grid;gap:8px;align-content:start;padding:16px;border-radius:var(--r);background:var(--cartao);box-shadow:var(--sombra-1)}
.ns-estrelas{display:flex;gap:2px;color:var(--estrela)}
.ns-estrelas .ns-ico{width:15px;height:15px}
.ns-fala blockquote{font-size:15px;font-weight:550;line-height:1.38}
.ns-fala figcaption{color:var(--suave);font-size:13px}
.ns-texto-livre{padding:18px;border-radius:var(--r);background:var(--cartao);box-shadow:var(--sombra-1)}
.ns-texto-livre h2{font-size:21px;margin-bottom:6px}
.ns-rodape{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;justify-items:center;text-align:center;color:var(--suave);font-size:13px;padding-top:6px}
.ns-feito{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--suave)}
.ns-feito img{width:18px;height:18px;border-radius:50%}
.ns-feito b{color:var(--tinta);font-weight:700}

/* ---------- Barra de baixo: navegacao e sacola ---------- */
.ns-nav{position:absolute;inset:auto 0 0;z-index:38;display:grid;grid-template-columns:repeat(3,1fr);height:62px;padding-bottom:env(safe-area-inset-bottom,0px);background:color-mix(in srgb,var(--cartao) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -1px 0 var(--linha)}
.ns-nav button{border:0;background:none;display:grid;justify-items:center;align-content:center;gap:2px;color:var(--suave);font-size:11.5px;font-weight:650;transition:color .2s}
.ns-nav button .ns-ico{width:23px;height:23px;transition:transform .36s var(--mola)}
.ns-nav button[aria-current="true"]{color:var(--loja-texto)}
.ns-nav button[aria-current="true"] .ns-ico{transform:translateY(-1px) scale(1.08)}
.ns-sacola-barra{position:absolute;left:12px;right:12px;bottom:72px;z-index:39;transform:translateY(calc(100% + 90px));transition:transform .55s var(--mola);pointer-events:none}
.ns-sacola-barra[data-aberta="1"]{transform:none;pointer-events:auto}
.ns-moldura[data-mesa="1"] .ns-sacola-barra{bottom:12px}
.ns-sacola-barra>button{position:relative;overflow:hidden;width:100%;min-height:58px;display:flex;align-items:center;gap:12px;padding:0 18px 0 12px;border:0;border-radius:calc(var(--r) + 2px);background:var(--loja);color:var(--sobre-loja);font-weight:750;font-size:16px;box-shadow:0 16px 30px -14px color-mix(in srgb,var(--loja) 90%,#000)}
.ns-sacola-barra>button:active{transform:scale(.98)}
.ns-sacola-conta{min-width:34px;height:34px;padding:0 8px;border-radius:var(--r-p);background:color-mix(in srgb,#000 18%,transparent);display:grid;place-items:center;font-size:15px}
.ns-sacola-conta.e-pula{animation:ns-pula .42s var(--mola)}
.ns-sacola-total{margin-left:auto}
.ns-meta{position:absolute;left:0;right:0;bottom:0;height:3.5px;background:var(--destaque);transform:scaleX(var(--m,0));transform-origin:left;transition:transform .6s var(--macio)}
.ns-voa{position:absolute;z-index:80;width:46px;height:46px;border-radius:50%;overflow:hidden;background:var(--loja);box-shadow:0 8px 18px rgba(0,0,0,.3);pointer-events:none}
.ns-voa img{width:100%;height:100%;object-fit:cover}
.ns-flutua{position:absolute;right:14px;bottom:80px;z-index:37;display:grid;gap:8px;justify-items:end;transition:transform .5s var(--mola)}
.ns-flutua[data-lado="esquerda"]{right:auto;left:14px;justify-items:start}
.ns-moldura[data-tem-sacola="1"] .ns-flutua{transform:translateY(-68px)}
.ns-flut{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:50px;height:50px;padding:0 13px;border:0;border-radius:999px;background:var(--flut,var(--cartao));color:var(--flut-tx,var(--tinta));box-shadow:var(--sombra-2);font-weight:700;font-size:14px;transition:transform .3s var(--mola)}
.ns-flut:active{transform:scale(.88)}
.ns-flut.e-whats{background:#25D366;color:#fff;box-shadow:0 6px 18px rgba(18,140,74,.38)}
.ns-flut.e-whats .ns-ico{width:27px;height:27px}
.ns-flut .ns-ico{width:24px;height:24px}

/* ---------- Janelas ---------- */
.ns-fundo{position:absolute;inset:0;z-index:68;display:flex;align-items:flex-end;justify-content:center;background:rgba(14,12,20,0);pointer-events:none;transition:background-color .26s ease}
.ns-fundo[data-aberta="1"]{background:rgba(14,12,20,.56);pointer-events:auto}
.ns-janela{position:relative;width:100%;max-height:93%;display:flex;flex-direction:column;background:var(--cartao);color:var(--tinta);font-family:var(--f-texto);border-radius:28px 28px 0 0;overflow:hidden;transform:translateY(102%);transition:transform .46s var(--macio);touch-action:pan-y}
.ns-fundo[data-aberta="1"] .ns-janela{transform:none}
.ns-pegador{position:absolute;top:0;left:0;right:0;height:26px;z-index:6;display:grid;place-items:center;cursor:grab;touch-action:none}
.ns-pegador::before{content:"";width:42px;height:5px;border-radius:9px;background:rgba(255,255,255,.88);box-shadow:0 0 0 1px rgba(0,0,0,.14)}
.ns-fechar{position:absolute;top:12px;right:12px;z-index:7;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--cartao);color:var(--tinta);box-shadow:0 4px 14px rgba(0,0,0,.2);transition:transform .25s var(--mola)}
.ns-fechar:active{transform:scale(.84)}
.ns-fechar .ns-ico{width:19px;height:19px}
.ns-janela-rola{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.ns-j-foto{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--trilho)}
.ns-j-foto img{width:100%;height:100%;object-fit:cover;animation:ns-respira .9s var(--macio) both}
.ns-j-faixa{position:relative;padding:44px 20px 18px;background:var(--loja);color:var(--sobre-loja);overflow:hidden}
.ns-j-faixa svg.ns-j-ic{position:absolute;right:-14px;bottom:-22px;width:124px;height:124px;opacity:.2}
.ns-j-faixa h2{font-size:29px;max-width:15ch}
.ns-j-corpo{padding:18px 18px 8px;display:grid;gap:22px}
.ns-j-corpo h2.ns-t{font-size:26px}
.ns-j-corpo>header p{color:var(--suave);margin-top:7px;font-size:14.5px}
.ns-j-preco{margin-top:9px;font-size:17px;font-weight:750;color:var(--preco)}
.ns-grupo{display:grid;gap:8px;scroll-margin-top:16px}
.ns-grupo-cab{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ns-grupo-cab b{font-size:16px;font-weight:750}
.ns-grupo-cab small{display:block;color:var(--suave);font-weight:500;font-size:13px}
.ns-tag{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--trilho);color:var(--suave);white-space:nowrap;transition:background .25s,color .25s}
.ns-tag.e-obg{background:var(--loja-suave);color:var(--loja-texto)}
.ns-tag.e-ok{background:var(--ok-suave);color:var(--ok)}
.ns-grupo.e-treme{animation:ns-treme .42s ease}
@keyframes ns-treme{25%{transform:translateX(-7px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}
.ns-opcao{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:9px 14px;border:0;border-radius:var(--r-p);background:var(--cartao);box-shadow:inset 0 0 0 1.5px var(--linha);text-align:left;transition:box-shadow .2s,background .2s,transform .26s var(--mola)}
.ns-opcao:active{transform:scale(.985)}
.ns-opcao[aria-checked="true"],.ns-opcao[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--loja);background:var(--loja-suave)}
.ns-bola{position:relative;flex:none;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--linha);transition:box-shadow .26s var(--mola)}
.ns-opcao[aria-checked="true"] .ns-bola{box-shadow:inset 0 0 0 7px var(--loja)}
.ns-quad{flex:none;width:22px;height:22px;border-radius:7px;box-shadow:inset 0 0 0 2px var(--linha);display:grid;place-items:center;color:transparent;transition:background .2s,box-shadow .2s}
.ns-quad .ns-ico{width:15px;height:15px;stroke-width:3}
.ns-opcao[aria-pressed="true"] .ns-quad{background:var(--loja);box-shadow:none;color:var(--sobre-loja)}
.ns-opcao .ns-op-nm{flex:1;min-width:0;font-weight:650}
.ns-opcao .ns-op-nm small{display:block;font-weight:500;color:var(--suave);font-size:13px}
.ns-opcao .ns-op-vl{font-weight:700;white-space:nowrap}
.ns-opcao .ns-op-vl small{font-weight:600;color:var(--suave)}
.ns-sem-itens{display:grid;gap:6px;margin:8px 0 24px;padding:36px 20px;text-align:center;border-radius:var(--r-p);background:var(--cartao);box-shadow:inset 0 0 0 1.5px var(--linha)}
.ns-sem-itens b{font-size:17px;font-weight:750}
.ns-sem-itens span{color:var(--suave);font-size:15px}
.ns-tamanhos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ns-tamanho{display:grid;justify-items:center;align-content:end;gap:4px;padding:12px 4px;border:0;border-radius:var(--r-p);background:var(--cartao);box-shadow:inset 0 0 0 1.5px var(--linha);transition:box-shadow .2s,background .2s,transform .26s var(--mola)}
.ns-tamanho:active{transform:scale(.95)}
.ns-tamanho[aria-checked="true"]{box-shadow:inset 0 0 0 2px var(--loja);background:var(--loja-suave)}
.ns-tamanho i{display:block;border-radius:50%;background:radial-gradient(circle,#F4C95D 52%,#D18F3C 54%);box-shadow:0 2px 6px rgba(0,0,0,.14);transition:transform .35s var(--mola)}
.ns-tamanho[aria-checked="true"] i{transform:scale(1.14) rotate(14deg)}
.ns-tamanho b{font-size:15px;font-weight:750}
.ns-tamanho small{font-size:13px;font-weight:600;color:var(--suave)}
.ns-campo{display:grid;gap:6px;min-width:0}
.ns-campo>span{font-weight:650;font-size:14px}
.ns-campo>span small{font-weight:500;color:var(--suave)}
.ns-campo input,.ns-campo textarea,.ns-campo select{width:100%;min-height:52px;padding:13px 14px;border:0;border-radius:var(--r-p);background:var(--cartao);box-shadow:inset 0 0 0 1.5px var(--linha);font-size:16px;outline:0;transition:box-shadow .18s}
.ns-campo textarea{min-height:82px;resize:vertical}
.ns-campo input:focus,.ns-campo textarea:focus,.ns-campo select:focus{box-shadow:inset 0 0 0 2px var(--loja),0 0 0 4px var(--loja-suave)}
.ns-duas{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px}
.ns-pe{display:flex;gap:10px;align-items:center;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--cartao);box-shadow:0 -1px 0 var(--linha)}
.ns-passo{display:inline-flex;align-items:center;height:54px;border-radius:var(--r-p);box-shadow:inset 0 0 0 1.5px var(--linha);flex:none}
.ns-passo button{width:44px;height:54px;border:0;background:none;color:var(--loja-texto);display:grid;place-items:center}
.ns-passo button:active{transform:scale(.8)}
.ns-passo b{min-width:22px;text-align:center;font-weight:800;font-size:16px}
.ns-botao{position:relative;overflow:hidden;flex:1;min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border:0;border-radius:var(--r-p);background:var(--loja);color:var(--sobre-loja);font-weight:750;font-size:16px;transition:transform .26s var(--mola),background .25s,color .25s;box-shadow:0 12px 22px -14px color-mix(in srgb,var(--loja) 92%,#000);width:100%}
.ns-botao:active{transform:scale(.97)}
.ns-botao[data-entre="1"]{justify-content:space-between}
.ns-botao[data-mudo="1"]{background:var(--trilho);color:var(--suave);box-shadow:none}
.ns-botao.e-leve{background:var(--trilho);color:var(--tinta);box-shadow:none}
.ns-link{border:0;background:none;padding:6px 0;min-height:36px;color:var(--loja-texto);font-weight:700;font-size:14px}
/* Sacola */
.ns-j-tit{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 62px 12px 18px}
.ns-j-tit h2{font-size:25px}
.ns-it{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:13px 18px;box-shadow:inset 0 -1px 0 var(--linha);animation:ns-sobe .3s var(--macio) both}
.ns-it[data-foto="1"]{grid-template-columns:56px minmax(0,1fr) auto}
.ns-it>img{width:56px;height:56px;border-radius:var(--r-p);object-fit:cover;grid-row:1/3}
.ns-it b{font-weight:650;font-size:15px;line-height:1.25}
.ns-it small{display:block;color:var(--suave);font-size:13px;font-weight:500;margin-top:2px}
.ns-it .ns-val{font-weight:750;text-align:right;white-space:nowrap}
.ns-it .ns-mini{grid-column:-3/-1;justify-self:end;display:flex;align-items:center;gap:6px}
.ns-it[data-foto="1"] .ns-mini{grid-column:2/-1}
.ns-mini-qtd{display:inline-flex;align-items:center;height:36px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--linha)}
.ns-mini-qtd button{width:36px;height:36px;border:0;background:none;color:var(--loja-texto);display:grid;place-items:center}
.ns-mini-qtd b{min-width:18px;text-align:center;font-size:14px;font-weight:800}
.ns-mini-qtd .ns-ico{width:16px;height:16px}
.ns-meta-caixa{margin:14px 18px 0;padding:11px 13px;border-radius:var(--r-p);background:var(--loja-suave);font-size:13.5px;font-weight:600}
.ns-meta-caixa i{display:block;height:6px;margin-top:8px;border-radius:9px;background:color-mix(in srgb,var(--loja) 18%,transparent);overflow:hidden;position:relative}
.ns-meta-caixa i::after{content:"";position:absolute;inset:0;border-radius:9px;background:var(--loja);transform:scaleX(var(--m,0));transform-origin:left;transition:transform .6s var(--macio)}
.ns-junto{display:grid;gap:9px;padding:16px 18px}
.ns-junto>b{font-size:15.5px;font-weight:750}
.ns-junto-faixa{display:grid;grid-auto-flow:column;grid-auto-columns:146px;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:-18px;padding:2px 18px}
.ns-junto-faixa::-webkit-scrollbar{display:none}
.ns-junto-it{position:relative;display:grid;gap:6px;align-content:space-between;min-height:92px;padding:11px 12px;border:0;border-radius:var(--r-p);box-shadow:inset 0 0 0 1.5px var(--linha);background:var(--cartao);text-align:left;font-size:13.5px;font-weight:650;line-height:1.2;transition:transform .26s var(--mola)}
.ns-junto-it:active{transform:scale(.95)}
.ns-junto-it em{display:flex;justify-content:space-between;align-items:center;font-style:normal;font-weight:750;font-size:14px}
.ns-junto-it em svg{color:var(--loja-texto);width:22px;height:22px}
.ns-contas{display:grid;gap:7px;padding:14px 18px;font-size:14.5px}
.ns-contas div{display:flex;justify-content:space-between;gap:12px}
.ns-contas .e-apoio{color:var(--suave)}
.ns-contas .e-desc{color:var(--ok);font-weight:650}
.ns-contas .e-final{font-size:19px;font-weight:800;padding-top:9px;margin-top:3px;box-shadow:0 -1px 0 var(--linha)}
.ns-pd-lista{display:grid;gap:12px}
.ns-pd-grupo{margin:10px 2px 0;font-size:13px;font-weight:700;color:var(--suave)}
.ns-pd{display:grid;gap:14px;padding:16px;border-radius:var(--r);background:var(--cartao);box-shadow:var(--sombra-1);min-width:0;animation:ns-sobe .35s var(--macio) both}
.ns-pd.e-ativo{box-shadow:inset 0 0 0 2px var(--loja),var(--sombra-2)}
.ns-pd-cab{display:flex;align-items:center;gap:12px;min-width:0}
.ns-pd-fotos{display:flex;flex:none}
.ns-pd-mini{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;overflow:hidden;background:var(--loja-suave);color:var(--loja-media);box-shadow:0 0 0 2.5px var(--cartao)}
.ns-pd-mini+.ns-pd-mini{margin-left:-14px}
.ns-pd-mini img{width:100%;height:100%;object-fit:cover}
.ns-pd-mini .ns-ico{width:22px;height:22px}
.ns-pd-tit{flex:1;min-width:0;display:grid;gap:2px}
.ns-pd-tit b{font-size:16px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ns-pd.e-ativo .ns-pd-tit b{color:var(--loja-texto)}
.ns-pd-tit small{color:var(--suave);font-size:13px;line-height:1.35}
.ns-pd-itens{display:grid;gap:5px;margin:0;padding:0;list-style:none;font-size:14px}
.ns-pd-itens li{display:flex;gap:8px;min-width:0}
.ns-pd-itens li span{color:var(--suave);font-weight:700;min-width:24px}
.ns-pd-itens .e-mais{color:var(--suave);padding-left:32px}
.ns-pd-rod{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:12px;box-shadow:inset 0 1px 0 var(--linha)}
.ns-pd-rod small{display:block;color:var(--suave);font-size:12px}
.ns-pd-rod b{font-size:18px;font-weight:800}
.ns-pd-bts{display:flex;gap:8px;flex-wrap:wrap}
.ns-pd-bt{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border:0;border-radius:999px;background:var(--loja);color:var(--loja-tx,#fff);font-weight:700;font-size:14px;text-decoration:none;transition:transform .2s var(--mola)}
.ns-pd-bt.e-leve{background:var(--loja-suave);color:var(--loja-texto)}
.ns-pd-bt:active{transform:scale(.95)}
.ns-pd-bt .ns-ico{width:17px;height:17px}
.ns-pd-trilha{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;position:relative}
.ns-pd-trilha::before,.ns-pd-trilha::after{content:"";position:absolute;top:6px;left:12.5%;height:3px;border-radius:3px;background:var(--trilho)}
.ns-pd-trilha::before{right:12.5%}
.ns-pd-trilha::after{background:var(--loja);width:calc((75%) * (var(--et) - 1) / 3);transition:width .6s var(--macio)}
.ns-pd-trilha li{display:grid;justify-items:center;gap:6px;position:relative;z-index:1;font-size:12px;color:var(--suave);text-align:center}
.ns-pd-trilha i{width:15px;height:15px;border-radius:50%;background:var(--cartao);box-shadow:inset 0 0 0 3px var(--trilho)}
.ns-pd-trilha .e-feito i{box-shadow:inset 0 0 0 8px var(--loja)}
.ns-pd-trilha .e-feito span{color:var(--tinta);font-weight:650}
.ns-pd-trilha .e-agora i{animation:ns-pd-pulso 1.6s ease-in-out infinite}
@keyframes ns-pd-pulso{50%{box-shadow:inset 0 0 0 8px var(--loja),0 0 0 6px var(--loja-suave)}}
@media (prefers-reduced-motion:reduce){.ns-pd-trilha .e-agora i{animation:none}.ns-pd{animation:none}}
.ns-pf{display:grid;gap:12px}
.ns-pf>*,.ns-pf .ns-pn>*{min-width:0}
.ns-pf h3{font-size:16px;font-weight:750;margin:0}
.ns-pf-sub{color:var(--suave);font-size:14px;margin:0}
.ns-pf-cab{gap:16px}
.ns-pf-eu{display:flex;align-items:center;gap:16px;min-width:0}
.ns-pf-av{position:relative;width:76px;height:76px;flex:none;border:0;padding:0;border-radius:50%;display:grid;place-items:center;background:var(--loja-suave);color:var(--loja-texto);font-weight:800;font-size:30px;font-family:var(--f-titulo,inherit);overflow:visible}
.ns-pf-av img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.ns-pf-av.e-grande{width:64px;height:64px;justify-self:center}
.ns-pf-av.e-grande .ns-ico{width:30px;height:30px}
.ns-pf-cam{position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--loja);color:var(--loja-tx,#fff);box-shadow:0 0 0 3px var(--cartao)}
.ns-pf-cam .ns-ico{width:15px;height:15px}
.ns-pf-dados{display:grid;justify-items:start;gap:0;min-width:0;flex:1}
.ns-pf-dados>b{font-size:20px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}
.ns-pf-dados small{color:var(--suave);font-size:14px}
.ns-pf-dados .ns-link{min-height:30px;padding:2px 0;font-size:13px}
.ns-link.e-suave{color:var(--suave)}
.ns-link.e-perigo{color:var(--perigo)}
.ns-pf-nome-ed{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}
.ns-pf-nome-ed input,.ns-pf-form input,.ns-pf-form select{width:100%;min-width:0;height:44px;padding:0 12px;border:0;border-radius:12px;background:var(--fundo,var(--trilho));color:var(--tinta);box-shadow:inset 0 0 0 1.5px var(--linha);font:inherit;font-size:16px}
.ns-pf-nome-ed input{flex:1 1 160px}
.ns-pf-nome-ed input:focus,.ns-pf-form input:focus,.ns-pf-form select:focus{outline:0;box-shadow:inset 0 0 0 2px var(--loja)}
.ns-pf-erro{margin:0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--perigo) 12%,var(--cartao));color:var(--perigo);font-size:14px;font-weight:600}
.ns-pf-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ns-pf-nums>*{display:grid;justify-items:center;gap:2px;padding:12px 4px;border:0;border-radius:14px;background:var(--loja-suave);color:var(--loja-texto);text-decoration:none;font:inherit;transition:transform .2s var(--mola)}
.ns-pf-nums>*:active{transform:scale(.95)}
.ns-pf-nums b{font-size:20px;font-weight:800}
.ns-pf-nums small{font-size:12px;font-weight:600;color:var(--suave)}
.ns-pf-carimbos{display:flex;flex-wrap:wrap;gap:8px}
.ns-pf-carimbos i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 2px var(--linha);color:var(--loja-tx,#fff)}
.ns-pf-carimbos i.e-sim{background:var(--loja);box-shadow:none}
.ns-pf-carimbos .ns-ico{width:17px;height:17px}
.ns-pf-end{display:flex;gap:12px;padding:12px 0;box-shadow:inset 0 -1px 0 var(--linha)}
.ns-pf-end:last-child{box-shadow:none;padding-bottom:0}
.ns-pf-end>.ns-ico{width:20px;height:20px;color:var(--loja-texto);margin-top:2px}
.ns-pf-end>div{flex:1;min-width:0;display:grid;gap:3px}
.ns-pf-end b{font-weight:700;overflow-wrap:anywhere}
.ns-pf-end small{color:var(--suave);font-size:13px}
.ns-pf-end-tags{display:flex;gap:6px;flex-wrap:wrap}
.ns-pf-end-tags:empty{display:none}
.ns-pf-end-acoes{display:flex;gap:4px 16px;flex-wrap:wrap}
.ns-pf-end-acoes .ns-link{min-height:32px;font-size:13px}
.ns-pf-form{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px}
.ns-pf-form label{display:grid;gap:5px;font-size:13px;font-weight:650;color:var(--suave);min-width:0}
.ns-pf-form label small{font-weight:500}
.ns-pf-form .e-larga{grid-column:1/-1}
.ns-pf-form label:first-child{grid-column:1}
.ns-pf-form-bts{display:flex;justify-content:flex-end;align-items:center;gap:14px}
.ns-pf-link{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--linha)}
.ns-pf-link span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--suave)}
.ns-pf-atalhos{gap:0;padding:6px 16px}
.ns-pf-at{display:flex;align-items:center;gap:14px;width:100%;min-height:54px;padding:0;border:0;background:none;color:var(--tinta);font:inherit;font-weight:650;font-size:15px;text-align:left;text-decoration:none;box-shadow:inset 0 -1px 0 var(--linha)}
.ns-pf-at:last-child{box-shadow:none}
.ns-pf-at>.ns-ico:first-child{width:21px;height:21px;color:var(--loja-texto)}
.ns-pf-at span{flex:1}
.ns-pf-at>.ns-ico:last-child{width:18px;height:18px;color:var(--suave)}
.ns-pf-chave{position:relative;width:44px;height:26px;border-radius:999px;background:var(--trilho);transition:background .25s}
.ns-pf-chave::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .3s var(--mola)}
.ns-pf-at[aria-checked="true"] .ns-pf-chave{background:var(--loja)}
.ns-pf-at[aria-checked="true"] .ns-pf-chave::after{transform:translateX(18px)}
.ns-pf-sair{height:48px;border:0;border-radius:999px;background:none;color:var(--perigo);font:inherit;font-weight:700;font-size:15px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--perigo) 35%,var(--linha))}
.ns-pf-convite{justify-items:center;text-align:center}
.ns-pf-convite p{color:var(--suave);margin:0}
.ns-pf-convite ul{display:grid;gap:10px;margin:4px 0;padding:0;list-style:none;text-align:left;justify-self:stretch}
.ns-pf-convite li{display:flex;align-items:center;gap:12px;font-size:15px}
.ns-pf-convite li .ns-ico{width:20px;height:20px;color:var(--loja-texto)}
.ns-pf-convite .ns-botao{max-width:280px;width:100%}
.ns-vazia{display:grid;justify-items:center;gap:10px;text-align:center;padding:44px 24px;color:var(--suave)}
.ns-vazia .ns-ico{width:48px;height:48px;color:var(--loja-media)}
.ns-vazia b{color:var(--tinta);font-size:17px;font-weight:750}

/* Monte sua pizza: construtor */
.ns-mp-palco{display:grid;justify-items:center;gap:6px;padding:30px 18px 14px;background:radial-gradient(70% 90% at 50% 0%,var(--loja-media),transparent 74%)}
.ns-mp-palco svg{width:min(62cqw,226px);height:auto;filter:drop-shadow(0 12px 18px rgba(0,0,0,.24));transition:transform .55s var(--mola)}
.ns-mp-palco h2{font-size:25px;margin-top:6px;text-align:center}
.ns-mp-mini{flex:none;width:54px;height:54px}
.ns-mp-mini svg{width:100%;height:100%;display:block;filter:drop-shadow(0 3px 5px rgba(0,0,0,.22))}
.ns-mp-palco small{color:var(--suave);font-size:14px;text-align:center}
.ns-fatia{transition:fill .3s;cursor:default}
.ns-fatia-grupo{transform-origin:100px 100px;animation:ns-fatia .5s var(--mola) both}
@keyframes ns-fatia{from{transform:scale(.72);opacity:0}}
.ns-sabor-busca{position:sticky;top:0;z-index:2;background:var(--cartao);padding:4px 0 8px}

/* Busca */
.ns-prod mark{background:color-mix(in srgb,var(--destaque) 55%,transparent);color:inherit;border-radius:3px;padding:0 1px}

/* ---------- Telas inteiras: checkout, pedidos, perfil ---------- */
.ns-tela{position:absolute;inset:0;z-index:65;display:flex;flex-direction:column;background:var(--fundo);color:var(--tinta);font-family:var(--f-texto);font-size:15px;line-height:1.45;transform:translateX(100%);transition:transform .46s var(--macio);visibility:hidden}
.ns-tela[data-aberta="1"]{transform:none;visibility:visible}
.ns-tela-cab{display:flex;align-items:center;gap:8px;min-height:60px;padding:8px 10px;background:var(--cartao);box-shadow:0 1px 0 var(--linha)}
.ns-tela-cab h2{flex:1;font-size:18px;text-align:center;padding-right:44px}
.ns-voltar{flex:none;width:44px;height:44px;display:grid;place-items:center;border:0;background:none;border-radius:50%;transition:background .2s,transform .25s var(--mola)}
.ns-voltar:hover{background:var(--trilho)}.ns-voltar:active{transform:scale(.86)}
.ns-voltar .ns-ico{width:22px;height:22px}
.ns-etapas{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 16px;background:var(--cartao);box-shadow:0 1px 0 var(--linha)}
.ns-etapa{display:grid;gap:6px;border:0;background:none;padding:0;text-align:left;font-size:13px;font-weight:650;color:var(--suave)}
.ns-etapa i{display:block;height:5px;border-radius:9px;background:var(--trilho);overflow:hidden;position:relative}
.ns-etapa i::after{content:"";position:absolute;inset:0;background:var(--loja);border-radius:9px;transform:scaleX(0);transform-origin:left;transition:transform .55s var(--macio)}
.ns-etapa.e-at{color:var(--tinta)}.ns-etapa.e-at i::after,.ns-etapa.e-feita i::after{transform:none}
.ns-etapa.e-feita{color:var(--tinta)}
.ns-tela-corpo{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;overflow-y:auto;overscroll-behavior:contain}
.ns-tela-miolo{display:grid;gap:14px;padding:16px;align-content:start;min-width:0}
.ns-ck-resumo{display:none}
.ns-pn{display:grid;gap:14px;padding:16px;border-radius:var(--r);background:var(--cartao);box-shadow:var(--sombra-1);min-width:0}
.ns-pn h3{font-size:17px;font-weight:750;font-family:var(--f-texto)}
.ns-pn-cab{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ns-etapa-corpo{display:grid;gap:14px;animation:ns-etapa .42s var(--macio) both}
@keyframes ns-etapa{from{opacity:0;transform:translateX(26px)}}
.ns-etapa-corpo[data-volta="1"]{animation-name:ns-etapa-v}
@keyframes ns-etapa-v{from{opacity:0;transform:translateX(-26px)}}
.ns-conhecido{display:flex;align-items:center;gap:12px}
.ns-av{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--loja-suave);color:var(--loja-texto);font-weight:800}
.ns-conhecido div{flex:1;min-width:0}
.ns-conhecido small{display:block;color:var(--suave);font-size:13px}
.ns-gps{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:0 14px;border:0;border-radius:var(--r-p);background:var(--loja-suave);color:var(--loja-texto);font-weight:700;transition:transform .26s var(--mola)}
.ns-gps:active{transform:scale(.98)}
.ns-gps.e-busca .ns-ico{animation:ns-radar 1s ease-in-out infinite}
@keyframes ns-radar{50%{transform:scale(1.28);opacity:.55}}
.ns-ou{display:flex;align-items:center;gap:10px;color:var(--suave);font-size:13px}
.ns-ou::before,.ns-ou::after{content:"";flex:1;height:1px;background:var(--linha)}
.ns-pag-ic{width:42px;height:42px;flex:none;border-radius:var(--r-p);display:grid;place-items:center;background:var(--trilho);color:var(--tinta)}
.ns-pag-ic.e-pix{background:color-mix(in srgb,#00A88E 14%,var(--cartao));color:#008A75}
.ns-moldura[data-escuro="1"] .ns-pag-ic.e-pix{color:#33D6BC}
.ns-lembrete{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-p);background:var(--loja-suave);font-size:13.5px}
.ns-lembrete .ns-ico{color:var(--loja-texto);width:19px;height:19px;margin-top:1px}
.ns-resumo-l{display:flex;align-items:flex-start;gap:12px}
.ns-resumo-l>.ns-ico{width:21px;height:21px;color:var(--suave);margin-top:2px}
.ns-resumo-l div{flex:1;min-width:0}
.ns-resumo-l small{display:block;color:var(--suave);font-size:13px}
.ns-cupom{display:flex;align-items:center;gap:10px;width:100%;padding:11px 13px;border:0;border-radius:var(--r-p);background:color-mix(in srgb,var(--destaque) 22%,var(--cartao));text-align:left;box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .2s}
.ns-cupom[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--ok)}
.ns-cupom div{flex:1;min-width:0}
.ns-cupom small{display:block;color:var(--suave);font-size:12.5px}
.ns-marca-opt{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;border:0;background:none;padding:0;text-align:left;color:var(--suave)}
.ns-marca-opt .ns-quad{margin-top:1px}
.ns-marca-opt[aria-pressed="true"] .ns-quad{background:var(--loja);box-shadow:none;color:var(--sobre-loja)}
.ns-chips{display:flex;flex-wrap:wrap;gap:6px}
.ns-chip{min-height:40px;padding:0 14px;border:0;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--linha);background:var(--cartao);font-weight:650;font-size:14px;transition:box-shadow .2s,background .2s}
.ns-chip[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--loja);background:var(--loja-suave);color:var(--loja-texto)}
/* Pedido enviado: o momento de festa */
.ns-feito-tela{display:grid;gap:16px;padding:18px 16px 30px;align-content:start;justify-items:stretch}
.ns-festa{position:relative;display:grid;justify-items:center;text-align:center;gap:8px;padding:30px 16px 22px;border-radius:var(--r-g);background:var(--loja);color:var(--sobre-loja);overflow:hidden}
.ns-festa canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ns-festa h2{font-size:32px}
.ns-festa p{opacity:.92}
.ns-festa-ok{width:76px;height:76px;border-radius:50%;background:#fff;color:var(--loja-texto);display:grid;place-items:center;animation:ns-surge .62s var(--mola) both}
.ns-festa-ok svg{width:42px;height:42px}
.ns-festa-ok path{stroke-dasharray:30;stroke-dashoffset:30;animation:ns-risco .5s .28s var(--macio) forwards}
@keyframes ns-surge{from{transform:scale(.3);opacity:0}}
@keyframes ns-risco{to{stroke-dashoffset:0}}
.ns-previsao{display:flex;justify-content:space-between;align-items:center;gap:14px}
.ns-previsao b.ns-t{font-size:30px}
.ns-previsao small{display:block;color:var(--suave);font-size:13px}
.ns-linha-tempo{display:grid;gap:0}
.ns-lt{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding-bottom:18px}
.ns-lt:last-child{padding-bottom:0}
.ns-lt i{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;background:var(--trilho);color:var(--suave);display:grid;place-items:center;transition:background .4s,color .4s,transform .4s var(--mola)}
.ns-lt i .ns-ico{width:16px;height:16px}
.ns-lt:not(:last-child)::before{content:"";position:absolute;left:14px;top:30px;bottom:0;width:2px;background:var(--trilho)}
.ns-lt.e-feito:not(:last-child)::before{background:var(--loja)}
.ns-lt.e-feito i,.ns-lt.e-at i{background:var(--loja);color:var(--sobre-loja)}
.ns-lt.e-at i{box-shadow:0 0 0 5px var(--loja-suave);animation:ns-lt 1.6s ease-in-out infinite}
@keyframes ns-lt{50%{box-shadow:0 0 0 9px var(--loja-suave)}}
.ns-lt b{display:block;font-weight:700}
.ns-lt small{color:var(--suave);font-size:13px}
.ns-lt:not(.e-feito):not(.e-at) b{color:var(--suave);font-weight:600}
.ns-pix-qr{justify-self:center;width:176px;height:176px;padding:12px;background:#fff;border-radius:var(--r);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.ns-pix-rel{text-align:center;font-weight:700;color:var(--loja-texto)}
.ns-info dl{display:grid;gap:6px;margin:0}
.ns-info dl div{display:flex;justify-content:space-between;gap:12px;font-size:14.5px}
.ns-info dd{margin:0;font-weight:650}.ns-info dt{color:var(--suave)}
.ns-popup{position:absolute;inset:0;z-index:75;display:grid;place-items:center;padding:20px;background:rgba(14,12,20,.6);animation:ns-apaga .3s both}
@keyframes ns-apaga{from{opacity:0}}
.ns-popup>div{position:relative;width:min(380px,100%);display:grid;background:var(--cartao);color:var(--tinta);border-radius:var(--r-g);overflow:hidden;animation:ns-surge .5s var(--mola) both;font-family:var(--f-texto)}
.ns-popup-tx{display:grid;gap:10px;padding:20px}
.ns-popup h2{font-size:25px}
.ns-popup img{width:100%;aspect-ratio:16/9;object-fit:cover}
.ns-aviso-ex{margin:0 auto;max-width:100%;padding:6px 12px;border-radius:14px;background:var(--trilho);color:var(--suave);font-size:12px;text-align:center}
.ns-toast{position:absolute;left:50%;bottom:150px;z-index:90;max-width:88%;padding:11px 16px;border-radius:14px;background:var(--tinta);color:var(--cartao);font-family:var(--f-texto);font-size:14px;font-weight:600;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .22s,transform .4s var(--mola);text-align:center}
.ns-toast[data-aberta="1"]{opacity:1;transform:translate(-50%,0)}

/* ---------- Densidade e tamanhos do editor ---------- */
.ns-moldura[data-dens="compacta"]{--gap-lista:8px}.ns-moldura[data-dens="normal"]{--gap-lista:12px}.ns-moldura[data-dens="espacosa"]{--gap-lista:20px}
.ns-moldura[data-foto="pequena"]{--foto:84px}.ns-moldura[data-foto="media"]{--foto:108px}.ns-moldura[data-foto="grande"]{--foto:136px}

/* ---------- Tablet ---------- */
@container ns (min-width:640px){
  .ns-capa{padding:92px 32px 74px;min-height:calc(var(--capa-a,372px) + 40px)}
  .ns-folha{padding:26px 28px 150px;margin-top:-40px;border-radius:36px 36px 0 0}
  .ns-banners{grid-auto-columns:min(46%,420px);margin-inline:-28px;padding-inline:28px;scroll-padding-left:28px}
  .ns-mimos,.ns-falas,.ns-top{margin-inline:-28px;padding-inline:28px;scroll-padding-left:28px}
  .ns-trilho{margin-inline:-28px}.ns-trilho-rola{padding:0 28px}
  .ns-lista[data-formato="lista"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ns-lista[data-formato="grade"]{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ns-lista[data-formato="cartao"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ns-fundo{align-items:center;padding:24px}
  .ns-janela{width:min(560px,100%);border-radius:28px;max-height:88%;transform:translateY(30px) scale(.97);opacity:0;transition:transform .42s var(--mola),opacity .22s}
  .ns-fundo[data-aberta="1"] .ns-janela{opacity:1}
  .ns-pegador{display:none}
  .ns-falas{grid-auto-columns:minmax(290px,1fr)}
  .ns-monte{grid-template-columns:minmax(0,1fr) 210px;padding-left:30px;min-height:170px}
  .ns-monte svg.ns-pizza{width:250px;height:250px;margin:-40px -40px -40px 0}
  .ns-monte b.ns-t{font-size:34px;max-width:none}
  .ns-toast{bottom:40px}
}
/* ---------- Computador ---------- */
@container ns (min-width:1024px){
  .ns-barra{height:72px;padding:0 max(32px,calc((100cqw - 1280px)/2));gap:12px}
  .ns-barra-marca{flex:0 0 auto;max-width:280px}
  .ns-moldura[data-rolou="0"] .ns-barra-busca{--bb:0}
  .ns-barra-busca{display:flex;align-items:center;gap:10px;flex:1;max-width:520px;min-height:46px;margin-inline:auto;padding:0 16px;border:0;border-radius:999px;background:rgba(255,255,255,.96);color:#4A4752;box-shadow:0 8px 22px -14px rgba(0,0,0,.6);font-weight:500;text-align:left;transition:background .2s}
  .ns-moldura[data-rolou="1"] .ns-barra-busca{background:var(--trilho);color:var(--suave);box-shadow:none}
  .ns-lupa{display:none}
  .ns-entrar{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 12px;border:0;border-radius:999px;background:rgba(255,255,255,.96);color:#17151C;font-weight:700;font-size:14px;transition:transform .25s var(--mola)}
  .ns-entrar:active{transform:scale(.94)}
  .ns-moldura[data-rolou="1"] .ns-entrar{background:var(--trilho);color:var(--tinta)}
  .ns-capa{min-height:calc(var(--capa-a,372px) + 70px);padding:104px max(32px,calc((100cqw - 1280px)/2)) 88px}
  .ns-capa-conteudo{max-width:820px}
  .ns-capa h1{font-size:calc(72px*var(--titulo-escala))}
  .ns-capa[data-alinha="esquerda"] .ns-capa-conteudo{grid-template-columns:auto minmax(0,1fr);column-gap:24px;justify-items:start}
  .ns-capa[data-alinha="esquerda"] .ns-capa-conteudo>*{grid-column:2}
  .ns-capa[data-alinha="esquerda"] .ns-capa-conteudo>:first-child{grid-column:1;grid-row:1/span 5;align-self:start}
  .ns-capa-frase{font-size:18px}
  .ns-fatos{font-size:15px}
  .ns-folha{margin-top:-48px;padding:32px max(32px,calc((100cqw - 1280px)/2)) 56px;border-radius:40px 40px 0 0}
  .ns-pagina{grid-template-columns:minmax(0,1fr) 372px;gap:32px;align-items:start}
  .ns-pagina[data-sem-lateral="1"]{grid-template-columns:minmax(0,1fr)}
  .ns-lateral{display:block;position:sticky;top:88px;align-self:start;background:var(--cartao);border-radius:var(--r-g);box-shadow:var(--sombra-2);overflow:hidden;max-height:calc(100cqh - 110px)}
  .ns-lat-rola{overflow-y:auto;max-height:calc(100vh - 300px)}
  .ns-banners{grid-auto-columns:min(44%,440px);margin-inline:0;padding-inline:2px;scroll-padding-left:2px}
  .ns-banner{min-height:190px;padding:22px}
  .ns-banner b{font-size:29px}
  .ns-mimos,.ns-falas,.ns-top{margin-inline:0;padding-inline:2px;scroll-padding-left:2px}
  .ns-mimos{grid-auto-columns:minmax(258px,360px)}
  .ns-top{grid-auto-columns:176px}
  .ns-trilho{top:72px;margin-inline:0;padding:10px 0}.ns-trilho-rola{padding:0}
  .ns-tit h2{font-size:calc(29px*var(--titulo-escala))}
  .ns-cat-cab h2{font-size:calc(32px*var(--titulo-escala))}
  .ns-cat,.ns-bloco{scroll-margin-top:140px}
  .ns-lista[data-formato="lista"][data-colunas="1"]{grid-template-columns:minmax(0,1fr)}
  .ns-lista[data-formato="lista"][data-colunas="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ns-lista[data-formato="grade"][data-colunas="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ns-lista[data-formato="grade"][data-colunas="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ns-lista[data-formato="grade"][data-colunas="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ns-prod:hover{transform:translateY(-2px);box-shadow:var(--sombra-2)}
  .ns-lista[data-cartao="limpo"] .ns-prod:hover{transform:none;box-shadow:0 1px 0 var(--linha)}
  .ns-nav,.ns-sacola-barra{display:none}
  .ns-flutua{bottom:24px;right:24px}
  .ns-moldura[data-tem-sacola="1"] .ns-flutua{transform:none}
  .ns-moldura[data-mesa="1"] .ns-sacola-barra{display:none}
  .ns-janela.e-prod{width:min(940px,100%);display:grid;grid-template-columns:44% 56%;grid-template-rows:minmax(0,1fr) auto;height:min(720px,88%)}
  .ns-janela.e-prod .ns-j-lado-foto{grid-column:1;grid-row:1/3;position:relative;min-height:0}
  .ns-janela.e-prod .ns-j-foto{position:absolute;inset:0;aspect-ratio:auto;height:100%}
  .ns-janela.e-prod .ns-janela-rola{grid-column:2;grid-row:1}
  .ns-janela.e-prod .ns-pe{grid-column:2;grid-row:2}
  .ns-janela.e-prod.e-sem-foto{width:min(560px,100%);display:flex;flex-direction:column;height:auto}
  .ns-tela-corpo{grid-template-columns:minmax(0,1fr) 400px;gap:0;width:min(1140px,100%);margin-inline:auto;overflow-y:auto;padding:12px 0}
  .ns-etapas{padding-inline:max(24px,calc((100cqw - 1092px)/2))}
  .ns-ck-resumo{display:block;position:sticky;top:12px;align-self:start;margin:16px 16px 16px 8px;border-radius:var(--r);background:var(--cartao);box-shadow:var(--sombra-1);overflow:hidden}
  .ns-pe.e-ck{background:var(--cartao)}
  .ns-pe.e-ck>.ns-botao{max-width:420px;margin-inline:auto}
  .ns-feito-tela{width:min(720px,100%);margin-inline:auto}
  .ns-toast{bottom:40px}
}
/* Editor: passar o mouse mostra o que da para editar */
.ns-moldura[data-editando="1"] [data-ed]{cursor:pointer;position:relative}
.ns-moldura[data-editando="1"] [data-ed]:hover{outline:2px dashed #3D6BFF;outline-offset:2px;z-index:5}
.ns-moldura[data-animar="0"] *{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
@media (prefers-reduced-motion:reduce){.ns-moldura *{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important;scroll-behavior:auto!important}}

/* ==========================================================================
   Fluidez e animacoes (09/11/2026, aprovado pelo dono), celular e PC.
   ========================================================================== */
/* Categoria fora da tela nao gasta nada; a altura estimada evita a rolagem pular */
.ns-cat{content-visibility:auto;contain-intrinsic-size:auto calc(var(--n,6)*142px + 70px)}
@container ns (min-width:640px){.ns-cat{contain-intrinsic-size:auto calc(var(--n,6)*72px + 70px)}}
.ns-prod,.ns-top-item,.ns-fala,.ns-banner{contain:layout paint style}
.ns-top-mais,.ns-prod-lado .ns-mais,.ns-prod-lado .ns-qtd{contain:none}
.ns-prod{contain:layout style}
/* Fotos surgem suaves sobre um fundo que respira, em vez de pipocar */
.ns-prod-foto,.ns-top-img[data-sem="0"],.ns-banner[data-foto="1"]{background-color:var(--trilho)}
.ns-prod-foto img,.ns-top-img img,.ns-banner img{opacity:0;transform:scale(1.04);transition:opacity .42s ease,transform .6s var(--macio)}
.ns-prod-foto img.e-veio,.ns-top-img img.e-veio,.ns-banner img.e-veio{opacity:1;transform:none}
@media (hover:hover){.ns-prod:hover .ns-prod-foto img.e-veio{transform:scale(1.07)}.ns-top-item:hover img.e-veio{transform:scale(1.06)}.ns-banner:hover img.e-veio{transform:scale(1.05)}}
/* Foto voando do cartao para a janela */
.ns-fantasma{position:absolute;z-index:69;object-fit:cover;pointer-events:none;transform-origin:center;max-width:none}
/* Item da sacola: entra, e arrastando revela Remover */
.ns-itens{overflow:hidden}
.ns-it{position:relative;background:var(--cartao);touch-action:pan-y;transition:transform .28s var(--macio);animation:none}
.ns-it.e-novo{animation:ns-it-entra .42s var(--mola) both}
@keyframes ns-it-entra{from{opacity:0;transform:translateX(18px) scale(.97)}}
.ns-it::after{content:"Remover";position:absolute;top:0;bottom:0;left:100%;width:140px;display:flex;align-items:center;padding-left:18px;background:var(--perigo);color:#fff;font-weight:700;font-size:14px}
/* Botao de enviar: carregando e confirmado */
.ns-botao.e-enviando{justify-content:center;opacity:.92;cursor:progress}
.ns-gira{width:20px;height:20px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:ns-gira-b .7s linear infinite}
@keyframes ns-gira-b{to{transform:rotate(360deg)}}
.ns-botao.e-enviado{background:var(--ok);color:#fff;justify-content:center;animation:ns-abre .4s var(--mola)}
.ns-ok-risco{width:24px;height:24px}
.ns-ok-risco path{stroke-dasharray:30;stroke-dashoffset:30;animation:ns-risco .36s var(--macio) forwards}
/* Trilha do pedido */
.ns-trilha{position:relative;height:6px;margin:18px 6px 6px;border-radius:9px;background:var(--trilho)}
.ns-trilha-feita{position:absolute;inset:0;border-radius:9px;background:var(--loja);transform:scaleX(calc(var(--pos-n,1)*1));transform-origin:left;width:var(--pos);transition:width 1.2s var(--macio)}
.ns-moto{position:absolute;top:50%;left:var(--pos);width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:var(--loja);color:var(--sobre-loja);display:grid;place-items:center;box-shadow:0 6px 14px -6px var(--loja);transition:left 1.2s var(--macio);animation:ns-moto-anda 1.4s ease-in-out infinite}
.ns-moto .ns-ico{width:20px;height:20px}
@keyframes ns-moto-anda{50%{transform:translateY(-2px) rotate(-3deg)}}
.ns-previsao-tx{margin-top:14px!important;font-weight:700;color:var(--loja-texto)}
/* Toast com botao */
.ns-toast{display:flex;align-items:center;gap:12px;justify-content:center}
.ns-toast[data-aberta="1"]{pointer-events:auto}
.ns-toast-b{border:0;background:none;color:inherit;font-weight:800;text-decoration:underline;padding:4px 2px;min-height:32px}
/* Setas para mouse */
.ns-com-setas{position:relative}
.ns-seta{position:absolute;top:var(--top,50%);z-index:6;width:42px;height:42px;margin-top:-21px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--cartao);color:var(--tinta);box-shadow:var(--sombra-2);opacity:0;transition:opacity .2s,transform .25s var(--mola)}
.ns-seta.e-ant{left:-10px}.ns-seta.e-pro{right:-10px}
.ns-com-setas:hover .ns-seta,.ns-seta:focus-visible{opacity:1}
.ns-seta:hover{transform:scale(1.08)}.ns-seta:active{transform:scale(.9)}
.ns-seta .ns-ico{width:20px;height:20px}
/* PC: cartao levanta sem animar sombra */
@container ns (min-width:1024px){
  .ns-prod::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--sombra-2);opacity:0;transition:opacity .25s;pointer-events:none}
  .ns-prod:hover{box-shadow:none}
  .ns-lista[data-cartao="sombra"] .ns-prod:hover{box-shadow:var(--sombra-1)}
  .ns-lista[data-cartao="borda"] .ns-prod:hover{box-shadow:inset 0 0 0 1px var(--linha)}
  .ns-prod:hover::after{opacity:1}
  .ns-lista[data-cartao="limpo"] .ns-prod::after{display:none}
}
/* Capa encolhe: o nome sai da capa e entra na barra, ligado a rolagem e sem JavaScript */
@supports (animation-timeline: scroll()){
  @media (prefers-reduced-motion:no-preference){
    .ns-moldura{timeline-scope:--ns-rola}
    .ns-rolagem{scroll-timeline:--ns-rola block}
    .ns-moldura[data-animar="1"]:not(.e-leve) .ns-capa-foto{transform:none;animation:ns-capa-prof linear both;animation-timeline:--ns-rola;animation-range:0 var(--capa-h,400px)}
    @keyframes ns-capa-prof{to{transform:translate3d(0,72px,0) scale(1.1)}}
    .ns-moldura[data-animar="1"]:not(.e-leve) .ns-capa-conteudo{transform-origin:left bottom;animation:ns-capa-sai linear both;animation-timeline:--ns-rola;animation-range:30px calc(var(--capa-h,400px) - 90px)}
    @keyframes ns-capa-sai{to{opacity:0;transform:translateY(-26px) scale(.9)}}
    .ns-moldura[data-animar="1"]:not(.e-leve) .ns-barra::before{transition:none;animation:ns-barra-entra linear both;animation-timeline:--ns-rola;animation-range:calc(var(--capa-h,400px) - 170px) calc(var(--capa-h,400px) - 90px)}
    @keyframes ns-barra-entra{from{opacity:0}to{opacity:1}}
    .ns-moldura[data-animar="1"]:not(.e-leve) .ns-barra-marca{transition:none;animation:ns-marca-entra linear both;animation-timeline:--ns-rola;animation-range:calc(var(--capa-h,400px) - 130px) calc(var(--capa-h,400px) - 70px)}
    @keyframes ns-marca-entra{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
  }
}
/* Modo leve: aparelho simples fica sem os efeitos caros, sem perder a resposta ao toque */
.ns-moldura.e-leve .ns-barra::before,.ns-moldura.e-leve .ns-trilho,.ns-moldura.e-leve .ns-nav,.ns-moldura.e-leve .ns-redondo{-webkit-backdrop-filter:none;backdrop-filter:none}
.ns-moldura.e-leve .ns-barra::before{background:var(--cartao)}.ns-moldura.e-leve .ns-trilho{background:var(--fundo)}.ns-moldura.e-leve .ns-nav{background:var(--cartao)}
.ns-moldura.e-leve .ns-capa-desenho,.ns-moldura.e-leve .ns-monte svg.ns-pizza,.ns-moldura.e-leve .ns-moto{animation:none}
.ns-moldura.e-leve .ns-capa-foto img{animation:none}
@media (prefers-reduced-motion:reduce){.ns-prod-foto img,.ns-top-img img,.ns-banner img{opacity:1;transform:none}.ns-it.e-novo{animation:none}}
.ns-moldura[data-animar="0"] .ns-prod-foto img,.ns-moldura[data-animar="0"] .ns-top-img img,.ns-moldura[data-animar="0"] .ns-banner img{opacity:1;transform:none}

/* ==========================================================================
   Busca no proprio cardapio (dono, 09/11/2026): nada de outra tela
   ========================================================================== */
.ns-busca-linha{cursor:text;transition:box-shadow .2s}
.ns-busca-linha:focus-within{box-shadow:inset 0 0 0 2px var(--loja),0 0 0 4px var(--loja-suave)}
.ns-busca-linha input,.ns-barra-busca input{flex:1;min-width:0;height:100%;min-height:44px;border:0;outline:0;background:none;color:var(--tinta);font-size:16px;font-weight:500;-webkit-appearance:none;appearance:none}
.ns-busca-linha input::placeholder{color:var(--suave);opacity:1}
.ns-busca-linha input::-webkit-search-cancel-button,.ns-barra-busca input::-webkit-search-cancel-button{display:none}
.ns-q-x{flex:none;width:32px;height:32px;margin-right:-6px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--trilho);color:inherit;animation:ns-abre .28s var(--mola)}
.ns-q-x[hidden]{display:none}
.ns-q-x .ns-ico{width:16px;height:16px}
.ns-q-info{margin:-8px 2px 0!important;color:var(--suave);font-size:14px;font-weight:600}
.ns-prod[hidden],.ns-cat[hidden]{display:none!important}
.ns-moldura[data-buscando="1"] .ns-principal>:not(#ns-cardapio){display:none}
.ns-moldura[data-buscando="1"] .ns-trilho{display:none}
.ns-moldura[data-buscando="1"] #ns-cardapio{min-height:100vh;align-content:start}
.ns-moldura[data-buscando="1"] .ns-busca-linha{position:sticky;top:64px;z-index:31}
.ns-moldura[data-buscando="1"] .ns-cat{content-visibility:visible;animation:ns-resultado .24s var(--macio) both}
@keyframes ns-resultado{from{opacity:.35}}
@container ns (min-width:1024px){
  .ns-busca-linha{display:none}
  .ns-q-info{margin-top:0!important}
  .ns-barra-busca{cursor:text;padding-right:12px}
  .ns-barra-busca input{color:#17151C}
  .ns-barra-busca input::placeholder{color:#4A4752;opacity:1}
  .ns-barra-busca:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,#fff 45%,transparent)}
  .ns-moldura[data-rolou="1"] .ns-barra-busca input{color:var(--tinta)}
  .ns-moldura[data-rolou="1"] .ns-barra-busca input::placeholder{color:var(--suave)}
  .ns-moldura[data-rolou="1"] .ns-barra-busca:focus-within{box-shadow:inset 0 0 0 2px var(--loja)}
  .ns-barra-busca .ns-q-x{color:inherit}
}

/* ==========================================================================
   Modo escuro: preto elegante. O preto manda e a cor da loja fica so nos destaques
   ========================================================================== */
.ns-moldura[data-escuro="1"]{--loja-suave:color-mix(in srgb,var(--loja) 14%,var(--cartao));--loja-media:color-mix(in srgb,var(--loja) 24%,var(--cartao));--trilho:rgba(255,255,255,.07);
  --sombra-1:inset 0 0 0 1px var(--linha);--sombra-2:inset 0 0 0 1px var(--linha),0 20px 44px -22px #000;--sombra-3:inset 0 0 0 1px var(--linha),0 34px 80px -24px #000}
.ns-moldura[data-escuro="1"] .ns-capa{background:var(--fundo);color:#fff}
.ns-moldura[data-escuro="1"] .ns-capa::before{background:linear-gradient(to top,var(--fundo) 4%,color-mix(in srgb,var(--fundo) 86%,transparent) 30%,color-mix(in srgb,var(--fundo) 40%,transparent) 62%,color-mix(in srgb,var(--fundo) 62%,transparent) 100%)}
.ns-moldura[data-escuro="1"] .ns-capa[data-sem-foto="1"]::before,.ns-moldura[data-escuro="1"] .ns-capa[data-estilo="cor"]::before{background:radial-gradient(95% 75% at 88% 0%,color-mix(in srgb,var(--loja) 46%,transparent),transparent 68%),radial-gradient(70% 60% at 0% 100%,color-mix(in srgb,var(--loja) 12%,transparent),transparent 70%)}
.ns-moldura[data-escuro="1"] .ns-capa-desenho{opacity:.05;filter:invert(1) brightness(2)}
.ns-moldura[data-escuro="1"] .ns-capa h1{text-shadow:none}
.ns-moldura[data-escuro="1"] .ns-estado{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.ns-moldura[data-escuro="1"] .ns-logo{box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.ns-moldura[data-escuro="1"] .ns-folha{box-shadow:0 -1px 0 var(--linha)}
.ns-moldura[data-escuro="1"] .ns-barra::before,.ns-moldura[data-escuro="1"] .ns-nav{background:color-mix(in srgb,var(--fundo) 88%,transparent)}
.ns-moldura[data-escuro="1"].e-leve .ns-barra::before,.ns-moldura[data-escuro="1"].e-leve .ns-nav{background:var(--fundo)}
.ns-moldura[data-escuro="1"] .ns-redondo{background:rgba(255,255,255,.1);color:#fff}
.ns-moldura[data-escuro="1"] .ns-monte{background:var(--cartao);color:var(--tinta);box-shadow:inset 0 0 0 1px var(--linha)}
.ns-moldura[data-escuro="1"] .ns-seg-marcador{background:rgba(255,255,255,.13);box-shadow:none}
.ns-moldura[data-escuro="1"] .ns-mais{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 6px 14px -6px #000}
.ns-moldura[data-escuro="1"] .ns-festa{background:var(--cartao);color:var(--tinta);box-shadow:inset 0 0 0 1px var(--linha)}
.ns-moldura[data-escuro="1"] .ns-festa-ok{background:var(--loja);color:var(--sobre-loja)}
.ns-moldura[data-escuro="1"] .ns-j-faixa{background:linear-gradient(150deg,var(--loja-media),var(--cartao) 78%);color:var(--tinta)}
.ns-moldura[data-escuro="1"] .ns-mesa-faixa{background:var(--cartao);color:var(--tinta);box-shadow:inset 0 0 0 1px var(--linha)}
.ns-moldura[data-escuro="1"] .ns-mesa-faixa b.ns-t{color:var(--loja-texto)}
.ns-moldura[data-escuro="1"] .ns-fundo[data-aberta="1"]{background:rgba(0,0,0,.72)}
.ns-moldura[data-escuro="1"] .ns-pegador::before{background:rgba(255,255,255,.3);box-shadow:none}
.ns-moldura[data-escuro="1"] .ns-trilho{background:color-mix(in srgb,var(--fundo) 90%,transparent)}
.ns-moldura[data-escuro="1"] .ns-aviso-fechada{background:color-mix(in srgb,var(--perigo) 10%,var(--cartao));box-shadow:inset 0 0 0 1px var(--linha)}
.ns-moldura[data-escuro="1"] .ns-prod-foto,.ns-moldura[data-escuro="1"] .ns-top-img[data-sem="0"]{background-color:#1a1a1b}
@container ns (min-width:1024px){
  .ns-moldura[data-escuro="1"][data-rolou="0"] .ns-barra-busca,.ns-moldura[data-escuro="1"][data-rolou="0"] .ns-entrar{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .ns-moldura[data-escuro="1"] .ns-barra-busca input{color:#fff}
  .ns-moldura[data-escuro="1"] .ns-barra-busca input::placeholder{color:rgba(255,255,255,.66)}
}

/* Ajustes vistos nas fotos: o atributo hidden sempre vale, sem contorno duplo na busca, texto certo na barra */
.ns-moldura [hidden]{display:none!important}
.ns-moldura{color:var(--tinta)}
.ns-moldura .ns-busca-linha input:focus-visible,.ns-moldura .ns-barra-busca input:focus-visible{outline:0}
.ns-moldura[data-buscando="1"] .ns-cat-cab small{display:none}
.ns-moldura[data-escuro="1"] .ns-prod mark{background:color-mix(in srgb,var(--destaque) 30%,transparent)}
/* Durante a busca a barra fica inteira, qualquer que seja a posicao da rolagem */
.ns-moldura[data-buscando="1"] .ns-barra::before{animation:none!important;opacity:1!important}
.ns-moldura[data-buscando="1"] .ns-barra-marca{animation:none!important;opacity:1!important;transform:none!important}

/* Janela do produto: foto menor, dentro da parte que rola. Ela sobe junto e as opcoes ganham a tela toda */
.ns-j-lado-foto{position:relative}
.ns-j-foto{aspect-ratio:2/1;max-height:32vh;width:100%}
@container ns (min-width:640px){.ns-j-foto{aspect-ratio:16/7;max-height:260px}}
@container ns (min-width:1024px){
  .ns-janela.e-prod{display:flex;flex-direction:column;width:min(600px,100%);height:auto;max-height:88%}
  .ns-janela.e-prod .ns-j-lado-foto{position:relative;min-height:0}
  .ns-janela.e-prod .ns-j-foto{position:relative;inset:auto;height:auto;aspect-ratio:16/7;max-height:260px}
  .ns-janela.e-prod .ns-janela-rola{flex:1;min-height:0}
  .ns-janela.e-prod .ns-pe{width:100%;margin:0}
}

/* ==========================================================================
   Recomendacoes aprovadas em 09/11/2026
   ========================================================================== */
.ns-a-partir{font-weight:550;color:var(--suave);font-size:13.5px}
.ns-a-partir b{display:inline;font-weight:750;color:var(--preco);font-size:15.5px}
.ns-fechada-l{display:flex;align-items:center;gap:8px;color:var(--suave);font-size:13.5px;font-weight:550;padding:0 2px}
.ns-fechada-l .ns-ico{width:17px;height:17px;flex:none}
.ns-denovo small{display:-webkit-box!important;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.ns-flutua{transition:transform .36s var(--macio),opacity .22s}
.ns-moldura[data-desceu="1"] .ns-flutua,.ns-moldura[data-sugerindo="1"] .ns-flutua{transform:translateY(120px);opacity:0;pointer-events:none}
.ns-flut{min-width:46px;height:46px;padding:0 11px}
.ns-flut .ns-ico{width:22px;height:22px}
.ns-sugere{position:absolute;left:12px;right:12px;bottom:150px;z-index:38;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-radius:var(--r);background:var(--cartao);box-shadow:var(--sombra-2);transform:translateY(24px);opacity:0;pointer-events:none;transition:transform .42s var(--mola),opacity .2s}
.ns-sugere[data-aberta="1"]{transform:none;opacity:1;pointer-events:auto}
.ns-moldura:not([data-tem-sacola="1"]) .ns-sugere{bottom:72px}
.ns-sugere-tx{flex:1;min-width:0;display:grid;line-height:1.25}
.ns-sugere-tx small{color:var(--suave);font-size:12px;font-weight:600}
.ns-sugere-tx b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ns-sugere>b{font-size:14px;font-weight:750;white-space:nowrap}
.ns-sugere-add{flex:none;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--loja);color:var(--sobre-loja);transition:transform .25s var(--mola)}
.ns-sugere-add:active{transform:scale(.84)}
.ns-sugere-x{flex:none;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:none;color:var(--suave)}
.ns-sugere-x .ns-ico{width:16px;height:16px}
@container ns (min-width:1024px){
  .ns-sugere{display:none}
  .ns-flut{min-width:50px;height:50px;padding:0 13px}
  .ns-moldura[data-desceu="1"] .ns-flutua,.ns-moldura[data-sugerindo="1"] .ns-flutua{transform:none;opacity:1;pointer-events:auto}
}
.ns-fechada-l{flex-wrap:wrap}
.ns-fechada-l span{flex:1;min-width:0}
.ns-fechada-l .ns-link{flex:none;white-space:nowrap}
.ns-editando{position:absolute;left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 66px);z-index:37;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;border-radius:var(--r);background:var(--tinta);color:var(--cartao);font-size:13px;line-height:1.35;box-shadow:var(--sombra-2)}
.ns-editando span{flex:1;min-width:0}
.ns-editando button{flex:none;min-height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--cartao);color:var(--tinta);font-weight:700;font-size:13px}
.ns-alt{display:grid;gap:14px;padding:6px 20px 12px}
.ns-alt p{margin:0;font-size:13.5px;line-height:1.45;color:var(--suave)}
.ns-alt .ns-alt-erro{color:#c62828;font-weight:600}
.ns-alt .ns-alt-erro:empty{display:none}
.ns-alt-conta{display:grid;gap:8px;margin:0;padding:14px 16px;border-radius:var(--r);background:var(--trilho)}
.ns-alt-conta div{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.ns-alt-conta dd{margin:0}
.ns-alt-conta .e-total{padding-top:8px;border-top:1px solid var(--linha);font-size:16px;font-weight:750}
.ns-alt-formas{display:grid;gap:8px}
.ns-alt-formas label{display:flex;align-items:center;gap:10px;padding:13px;border-radius:var(--r);box-shadow:inset 0 0 0 1.5px var(--linha);font-size:14px}
.ns-alt-formas label:has(input:checked){box-shadow:inset 0 0 0 1.5px var(--loja);background:var(--loja-suave)}
.ns-alt-pe{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px}
.ns-peca{grid-template-columns:minmax(0,1fr) 112px;padding-right:12px}
.ns-peca b.ns-t{max-width:none}
.ns-peca-art{width:104px;height:104px;fill:none;stroke:color-mix(in srgb,var(--loja) 72%,#fff);stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-7deg);transition:transform .45s var(--mola)}
.ns-peca:active .ns-peca-art{transform:rotate(3deg) scale(1.06)}
.ns-peca-lista{display:grid;gap:6px;margin-top:12px}
.ns-peca-item{display:flex;align-items:baseline;gap:7px;font-size:13.5px}
.ns-peca-item span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ns-peca-item s{opacity:.62;font-size:12px}
.ns-peca-item b{font-weight:750}
.ns-peca-nota{display:block;margin-top:10px;font-style:normal;font-size:12px;opacity:.72}
@container ns (min-width:1024px){.ns-peca{grid-template-columns:minmax(0,1fr) 190px}.ns-peca-art{width:170px;height:170px}}
.ns-prod-sem{display:none}
.ns-lista[data-formato="grade"] .ns-prod[data-foto="0"] .ns-prod-lado,.ns-lista[data-formato="cartao"] .ns-prod[data-foto="0"] .ns-prod-lado{justify-content:space-between;align-items:center}
.ns-lista[data-formato="grade"] .ns-prod-sem,.ns-lista[data-formato="cartao"] .ns-prod-sem{display:grid;place-items:center;flex:none;color:var(--loja-texto);opacity:.62}
.ns-lista[data-formato="grade"] .ns-prod-sem .ns-ico,.ns-lista[data-formato="cartao"] .ns-prod-sem .ns-ico{width:32px;height:32px;stroke-width:1.6}