/* ROXI / CATEGORIES — estilos específicos */
.category-grid {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px
}
.category {
  border:0;
  background:transparent;
  text-align:center;
  cursor:pointer;
  color:inherit;
  padding:2px 4px
}
.category-photo {
  height:166px;
  width:166px;
  max-width:100%;
  margin:auto;
  border-radius:50%;
  background:linear-gradient(145deg,var(--swatch-fce5ed),var(--swatch-fff7f7));
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px var(--swatch-f7e8ee);
  transition:box-shadow .2s,transform .2s
}
.category-photo img {
  width:92%;
  height:92%;
  object-fit:contain;
  border-radius:50%;
  transition:transform .2s
}
.category:hover .category-photo {
  transform:translateY(-4px);
  box-shadow:0 14px 30px var(--swatch-eac0d037)
}
.category:hover img {
  transform:scale(1.08)
}
.category h3 {
  font:800 15px var(--font-heading);
  margin:16px 0 4px
}
.category p {
  font-size:var(--font-size-11);
  color:var(--muted);
  margin:0
}