.hml-loja{--hml-cor:#1a7f37;--hml-cor-hover:#146c2e;margin:1.5em 0}
.hml-filtro{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.hml-chip{border:1px solid #d0d7de;background:#fff;color:#333;padding:6px 14px;border-radius:999px;cursor:pointer;font-size:14px}
.hml-chip.ativo{background:var(--hml-cor);border-color:var(--hml-cor);color:#fff}
.hml-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}
.hml-col-1{grid-template-columns:1fr}
.hml-col-2{grid-template-columns:repeat(2,1fr)}
.hml-col-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.hml-col-3,.hml-col-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hml-grid{grid-template-columns:1fr!important}}
.hml-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:transform .15s,box-shadow .15s}
.hml-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1)}
.hml-selo{position:absolute;top:12px;left:12px;z-index:2;background:#e11d48;color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}
.hml-img img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.hml-corpo{display:flex;flex-direction:column;flex:1;padding:18px}
.hml-titulo{margin:0 0 8px;font-size:1.1em;line-height:1.3}
.hml-desc{margin:0 0 14px;color:#555;font-size:.92em;line-height:1.5}
.hml-precos{margin-top:auto;margin-bottom:14px;display:flex;flex-direction:column;gap:2px}
.hml-de{color:#888;text-decoration:line-through;font-size:.9em}
.hml-preco{font-size:1.5em;font-weight:700;color:#111}
.hml-parcelas{color:#555;font-size:.85em}
.hml-btn,.hml-btn:visited{display:block;text-align:center;background:var(--hml-cor);color:#fff!important;padding:12px 16px;border-radius:8px;font-weight:600;text-decoration:none!important;transition:background .15s}
.hml-btn:hover{background:var(--hml-cor-hover)}
.hml-vazio{text-align:center;color:#666}

/* ---------- Carrossel (mini mostruário) ---------- */
.hml-carrossel{--hml-gap:20px;--hml-vis:3}
.hml-carrossel-wrap{position:relative}
.hml-trilho{display:flex;gap:var(--hml-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:8px 2px 14px;scrollbar-width:none;outline:none}
.hml-trilho::-webkit-scrollbar{display:none}
.hml-carrossel .hml-card{flex:0 0 calc((100% - (var(--hml-vis) - 1) * var(--hml-gap)) / var(--hml-vis));scroll-snap-align:start;min-width:0}
@media(max-width:900px){.hml-carrossel .hml-card{flex-basis:calc((100% - var(--hml-gap)) / 2)}}
@media(max-width:560px){.hml-carrossel .hml-card{flex-basis:84%}}
.hml-seta{position:absolute;top:42%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border-radius:50%;border:1px solid #d0d7de;background:#fff;color:#111;font-size:26px;line-height:1;padding:0 0 3px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;transition:opacity .15s,background .15s}
.hml-seta:hover{background:var(--hml-cor);border-color:var(--hml-cor);color:#fff}
.hml-seta[disabled]{opacity:0;pointer-events:none}
.hml-seta-prev{left:-14px}
.hml-seta-next{right:-14px}
@media(max-width:700px){.hml-seta{display:none}}
.hml-carrossel.hml-sem-rolagem .hml-seta{display:none}
.hml-ver-todos{text-align:center;margin:10px 0 0}
.hml-btn-link,.hml-btn-link:visited{color:var(--hml-cor);font-weight:600;text-decoration:none}
.hml-btn-link:hover{color:var(--hml-cor-hover);text-decoration:underline}
.hml-carrossel .hml-desc{margin-bottom:10px}