/* Menu card hover: no glow/bloom; just a tiny storybook star in the upper-right corner. */
#home .hot.hot-card{
  position:absolute !important;
  overflow:visible !important;
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
  outline:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  filter:none !important;
  transform:none !important;
}

#home .hot.hot-card:hover,
#home .hot.hot-card:focus-visible{
  background:rgba(255,252,242,.08) !important;
  box-shadow:none !important;
  filter:brightness(1.035) saturate(1.015) !important;
  transform:none !important;
}

#home .hot.hot-card::after{
  content:"✦";
  position:absolute;
  right:-6px;
  top:-10px;
  z-index:30;
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  line-height:1;
  color:#F8D77A;
  text-shadow:
    0 0 5px rgba(255,246,194,.95),
    0 0 12px rgba(255,218,112,.58),
    0 1px 1px rgba(122,84,31,.18);
  opacity:0;
  transform:scale(.72) rotate(-8deg);
  pointer-events:none;
  transition:opacity .16s ease, transform .18s cubic-bezier(.2,.9,.25,1.35);
}

#home .hot.hot-card:hover::after,
#home .hot.hot-card:focus-visible::after{
  opacity:1;
  transform:scale(1) rotate(5deg);
  animation:tomoniCardStarTwinkle .42s ease both;
}

@keyframes tomoniCardStarTwinkle{
  0%{transform:scale(.72) rotate(-8deg);opacity:0}
  45%{transform:scale(1.22) rotate(8deg);opacity:1}
  100%{transform:scale(1) rotate(5deg);opacity:1}
}

@media(prefers-reduced-motion:reduce){
  #home .hot.hot-card:hover::after,
  #home .hot.hot-card:focus-visible::after{
    animation:none !important;
  }
}