.produto{--cor:var(--blue);min-width:0}.produto__card{color:inherit;border-radius:var(--radius-l);background:var(--white);height:100%;box-shadow:inset 0 0 0 1px var(--line), var(--shadow-s);transition:box-shadow .4s var(--ease-out), transform .4s var(--ease-out);grid-template-rows:auto auto 1fr auto auto;gap:.6rem;padding:.85rem;text-decoration:none;display:grid;position:relative}@media (hover:hover){.produto__card:hover{box-shadow:inset 0 0 0 1px var(--line), var(--shadow-m);transform:translateY(-3px)}}.produto__topo{justify-content:space-between;align-items:center;gap:.4rem;min-width:0;display:flex}.produto__secao{min-width:0;color:var(--cor);flex:1;align-items:center;gap:.4rem;font-size:.74rem;font-weight:700;display:flex}.produto__secao span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.produto__secao svg{flex:none;width:1.15rem;height:1.15rem}.produto__selos{flex:none;gap:.25rem;display:flex}.produto__selo{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:.4rem;padding:.2rem .45rem;font-size:.66rem;font-weight:900;line-height:1.2}.produto__selo--oferta{background:var(--red);color:var(--white)}.produto__selo--18{background:var(--ink);color:var(--white)}.produto__foto{aspect-ratio:1;border-radius:var(--radius-m);background:var(--white);place-items:center;margin-inline:-.25rem;display:grid;position:relative;overflow:hidden}.produto__foto img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .45s var(--ease-out), transform .6s var(--ease-out);grid-area:1/1}.produto__foto.is-carregada img{opacity:1}@media (hover:hover){.produto__card:hover .produto__foto img{transform:scale(1.04)}}.produto__foto-icone{aspect-ratio:1;width:38%;color:var(--cor);opacity:.32;grid-area:1/1;place-items:center;transition:opacity .3s;display:grid}.produto__foto-icone svg{width:100%;height:100%}.produto__foto.is-sem-foto{background:color-mix(in srgb, var(--cor) 7%, white)}.produto__foto.is-carregada .produto__foto-icone{opacity:0}.produto__nome{-webkit-line-clamp:3;font-family:var(--font-text);letter-spacing:0;color:var(--ink);text-wrap:pretty;-webkit-box-orient:vertical;font-size:.95rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.produto__etiqueta{background:var(--yellow);color:var(--ink);transform-origin:.6rem .4rem;border-radius:.6rem .6rem .6rem .2rem;justify-items:start;gap:.1rem;margin-inline:-.2rem;padding:.5rem .7rem .55rem;display:grid;position:relative}.produto__etiqueta--oferta{background:var(--red);color:var(--white)}@media (hover:hover){.produto__card:hover .produto__etiqueta--oferta{animation:etiqueta-balanca 1.4s var(--ease-in-out)}}@keyframes etiqueta-balanca{20%{rotate:-4deg}45%{rotate:3deg}70%{rotate:-1.5deg}}.produto__de{opacity:.85;font-size:.76rem;font-weight:600}.produto__preco{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;align-items:baseline;font-weight:900;line-height:1;display:flex}.produto__preco small{margin-right:.2rem;font-size:.8rem;font-weight:800}.produto__preco b{font-size:1.7rem;font-weight:900}.produto__preco span{font-size:1rem}.produto__preco em{opacity:.75;margin-left:.3rem;font-size:.78rem;font-style:normal;font-weight:700}.produto__ate{opacity:.9;font-size:.72rem;font-weight:700}.produto__info{min-height:1.6rem;color:var(--p-suave);align-items:center;gap:.3rem;font-size:.74rem;font-weight:600;display:flex}.produto__codigo{font-variant-numeric:tabular-nums;margin-right:auto}.produto__lojas{gap:.3rem;display:flex}.p-loja__grade .produto__card{container-type:inline-size}@container (width<=13rem){.produto__info{flex-direction:column;align-items:flex-start}}.produto__loja{border-radius:var(--radius-pill);background:var(--p-fundo);padding:.15rem .45rem;font-weight:700}.produto__loja.is-tem{background:var(--p-verde-claro);color:var(--p-verde)}.produto__selo--destaque{background:var(--blue);color:var(--white)}.produto__card:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.produto--esqueleto{border-radius:var(--radius-l);background:linear-gradient(100deg, var(--mist) 30%, #fff 50%, var(--mist) 70%) 0 0 / 300% 100%;height:24rem;animation:1.4s linear infinite p-esqueleto}
