:root{--am:#FFD800;--tinta:#141416;--creme:#FFF1C2;--coral:#C23A1B;--verde:#0B6B2E}
*{box-sizing:border-box}
@font-face{font-family:Bricolage;font-weight:700;src:url(bricolage-700.woff) format("woff");font-display:swap}
@font-face{font-family:Bricolage;font-weight:800;src:url(bricolage-800.woff) format("woff");font-display:swap}
html{scroll-padding-top:84px}
body{margin:0;background:var(--creme);color:var(--tinta);font:16px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
h1,h2,h3,.btn,.marca,button,.chip{font-family:Bricolage,system-ui,sans-serif}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--tinta);outline-offset:2px;box-shadow:0 0 0 6px var(--am)}
header{background:var(--am);display:flex;align-items:center;gap:10px;padding:8px 14px 0;overflow:hidden;height:72px}
header img{display:block;height:64px;width:64px;flex:none;align-self:flex-end}
header>div{padding-bottom:6px}
.marca{margin:0;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}
h1{margin:0;font-weight:800;font-size:1.7rem;line-height:1.05}
.busca{position:sticky;top:0;z-index:5;background:var(--am);border-bottom:4px solid var(--tinta);padding:8px 12px 12px}
.busca form{display:flex;gap:8px;max-width:640px;margin:0 auto}
input[type=search]{flex:1;min-width:0;height:54px;font:700 1.2rem Bricolage,system-ui,sans-serif;padding:0 14px;border:3px solid var(--tinta);border-radius:14px;background:#fff;color:var(--tinta)}
input::placeholder{color:#555;font-weight:600}
#modo{flex:none;width:56px;height:54px;border:3px solid var(--tinta);border-radius:14px;background:var(--tinta);color:var(--am);font-weight:800;font-size:1.05rem;cursor:pointer}
#modo[hidden],.filtros[hidden],#vazio[hidden],.post[hidden],.item[hidden]{display:none}
main{max-width:640px;margin:0 auto;padding:10px 12px 8px}
.dica{margin:0 0 10px;font-size:.9rem}
.recentes,.grupo{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none;align-items:center}
.recentes span{font-weight:700;font-size:.85rem;flex:none}
.chip,.grupo button,#limpar{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:2px solid var(--tinta);border-radius:999px;background:#fff;color:var(--tinta);font-weight:700;font-size:.95rem;text-decoration:none;cursor:pointer}
.chip{background:var(--am);font-weight:800}
.grupo button[aria-pressed=true]{background:var(--tinta);color:var(--am)}
#status{min-height:1.3em;margin:4px 0 8px;font-size:.9rem;font-weight:700}
.post{background:#fff;border:3px solid var(--tinta);border-radius:16px;box-shadow:4px 4px 0 var(--tinta);margin:0 0 14px;overflow:hidden}
.post.alvo{box-shadow:4px 4px 0 var(--tinta),0 0 0 5px var(--am);animation:pisca 1.2s ease 2}
@keyframes pisca{50%{box-shadow:4px 4px 0 var(--tinta),0 0 0 10px var(--am)}}
@media (prefers-reduced-motion:reduce){.post.alvo{animation:none}}
summary{display:flex;align-items:center;gap:10px;min-height:60px;padding:10px 14px;cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"▾";flex:none;font-size:1.3rem;line-height:1}
details[open]>summary::after{transform:rotate(180deg)}
details[open]>summary{background:var(--am);border-bottom:3px solid var(--tinta)}
summary h2{margin:0;flex:1;min-width:0;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;font-size:1rem;line-height:1.2;font-weight:800}
.tag{background:var(--tinta);color:var(--am);padding:3px 9px;border-radius:8px;font-size:1.1rem;grid-row:span 2}
.gancho{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
details[open] .gancho{-webkit-line-clamp:unset;display:block}
.meta{grid-column:2;font:600 .8rem system-ui,sans-serif;color:#333}
.novo{box-shadow:6px 6px 0 var(--tinta)}
.kw{margin:10px 14px 0;font-size:.85rem}
.itens{list-style:none;margin:0;padding:4px 14px 14px}
.item{display:grid;grid-template-columns:128px 1fr;gap:8px 12px;padding:16px 0 14px;border-top:2px dashed #cfc9a8;align-items:start}
.item:first-child{border-top:0}
.fig{position:relative;width:128px;height:128px;border:2px solid var(--tinta);border-radius:12px;background:#fff}
.fig img{display:block;width:124px;height:124px;object-fit:contain;border-radius:10px}
.n{position:absolute;left:-10px;top:-10px;z-index:1;width:42px;height:42px;border-radius:50%;background:var(--tinta);color:var(--am);display:grid;place-items:center;font:800 1.5rem Bricolage,sans-serif;border:3px solid #fff}
.info{min-width:0}
h3{margin:0 0 4px;font-size:1rem;font-weight:700;line-height:1.2}
.preco{margin:0}.preco strong{font:800 1.8rem/1.1 Bricolage,sans-serif}
.pix{font-weight:800;color:var(--verde);font-size:.95rem}
.de{margin:2px 0 0;font-size:.9rem}.de s{color:#555}
.off{background:var(--coral);color:#fff;font-weight:700;font-size:.8rem;padding:1px 6px;border-radius:6px}
.conf{margin:4px 0 0;font-size:.75rem;color:#444}
.btn{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:54px;background:var(--tinta);color:var(--am);text-decoration:none;font-weight:800;border-radius:12px;font-size:1.1rem;box-shadow:0 4px 0 #6b5a00}
.btn:active{transform:translateY(2px);box-shadow:0 2px 0 #6b5a00}
#vazio{background:#fff;border:3px solid var(--tinta);border-radius:16px;padding:16px;margin:0 0 14px}
#vazio h2{margin:0 0 4px;font-size:1.3rem}#vazio p{margin:0 0 8px}#limpar{background:var(--tinta);color:var(--am);margin-top:6px}
footer{max-width:640px;margin:0 auto;padding:8px 14px 36px;font-size:.8rem;color:#333}
.redes p{margin:0 0 6px;font-weight:700;font-size:.9rem}
.redes ul{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.redes a{display:flex;align-items:center;min-height:48px;padding:6px 12px;border:2px solid var(--tinta);border-radius:12px;background:#fff;color:var(--tinta);font-weight:700;font-size:.85rem;text-decoration:none;line-height:1.15}
@media (min-width:700px){.recentes,.grupo{flex-wrap:wrap;overflow:visible}main,footer{max-width:760px}.busca form{max-width:760px}}
#cookies{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;padding:12px 14px;background:var(--tinta);color:#fff;font-size:.9rem}
#cookies[hidden]{display:none}
#cookies p{margin:0;flex:1 1 260px}
#cookies div{display:flex;gap:8px}
#cookies button{min-height:44px;padding:0 18px;border:2px solid var(--am);border-radius:10px;background:transparent;color:var(--am);font:inherit;font-weight:800}
#ck-abrir{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;min-height:44px}