*{box-sizing:border-box} body{margin:0;font-family:Arial,sans-serif;background:#f4f4f4;color:#1b1b1b;padding-bottom:92px}
.topo{background:#b20d0d;color:white;padding:18px;display:flex;align-items:center;gap:16px}
.logo{width:88px;height:88px;object-fit:contain;border-radius:12px}.topo h1{margin:0 0 5px;font-size:27px}.topo p{margin:0 0 4px}.topo small{opacity:.8}
main{max-width:900px;margin:auto;padding:15px} section{margin-bottom:20px} h2{margin:8px 0 12px}
.cliente,.obsbox{background:white;padding:16px;border-radius:15px;box-shadow:0 2px 9px #00000010}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
label{display:block;font-size:14px} input,textarea{width:100%;margin-top:6px;padding:12px;border:1px solid #ccc;border-radius:9px;font:inherit}
.categorias{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.cat{border:2px solid transparent;background:white;border-radius:14px;padding:15px 7px;font-size:28px;min-height:92px;box-shadow:0 2px 8px #00000012}.cat b{display:block;font-size:14px;margin-top:7px}.cat.ativo{border-color:#b20d0d;background:#fff5f5}
.sec-title{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.sec-title span{font-size:13px;color:#666;margin-bottom:13px}
.produtos{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px}
.produto{background:white;border-radius:14px;padding:15px;box-shadow:0 2px 8px #00000012;display:flex;flex-direction:column;gap:8px}.produto h3{margin:0}.desc{font-size:13px;color:#555;line-height:1.35;flex:1}.preco{font-size:20px;font-weight:bold;color:#a00}.produto button,.principal,#copiarPix{border:0;border-radius:10px;padding:12px;font-weight:bold;cursor:pointer}.produto button,.principal{background:#b20d0d;color:white}
.carrinho-flutuante{position:fixed;z-index:20;bottom:15px;left:50%;transform:translateX(-50%);background:#151515;color:white;border:0;border-radius:30px;padding:15px 25px;font-weight:bold;box-shadow:0 4px 15px #0005}.carrinho-flutuante span{background:#d71919;border-radius:50%;padding:5px 9px;margin-left:6px}
.modal{position:fixed;z-index:50;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:15px}.hidden{display:none!important}.modalbox{position:relative;background:white;border-radius:16px;padding:20px;max-width:580px;width:100%;max-height:92vh;overflow:auto}.fechar{position:absolute;right:12px;top:10px;border:0;background:none;font-size:28px}
.itemcart{border-bottom:1px solid #ddd;padding:10px 0}.linha{display:flex;justify-content:space-between;gap:10px;align-items:center}.qtd button{border:0;padding:5px 10px;border-radius:6px}.total{font-size:20px;margin:16px 0}.principal{width:100%;font-size:16px}
.opcoes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0 15px}.opcao{border:1px solid #bbb;border-radius:9px;padding:10px;background:white}.opcao input{width:auto;margin:0 7px 0 0}.grupo h4{margin-bottom:5px}.ajuda{font-size:13px;color:#666}.erro{color:#b20d0d;font-weight:bold}
#qrcode{display:flex;justify-content:center;margin:15px 0}.aviso{font-size:13px;background:#fff4d8;padding:10px;border-radius:8px}
@media(max-width:560px){.categorias{grid-template-columns:repeat(2,1fr)}.topo{align-items:flex-start}.logo{width:72px;height:72px}.topo h1{font-size:23px}}

.obsbox textarea{min-height:92px}

.lista-qtd{display:grid;grid-template-columns:1fr;gap:8px;margin:8px 0 10px}
.opcao-qtd{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #bbb;border-radius:9px;padding:10px;background:white}
.controle-qtd{display:flex;align-items:center;gap:10px}
.controle-qtd button{border:0;border-radius:8px;padding:7px 11px;font-size:18px;font-weight:bold}
.controle-qtd b{min-width:18px;text-align:center}


/* LORD GO V7.1 — bloqueio total quando a operação estiver fechada */
#lordGoFechadoOverlay{
  position:fixed;
  inset:0;
  z-index:2147483647;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,0,0,.92);
  box-sizing:border-box;
}
.lordgo-fechado-card{
  width:min(440px,100%);
  background:#fff;
  border-radius:18px;
  padding:28px 22px;
  text-align:center;
  box-shadow:0 20px 50px rgba(0,0,0,.35);
}
.lordgo-fechado-logo{
  font-size:30px;
  font-weight:900;
  letter-spacing:.5px;
  margin-bottom:14px;
}
.lordgo-fechado-status{
  font-size:22px;
  font-weight:900;
  margin-bottom:10px;
}
.lordgo-fechado-texto{
  font-size:15px;
  line-height:1.45;
  margin-bottom:20px;
}
#btnReverOperacao{
  width:100%;
  padding:13px 16px;
  border:0;
  border-radius:10px;
  font-weight:900;
  cursor:pointer;
}
html.lordgo-operacao-fechada{
  overflow:hidden !important;
}
.aviso-operacao-lordgo{
  padding:12px 14px;
  margin:10px;
  border-radius:10px;
  font-weight:800;
  text-align:center;
  background:#e8f7ec;
}


/* LORD GO V8.3 — confirmação visual após envio do pedido */
.confirmacao-pedido{text-align:center;max-width:430px;padding:28px 22px}
.confirmacao-icone{width:72px;height:72px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8f7ec;font-size:42px;font-weight:900}
.confirmacao-pedido h2{margin:4px 0 10px;font-size:26px}
.confirmacao-pedido p{font-size:16px;line-height:1.4}
.confirmacao-codigo{margin:16px 0;padding:14px;border-radius:12px;background:#f2f2f2;font-size:19px}
.confirmacao-marca{margin:22px 0 18px;padding-top:16px;border-top:1px solid #ddd;font-size:18px}
.confirmacao-marca span{font-size:13px}
#enviarWhats:disabled{opacity:.65;cursor:wait}

/* V8.9 - confirmação automática PagBank */
.status-pix{
  font-weight:700;
  text-align:center;
  padding:12px 14px;
  border-radius:12px;
  background:#f4f4f4;
}
.status-pix.ok{background:#e9f8ec;}
.status-pix.erro{background:#fdeaea;}
#verificarPix:disabled{opacity:.55;cursor:not-allowed;}

/* LORD GO V8.9.1 — estabilidade responsiva celular/tablet/desktop */
html,body{max-width:100%;overflow-x:hidden}
img,canvas{max-width:100%;height:auto}
button,input,textarea,select{max-width:100%}
.topo>div{min-width:0}
main{width:100%}
#qrcode img,#qrcode canvas{max-width:min(280px,100%)!important;height:auto!important}
.modalbox{min-width:0}

@media (max-width: 900px){
  main{max-width:100%;padding:14px}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .produtos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .categorias{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cat{min-width:0}
}

@media (max-width: 700px){
  .topo{padding:14px;gap:12px}
  .grid{grid-template-columns:1fr}
  .produtos{grid-template-columns:1fr}
  .categorias{grid-template-columns:repeat(2,minmax(0,1fr))}
  .opcoes{grid-template-columns:1fr}
  .modal{padding:10px}
  .modalbox{padding:18px 14px;max-height:94vh}
  .carrinho-flutuante{width:calc(100% - 28px);max-width:420px;text-align:center;white-space:nowrap}
}

@media (max-width: 430px){
  body{padding-bottom:88px}
  .topo{align-items:center}
  .logo{width:64px;height:64px;flex:0 0 64px}
  .topo h1{font-size:21px;line-height:1.15}
  .topo p{font-size:13px;line-height:1.3}
  .topo small{font-size:11px}
  main{padding:10px}
  .cliente,.obsbox{padding:13px;border-radius:12px}
  h2{font-size:21px}
  input,textarea{font-size:16px;padding:11px}
  .cat{padding:11px 5px;min-height:82px;font-size:24px}
  .produto{padding:13px}
  .linha{align-items:flex-start;flex-wrap:wrap}
  .controle-qtd{gap:7px}
  .controle-qtd button{min-width:38px;min-height:38px}
  .principal,.produto button,#copiarPix,#verificarPix{min-height:46px}
}

/* LORD GO V8.9.9 — produtos em grade compacta nos celulares */
@media (max-width:700px){
  .produtos{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .produto{min-width:0;padding:11px 9px;gap:7px;border:1px solid rgba(178,13,13,.12);text-align:center}
  .produto h3{font-size:14px;line-height:1.2;overflow-wrap:anywhere}
  .produto .desc{font-size:11.5px;line-height:1.3}
  .produto .preco{font-size:17px}
  .produto button{min-height:42px;padding:9px 6px;font-size:13px}
}