/* ROXI / OCCASIONS — estilos específicos */
.occasion-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px
}
.occasion {
  border-radius:19px;
  text-align:center;
  min-height:156px;
  background:var(--swatch-fff8fa);
  border:1px solid var(--swatch-f3e7ec);
  padding:23px 10px;
  cursor:pointer;
  transition:background .2s,transform .2s
}
.occasion:hover {
  background:var(--swatch-ffedf4);
  transform:translateY(-3px)
}
.occasion .emoji {
  display:block;
  font-size:var(--font-size-37);
  margin-bottom:12px
}
.occasion strong {
  display:block;
  font:800 15px var(--font-heading)
}
.occasion small {
  font-size:var(--font-size-10);
  display:block;
  margin-top:8px;
  color:var(--swatch-947e8b)
}