/* Product card extras (Alexander 24.09, p.8): favourite button and review rating in listings.
   Plain CSS on purpose: the theme's Tailwind build only has the classes it was compiled with. */
.ms-card-fav{position:absolute;left:.5rem;top:.5rem;z-index:5;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:9999px;background:rgba(255,255,255,.85);color:#1d1713;box-shadow:0 1px 3px rgba(0,0,0,.12);transition:color .2s,transform .2s;cursor:pointer}
.ms-card-fav:hover{color:#ff6a00;transform:scale(1.08)}
.ms-card-fav.is-fav{color:#ff6a00;background:#fff3ea}
.ms-card-fav svg{width:20px;height:18px;pointer-events:none}
@media (min-width:1024px){.ms-card-fav{left:1rem;top:1rem}}
.ms-card-rating-row{display:flex;justify-content:center;align-items:center;min-height:1.25rem}
.ms-card-rating{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;line-height:1.25rem;color:#6b625c}
.ms-card-rating svg{color:#ff6a00;flex:none}
.ms-card-rating b{color:#1d1713;font-weight:600}