Elementor #25

Bendito Gelado
#bg-app{ –bg:#FCF7F0; –surface:#FFFFFF; –ink:#662604; –ink-soft:#7A4A30; –line:#EBDAC7; –accent:#662604; –on-accent:#FCF7F0; –blush:#F9DCD6; –rust:#8A3B12; –ok:#2F7A3E; –display:’Fraunces’, Georgia, ‘Times New Roman’, serif; –body:’Quicksand’, ‘Trebuchet MS’, system-ui, sans-serif; } #bg-app, #bg-app *{box-sizing:border-box} #bg-app{background:var(–bg); color:var(–ink); font-family:var(–body); font-size:16px; line-height:1.45; padding-left:max(16px, env(safe-area-inset-left,0px)); padding-right:max(16px, env(safe-area-inset-right,0px)); padding-block:0 120px} #bg-app .wrap{max-width:560px; margin:0 auto; display:flex; flex-direction:column; gap:28px} #bg-app header{display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; padding-block:28px 4px} #bg-app header img{width:170px; height:auto} #bg-app header p{margin:0; color:var(–ink-soft); font-weight:600} #bg-app .badge{display:inline-flex; gap:8px; align-items:baseline; background:var(–blush); border-radius:999px; padding:6px 16px; font-weight:700; color:var(–rust)} #bg-app .badge b{font-family:var(–display); font-size:20px; color:var(–ink)} #bg-app h2{font-family:var(–display); font-weight:800; font-size:28px; margin:0 0 4px; text-wrap:balance} #bg-app .hint{margin:0 0 14px; color:var(–ink-soft); font-size:15px} #bg-app ul.menu{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px} #bg-app .item{display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; background:var(–surface); border:1.5px solid var(–line); border-radius:22px; padding:8px 14px 8px 6px; transition:border-color .15s} #bg-app .item.on{border-color:var(–accent)} #bg-app .art svg{display:block} @media (max-width:440px){#bg-app .art svg{width:64px;height:68px}#bg-app .item{gap:8px;padding-right:10px}#bg-app .stepper button{width:40px;height:40px}#bg-app .info p{font-size:13px}} #bg-app .info{min-width:0} #bg-app .info h3{margin:0; font-family:var(–display); font-weight:800; font-size:19px; line-height:1.15} #bg-app .info p{margin:2px 0 4px; color:var(–ink-soft); font-size:14px} #bg-app .price{font-weight:700; font-size:14px; color:var(–rust)} #bg-app .stepper{display:flex; align-items:center; gap:4px} #bg-app .stepper button{width:44px; height:44px; border-radius:50%; border:1.5px solid var(–line); background:var(–bg); color:var(–ink); font:700 22px/1 var(–body); cursor:pointer} #bg-app .stepper .plus{background:var(–accent); border-color:var(–accent); color:var(–on-accent)} #bg-app .stepper button:disabled{opacity:.35; cursor:default} #bg-app .qty{min-width:24px; text-align:center; font-weight:700; font-size:18px; font-variant-numeric:tabular-nums} #bg-app button:focus-visible, #bg-app input:focus-visible, #bg-app textarea:focus-visible, #bg-app a:focus-visible{outline:3px solid var(–rust); outline-offset:2px} #bg-app form{display:block} #bg-app .tabs{position:sticky; top:env(safe-area-inset-top,0px); z-index:4; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; background:var(–blush); border-radius:999px; padding:4px; margin-top:-8px} #bg-app .tabs button{display:flex; align-items:center; justify-content:center; gap:6px; min-height:44px; border:0; border-radius:999px; background:transparent; color:var(–ink-soft); font:700 14px var(–body); cursor:pointer; padding:0 6px; white-space:nowrap} #bg-app .tabs button i{font-style:normal; display:inline-grid; place-items:center; width:20px; height:20px; border-radius:50%; border:1.5px solid currentColor; font-size:12px} #bg-app .tabs button[aria-selected=”true”]{background:var(–accent); color:var(–on-accent)} #bg-app .tabs button:disabled{opacity:.4; cursor:default} @media (max-width:460px){#bg-app .tabs button{font-size:13px; padding:0 2px} #bg-app .tabs button i{display:none}} #bg-app .pane > h2{margin-bottom:2px} #bg-app .fields{display:flex; flex-direction:column; gap:18px} #bg-app #f{display:block} #bg-app fieldset{border:0; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; min-width:0} #bg-app legend, #bg-app label.lbl{font-weight:700; font-size:15px; padding:0; margin-bottom:2px} #bg-app input[type=text], #bg-app input[type=tel], #bg-app textarea{width:100%; font:600 16px var(–body); color:var(–ink); background:var(–surface); border:1.5px solid var(–line); border-radius:14px; padding:12px 14px} #bg-app textarea{resize:vertical; min-height:72px} #bg-app .choices{display:grid; grid-template-columns:repeat(auto-fit, minmax(150px,1fr)); gap:8px} #bg-app .choice{position:relative} #bg-app .choice input{position:absolute; opacity:0; inset:0} #bg-app .choice span{display:flex; flex-direction:column; gap:2px; height:100%; background:var(–surface); border:1.5px solid var(–line); border-radius:14px; padding:12px 14px; font-weight:700; cursor:pointer} #bg-app .choice small{font-weight:600; color:var(–ink-soft); font-size:13px} #bg-app .choice input:checked + span{border-color:var(–accent); background:var(–blush)} #bg-app .choice input:focus-visible + span{outline:3px solid var(–rust); outline-offset:2px} #bg-app .field-note{margin:0; font-size:13px; color:var(–ink-soft)} #bg-app .err{margin:0; color:#B3261E; font-weight:700; font-size:14px} #bg-app .primary{width:100%; min-height:54px; border:0; border-radius:999px; background:var(–accent); color:var(–on-accent); font:700 18px var(–body); cursor:pointer} #bg-app .secondary{display:flex; align-items:center; justify-content:center; width:100%; min-height:50px; border-radius:999px; border:1.5px solid var(–accent); color:var(–ink); background:transparent; font:700 16px var(–body); text-decoration:none; cursor:pointer} #bg-app .pix{display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px; align-items:center; background:var(–surface); border:1.5px solid var(–line); border-radius:18px; padding:12px} #bg-app .pix img{width:112px; height:112px; border-radius:10px; background:#fff; padding:6px; image-rendering:pixelated} #bg-app .pix code{font:700 15px var(–body); word-break:break-all} #bg-app .pix .row{display:flex; flex-wrap:wrap; gap:8px; align-items:center} #bg-app .mini{border:1.5px solid var(–line); background:var(–bg); color:var(–ink); border-radius:999px; padding:8px 14px; font:700 14px var(–body); cursor:pointer} #bg-app #done{background:var(–surface); border:1.5px solid var(–accent); border-radius:22px; padding:18px; display:flex; flex-direction:column; gap:14px} #bg-app #done h2{font-size:24px} #bg-app #msg{white-space:pre-wrap; background:var(–bg); border-radius:14px; padding:14px; margin:0; font:600 15px/1.5 var(–body); border:1px dashed var(–line); user-select:all; overflow-wrap:anywhere} #bg-app .steps{margin:0; padding-left:20px; display:flex; flex-direction:column; gap:4px; font-weight:600} #bg-app .cartbar{position:fixed; left:0; right:0; bottom:0; z-index:5; background:var(–bg); border-top:1px solid var(–line); padding:10px max(16px, env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px))} #bg-app .cartbar button{width:100%; border:0; cursor:pointer; font-family:var(–body); max-width:560px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:54px; padding:0 22px; border-radius:999px; background:var(–accent); color:var(–on-accent); text-decoration:none; font-weight:700; font-size:17px} #bg-app .cartbar b{font-family:var(–display); font-size:21px; font-variant-numeric:tabular-nums} #bg-app .sumbox{display:flex; flex-direction:column; gap:6px} #bg-app .subrow{display:flex; justify-content:space-between; font-weight:600; color:var(–ink-soft); font-variant-numeric:tabular-nums} #bg-app .totalrow{display:flex; justify-content:space-between; align-items:baseline; border-top:1.5px dashed var(–line); padding-top:12px; font-weight:700} #bg-app .totalrow b{font-family:var(–display); font-size:26px; font-variant-numeric:tabular-nums} #bg-app footer{text-align:center; color:var(–ink-soft); font-size:14px; padding-bottom:10px} @media (prefers-reduced-motion: reduce){#bg-app, #bg-app *{transition:none!important; scroll-behavior:auto!important}} #bg-app{max-width:600px;margin:0 auto;padding-bottom:120px;padding-left:16px;padding-right:16px} #bg-app button{text-transform:none;letter-spacing:normal;box-shadow:none;padding:0;margin:0;line-height:1.1;text-decoration:none} #bg-app h2, #bg-app h3, #bg-app p, #bg-app li{letter-spacing:normal;text-transform:none} #bg-app .wrap{max-width:none} #bg-app [hidden]{display:none!important} #bg-app img{max-width:100%} #bg-app .tabs{top:0}
Bendito Gelado — Dindins Gourmet

Dindins gourmet feitos em Boa Vista

Todos os sabores R$ 9,00

Entrega em todos os bairros de Boa Vista – RR · taxa de R$ 10,00

Escolha seus dindins

Toque em + para adicionar ao pedido.

  • Pudim

    Cremoso, com calda de caramelo

    R$ 9,00
    0

  • Coco

    Cremoso, com coco ralado

    R$ 9,00
    0

  • Ovomaltine

    Cremoso com flocos crocantes

    R$ 9,00
    0

  • Oreo

    Creme branco com pedaços de biscoito

    R$ 9,00
    0

  • Maracujá com Chocolate

    Mousse de maracujá com chocolate

    R$ 9,00
    0
@benditogeladorr · Boa Vista – RR
(function(){ var PRICE=9, FEE=10, NAMES={“pudim”: “Pudim”, “coco”: “Coco”, “ovomaltine”: “Ovomaltine”, “oreo”: “Oreo”, “maracuja”: “Maracujá com Chocolate”}, cart={}; var $=function(id){return document.getElementById(id)}; var fmt=function(v){return ‘R$ ‘+v.toFixed(2).replace(‘.’,’,’)}; function count(){var n=0;for(var k in cart)n+=cart[k];return n} var ORDER=[‘sabores’,’entrega’,’pagamento’,’enviar’], cur=’sabores’; function show(t){ cur=t; ORDER.forEach(function(k){var on=k===t, b=$(‘tb-‘+k); $(‘tab-‘+k).hidden=!on; b.setAttribute(‘aria-selected’,on?’true’:’false’); b.tabIndex=on?0:-1;}); render(); try{window.scrollTo({top:0,behavior:’smooth’})}catch(e){window.scrollTo(0,0)} } document.querySelectorAll(‘.tabs button’).forEach(function(b){ b.addEventListener(‘click’,function(){if(!b.disabled)show(b.dataset.tab)}); b.addEventListener(‘keydown’,function(e){ if(e.key!==’ArrowRight’&&e.key!==’ArrowLeft’)return; var en=ORDER.filter(function(k){return !$(‘tb-‘+k).disabled}), i=en.indexOf(cur); var nx=en[(i+(e.key===’ArrowRight’?1:en.length-1))%en.length]; show(nx); $(‘tb-‘+nx).focus(); }); }); function render(){ document.querySelectorAll(‘.item’).forEach(function(li){ var id=li.dataset.id, q=cart[id]||0; $(‘q-‘+id).textContent=q; li.classList.toggle(‘on’,q>0); li.querySelector(‘.minus’).disabled=q===0; }); var n=count(), sub=n*PRICE, t=n?sub+FEE:0; $(‘cartbar’).hidden=(cur===’pagamento’||cur===’enviar’); $(‘barTxt’).textContent= cur===’entrega’ ? ‘Continuar para pagamento’ : (n? (n+(n>1?’ dindins’:’ dindin’)+’ · Continuar’):’Seu pedido está vazio’); $(‘barTot’).textContent=fmt(t); $(‘sumItems’).textContent=n+(n===1?’ dindin’:’ dindins’); $(‘sumSub’).textContent=fmt(sub); $(‘sumFee’).textContent=n?fmt(FEE):’R$ 0,00′; $(‘sumTotal’).textContent=fmt(t); } document.querySelectorAll(‘.item’).forEach(function(li){ var id=li.dataset.id; li.querySelector(‘.plus’).addEventListener(‘click’,function(){cart[id]=(cart[id]||0)+1;$(‘err’).hidden=true;$(‘tb-enviar’).disabled=true;render()}); li.querySelector(‘.minus’).addEventListener(‘click’,function(){if(cart[id]){cart[id]–; if(!cart[id])delete cart[id]} $(‘tb-enviar’).disabled=true; render()}); }); $(‘bar’).addEventListener(‘click’,function(){ if(cur===’sabores’){ if(!count()){$(‘err’).textContent=’Escolha pelo menos um dindin para continuar.’;$(‘err’).hidden=false;return} $(‘err’).hidden=true; show(‘entrega’); } else if(cur===’entrega’){ show(‘pagamento’); } }); function val(name){var r=document.querySelector(‘input[name=’+name+’]:checked’);return r?r.value:”} document.querySelectorAll(‘input[name=pag]’).forEach(function(r){r.addEventListener(‘change’,function(){ $(‘trocoBox’).hidden=val(‘pag’)!==’Dinheiro’; $(‘pixBox’).hidden=val(‘pag’)!==’Pix’; })}); try{var saved=JSON.parse(localStorage.getItem(‘bg-cliente’)||'{}’); if(saved.nome)$(‘nome’).value=saved.nome; if(saved.end)$(‘end’).value=saved.end; if(saved.tel)$(‘tel’).value=saved.tel;}catch(e){} function copy(text, okEl, fallbackEl){ var done=function(){okEl.hidden=false}; try{navigator.clipboard.writeText(text).then(done,function(){sel(fallbackEl);done()})}catch(e){sel(fallbackEl);done()} } function sel(el){try{var r=document.createRange();r.selectNodeContents(el);var s=getSelection();s.removeAllRanges();s.addRange(r)}catch(e){}} $(‘copyKey’).addEventListener(‘click’,function(){copy($(‘chave’).textContent,$(‘keyOk’),$(‘chave’))}); $(‘f’).addEventListener(‘submit’,function(e){ e.preventDefault(); var miss=[], n=count(); if(!n)miss.push(‘escolha pelo menos um dindin’); if(!$(‘nome’).value.trim())miss.push(‘informe seu nome’); if(!$(‘end’).value.trim())miss.push(‘informe o endereço’); if(!val(‘hora’))miss.push(‘escolha o horário de entrega’); if(!val(‘pag’))miss.push(‘escolha a forma de pagamento’); if(miss.length){$(‘err’).textContent=’Para continuar, ‘+miss.join(‘, ‘)+’.’;$(‘err’).hidden=false; show(!n?’sabores’:(!$(‘nome’).value.trim()||!$(‘end’).value.trim()||!val(‘hora’))?’entrega’:’pagamento’);return} $(‘err’).hidden=true; var lines=[‘Olá, Bendito Gelado! Quero fazer um pedido:’,”]; for(var k in cart)lines.push(cart[k]+’x ‘+NAMES[k]); lines.push(”,’Subtotal: ‘+fmt(n*PRICE),’Taxa de entrega: ‘+fmt(FEE),’Total: ‘+fmt(n*PRICE+FEE),”,’Nome: ‘+$(‘nome’).value.trim(),’Endereço: ‘+$(‘end’).value.trim().replace(/\s*\n\s*/g,’, ‘)); if($(‘tel’).value.trim())lines.push(‘Telefone: ‘+$(‘tel’).value.trim()); lines.push(‘Entrega: ‘+val(‘hora’)); var pag=val(‘pag’); if(pag===’Dinheiro’&&$(‘troco’).value.trim())pag+=’ (troco para R$ ‘+$(‘troco’).value.trim()+’)’; lines.push(‘Pagamento: ‘+pag); if($(‘obs’).value.trim())lines.push(‘Obs.: ‘+$(‘obs’).value.trim()); $(‘msg’).textContent=lines.join(‘\n’); $(‘copyOk’).hidden=true; $(‘tb-enviar’).disabled=false; show(‘enviar’); $(‘tb-enviar’).focus(); try{localStorage.setItem(‘bg-cliente’,JSON.stringify({nome:$(‘nome’).value.trim(),end:$(‘end’).value.trim(),tel:$(‘tel’).value.trim()}))}catch(e){} }); $(‘copyMsg’).addEventListener(‘click’,function(){copy($(‘msg’).textContent,$(‘copyOk’),$(‘msg’))}); render(); })();