*{box-sizing:border-box}
[hidden]{display:none!important}
:root{--tinta:#222;--suave:#595959;--borda:#e1e3df;--fundo:#faf8f5;--branco:#fff;--cinza:#eeece8;--ouro:#f2a900;--roxo:#7f187f;--verde:#258635;
  --serifa:Charter,"Bitstream Charter","Sitka Text",Cambria,Georgia,serif}
body{margin:0;font:16px/1.5 -apple-system,"Segoe UI","Helvetica Neue",Roboto,Arial,sans-serif;color:var(--tinta);background:var(--fundo)}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
main{max-width:1440px;margin:0 auto;padding:16px 30px}
h1,h2,h3{line-height:1.25;margin:0}
.rotulo,.moeda span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Topo */
.topo{position:sticky;top:0;z-index:5;background:var(--fundo);border-bottom:1px solid var(--borda)}
.topo-linha{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:1440px;margin:0 auto;padding:12px 30px 6px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none}
.marca img{border-radius:50%;object-fit:cover}
.marca span{font-family:var(--serifa);font-size:24px;color:var(--cor);letter-spacing:-.2px}
.opcoes{display:flex;align-items:center;gap:12px;font-size:14px}
.idiomas{display:flex;gap:4px}
.idiomas a{text-decoration:none;color:var(--suave);padding:4px 8px;border-radius:999px;font-weight:600}
.idiomas a:hover{background:var(--cinza)}
.idiomas a[aria-current]{color:#fff;background:var(--tinta)}
.moeda select{font:inherit;font-weight:600;padding:6px 10px;border:1px solid var(--tinta);border-radius:999px;background:#fff;cursor:pointer}
.categorias-topo{display:flex;justify-content:center;gap:4px;overflow-x:auto;padding:0 16px 8px;scrollbar-width:none}
.categorias-topo a{flex:none;text-decoration:none;font-size:14px;font-weight:600;padding:6px 14px;border-radius:999px}
.categorias-topo a:hover{background:var(--cinza)}

/* Loja */
.capa{display:flex;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--borda)}
.capa .logo{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:none}
.capa h1{font-family:var(--serifa);font-weight:400;font-size:32px}
.slogan{margin:2px 0 6px;color:var(--suave)}
.sub{margin:8px 0 0;color:var(--suave);font-size:15px}
.reputacao{font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.filtros{display:flex;gap:8px;flex-wrap:wrap;padding:16px 0}
.filtro{font-size:14px;font-weight:600;padding:8px 16px;border-radius:999px;border:0;background:var(--cinza);cursor:pointer}
.filtro[aria-pressed=true]{background:var(--tinta);color:#fff}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:24px}
.cartao{display:flex;flex-direction:column;gap:4px;text-decoration:none}
.cartao img{aspect-ratio:1;object-fit:cover;border-radius:12px;background:#fff;transition:box-shadow .2s}
.cartao:hover img{box-shadow:0 4px 18px rgba(0,0,0,.15)}
.cartao .nome{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.precos{font-weight:700}
.preco{display:none}
.preco.ativo{display:inline}
.antigo{color:var(--suave);font-weight:400;font-size:.8em;margin-left:4px}
.tipo{font-size:13px;color:var(--suave);margin:0}
.sobre{margin:36px 0 12px;padding:24px;background:#fff;border:1px solid var(--borda);border-radius:12px}
.sobre h2{font-family:var(--serifa);font-weight:400;font-size:22px;margin-bottom:6px}

/* Produto */
.trilha{display:flex;justify-content:center;gap:8px;font-size:14px;font-weight:600;margin:8px 0 22px}
.trilha a{text-underline-offset:3px}
.trilha span{color:var(--suave)}
.produto{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:auto 1fr;
  grid-template-areas:"galeria info" "baixo info";column-gap:56px;max-width:1340px;margin:0 auto}
.area-galeria{grid-area:galeria;min-width:0}
.info{grid-area:info;min-width:0}
.area-baixo{grid-area:baixo;min-width:0}
.galeria{display:flex;gap:18px;align-items:flex-start}
.miniaturas{display:flex;flex-direction:column;gap:8px;max-height:600px;overflow-y:auto;flex:none;scrollbar-width:none;padding:2px}
.miniaturas button{position:relative;padding:0;border:0;border-radius:6px;overflow:hidden;width:60px;height:60px;flex:none;cursor:pointer;background:#fff;opacity:.85}
.miniaturas button[aria-current=true]{opacity:1;outline:2px solid var(--tinta);outline-offset:1px}
.miniaturas img{width:100%;height:100%;object-fit:cover}
.mini-video span{position:absolute;inset:0;display:grid;place-items:center}
.mini-video svg{width:30px;height:30px;padding:6px 5px 6px 7px;border-radius:50%;background:rgba(255,255,255,.85);fill:#555}
.palco{position:relative;flex:1;min-width:0;border-radius:12px;background:#fff}
.palco img,.palco video{width:100%;aspect-ratio:1.18;object-fit:contain;display:block;border-radius:12px;background:#fff}
.selo-img{position:absolute;top:-10px;left:-10px;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:3px 10px 3px 8px;border-radius:999px;background:#fdd95c;color:#222;font-size:14px}
.selo-img svg{width:16px;height:16px;fill:currentColor}
.selo-img u{text-underline-offset:2px}
.favorito{position:absolute;top:16px;right:16px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.2);cursor:pointer;display:grid;place-items:center}
.favorito svg{width:22px;height:22px;fill:none;stroke:#222;stroke-width:1.8}
.favorito[aria-pressed=true] svg{fill:#d1293d;stroke:#d1293d}
.seta{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.2);cursor:pointer;display:grid;place-items:center}
.seta svg{width:22px;height:22px;fill:#222}
.seta.esq svg{transform:scaleX(-1)}
.seta.esq{left:-22px}.seta.dir{right:-22px}
.seta:hover,.favorito:hover{box-shadow:0 2px 10px rgba(0,0,0,.3)}

.info h1{font-family:var(--serifa);font-size:24px;font-weight:400;line-height:1.1;margin:0 0 10px}
.precos.grande{font-size:28px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.precos.grande .antigo{font-size:16px}
.loja-linha{display:flex;align-items:center;gap:5px;font-weight:600;font-size:14px;margin-top:6px}
.loja-linha a{text-decoration:none}
.loja-linha a:hover{text-decoration:underline}
.flor{width:18px;height:18px;flex:none}
.estrelas{display:inline-flex;gap:1px;vertical-align:middle}
.estrelas i{display:block;width:14px;height:14px}
.estrelas svg{width:100%;height:100%;fill:#222}
.estrelas i.vazia svg{fill:#d0cfcb}
.estrelas.pequenas i{width:12px;height:12px}
.estrelas.ouro svg{fill:var(--ouro)}
.estrelas.ouro i.vazia svg{fill:#e3e1dc}
.estrelas.grande i{width:30px;height:30px}
.comprar{display:block;width:100%;text-align:center;margin-top:22px;padding:14px;border-radius:999px;border:0;background:#222;color:#fff;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s}
.comprar:hover{transform:scale(1.02);box-shadow:0 2px 10px rgba(0,0,0,.25)}
.comprar[disabled]{background:#9a9a9a;cursor:not-allowed;transform:none;box-shadow:none}
.seguro{text-align:center;font-size:13px;color:var(--suave);margin:10px 0 0}
.estrela{display:flex;gap:14px;align-items:center;margin:22px 0 4px;font-size:14px;line-height:1.4}
.estrela .flor{width:44px;height:44px}
.estrela p{margin:0}
.secao{margin-top:28px}
.secao>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:6px 0}
.secao>summary::-webkit-details-marker{display:none}
.chevron{width:22px;height:22px;flex:none;transition:transform .2s}
.secao[open]>summary .chevron{transform:rotate(180deg)}
.secao h2{font-size:16px;font-weight:600}
.secao h3{font-size:16px;font-weight:600;margin:16px 0 8px}
.destaques{list-style:none;margin:0;padding:0}
.destaques li{display:flex;gap:10px;align-items:center;margin:6px 0;font-size:16px}
.destaques svg{width:22px;height:22px;flex:none;fill:#222}
.descricao{margin-top:18px}
.descricao p{margin:0 0 12px}
.descricao.recolhida{max-height:130px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 40%,transparent);mask-image:linear-gradient(#000 40%,transparent)}
.ler-mais,.mais-av{display:block;margin:10px auto 0;padding:10px 20px;border-radius:999px;border:0;background:transparent;font-weight:700;cursor:pointer}
.ler-mais:hover{background:var(--cinza)}
.entrega-titulo{font-size:22px;font-weight:700;margin:14px 0 10px}
.secao p{margin:0 0 14px}
.pergunta{border-bottom:1px solid var(--borda);padding:12px 0}
.pergunta summary{cursor:pointer;font-weight:600}
.pergunta p{margin:8px 0 0;color:#333}
.botao-contorno{display:inline-block;padding:9px 22px;border:1.5px solid #222;border-radius:999px;font-weight:600;text-decoration:none;font-size:15px;background:transparent;cursor:pointer;white-space:nowrap}
.botao-contorno:hover{box-shadow:0 2px 8px rgba(0,0,0,.18)}

/* Avaliações */
.avaliacoes{margin-top:56px}
.avaliacoes>h2{font-size:22px;font-weight:600;margin-bottom:16px}
.avaliacoes>h3{font-size:16px;font-weight:400;margin:40px 0 14px}
.dizem{margin:0 0 14px;font-size:15px;line-height:1.6}
.dizem b{font-weight:700;margin-right:4px}
.dizem span{margin-right:14px;white-space:nowrap}
.resumo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 14px}
.media{display:flex;align-items:center;gap:8px}
.media>b{font-family:var(--serifa);font-size:44px;font-weight:400;line-height:1}
.media span{font-size:13px;color:var(--suave);line-height:1.35;margin-left:4px}
.media u{color:var(--tinta);text-decoration-style:dashed;text-underline-offset:3px}
.circulo{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--suave);line-height:1.3;max-width:124px}
.circulo b{flex:none;width:46px;height:46px;border-radius:50%;border:2px solid #f6c950;display:grid;place-items:center;color:var(--tinta);font-size:15px;font-weight:600}
.chips{display:flex;gap:12px;overflow-x:auto;margin:30px 0 18px;padding-bottom:4px;scrollbar-width:none}
.chips span,.ordenar select{flex:none;padding:9px 16px;border-radius:999px;background:var(--cinza);font-size:14px;font-weight:600;border:0}
.ordenar select{font:inherit;font-size:14px;font-weight:600;cursor:pointer;-webkit-appearance:none;appearance:none;padding-right:34px;
  background:var(--cinza) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 10px center/18px}
.avaliacao{border-bottom:1px solid var(--borda);padding:22px 0}
.linha-av{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.nota-av{display:flex;align-items:center;gap:6px}
.nota-av .estrelas i{width:17px;height:17px}
.nota-av>b{font-size:16px}
.este{border:1px solid var(--tinta);border-radius:999px;padding:0 6px;font-size:12px;line-height:18px}
.autor{display:flex;align-items:center;gap:8px;font-size:14px}
.autor b{font-weight:600}
.autor span{color:var(--suave);padding-left:8px;border-left:1px solid var(--borda)}
.avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;flex:none}
.avatar.vazio{display:inline-grid;place-items:center;background:#d7d4ce;color:#fff;font-size:10px;font-weight:700}
.corpo-av{display:flex;justify-content:space-between;gap:16px;margin-top:6px}
.texto-av{margin:0 0 10px;font-size:16px}
.idioma-av{border:0;background:none;padding:0;font-weight:700;font-size:14px;cursor:pointer}
.idioma-av:hover{text-decoration:underline}
.fotos-av{display:flex;gap:8px;flex:none}
.fotos-av img{width:80px;height:60px;object-fit:cover;border-radius:6px}
.resposta{margin:18px 0 0 12px;font-size:14px}
.quem-resp{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.resposta p{margin:0;color:var(--suave)}
.pe-av{display:flex;align-items:center;gap:40px;margin-top:40px;flex-wrap:wrap}
.pe-av .mais-av{margin:0;padding:9px 26px}
.fonte-av{font-size:14px;color:var(--suave);text-decoration:underline dashed;text-underline-offset:4px}
.carrossel{position:relative}
.tira{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.tira img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;scroll-snap-align:start}
.rolar{position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.25);display:grid;place-items:center;cursor:pointer}
.rolar svg{width:22px;height:22px;fill:#222}

/* Cartão da vendedora */
.cartao-vendedora{margin-top:56px;background:#fff;border:1px solid var(--borda);border-radius:12px;padding:18px 18px 36px}
.cartao-vendedora hr{border:0;border-top:1px solid var(--borda);margin:36px 0}
.vend-topo{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.vend-quem{display:flex;gap:16px;align-items:center}
.flor-avatar{position:relative;flex:none;width:92px;height:92px;display:grid;place-items:center;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%23f9d3dc'%3E%3Ccircle cx='50' cy='50' r='40'/%3E%3Ccircle cx='50' cy='14' r='14'/%3E%3Ccircle cx='50' cy='86' r='14'/%3E%3Ccircle cx='14' cy='50' r='14'/%3E%3Ccircle cx='86' cy='50' r='14'/%3E%3Ccircle cx='24.5' cy='24.5' r='14'/%3E%3Ccircle cx='75.5' cy='24.5' r='14'/%3E%3Ccircle cx='24.5' cy='75.5' r='14'/%3E%3Ccircle cx='75.5' cy='75.5' r='14'/%3E%3C/svg%3E") center/contain no-repeat}
.flor-avatar img{width:66px;height:66px;border-radius:50%;object-fit:cover}
.flor-avatar .flor{position:absolute;right:2px;bottom:2px;width:24px;height:24px}
.vend-quem h2{font-family:var(--serifa);font-size:24px;font-weight:400;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.vend-quem h2 a{font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;color:var(--suave);text-underline-offset:3px}
.vend-quem h2 span{font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;color:var(--suave)}
.vend-numeros{margin:6px 0 0;font-size:15px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.vend-numeros b{font-weight:600}
.estrelas.so-uma i{width:15px;height:15px}
.vend-acoes{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:220px}
.pilula-cinza{display:block;width:100%;text-align:center;padding:9px 18px;border-radius:999px;background:var(--cinza);font-weight:600;font-size:15px;text-decoration:none}
.pilula-cinza:hover{box-shadow:0 2px 8px rgba(0,0,0,.15)}
.vend-acoes small{font-size:12px;color:var(--suave)}
.selos-vend{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.selo-vend svg{width:26px;height:26px;fill:#222;margin-bottom:6px}
.selo-vend p{margin:0;font-size:15px;line-height:1.4}
.cartao-vendedora .cabeca{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.cartao-vendedora .cabeca h3{font-size:18px;font-weight:600}
.cartao-vendedora .cabeca.mais{margin-top:40px}
.cartao-vendedora .cabeca.mais h3{font-size:16px}
.cartao-vendedora .cabeca.mais a{font-weight:600;font-size:15px;text-decoration:none;padding:6px 14px;border-radius:999px}
.cartao-vendedora .cabeca.mais a:hover{background:var(--cinza)}
.tira-loja{display:grid;grid-auto-flow:column;grid-auto-columns:300px;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.av-loja{scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;border:1px solid var(--borda);border-radius:8px;padding:16px;font-size:14px;min-height:200px}
.av-loja-corpo{display:flex;gap:12px;flex:1}
.av-loja-corpo p{margin:0;flex:1;align-self:flex-start;max-height:6.75em;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}
.av-loja-corpo img{width:90px;height:90px;object-fit:cover;border-radius:6px;flex:none}
.av-loja footer{display:flex;flex-wrap:wrap;gap:0 8px;color:var(--suave);line-height:1.3}
.av-loja footer b{color:var(--tinta);font-weight:600}
.av-loja footer span{padding-left:8px;border-left:1px solid var(--borda)}
.av-loja footer small{flex-basis:100%;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grade-loja{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cartao-loja{display:flex;flex-direction:column;gap:6px;text-decoration:none;font-size:14px}
.cartao-loja img{aspect-ratio:1.2;object-fit:cover;border-radius:8px;background:var(--fundo);transition:box-shadow .2s}
.cartao-loja:hover img{box-shadow:0 4px 14px rgba(0,0,0,.18)}
.cartao-loja .tipo{display:flex;align-items:center;gap:6px;font-size:14px}
.cartao-loja .tipo svg{width:16px;height:16px;fill:var(--suave)}
.cartao-loja .precos{font-size:16px}
.cartao-loja.com-desconto .preco{color:var(--verde)}

.rodape{text-align:center;color:var(--suave);font-size:13px;padding:32px 16px;border-top:1px solid var(--borda);margin-top:56px}

@media (max-width:900px){
  .resumo{justify-content:flex-start;gap:16px 22px}
  main{padding:12px 16px}
  .topo-linha{padding:10px 16px 4px}
  .marca span{font-size:19px}
  .categorias-topo{justify-content:flex-start}
  .trilha{justify-content:flex-start;margin:4px 0 14px}
  .produto{grid-template-columns:minmax(0,1fr);grid-template-areas:"galeria" "info" "baixo";grid-template-rows:auto}
  .info{margin-top:22px}
  .galeria{flex-direction:column-reverse;gap:10px}
  .miniaturas{flex-direction:row;overflow-x:auto;max-height:none;width:100%}
  .selo-img{top:10px;left:10px}
  .seta.esq{left:8px}.seta.dir{right:8px}
  .tira{grid-auto-columns:calc((100% - 18px)/2.3)}
  .tira-loja{grid-auto-columns:82%}
  .rolar{display:none}
  .grade-loja{grid-template-columns:repeat(2,minmax(0,1fr))}
  .selos-vend{grid-template-columns:1fr}
  .vend-acoes{align-items:stretch;width:100%}
  .fotos-av img{width:72px;height:54px}
  .capa{align-items:flex-start}
  .capa .logo{width:64px;height:64px}
  .capa h1{font-size:24px}
  .grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}
@media (max-width:520px){
  .opcoes{gap:6px}
  .idiomas a{padding:3px 6px}
  .marca span{display:none}
}