/* MAS Gerai 1.0.5 - navigasi bawah + popup form. */
:root{--mas-bar-h:60px;--mas-bar-line:#FBD9A8;--mas-bar-ink:#9A5200;--mas-bar-soft:#FFF4E5;--mas-bar-blue:#00337A;--mas-bar-blue-soft:#EAF2FD;--mas-bar-blue-line:#B9D2F2}
body.mas-has-bar{padding-bottom:calc(var(--mas-bar-h) + env(safe-area-inset-bottom,0px))}

/* ---------- Bar halaman biasa: Top | Gerai | Back; Gerai: Back ---------- */
.mas-bar{position:fixed;z-index:9990;left:0;right:0;bottom:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:center;height:calc(var(--mas-bar-h) + env(safe-area-inset-bottom,0px));padding:0 6px env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid var(--mas-bar-line);box-shadow:0 -4px 16px rgba(154,82,0,.10);-webkit-tap-highlight-color:transparent}
.mas-bar__btn,.mas-bar__btn:hover,.mas-bar__btn:focus,.mas-bar__btn:active{display:grid;place-items:center;width:100%;height:calc(var(--mas-bar-h) - 10px);min-width:44px;margin:0;padding:0;border:0;border-radius:12px;background:transparent;box-shadow:none;color:var(--mas-bar-ink);text-decoration:none;cursor:pointer}
.mas-bar__btn:hover,.mas-bar__btn:active{background:var(--mas-bar-soft)}
.mas-bar__btn:focus-visible{outline:3px solid #0060DA;outline-offset:-3px}
.mas-bar__btn svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mas-bar__back,.mas-bar__back:hover,.mas-bar__back:focus{color:var(--mas-bar-blue)}

/* Label dan ikon navigasi */
.mas-bar__btn{grid-auto-flow:row;gap:2px;align-content:center}
.mas-bar__btn span{display:block;font:600 11px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;white-space:nowrap}
.mas-bar__btn svg{width:24px;height:24px}

/* ---------- Popup form (iframe ke /form-pemesanan/ atau /form-pilihterapis/) ---------- */
.mas-modal{position:fixed;z-index:100000;inset:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,28,70,.5)}
.mas-modal[hidden]{display:none!important}
.mas-modal__sheet{display:flex;flex-direction:column;width:100%;max-width:560px;height:94vh;height:94dvh;max-height:100%;overflow:hidden;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -10px 40px rgba(0,0,0,.25)}
.mas-modal__head{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #E6EDF7;background:#fff}
.mas-modal__head strong{color:#004AAD;font:700 16px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.mas-modal__close,.mas-modal__close:hover,.mas-modal__close:focus{display:inline-flex;align-items:center;gap:2px;min-height:42px;margin:0;padding:0 14px 0 8px;border:1px solid var(--mas-bar-blue-line);border-radius:999px;background:var(--mas-bar-blue-soft);box-shadow:none;color:var(--mas-bar-blue);font:600 14px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer}
.mas-modal__close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mas-modal__frame{flex:1 1 auto;width:100%;min-height:0;border:0;background:#fff}
body.mas-modal-open{overflow:hidden}
@media(min-width:700px){.mas-modal{align-items:center}.mas-modal__sheet{height:min(92vh,880px);border-radius:16px}}

/* Tombol pembuka dari shortcode [mas_form_pesan] / [mas_pilih_terapis] */
.mas-open-form,.mas-open-form:hover,.mas-open-form:focus{display:inline-block;padding:13px 22px;border:0;border-radius:12px;background:#004AAD;color:#fff;font:700 15px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer}
.mas-open-form:hover{background:#0060DA}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}