/* Standalone (no shared :root vars) — this loads on every page, not just
   the ones that already include hm-home.css. */
.hm-inline-multiprice { margin-top: 10px; width: 100%; }
.hm-inline-multiprice__options { display: flex; flex-wrap: wrap; gap: 6px; }
.hm-inline-multiprice__option {
    padding: 5px 12px;
    border: 1px solid rgba(8, 47, 58, .16);
    border-radius: 999px;
    background: #fff;
    color: #082f3a;
    font: 600 .72rem/1.2 system-ui, -apple-system, sans-serif;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.hm-inline-multiprice__option:hover { border-color: #f26b4a; }
.hm-inline-multiprice__option.is-active { background: #082f3a; border-color: #082f3a; color: #fff; }