*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;font-family:var(--font,Outfit),system-ui,sans-serif;font-size:var(--fs,16px);background:var(--bg);color:var(--tx);line-height:1.45}
button{font:inherit;cursor:pointer;border:0}a{color:inherit}
.top{background:var(--tbg,var(--az));color:var(--ttx,#fff);text-align:center;font-size:13px;padding:5px 12px;font-weight:500}
.top b{background:var(--vm);color:#fff;padding:1px 8px;border-radius:99px;margin-right:6px}
header{background:var(--hbg,#fff);color:var(--htx,#1a1c3a);position:sticky;top:0;z-index:20;box-shadow:0 2px 12px #2e319222}
.hd{max-width:1200px;margin:auto;display:flex;gap:16px;align-items:center;padding:10px 16px}
.hd svg.logo{height:46px;width:auto;flex:none}
.busca{flex:1;display:flex;border:2px solid var(--az);border-radius:99px;overflow:hidden;min-width:0}
.busca input{flex:1;border:0;padding:11px 18px;font:inherit;outline:0;min-width:0;background:#fff;color:#1a1c3a}
.busca button{background:var(--az);color:#fff;padding:0 20px;font-weight:700}
.btn-h{background:none;color:var(--az);font-weight:700;display:flex;gap:6px;align-items:center;white-space:nowrap;padding:8px 10px;border-radius:10px}
.btn-h:hover,.btn-h:focus-visible{background:#2e319214;outline:2px solid transparent}
.cnt{background:var(--vm);color:#fff;border-radius:99px;padding:0 8px;font-size:13px}
nav{background:var(--hbg,#fff);border-top:1px solid #e6e8f5}
nav div{max-width:1200px;margin:auto;display:flex;gap:6px;overflow-x:auto;padding:6px 16px}
nav button{background:none;color:var(--htx,#1a1c3a);padding:8px 14px;border-radius:99px;white-space:nowrap;font-weight:500}
nav button.on,nav button:hover{background:var(--az);color:#fff}
main{max-width:1200px;margin:auto;padding:16px}
.hero{position:relative;background:var(--card);border:1px solid var(--bd);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #2e319214}
.hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--az)}
.sl{display:none;align-items:center;justify-content:space-between;gap:20px;padding:22px 32px 30px 36px}.sl.on{display:flex}
.sl h1{font-size:clamp(22px,2.6vw,30px);line-height:1.15;margin:0 0 4px;font-weight:700;color:var(--hc,var(--az))}
.sl p{margin:0;color:var(--mut);font-size:15px}
.dots{position:absolute;bottom:10px;left:36px;display:flex;gap:6px}.dots button{width:18px;height:4px;border-radius:2px;background:var(--bd);padding:0}.dots button.on{background:var(--az)}
.cta{background:var(--az);color:#fff;padding:10px 22px;border-radius:var(--rb,99px);font-weight:600;font-size:15px;white-space:nowrap}
.cta:hover{filter:brightness(1.15)}
.ben{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0}
.ben div{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:10px 16px;display:flex;gap:12px;align-items:center}
.ben i{display:none}.ben b{font-size:14px;font-weight:600}.ben small{display:block;color:var(--mut);font-weight:400}
h2.t{font-size:26px;margin:28px 0 12px;font-weight:800;color:var(--hc,var(--az))}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.p{background:var(--card);border:1px solid var(--bd);border-radius:var(--rc,16px);padding:14px;display:flex;flex-direction:column;position:relative;transition:box-shadow .2s}
.p:hover{box-shadow:0 8px 24px #2e319226}
.p .im{height:120px;border-radius:12px;background:#eef0fb;display:grid;place-items:center;font-size:58px;margin-bottom:10px}
.off{position:absolute;top:10px;left:10px;background:var(--vm);color:#fff;font-weight:700;font-size:13px;padding:2px 9px;border-radius:99px}
.p h3{font-size:15px;margin:0 0 4px;font-weight:500;flex:1}
.p .de{color:var(--mut);text-decoration:line-through;font-size:13px}
.p .pr{font-size:22px;font-weight:800;color:var(--pc,var(--az))}
.fg{color:#0a8f3c;font-size:13px;font-weight:700;margin-bottom:8px}
.add{background:var(--vm);color:#fff;padding:10px;border-radius:var(--rb2,10px);font-weight:700}
.add:hover{filter:brightness(1.1)}.add:active{transform:scale(.97)}
.lojas{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.l{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:16px}
.l h3{margin:0 0 4px;color:var(--az)}.l p{margin:0 0 10px;color:var(--mut);font-size:14px}
.l a,.wa{display:inline-block;padding:8px 14px;border-radius:var(--rb,99px);text-decoration:none;font-weight:700;font-size:14px;margin-right:6px}
.l a.w,.wa{background:#25a244;color:#fff}.l a.m{border:2px solid var(--az);color:var(--az)}
.ov{position:fixed;inset:0;background:#0009;z-index:40;display:none}.ov.on{display:block}
.dr{position:fixed;right:0;top:0;bottom:0;width:min(440px,100%);background:var(--card);z-index:41;transform:translateX(105%);transition:transform .3s;display:flex;flex-direction:column;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px))}
.dr.on{transform:none}
.dr h2{margin:0 0 8px;color:var(--az)}
.itens{flex:1;overflow:auto}
.it{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--bd)}
.it span:first-child{font-size:30px}.it div{flex:1;font-size:14px}
.q button{width:28px;height:28px;border-radius:50%;background:var(--bg);color:var(--tx);font-weight:700}
.lj{border:2px solid var(--bd);border-radius:12px;padding:10px;margin:6px 0;display:flex;gap:10px;align-items:center;cursor:pointer}
.lj.on{border-color:var(--az);background:#2e31920f}.lj small{color:var(--mut);display:block}
input.f,select.f{width:100%;padding:10px 12px;border:1px solid var(--bd);border-radius:10px;margin:4px 0;font:inherit;background:var(--card);color:var(--tx)}
.tot{display:flex;justify-content:space-between;font-size:15px;margin:3px 0}.tot.g{font-size:20px;font-weight:800;color:var(--az)}
.env{color:#0a8f3c;font-weight:700}
.wa{width:100%;text-align:center;padding:14px;margin:10px 0 0;font-size:16px;border:0}
.x{position:absolute;right:12px;top:12px;background:none;font-size:26px;color:var(--tx)}
.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,94%);max-height:90vh;overflow:auto;background:var(--card);border-radius:18px;padding:22px;z-index:41;display:none}.modal.on{display:block}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(90px);background:var(--az);color:#fff;padding:12px 20px;border-radius:99px;z-index:60;transition:transform .3s}.toast.on{transform:translateX(-50%)}
footer{background:var(--fbg,var(--az));color:var(--ftx,#fff);margin-top:40px;padding:28px 16px;text-align:center}
footer button{background:none;color:#ffffffaa;text-decoration:underline;margin-top:8px}
:focus-visible{outline:3px solid var(--vm);outline-offset:2px}
@media(max-width:760px){.sl{flex-direction:column;align-items:flex-start;gap:12px;padding:18px 18px 30px 22px}.dots{left:22px}.btn-h span.tx{display:none}.hd svg.logo{height:36px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

:root[data-dark]{--bg:#121428;--card:#1c1f3d;--tx:#eceeff;--mut:#a3a8d6;--bd:#2f3466}
:root[data-dark] h2.t,:root[data-dark] .sl h1,:root[data-dark] .p .pr{color:#aab0ff}
.p{box-shadow:var(--sh,none)}.p .im{overflow:hidden}.p .im img{width:100%;height:100%;object-fit:contain}
.p .de{min-height:1.3em}.p .pr.sm{font-size:15px;font-weight:600;color:var(--mut)}
.fg.st{font-size:12px;font-weight:600;color:var(--mut);margin:-4px 0 8px}.fg.st.no{color:var(--vm)}
.one{background:none;color:var(--az);font-weight:600;font-size:13px;text-decoration:underline;margin-top:6px;padding:4px}
.add:disabled{opacity:.45;cursor:not-allowed}
.sl{position:relative}.sl .bg,.sl .bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sl .tx,.sl .cta{position:relative;z-index:1}
.sl.img{min-height:220px}.sl.pos-center{justify-content:center;text-align:center;flex-direction:column}.sl.pos-right{flex-direction:row-reverse;text-align:right}
.sl .tx p{color:inherit;opacity:.85}.sl[style*="color"] h1{color:inherit}
.aviso{background:#fff7d6;color:#5b4a00;text-align:center;padding:8px 14px;font-size:14px}
.stale{background:#fff1f0;border:1px solid #f3b5b0;color:#8a1f17;border-radius:12px;padding:10px 14px;margin:12px 0;font-size:14px}
.sec{border-radius:16px}.sec[style*="background"]{padding:8px 16px;margin:16px 0}
.cats2,.chips{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.chips button{background:var(--card);border:1px solid var(--bd);color:var(--tx);border-radius:99px;padding:6px 14px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.tile{background:var(--card);border:1px solid var(--bd);border-radius:var(--rc,16px);padding:14px;text-align:center;color:var(--tx);font-weight:600}
.tile img{width:100%;height:80px;object-fit:contain;margin-bottom:6px}
.more{display:block;margin:18px auto;background:var(--az);color:#fff;padding:10px 26px;border-radius:var(--rb,99px);font-weight:600}
.ben small{display:block}.txt{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:18px;white-space:pre-line}
.ribbon{position:fixed;right:0;top:40%;background:#ff9800;color:#000;font-weight:700;padding:4px 10px;transform-origin:right;transform:rotate(-90deg) translateY(-100%);z-index:70;font-size:12px}
footer .links button{margin:0 8px}footer small{display:block;opacity:.85;margin-top:6px}footer a{color:inherit}
.empty{color:var(--mut)}