/* Schuck Revenda — pedidos B2B (atacado). Base: estilo do site de pedidos B2C. Tokens do site oficial (v9 Varanda): bordô, creme, dourado. */
:root{
  --bordo:#6B1020; --bordo-2:#861A2D; --bordo-fundo:#3E0912; --bordo-noite:#2A060C;
  --ouro:#C8A04A; --ouro-claro:#E2C27A; --ouro-texto:#7A5A12;
  --creme:#F6EFE4; --creme-2:#EFE4D2; --papel:#FBF8F3; --branco:#FFFDFA;
  --tinta:#1C1414; --tinta-2:#5A4B48; --linha:#E6DACA;
  --vermelho:#B00E28; --verde:#1E6B3A;
  --serif:Fraunces,Georgia,"Times New Roman",serif;
  --sans:Figtree,system-ui,-apple-system,"Segoe UI",sans-serif;
  --raio:18px; --raio-p:12px; --gutter:16px;
  --sombra:0 1px 2px rgba(42,6,12,.06),0 8px 24px rgba(42,6,12,.07);
  --gruda-h:0px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--papel)}
body{margin:0;background:var(--papel);color:var(--tinta);font:16px/1.5 var(--sans);overflow-x:clip;-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.1;margin:0;letter-spacing:-.01em;text-wrap:balance}
p{margin:0}
a{color:var(--bordo);text-underline-offset:3px}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
/* toque duplo rapido (+ + +) nao da zoom no iPhone; pinca continua funcionando */
html,button,a,input,select,textarea,label{touch-action:manipulation}
:focus-visible{outline:3px solid var(--ouro);outline-offset:2px;border-radius:8px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.in{max-width:1180px;margin:0 auto;padding-inline:var(--gutter)}
[hidden]{display:none!important}
.pular{position:absolute;left:-999px;top:8px;z-index:200;background:var(--ouro);color:var(--tinta);padding:12px 16px;border-radius:10px;font-weight:700}
.pular:focus{left:8px}

/* botões */
.botao{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border:0;border-radius:999px;font:700 16px/1.1 var(--sans);text-decoration:none;transition:background-color .2s ease,transform .15s ease}
.botao:active{transform:scale(.98)}
.botao--principal{background:var(--bordo);color:#fff}
.botao--principal:hover{background:var(--bordo-2)}
.botao--principal[aria-disabled="true"],.botao--principal:disabled{background:#B9A9A4;color:#fff;cursor:not-allowed}
.botao--linha{background:transparent;color:var(--bordo);border:2px solid var(--bordo)}
.botao--linha:hover{background:rgba(107,16,32,.06)}
.botao--whats{background:#1E6B3A;color:#fff}
.botao--largo{flex:1;justify-content:space-between}
.link-botao{background:none;border:0;padding:12px 4px;min-height:44px;color:var(--bordo);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* faixa loja fechada */
.faixa-fechada{background:var(--bordo-noite);color:var(--creme);text-align:center;font-weight:600;font-size:15px;padding:10px var(--gutter)}
.faixa-fechada strong{color:var(--ouro-claro)}

/* topo */
.topo{background:var(--papel);border-bottom:1px solid var(--linha)}
.topo__barra{display:flex;align-items:center;gap:12px;padding-block:10px}
.topo__marca{flex:none;display:block;border-radius:12px}
.topo__marca img{width:52px;height:52px}
.topo__nome{min-width:0;flex:1}
.topo__titulo{font:700 17px/1.2 var(--serif);color:var(--bordo);overflow:hidden;text-overflow:ellipsis}
.topo__end{font-size:13px;color:var(--tinta-2)}
.topo__acomp{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--bordo);font-weight:700;font-size:14px;text-decoration:none;color:var(--bordo);background:var(--branco);text-align:center;line-height:1.1}
@media (max-width:480px){.topo__acomp{font-size:13px;padding:0 10px;max-width:124px}.topo__titulo{font-size:15px;white-space:normal}}

/* intro + abas */
.intro{padding-top:22px;padding-bottom:14px}
.intro__titulo{font-size:clamp(30px,8vw,46px);color:var(--bordo);font-weight:700}
.intro__titulo em{font-style:italic;font-weight:500;color:var(--ouro-texto)}
.abas{display:inline-flex;gap:4px;margin-top:16px;padding:4px;border-radius:999px;background:var(--creme-2)}
.aba{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:transparent;font-weight:700;font-size:15px;color:var(--tinta-2);letter-spacing:.02em;text-transform:uppercase}
.aba[aria-pressed="true"]{background:var(--branco);color:var(--bordo);box-shadow:0 1px 3px rgba(42,6,12,.14)}
.intro__info{margin-top:12px;color:var(--tinta-2);font-size:15px}
.intro__info b{color:var(--tinta)}

/* barra grudada: busca + categorias */
.gruda{position:sticky;top:0;z-index:30;background:rgba(251,248,243,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}
.gruda.solta{border-color:var(--linha);box-shadow:0 6px 18px rgba(42,6,12,.06)}
.gruda__in{padding-block:10px 0}
.busca{display:flex;align-items:center;gap:8px;background:var(--branco);border:1.5px solid var(--linha);border-radius:999px;padding:0 16px;min-height:48px;color:var(--tinta-2)}
.busca:focus-within{border-color:var(--bordo)}
.busca input{flex:1;min-width:0;border:0;background:transparent;font-size:16px;min-height:44px;outline:0;color:var(--tinta)}
.cats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 0 10px;margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain}
.cats::-webkit-scrollbar{display:none}
.cat{flex:none;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--linha);background:var(--branco);color:var(--tinta);font-weight:600;font-size:14px;white-space:nowrap;position:relative}
.cat::after{content:"";position:absolute;inset:-3px 0}
.cat[aria-current="true"]{background:var(--bordo);border-color:var(--bordo);color:#fff}

/* carregando / erro */
.carregando{padding:40px 0;color:var(--tinta-2)}
.erro-bloco{margin:24px 0;padding:18px;border-radius:var(--raio-p);background:#FBEDEE;color:var(--vermelho);font-weight:600}
.busca-vazia{padding:28px 0;color:var(--tinta-2)}

/* seções */
.secao__titulo{font-size:26px;color:var(--bordo)}
.secao__sub{color:var(--tinta-2);margin-top:4px;font-size:15px}
.categoria{padding-top:34px;scroll-margin-top:calc(var(--gruda-h) + 8px)}
.categoria__titulo{font-size:24px;color:var(--bordo);padding-bottom:14px;display:flex;align-items:baseline;gap:10px}
.categoria__titulo::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--ouro),transparent)}

/* ===== janelas (dialog): bottom sheet no celular, modal no desktop ===== */
.janela{padding:0;border:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;margin:0;color:var(--tinta);overflow:hidden}
.janela::backdrop{background:rgba(28,10,12,.55)}
.janela[open]{display:flex;align-items:flex-end;justify-content:center}
.janela__caixa{position:relative;display:flex;flex-direction:column;width:100%;max-height:94dvh;background:var(--papel);border-radius:22px 22px 0 0;overflow:hidden;box-shadow:0 -10px 40px rgba(0,0,0,.25);animation:sobe .28s cubic-bezier(.2,.8,.2,1)}
@keyframes sobe{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
@media (min-width:760px){
  .janela[open]{align-items:center}
  .janela__caixa{width:min(560px,calc(100vw - 48px));max-height:min(88vh,860px);border-radius:22px;animation:aparece .22s ease}
  .janela--larga .janela__caixa{width:min(680px,calc(100vw - 48px))}
  .janela--lado[open]{justify-content:flex-end;align-items:stretch}
  .janela--lado .janela__caixa{width:min(440px,100vw);max-height:none;height:100%;border-radius:0;animation:lado .26s cubic-bezier(.2,.8,.2,1)}
}
@keyframes aparece{from{transform:scale(.97);opacity:0}to{transform:none;opacity:1}}
@keyframes lado{from{transform:translateX(40px);opacity:.3}to{transform:none;opacity:1}}
.janela__rola{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.janela__cab{display:flex;align-items:center;gap:8px;padding:10px 10px 10px 20px;border-bottom:1px solid var(--linha);background:var(--papel)}
.janela__cab h2{flex:1;font-size:21px;color:var(--bordo)}
.janela__pe{display:flex;gap:12px;align-items:center;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--linha);background:var(--branco)}
.janela__pe--col{flex-direction:column;align-items:stretch;gap:8px}
.fechar{position:absolute;top:10px;right:10px;z-index:5;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,253,250,.94);color:var(--tinta);display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.fechar--cab{position:static;box-shadow:none;background:transparent}
.voltar{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 10px 0 4px;border:0;background:none;color:var(--bordo);font-weight:700}
#dlgCheckout .janela__cab{padding-left:8px}
#dlgCheckout .janela__cab h2{text-align:center;font-size:19px}

/* produto */
.prod__foto{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--creme-2)}
@media (min-width:760px){.prod__foto{aspect-ratio:16/10}}
.prod__info{padding:20px 20px 8px}
.prod__info--semfoto{padding-top:64px}
.prod__nome{font-size:26px;color:var(--tinta)}
.prod__traco{width:48px;height:4px;border-radius:4px;background:var(--ouro);margin:12px 0}
.prod__desc{color:var(--tinta-2);font-size:15.5px}
.prod__preco{margin-top:12px;font:700 20px/1 var(--sans);color:var(--bordo)}
.prod__obs{padding:8px 20px 24px}
.rotulo{display:block;font-weight:700;font-size:15px;margin-bottom:6px}
.rotulo small{font-weight:400;color:var(--tinta-2)}
textarea,.campo input,.campo select{width:100%;border:1.5px solid var(--linha);border-radius:var(--raio-p);background:var(--branco);padding:12px 14px;font-size:16px;min-height:48px}
textarea{resize:vertical;min-height:72px}
textarea:focus,.campo input:focus,.campo select:focus{outline:0;border-color:var(--bordo);box-shadow:0 0 0 3px rgba(200,160,74,.35)}

.aviso-linha{font-size:14px;color:var(--vermelho);font-weight:600}

/* sacola */
.sac__lista{list-style:none;margin:0;padding:8px 16px}
.sac__item{padding:14px 0;border-bottom:1px solid var(--linha);display:grid;grid-template-columns:1fr auto;gap:6px 12px}
.sac__nome{font-weight:700}
.sac__comps{font-size:13.5px;color:var(--tinta-2)}
.sac__preco{font-weight:700;color:var(--bordo);text-align:right}
.sac__acoes{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sac__obs{grid-column:1/-1}
.sac__obs textarea{min-height:48px;font-size:15px}
.sac__vazia{padding:40px 20px;text-align:center;color:var(--tinta-2)}
.resumo{display:grid;gap:4px;font-size:15px}
.resumo div{display:flex;justify-content:space-between;gap:12px}
.resumo .total{font-weight:700;font-size:18px;color:var(--tinta)}
.minimo{background:#FFF4E0;color:#6A4600;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600}
.minimo--erro{background:#FBEDEE;color:var(--vermelho)}

/* checkout */
.ck{padding:4px 20px 28px}
.ck fieldset{border:0;margin:0;padding:18px 0 4px;min-width:0}
.ck legend,.ck__h{font:700 19px/1.2 var(--serif);color:var(--bordo);padding:0;margin-bottom:12px}
.campo{margin-bottom:14px}
.campo--duplo{display:grid;grid-template-columns:1fr;gap:0 12px}
@media (min-width:560px){.campo--duplo{grid-template-columns:1fr 1fr}}
.dica{font-size:13.5px;color:var(--tinta-2);margin-top:4px}
.erro-campo{font-size:14px;color:var(--vermelho);font-weight:600;margin-top:4px}
.campo input[aria-invalid="true"],.campo select[aria-invalid="true"]{border-color:var(--vermelho)}
.opcs{display:grid;gap:8px}
.opc{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1.5px solid var(--linha);border-radius:14px;background:var(--branco);cursor:pointer;min-height:52px}
.opc:has(input:checked){border-color:var(--bordo);background:#FFF9F4}
.opc:has(input:disabled){opacity:.55;cursor:not-allowed}
.opc input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--bordo)}
.opc__t{font-weight:700}
.opc__d{display:block;font-size:13.5px;color:var(--tinta-2);font-weight:400;margin-top:2px}
.selo{display:inline-block;margin-left:6px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--ouro);color:var(--tinta);padding:2px 8px;border-radius:999px;vertical-align:1px}
.aviso{padding:12px 14px;border-radius:12px;background:var(--creme);border-left:4px solid var(--ouro);font-size:14.5px}
.aviso--fechado{background:var(--bordo-noite);color:var(--creme);border-left-color:var(--ouro)}
.aviso--fechado strong{color:var(--ouro-claro)}
.bairros{list-style:none;margin:8px 0 0;padding:4px;max-height:236px;overflow-y:auto;border:1.5px solid var(--linha);border-radius:12px;background:var(--branco)}
.bairros li label{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;cursor:pointer;min-height:44px}
.bairros li label:hover{background:var(--creme)}
.bairros input{accent-color:var(--bordo);width:20px;height:20px;flex:none}
.bairros .b__nome{flex:1}
.bairros .b__taxa{font-weight:700;color:var(--bordo);font-size:14px;white-space:nowrap}
.bairros__nada{padding:12px;color:var(--tinta-2);font-size:14.5px}
.checa{display:flex;gap:12px;align-items:flex-start;padding:12px 0;font-size:15px}
.checa input{width:22px;height:22px;flex:none;margin:1px 0 0;accent-color:var(--bordo)}
.erro-geral{padding:12px 14px;border-radius:12px;background:#FBEDEE;color:var(--vermelho);font-weight:600;font-size:15px}

/* botão flutuante da sacola */
.botao-sacola{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:10px;width:min(560px,calc(100% - 24px));min-height:58px;padding:0 20px;border:0;border-radius:999px;background:var(--bordo);color:#fff;font-weight:700;box-shadow:0 10px 30px rgba(42,6,12,.35)}
.botao-sacola:hover{background:var(--bordo-2)}
.botao-sacola__txt{flex:1;text-align:left;font-size:16px}
.botao-sacola__qtd{font-weight:600;font-size:14px;opacity:.9}
.botao-sacola__valor{font-size:16px;background:rgba(255,255,255,.14);padding:6px 12px;border-radius:999px}
body.tem-sacola .rodape{padding-bottom:96px}

/* acompanhamento */
.acomp{padding-top:24px;padding-bottom:48px;max-width:720px}
.acomp__num{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-texto)}
.acomp__status{font-size:clamp(30px,8vw,42px);color:var(--bordo);margin-top:6px}
.acomp__quando{margin-top:8px;color:var(--tinta-2)}
.acomp__acoes{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.linha-tempo{list-style:none;margin:20px 0;padding:0;display:grid;gap:0}
.lt{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;position:relative;padding-bottom:18px}
.lt::before{content:"";position:absolute;left:13px;top:26px;bottom:-2px;width:2px;background:var(--linha)}
.lt:last-child::before{display:none}
.lt__bola{width:28px;height:28px;border-radius:50%;border:2px solid var(--linha);background:var(--branco);display:grid;place-items:center}
.lt--feito .lt__bola{background:var(--bordo);border-color:var(--bordo)}
.lt--feito .lt__bola::after{content:"";width:8px;height:13px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.lt--feito::before{background:var(--bordo)}
.lt--agora .lt__bola{border-color:var(--bordo);box-shadow:0 0 0 5px rgba(107,16,32,.14)}
.lt--agora .lt__bola::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--bordo)}
.lt__t{font-weight:700;padding-top:3px}
.lt:not(.lt--feito):not(.lt--agora) .lt__t{color:var(--tinta-2);font-weight:600}
.cartao{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);padding:18px;box-shadow:var(--sombra);margin-top:18px}
.cartao h2{font-size:20px;color:var(--bordo);margin-bottom:10px}
.acomp__itens{list-style:none;margin:0 0 12px;padding:0}
.acomp__itens li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--linha)}
.acomp__itens small{display:block;color:var(--tinta-2)}
.atualiza{font-size:13px;color:var(--tinta-2);margin-top:14px}

/* rodapé */
.rodape{margin-top:56px;background:var(--bordo-noite);color:var(--creme);padding:36px 0 28px}
.rodape__in{display:grid;gap:26px}
@media (min-width:760px){.rodape__in{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.rodape a{color:var(--ouro-claro)}
.rodape__nome{font:700 18px/1.2 var(--serif);margin-top:10px}
.rodape__desde{color:var(--ouro-claro);font-style:italic;font-family:var(--serif);margin-top:4px}
.rodape__h{font:700 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ouro);margin-bottom:10px}
.rodape p{font-size:15px;margin-bottom:6px}
.rodape__links{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.rodape__links a{display:inline-block;padding:8px 0}
.horarios{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0;font-size:15px}
.horarios dd{margin:0}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ajustes pós-teste */
main:focus,h2[tabindex="-1"]:focus{outline:none}
.ck legend{float:left;width:100%}
.ck legend + *{clear:both}
.ck fieldset + fieldset{border-top:1px solid var(--linha);margin-top:10px}

/* ===================== B2B: catálogo em lista ===================== */
.intro__titulo{font-size:clamp(26px,6.4vw,36px)}
.intro__info{max-width:62ch}
.intro__links{margin-top:10px;font-size:14px;color:var(--tinta-2)}
.intro__links a{font-weight:600;display:inline-block;padding:6px 0}
.topo__end{line-height:1.3}
.faixa-info{background:var(--creme-2);color:var(--tinta);text-align:center;font-weight:600;font-size:14.5px;padding:10px var(--gutter);border-bottom:1px solid var(--linha)}
.faixa-info strong{color:var(--bordo)}

.categoria{padding-top:26px}
.categoria__titulo{font-size:22px;padding-bottom:6px}
.categoria__cont{font:600 13px/1 var(--sans);color:var(--tinta-2);letter-spacing:0}

/* cabeçalho de colunas (só desktop) */
.colunas{display:none}
.lista{list-style:none;margin:0;padding:0;background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-p);overflow:hidden}
.linha{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"info info" "preco qtd";gap:6px 12px;align-items:center;padding:12px 14px;border-top:1px solid var(--linha);transition:background-color .15s ease}
.linha:first-child{border-top:0}
.linha.tem{background:#FFF7EE;box-shadow:inset 3px 0 0 var(--ouro)}
.linha__info{grid-area:info;min-width:0;display:flex;align-items:flex-start;gap:10px}
.linha__foto{flex:none;width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--creme-2)}
.linha__nome{display:block;text-align:left;padding:2px 0;border:0;background:none;font:600 14.5px/1.3 var(--sans);letter-spacing:.01em;color:var(--tinta);overflow-wrap:anywhere;min-height:24px}
.linha__nome:hover{color:var(--bordo);text-decoration:underline;text-underline-offset:3px}
.linha__desc{font-size:13px;color:var(--tinta-2);margin-top:2px}
.linha__preco{grid-area:preco;font-weight:700;color:var(--bordo);font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
.linha__preco small{font-weight:400;color:var(--tinta-2);font-size:12.5px;margin-left:3px}
.linha__qtd{grid-area:qtd;display:flex;align-items:center;gap:10px;justify-self:end}
.linha__sub{font-size:13px;font-weight:700;color:var(--tinta-2);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:0}
.linha:not(.tem) .linha__sub{display:none}
@media (min-width:760px){
  .colunas{display:grid;grid-template-columns:minmax(0,1fr) 120px 148px 110px;gap:16px;padding:0 14px 6px;font:700 11.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2)}
  .colunas span:nth-child(n+2){text-align:right}
  .colunas span:nth-child(3){text-align:center}
  .linha{grid-template-columns:minmax(0,1fr) 120px 148px 110px;grid-template-areas:"info preco qtd sub";gap:16px;padding:8px 14px;min-height:60px}
  .linha__preco{text-align:right}
  .linha__preco small{display:none}
  .linha__qtd{display:contents}
  .linha__qtd .pq{grid-area:qtd;justify-self:center}
  .linha__sub{grid-area:sub;text-align:right;font-size:14.5px;color:var(--tinta)}
  .linha:not(.tem) .linha__sub{display:block;color:var(--linha)}
}

/* seletor de quantidade: − [número] + */
.pq{display:inline-flex;align-items:center;border:1.5px solid var(--linha);border-radius:12px;background:var(--branco);overflow:hidden;flex:none}
.pq:focus-within{border-color:var(--bordo)}
.pq__b{width:44px;height:44px;border:0;background:var(--creme);color:var(--bordo);font-size:22px;font-weight:700;line-height:1;display:grid;place-items:center}
.pq__b--mais{background:#F3DADD}
.pq__b:hover:not(:disabled){filter:brightness(.97)}
.pq__b:disabled{opacity:.35;cursor:not-allowed}
.pq__n{width:52px;height:44px;border:0;border-inline:1px solid var(--linha);text-align:center;font:700 17px/1 var(--sans);font-variant-numeric:tabular-nums;background:var(--branco);color:var(--tinta);padding:0;border-radius:0;-moz-appearance:textfield}
.pq__n:focus{outline:0;background:#FFF9F4}
.pq--grande .pq__b{height:48px}
.pq--grande .pq__n{height:48px;width:60px}

/* detalhe do produto */
.prod__info--semfoto{padding-top:64px}
.prod__nome{font:700 20px/1.3 var(--sans);letter-spacing:.01em}
.prod__limite{font-size:13.5px;color:var(--tinta-2);margin-top:6px}
.prod__tirar{margin:0 20px 16px}

/* sacola */
.sac__unit{font-size:13px;color:var(--tinta-2);font-variant-numeric:tabular-nums}
.sac__nome{font-size:14.5px;line-height:1.3;overflow-wrap:anywhere}
.sac__preco{font-variant-numeric:tabular-nums}

/* checkout */
.ck__nota{font-size:14px;color:var(--tinta-2);margin:-4px 0 12px}

/* celular: topo e intro mais enxutos, linhas mais baixas */
@media (max-width:759px){
  .intro{padding-top:16px;padding-bottom:8px}
  .intro__info{font-size:14.5px;margin-top:8px}
  .intro__links{display:flex;flex-wrap:wrap;column-gap:14px;row-gap:0;margin-top:6px}
  .intro__links span[aria-hidden]{display:none}
  .intro__links .intro__pergunta{flex-basis:100%}
  .linha{padding:10px 12px;gap:4px 10px}
  .faixa-info{font-size:13.5px;padding:8px var(--gutter)}
}
.campo .checa input{width:22px;height:22px;min-height:0;padding:0;border-radius:4px}
.botao--largo span{white-space:nowrap}
.janela__pe .botao--largo{padding:0 18px;gap:8px}
.janela__pe .botao--largo{min-width:0;flex-wrap:wrap;row-gap:0;justify-content:space-between}
@media (max-width:419px){
  .pq--grande .pq__b{width:40px}
  .pq--grande .pq__n{width:52px}
  #prodAdicionar{font-size:15px;padding:0 16px}
}

/* entrada/cadastro da revenda (044) */
.entrar{max-width:520px;margin:0 auto;padding-top:26px;padding-bottom:60px}
.entrar h1{font-size:clamp(28px,7vw,40px);color:var(--bordo)}
.entrar__sub{color:var(--tinta-2);margin:8px 0 22px;font-size:15.5px}
.entrar form{display:grid;gap:4px}
.entrar .botao{width:100%;margin-top:8px}
.entrar__acoes{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px}
.entrar__receita{margin:-6px 0 14px;font-size:14px;color:var(--tinta-2)}
.entrar__receita--erro{color:var(--vermelho);font-weight:600}
.codigo-input{font:700 30px/1 var(--sans) !important;letter-spacing:.5em;text-align:center;max-width:220px}
.revenda-card{padding:14px 16px;border-radius:14px;background:var(--creme);display:grid;gap:2px;font-size:15px}
.revenda-card b{font-size:16.5px;color:var(--tinta)}
.revenda-card .link-botao{justify-self:start;padding:0;min-height:0;margin-top:6px}

/* sabor da caixa e esgotado (080, msgs 9797/9801) */
.botao-sabor{min-height:44px;padding:0 16px;border-radius:12px;border:1.5px solid var(--bordo);background:var(--branco);color:var(--bordo);font:700 14.5px/1.1 var(--sans);white-space:nowrap}
.botao-sabor:hover{background:rgba(107,16,32,.06)}
.linha.tem .botao-sabor{background:var(--bordo);color:#fff}
.linha__sabores{font-size:13px;font-weight:600;color:var(--ouro-texto);margin-top:3px;overflow-wrap:anywhere}
.tag-esgotado{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#ECE6E1;color:var(--tinta-2);font:700 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.linha--esgotada .linha__nome,.linha--esgotada .linha__preco{color:#9A8F8C}
.linha--esgotada .linha__foto{filter:grayscale(1);opacity:.6}
@media (min-width:760px){
  .linha__qtd .botao-sabor,.linha__qtd .tag-esgotado{grid-area:qtd;justify-self:center}
}
.prod__esgotado{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:14.5px;color:var(--tinta-2)}
.sabores{border:0;margin:4px 0 0;padding:0 16px 8px;min-width:0}
.sabores__cab{display:grid;gap:1px;width:100%;padding:12px 14px;background:var(--branco);border:1px solid var(--linha);border-radius:14px;box-shadow:0 6px 14px rgba(42,6,12,.06)}
.sabores--alerta .sabores__cab{border-color:var(--vermelho);box-shadow:0 0 0 3px rgba(176,14,40,.18)}
.sabores__tipo{font-size:13px;font-weight:700;color:var(--vermelho)}
.sabores__nome{font:700 17px/1.25 var(--sans)}
.sabores__regra{font-size:14px;color:var(--tinta-2)}
.sabores__ja{margin:10px 2px 0;font-size:14px;font-weight:600;color:var(--ouro-texto)}
.sabores__busca{display:block;position:sticky;top:0;z-index:2;padding:10px 0 6px;background:var(--branco)}
.sabores__busca input{width:100%;min-height:46px;border:1.5px solid var(--linha);border-radius:999px;padding:0 16px;background:var(--branco);font-size:16px}
.sabores__busca input:focus{outline:0;border-color:var(--bordo)}
.sabores__erro{margin:8px 2px 0;color:var(--vermelho);font-weight:700;font-size:14.5px}
.sabores__lista{display:grid;gap:8px;margin-top:6px}
@media (min-width:560px){.sabores__lista{grid-template-columns:1fr 1fr}}
.sabores__nada{padding:14px 4px;color:var(--tinta-2)}
.opcao{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 12px;background:var(--branco);border:1px solid var(--linha);border-radius:14px;cursor:pointer}
.opcao input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--bordo)}
.opcao.sel{border-color:var(--bordo);background:#FFF9F4;box-shadow:inset 0 0 0 1px var(--bordo)}
.opcao__txt{flex:1;min-width:0;display:grid}
.opcao__nome{font-weight:700;font-size:15.5px;line-height:1.25}
.opcao__desc{font-size:12.5px;line-height:1.35;color:var(--tinta-2);margin-top:1px}
.opcao__preco{font-size:14px;color:var(--bordo);font-weight:700;white-space:nowrap}
.sac__sabor{font-size:14px;font-weight:700;color:var(--bordo);margin-top:1px}
.acomp__sabor{display:block;font-size:13.5px;color:var(--tinta-2)}
#dlgProduto .prod__obs{padding-top:12px}
.acomp__itens li > span:last-child{flex:none;white-space:nowrap;font-variant-numeric:tabular-nums}