/* ZY moods */
.zy-moods{padding-block:var(--spacing-32)}
.zy-moods__head{text-align:center;margin-bottom:var(--spacing-24)}
.zy-moods__head .heading{font-size:clamp(26px,3.4vw,40px);margin:0 0 6px}
.zy-moods__head .description{margin:0;opacity:.75}
.zy-moods__grid{
  list-style:none;margin:0;padding:0;display:grid;gap:18px 14px;
  grid-template-columns:repeat(2,1fr);
}
@media (min-width:640px){.zy-moods__grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1024px){.zy-moods__grid{grid-template-columns:repeat(6,1fr)}}
.zy-mood a{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;text-decoration:none;color:inherit}
.zy-mood__img{
  position:relative;display:block;width:100%;aspect-ratio:1/1;border-radius:24px;overflow:hidden;
  background:#EAD6C4;box-shadow:0 10px 26px rgba(91,44,44,.10);
  transition:transform .3s cubic-bezier(.3,.8,.4,1.4),box-shadow .3s ease;
}
.zy-mood__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.zy-mood__empty{position:absolute;inset:10px;border:2px dashed rgba(91,44,44,.25);border-radius:18px}
.zy-mood__empty::after{content:"+";position:absolute;inset:0;display:grid;place-items:center;font-size:34px;color:rgba(91,44,44,.35);font-weight:300}
.zy-mood:hover .zy-mood__img{transform:translateY(-5px);box-shadow:0 18px 36px rgba(91,44,44,.2)}
.zy-mood:hover .zy-mood__img img{transform:scale(1.07)}
.zy-mood__label{margin-top:8px;font-weight:800;font-size:16px;color:#5B2C2C}
.zy-mood__sub{font-size:12px;opacity:.7;font-weight:600}

/* confetti */
.zy-confetti{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}
.zy-confetti i{
  position:absolute;width:9px;height:14px;border-radius:2px;opacity:0;
  animation:zy-fall 1.3s cubic-bezier(.2,.7,.3,1) forwards;
}
@keyframes zy-fall{
  0%{opacity:1;transform:translate(0,0) rotate(0)}
  100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot))}
}
@media (prefers-reduced-motion:reduce){.zy-mood:hover .zy-mood__img{transform:none}.zy-confetti{display:none}}