@charset "utf-8";
a.produto-card { text-decoration: none; color: inherit; cursor: pointer; }
a.produto-card:focus-visible { outline: 3px solid #38bffd; outline-offset: 2px; }
a.produto-card .produto-nome { min-height: 4.05em; }
a.produto-card .produto-preco { margin: auto 0 0; padding-top: 8px; }
.categorias-wrap { position: relative; }
.categorias-grid { display: flex; gap: 14px; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; padding: 6px 2px 14px; margin: -6px -2px -14px; }
.categorias-grid::-webkit-scrollbar { display: none; }
.categoria-card { flex: 0 0 auto; width: 150px; }
.cat-seta { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; display: none; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 1px solid var(--azul-borda, #d6e8fb); border-radius: 50%; background: #fff; color: var(--azul, #0b6cf0); box-shadow: 0 4px 12px rgba(20, 40, 90, .18); cursor: pointer; transition: background .15s, color .15s; }
.cat-seta.visivel { display: flex; }
.cat-seta:hover { background: var(--azul, #0b6cf0); color: #fff; }
.cat-seta:focus-visible { outline: 3px solid #38bffd; outline-offset: 2px; }
.cat-seta svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.cat-seta-esq { left: -12px; }
.cat-seta-dir { right: -12px; }
@media screen and (max-width: 480px){
.categoria-card { width: 120px; }
.cat-seta { width: 34px; height: 34px; }
.cat-seta-esq { left: -6px; }
.cat-seta-dir { right: -6px; }
}
#sentinela { height: 1px; }
.mais-status { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 22px 0 6px; color: var(--cinza, #5b6785); font-size: 14px; }
.mais-status button { border: 0; background: none; color: var(--azul, #0b6cf0); font: inherit; text-decoration: underline; cursor: pointer; }
.spinner { width: 22px; height: 22px; border: 3px solid var(--azul-borda, #d6e8fb); border-top-color: var(--azul, #0b6cf0); border-radius: 50%; animation: girar .8s linear infinite; }
@keyframes girar { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce){
.categorias-grid { scroll-behavior: auto; }
.spinner { animation-duration: 2s; }
}