/* /ai-kiosk/hotel/ : what the hotel page adds to page-kiosk-mall.css (body class pgh).
   The hero is a still until the hotel film exists; the spa panel has time slots. */
.pgh .pgm-hero-img img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* the spa panel: three times, the chosen one in the kiosk colour */
.ks-slots { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.ks-slots li { display: grid; place-items: center; height: 104px; border-radius: 26px; background: rgba(255,255,255,0.1); font-size: 40px; font-weight: 600; font-variant-numeric: tabular-nums; }
.ks-slots li.on { background: var(--kv); }