/* Restrained pearl and charcoal palette; one primary booking action. */
:root{--action-surface:var(--panel);--action-surface-hover:var(--bg);--action-border:var(--line);--action-text:var(--ink);--action-primary:var(--paper);--action-primary-hover:var(--ink);--action-ink:var(--bg);--action-focus:var(--accent-soft);--action-radius:999px}
.hero-copy .hero-actions .button,.hero-copy .hero-review-action .button{justify-content:center;gap:0;padding-inline:16px;border:1px solid var(--pill-border,var(--action-border));border-radius:var(--action-radius);background:var(--pill-surface,var(--action-surface));color:var(--pill-text,var(--action-text));box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-family:var(--font-ui);font-size:12px;font-weight:400;line-height:1.3;letter-spacing:.015em;text-transform:none;white-space:nowrap;transition:background .18s,border-color .18s,transform .18s}
.hero-copy .hero-actions .button:hover,.hero-copy .hero-review-action .button:hover{background:var(--pill-hover,var(--action-surface-hover));border-color:var(--pill-border,var(--action-focus));box-shadow:none;transform:translateY(-1px)}
.hero-copy .hero-actions .button:active,.hero-copy .hero-review-action .button:active{transform:translateY(0)}
.hero-copy .hero-actions .button:focus-visible,.hero-copy .hero-review-action .button:focus-visible{outline:2px solid var(--action-focus);outline-offset:4px}
.hero-copy .hero-actions .button-booking-primary{background:var(--action-primary);border-color:var(--action-primary);color:var(--action-ink);font-weight:500}
.hero-copy .hero-actions .button-booking-primary:hover{background:var(--action-primary-hover);border-color:var(--action-primary-hover)}
.hero-actions .button-fortune .fortune-cta-icon,.hero-actions .fortune-cta-copy>small{display:none}
.hero-actions .fortune-cta-copy{display:contents}
.hero-actions .fortune-cta-copy>span{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}
@media(max-width:800px){.hero-copy .hero-actions .button,.hero-copy .hero-review-action .button{font-size:13px}.hero-actions .button-fortune{height:46px}}
@media(max-width:800px) and (max-height:620px){.hero-actions .button-fortune{height:44px}}
@media(prefers-reduced-motion:reduce){.hero-copy .hero-actions .button,.hero-copy .hero-review-action .button{transition:none;transform:none}}

/* Desktop: all five actions share one aligned row. */
.hero-copy .hero-actions .button.button-review{min-height:0}
@media(min-width:801px){
 .hero-copy{width:min(1100px,88vw)}
 .hero-copy .hero-actions{display:grid;grid-template-columns:1.2fr 1fr 1.08fr 1.08fr 1fr;gap:10px;max-width:none}
 .hero-copy .hero-actions .button{width:100%;height:48px;min-width:0;padding-inline:10px;font-size:clamp(10px,.9vw,12px)}
}
@media(min-width:801px) and (max-width:1000px){.hero-copy .hero-actions{gap:6px}.hero-copy .hero-actions .button{padding-inline:6px}}

/* Button accents use only the existing website tokens. */
:root{--pill-menu-surface:var(--panel);--pill-menu-hover:var(--bg);--pill-menu-border:var(--paper);--pill-menu-text:var(--paper);--pill-fortune-surface:var(--accent);--pill-fortune-hover:var(--accent-soft);--pill-fortune-border:var(--accent);--pill-fortune-text:var(--ink);--pill-loyalty-surface:var(--panel);--pill-loyalty-hover:var(--bg);--pill-loyalty-border:var(--accent-soft);--pill-loyalty-text:var(--paper);--pill-review-surface:var(--bg);--pill-review-hover:var(--panel);--pill-review-border:var(--line);--pill-review-text:var(--ink)}
.hero-copy .hero-actions .button-light{--pill-surface:var(--pill-menu-surface);--pill-hover:var(--pill-menu-hover);--pill-border:var(--pill-menu-border);--pill-text:var(--pill-menu-text)}
.hero-copy .hero-actions .button-fortune{--pill-surface:var(--pill-fortune-surface);--pill-hover:var(--pill-fortune-hover);--pill-border:var(--pill-fortune-border);--pill-text:var(--pill-fortune-text)}
.hero-copy .hero-actions .button-loyalty{--pill-surface:var(--pill-loyalty-surface);--pill-hover:var(--pill-loyalty-hover);--pill-border:var(--pill-loyalty-border);--pill-text:var(--pill-loyalty-text)}
.hero-copy .hero-actions .button-review{--pill-surface:var(--pill-review-surface);--pill-hover:var(--pill-review-hover);--pill-border:var(--pill-review-border);--pill-text:var(--pill-review-text)}
.hero-copy .hero-actions .button-fortune:hover{color:var(--bg)}