/* Handwritten labels with small, consistently rendered color icons. */
@font-face{font-family:'CafeBadgeHand';src:url('/fonts/badge-hand.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.card .badge.tag{--badge-icon:#e5a21d;display:inline-flex;align-items:center;gap:.12em;white-space:nowrap;position:relative;vertical-align:middle;font-family:'CafeBadgeHand','Malgun Gothic',sans-serif;font-size:.8em;font-weight:400;line-height:1.1;letter-spacing:.015em;color:#72767a;background:transparent;border:0;border-radius:0;padding:.12em 0;margin:0 .14em 0 .48em;box-shadow:none}
.card .badge.tag.best{background:transparent;--badge-shape:url('/badge-icons/crown.svg')}
.card .badge.tag.new{--badge-icon:#59a7e5;--badge-shape:url('/badge-icons/sprout.svg')}
.card .badge.tag.sale{--badge-icon:#f16b9d;--badge-shape:url('/badge-icons/discount.svg')}
.card .badge.tag.hot{--badge-icon:#f47b69;--badge-shape:url('/badge-icons/sun.svg')}
.card .badge.tag::after{content:'';display:block;width:1em;height:1em;flex:0 0 1em;background:var(--badge-icon);transform-origin:center 70%;-webkit-mask:var(--badge-shape) center / contain no-repeat;mask:var(--badge-shape) center / contain no-repeat;animation:menuBadgeSway 5s ease-in-out infinite}
.card .badge.tag.new::after{animation-delay:-1.2s}
.card .badge.tag.sale::after{animation-delay:-2.4s}
.card .badge.tag.hot::after{animation-delay:-3.6s}
@keyframes menuBadgeSway{0%,72%,100%{transform:rotate(0deg)}79%{transform:rotate(-10deg)}87%{transform:rotate(8deg)}94%{transform:rotate(-3deg)}}
@media(prefers-reduced-motion:reduce){.card .badge.tag::after{animation:none}}