:root{--vinho:#A42966;--vinho-fundo:#8A2055;--nude:#EDD5BC;--rosa:#F6B3C7;
--papel:#FFFDFC;--papel-2:#FAF3EC;--nude-veu:#F8EDE2;--rosa-veu:#FDF1F5;
--tinta:#1F141A;--tinta-2:#6B5460;--tinta-3:#9C8892;
--fio:rgba(31,20,26,.13);--fio-leve:rgba(31,20,26,.07);--max:1180px}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--tinta);
font:400 16px/1.6 Karla,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
header.topo{border-bottom:1px solid var(--fio-leve);background:var(--papel);
position:sticky;top:0;z-index:20}
header.topo .wrap{display:flex;align-items:center;justify-content:space-between;
gap:16px;height:72px}
.marca{display:flex;align-items:center;gap:11px;text-decoration:none}
.marca img{width:36px;height:36px;border-radius:9px;display:block}
.marca b{font:500 20px/1 Fraunces,Georgia,serif;letter-spacing:.02em}
.navtop{display:flex;gap:22px;font-size:14.5px}
.navtop a{text-decoration:none;color:var(--tinta-2)}
.navtop a:hover{color:var(--vinho)}
.trilha{font-size:13px;color:var(--tinta-3);padding:22px 0 0}
.trilha a{text-decoration:none;color:var(--tinta-3)}
.trilha a:hover{color:var(--vinho)}
.produto{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:52px;padding:26px 0 56px;align-items:start}
.foto{background:var(--papel-2);border:1px solid var(--fio-leve);border-radius:18px;
overflow:hidden;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.foto img{width:100%;height:100%;object-fit:contain;display:block}
.cat-tag{display:inline-block;font-size:12px;letter-spacing:.09em;text-transform:uppercase;
color:var(--vinho);background:var(--rosa-veu);border-radius:999px;padding:5px 13px;
margin-bottom:14px}
h1{font:300 clamp(26px,3.4vw,38px)/1.18 Fraunces,Georgia,serif;margin:0 0 8px;
letter-spacing:-.01em}
.ref{font-size:13px;color:var(--tinta-3);margin:0 0 22px}
.preco{font:400 34px/1 Fraunces,Georgia,serif;color:var(--vinho);margin:0 0 6px}
.parcela{font-size:14px;color:var(--tinta-2);margin:0 0 22px}
.ficha{border-top:1px solid var(--fio-leve);border-bottom:1px solid var(--fio-leve);
padding:16px 0;margin:0 0 24px}
.ficha div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;font-size:14.5px}
.ficha span:first-child{color:var(--tinta-2)}
.ficha span:last-child{font-weight:500;text-align:right}
.acoes{display:flex;flex-direction:column;gap:11px;margin:0 0 26px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
padding:16px 22px;border-radius:12px;text-decoration:none;font-weight:600;
font-size:15.5px;transition:.16s}
.btn-zap{background:var(--vinho);color:#fff}
.btn-zap:hover{background:var(--vinho-fundo)}
.btn-ghost{border:1px solid var(--fio);color:var(--tinta)}
.btn-ghost:hover{border-color:var(--vinho);color:var(--vinho)}
.selos{display:grid;gap:11px;font-size:14px;color:var(--tinta-2)}
.selos div{display:flex;gap:10px;align-items:flex-start}
.selos b{color:var(--tinta);font-weight:600}
.pill{width:7px;height:7px;border-radius:50%;background:var(--nude);
margin-top:8px;flex:none}
.relacionados{border-top:1px solid var(--fio-leve);padding:44px 0 60px}
.relacionados h2{font:300 24px/1.2 Fraunces,Georgia,serif;margin:0 0 22px}
.grade{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{text-decoration:none;display:block}
.card .th{background:var(--papel-2);border:1px solid var(--fio-leve);border-radius:14px;
overflow:hidden;aspect-ratio:1/1;margin-bottom:10px}
.card .th img{width:100%;height:100%;object-fit:contain;display:block}
.card p{margin:0;font-size:13.5px;line-height:1.4;color:var(--tinta-2)}
.card b{display:block;color:var(--vinho);font:400 16px/1.3 Fraunces,Georgia,serif;
margin-top:4px}
footer{background:var(--papel-2);border-top:1px solid var(--fio-leve);
padding:40px 0;font-size:13.5px;color:var(--tinta-2)}
footer .links{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px}
footer a{color:var(--tinta-2)}
footer .cnpj{font-size:12.5px;color:var(--tinta-3);line-height:1.7}
@media(max-width:860px){
.produto{grid-template-columns:1fr;gap:26px;padding-top:16px}
.grade{grid-template-columns:repeat(2,1fr)}
.navtop{display:none}
}