/* ===== TendTudo: identidade própria (vem depois do style.css; cores do /admin: --acc, --dark, --bg fundo, --ink texto, --soft fundo suave) ===== */
:root{--sun:#ffd23f;--mut:#6b7078;--line:#e4e6ea;--card:#fff;--r:18px;--sh:4px 4px 0 var(--ink)}
body{font-family:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);font-size:15.5px}
h1,h2,h3,.h1,.h2,.ft h4,.dr-h b{font-family:"Bricolage Grotesque","Figtree",system-ui,sans-serif;letter-spacing:-.01em}

/* faixa do topo: cor de destaque, texto centralizado */
.topbar{background:var(--acc);color:#fff;font-size:13px;font-weight:600}.topbar .wrap{justify-content:center;min-height:32px;text-align:center}.topbar .tb-r{display:none}

/* cabeçalho claro */
.hd{background:var(--bg);color:var(--ink);border-bottom:1.5px solid var(--ink)}
.hd-in{min-height:84px;gap:18px}
.logo img{height:46px}
.busca{max-width:600px;margin:0 auto;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:4px;transition:box-shadow .15s}
.busca:focus-within{box-shadow:var(--sh)}
.busca input{border-radius:999px;padding:10px 16px;background:transparent}.busca input:focus{outline:0}
.busca button{border-radius:999px;width:44px;height:44px;padding:0;justify-content:center;background:var(--ink)}.busca button:hover{background:var(--acc)}
.trk,.ib{color:var(--ink)}.trk{border:1.5px solid var(--ink);border-radius:999px;padding:9px 14px;font-weight:600}.trk:hover{background:var(--ink);color:#fff}
.cart{background:var(--acc);border-radius:999px;width:48px;height:48px;justify-content:center;color:#fff}.cart .ic{width:24px;height:24px}
.cart #cart-count{background:var(--ink);top:-3px;right:-3px;border:2px solid #fff}

/* categorias em pílulas */
.cats{background:var(--bg);border-bottom:0}.cats .wrap{gap:8px;padding-top:12px;padding-bottom:12px}
.cats a{border:1.5px solid var(--line);border-radius:999px;padding:8px 15px;background:#fff;font-size:13.5px;color:var(--ink)}
.cats a:hover{border-color:var(--ink);color:var(--ink);background:var(--soft)}

/* títulos de seção com marca-texto */
.sec-h{margin:44px 0 18px;align-items:center}
.h2{font-size:28px;font-weight:800}.sec-h .h2{background:linear-gradient(transparent 62%,var(--sun) 62%);padding:0 4px;display:inline}
.sec-h a{color:var(--ink);border-bottom:2px solid var(--acc);padding-bottom:2px}
.h1{font-size:34px;font-weight:800}

/* botões redondos */
.btn{border:2px solid var(--ink);border-radius:999px;font-weight:700;padding:13px 26px;background:#fff;transition:transform .12s,box-shadow .12s}
.btn:hover{background:#fff;transform:translate(-2px,-2px);box-shadow:var(--sh)}
.btn.dark,.btn.pri{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.dark:hover,.btn.pri:hover{background:var(--acc);border-color:var(--ink)}

/* cards com sombra marcada */
.grid{gap:18px}
.card{border:1.5px solid var(--ink);border-radius:var(--r);padding:10px 10px 14px;position:relative;transition:transform .14s,box-shadow .14s}
.card:hover{transform:translate(-3px,-3px);box-shadow:var(--sh);border-color:var(--ink)}
.card .ph{background:#fff;border-radius:12px;overflow:hidden;position:relative} /* fundo das imagens sempre branco */
.card .bm{color:var(--acc);font-weight:700;margin-top:12px}
.card h3{font-family:"Figtree",system-ui,sans-serif;font-weight:600;letter-spacing:0}
.pr{font-family:"Bricolage Grotesque","Figtree",sans-serif;font-size:21px;font-weight:800}
.px{color:var(--ink);background:var(--soft);display:inline-block;border-radius:999px;padding:2px 9px;margin-top:4px;font-weight:600;font-size:12.5px}
.bdg-pix{display:block;position:absolute;top:10px;left:10px;z-index:1;background:var(--sun);color:var(--ink);border:1.5px solid var(--ink);font-size:11px;font-weight:800;padding:5px 9px;border-radius:999px;transform:rotate(-4deg)}
.car-b{border:1.5px solid var(--ink);box-shadow:none}.car-b:hover{background:var(--acc);color:#fff}

/* categorias da home */
.cats-g{gap:16px}.cat-c{border:1.5px solid var(--ink);border-radius:var(--r);background:#fff;transition:transform .14s,box-shadow .14s}.cat-c:hover{transform:translate(-3px,-3px);box-shadow:var(--sh);border-color:var(--ink)}
.cat-c img{background:#fff;border-radius:50%;padding:8px}

/* vantagens: faixa escura arredondada */
.benef{background:transparent;border:0;margin-top:56px}
.benef .wrap{background:var(--ink);color:#fff;border-radius:24px;overflow:hidden}
.benef .b{border-color:rgba(255,255,255,.12)}.benef .ic{color:var(--acc)}.benef b{color:#fff}.benef span{color:#cfc8bb}

/* rodapé claro */
.ft{background:var(--dark);color:#e9e9ec;margin-top:40px} /* cor do rodapé = /admin */
.ft a{color:#e9e9ec}.ft a:hover{color:#fff}.ft h4{color:#fff;font-size:17px}.ft strong{color:#fff}
.ft .copy,.copy{color:#b9bcc4;border-top:1px solid rgba(255,255,255,.12)}

/* listagens, produto e páginas */
.filtros{border-radius:var(--r)}.crumb a{color:var(--mut)}
.gal img,.prod .gal img{border-radius:var(--r)}
.page{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:28px}
.dr{border-left:1.5px solid var(--ink)}

/* home própria (modelo estática) */
.tt-hero{display:grid;grid-template-columns:1fr 300px;gap:18px;margin-top:20px}
.tt-hero .hero img{margin:0;border-radius:24px;border:1.5px solid var(--ink);height:100%;object-fit:cover}
.tt-side{display:grid;gap:14px}
.tt-side a{display:flex;flex-direction:column;justify-content:center;gap:4px;border:1.5px solid var(--ink);border-radius:20px;padding:18px 20px;text-decoration:none;background:#fff;transition:transform .14s,box-shadow .14s}
.tt-side a:hover{transform:translate(-3px,-3px);box-shadow:var(--sh)}
.tt-side a:first-child{background:var(--acc);color:#fff}.tt-side a:nth-child(2) b{color:var(--sun)}.tt-side a:nth-child(2){background:var(--ink);color:#fff}
.tt-side b{font-family:"Bricolage Grotesque",sans-serif;font-size:21px;line-height:1.15}.tt-side span{font-size:13.5px;opacity:.85}
.tt-chips{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:4px 2px 10px}.tt-chips::-webkit-scrollbar{display:none}
.tt-chip{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;width:112px;text-decoration:none;text-align:center;font-size:13px;font-weight:600;line-height:1.25}
.tt-chip img{width:92px;height:92px;object-fit:contain;border-radius:50%;background:#fff;border:1.5px solid var(--ink);padding:12px;transition:transform .14s,box-shadow .14s}
.tt-chip:hover img{transform:translate(-2px,-2px);box-shadow:var(--sh)}
.tt-band{margin:52px 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border:1.5px solid var(--ink);border-radius:24px;padding:28px 32px;background:repeating-linear-gradient(-45deg,var(--soft) 0 14px,#fff 14px 28px)}
.tt-band h2{margin:0;font-size:30px;font-weight:800;line-height:1.1}.tt-band p{margin:6px 0 0;color:var(--mut)}

@media(max-width:1000px){.tt-hero{grid-template-columns:1fr}.tt-side{grid-template-columns:1fr 1fr}}
@media(max-width:800px){
 .hd{border-bottom-width:1px}.hd-in{min-height:66px;gap:10px}.logo img{height:38px}
 .busca{border-width:1.5px}.busca button{width:38px;height:38px}
 .cart{width:42px;height:42px}
 .h1{font-size:26px}.h2{font-size:23px}.sec-h{margin:32px 0 14px}
 .grid,.catalog .grid{gap:12px}.card{padding:8px 8px 12px;border-radius:14px}.card:hover{transform:none;box-shadow:none}.pr{font-size:18px}
 .tt-hero{margin-top:12px;gap:12px}.tt-hero .hero img{border-radius:16px}.tt-side{grid-template-columns:1fr 1fr;gap:10px}.tt-side a{padding:14px;border-radius:16px}.tt-side b{font-size:16px}.tt-side span{font-size:12px}
 .tt-chip{width:86px;font-size:12px}.tt-chip img{width:72px;height:72px;padding:9px}
 .tt-band{padding:22px 18px;border-radius:18px}.tt-band h2{font-size:23px}
 .benef .wrap{border-radius:18px}.page{padding:18px}
}