:root {
    /* Brand & Accent */
    --coral: #cc785c;
    --coral-hover: #b8684c;
    --coral-press: #a9583e;
    --coral-soft: rgba(204,120,92,0.15);
    --coral-ghost: rgba(204,120,92,0.08);
    --coral-grad: linear-gradient(135deg, #cc785c 0%, #e08b6e 100%);
    --brand: #cc785c;

    /* Backgrounds & Surfaces */
    --cream: #faf9f5;
    --canvas: #faf9f5;
    --bg: #faf9f5;
    --white: #ffffff;
    --surface: #ffffff;
    --bg-card: #ffffff;
    --surface-card: #efe9de;
    --bg-elevated: #ffffff;
    --bg-soft: #f5f0e8;
    --surface-soft: #f5f0e8;
    --bg-muted: #f5f0e8;
    --surface-strong: #e8e0d2;
    --dark: #181715;
    --bg-dark: #181715;
    --surface-dark: #181715;
    --bg-dark-2: #252320;
    --surface-dark-2: #252320;
    --dark-elev: #252320;
    --line: #e6dfd8;
    --line-soft: #ebe6df;
    --line-strong: #d8cfc4;

    /* Text & Ink */
    --ink: #141413;
    --text: #141413;
    --body: #3d3d3a;
    --ink-soft: #252523;
    --muted: #6c6a64;
    --text-soft: #6c6a64;
    --faint: #a09d96;
    --text-faint: #a09d96;
    --on-dark: #faf9f5;
    --on-dark-muted: #a09d96;

    /* Status & Semantics */
    --ok: #5db872;
    --green: #5db872;
    --ok-soft: rgba(93,184,114,0.15);
    --green-ghost: rgba(93,184,114,0.1);
    --warn: #d4a017;
    --gold: #d4a017;
    --amber: #e8a55a;
    --warn-soft: rgba(212,160,23,0.15);
    --amber-ghost: rgba(232,165,90,0.1);
    --err: #c64545;
    --red: #c64545;
    --danger: #c64545;
    --err-soft: rgba(198,69,69,0.15);
    --danger-soft: rgba(198,69,69,0.15);
    --red-ghost: rgba(198,69,69,0.1);
    --info: var(--coral);
    --info-soft: var(--coral-soft);
    --teal: #5db8a6;

    /* Typography & Fonts */
    --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --serif: 'Cormorant Garamond', 'Tiempos Headline', Georgia, serif;
    --font-serif: 'Cormorant Garamond', 'Tiempos Headline', Georgia, serif;
    --mono: 'JetBrains Mono', monospace;
    --font-mono: 'JetBrains Mono', monospace;

    /* Shapes & Radius */
    --r-sm: 4px;
    --r-md: 8px;
    --r-lg: 12px;
    --r-xl: 16px;
    --r-2xl: 24px;
    --r-pill: 9999px;

    /* Shadows & Elevations */
    --shadow-xs: 0 2px 8px rgba(20,20,19,0.04);
    --shadow-sm: 0 4px 16px rgba(20,20,19,0.06);
    --shadow-md: 0 8px 24px rgba(20,20,19,0.08);
    --shadow-lg: 0 16px 48px rgba(20,20,19,0.12);
    --shadow: 0 4px 16px rgba(20,20,19,0.06);
    --shadow-coral: 0 8px 24px rgba(204,120,92,0.25);

    /* Motion & Layout Dimensions */
    --ease: cubic-bezier(0.16, 1, 0.3, 1);
    --header-h: 64px;
    --nav-h: 64px;
    --top-h: 56px;
    --bnav-h: 60px;
    --sidebar-w: 260px;
    --sidebar-w-collapsed: 72px;
    --wrap: 1200px;
    --wrap-sm: 768px;
    --pad: 1rem;
    --s-10: 2.5rem;
    --safe-t: env(safe-area-inset-top, 0px);
    --safe-b: env(safe-area-inset-bottom, 0px);
    --btn-bg: #cc785c;
    --btn-color: #ffffff;
    --btn-border: transparent;
}*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }html {font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-ms-touch-action:manipulation;}body.mbl-body {font-family:var(--sans);font-size:0.938rem;line-height:1.55;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;color:var(--ink-soft);background:var(--cream);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100dvh;padding:calc(var(--header-h) + var(--safe-t)) 0 calc(var(--bnav-h) + var(--safe-b) + 0.75rem) 0;}body.mbl-body[data-page="index"] { padding-top:0; }body.mbl-body::before {content:''; position:fixed; inset:0; z-index:-1; pointer-events:none;background:radial-gradient(120% 60% at 100% 0%, rgba(204,120,92,0.05) 0%, transparent 55%),radial-gradient(100% 50% at 0% 12%, rgba(204,120,92,0.035) 0%, transparent 50%);}.mbl-header {position:fixed;top:0; left:0; right:0;z-index:100;height:calc(var(--header-h) + var(--safe-t));padding-top:var(--safe-t);background:rgba(250,249,245,0.82);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid transparent;transition:background 250ms var(--ease), border-color 250ms, box-shadow 250ms;}.mbl-header.is-scrolled { border-bottom-color:var(--line); box-shadow:0 2px 18px rgba(20,20,19,0.05); }.mbl-header__inner {height:var(--header-h);display:flex; align-items:center; justify-content:space-between;padding:0 var(--pad);}.mbl-header__brand { display:flex; align-items:center; gap:0.5rem; text-decoration:none; color:var(--ink); }.mbl-header__mark {color:var(--coral); display:flex; align-items:center; justify-content:center;width:30px; height:30px; border-radius:9px;background:var(--coral-ghost);}.mbl-header__mark svg { width:17px; height:17px; }.mbl-header__name { font-family:var(--serif); font-size:1.32rem; font-weight:600; letter-spacing:-0.01em; line-height:1; }body[data-page="index"] .mbl-header:not(.is-scrolled) {background:transparent;backdrop-filter:none; -webkit-backdrop-filter:none;}body[data-page="index"] .mbl-header:not(.is-scrolled) .mbl-header__name { color:var(--on-dark); text-shadow:0 1px 8px rgba(20,20,19,0.35); }body[data-page="index"] .mbl-header:not(.is-scrolled) .mbl-header__mark { background:rgba(255,255,255,0.18); color:#fff; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }body[data-page="index"] .mbl-header:not(.is-scrolled) .mbl-lang { background:rgba(255,255,255,0.16); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }body[data-page="index"] .mbl-header:not(.is-scrolled) .mbl-lang__btn { color:rgba(255,255,255,0.75); }body[data-page="index"] .mbl-header:not(.is-scrolled) .mbl-lang__btn.is-on { background:#fff; color:var(--ink); }.mbl-lang { display:flex; align-items:center; gap:1px; background:var(--surface-soft); border-radius:var(--r-pill); padding:3px; transition:background 250ms; }.mbl-lang__btn {padding:4px 11px; font-size:0.68rem; font-weight:600; border:none; background:none;cursor:pointer; border-radius:var(--r-pill); color:var(--faint); font-family:var(--sans);line-height:1.3; transition:all 150ms;}.mbl-lang__btn.is-on { background:var(--ink); color:var(--on-dark); }.mbl-hero {position:relative;min-height:min(54.6vh, 434px);padding:calc(var(--header-h) + var(--safe-t) + 1.5rem) var(--pad) 5.5rem;display:flex; flex-direction:column; justify-content:flex-end;background-size:cover; background-position:center 30%;overflow:hidden;}.mbl-hero::after {content:''; position:absolute; inset:0; z-index:0;background:linear-gradient(180deg, rgba(20,20,19,0.28) 0%, rgba(20,20,19,0.12) 34%, rgba(20,20,19,0.62) 74%, rgba(20,20,19,0.86) 100%);}.mbl-hero > * { position:relative; z-index:1; }.mbl-hero__eyebrow {display:inline-flex; align-items:center; gap:0.4rem; align-self:flex-start;font-size:0.66rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase;color:#fff; padding:0.4rem 0.85rem; border-radius:var(--r-pill);background:rgba(255,255,255,0.14); border:1px solid rgba(255,255,255,0.22);-webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);margin-bottom:1rem;}.mbl-hero__eyebrow::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 0 3px rgba(93,184,114,0.35); }.mbl-hero__title {font-family:var(--serif); font-weight:600; color:#fff;font-size:clamp(2.35rem, 11vw, 3.2rem); line-height:1.04; letter-spacing:-0.02em;text-shadow:0 3px 24px rgba(20,20,19,0.4);}.mbl-hero__title em { color:var(--gold); font-style:italic; }.mbl-hero__sub {color:rgba(255,255,255,0.92); font-size:0.95rem; line-height:1.5; margin-top:0.85rem;max-width:30ch; text-shadow:0 1px 12px rgba(20,20,19,0.4);}.mbl-hero-showcase {position:relative; z-index:5;margin:-4rem var(--pad) 0;}.mbl-hero-showcase .hero-showcase__card {border-radius:var(--r-2xl);}.mbl-sect { padding:1.15rem var(--pad); }.mbl-sect--tight { padding:0.55rem var(--pad); }.mbl-sect--flush { padding-top:0.35rem; }.mbl-sect__head { display:flex; align-items:baseline; justify-content:space-between; gap:0.75rem; margin-bottom:0.9rem; }.mbl-sect__title { font-family:var(--serif); font-size:1.6rem; font-weight:600; color:var(--ink); letter-spacing:-0.015em; line-height:1.1; }.mbl-sect__link { font-size:0.82rem; font-weight:600; color:var(--coral); text-decoration:none; white-space:nowrap; flex-shrink:0; }.mbl-sect__link:active { color:var(--coral-press); }.mbl-stack { display:flex; flex-direction:column; gap:0.7rem; }.mbl-stack--lg { gap:0.9rem; }.mbl-divider { border:none; border-top:1px solid var(--line-soft); margin:1.25rem 0; }.mbl-center { text-align:center; }.mbl-mt { margin-top:0.75rem; }.mbl-mt-lg { margin-top:1.5rem; }.mbl-mb { margin-bottom:0.75rem; }.mbl-row { display:flex; align-items:center; gap:0.6rem; flex-wrap:wrap; }.mbl-h1 { font-family:var(--serif); font-size:2.2rem; font-weight:600; color:var(--ink); line-height:1.08; letter-spacing:-0.02em; }.mbl-h2 { font-family:var(--serif); font-size:1.55rem; font-weight:600; color:var(--ink); line-height:1.15; letter-spacing:-0.015em; }.mbl-h3 { font-size:1rem; font-weight:700; color:var(--ink); }.mbl-lead { font-size:0.96rem; color:var(--muted); line-height:1.55; }.mbl-small { font-size:0.8rem; color:var(--faint); }.mbl-mono { font-family:var(--mono); font-size:0.85rem; }.mbl-muted { color:var(--muted); font-size:0.85rem; }.mbl-eyebrow { font-size:0.7rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--coral); display:block; margin-bottom:0.4rem; }.mbl-main { }.mbl-chips {display:flex; gap:0.55rem; overflow-x:auto; padding:0.15rem var(--pad) 0.35rem;scrollbar-width:none; -webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;}.mbl-chips::-webkit-scrollbar { display:none; }.mbl-chip {flex-shrink:0; scroll-snap-align:start;display:inline-flex; align-items:center; gap:0.4rem;font-size:0.82rem; font-weight:600; color:var(--ink-soft);background:var(--white); border:1px solid var(--line);padding:0.5rem 0.95rem; border-radius:var(--r-pill);text-decoration:none; transition:transform 120ms, background 150ms;box-shadow:var(--shadow-xs);}.mbl-chip:active { transform:scale(0.95); }.mbl-chip.is-on { background:var(--ink); color:var(--on-dark); border-color:var(--ink); }.mbl-chip__ic { font-size:0.95rem; }.mbl-card { background:var(--white); border-radius:var(--r-lg); border:1px solid var(--line); overflow:hidden; box-shadow:var(--shadow-sm); }.mbl-card__body { padding:1.25rem var(--pad); }.mbl-card--tap { transition:transform 130ms var(--ease); }.mbl-card--tap:active { transform:scale(0.985); }.mbl-card--flat { box-shadow:none; }.mbl-action {display:flex; align-items:center; gap:0.9rem; padding:1.05rem var(--pad);background:var(--white); border-radius:var(--r-lg); border:1px solid var(--line);text-decoration:none; color:inherit; box-shadow:var(--shadow-sm);transition:transform 130ms var(--ease);}.mbl-action:active { transform:scale(0.98); }.mbl-action__icon { width:46px; height:46px; border-radius:13px; display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:1.35rem; }.mbl-action__icon--coral { background:var(--coral-ghost); color:var(--coral); }.mbl-action__icon--green { background:var(--green-ghost); color:var(--green); }.mbl-action__icon--grad { background:var(--coral-grad); color:#fff; box-shadow:var(--shadow-coral); }.mbl-action__text { flex:1; min-width:0; }.mbl-action__title { font-weight:700; font-size:0.96rem; color:var(--ink); }.mbl-action__sub { font-size:0.8rem; color:var(--muted); margin-top:1px; }.mbl-action__ar { color:var(--faint); font-size:1.05rem; flex-shrink:0; }.mbl-tlist {display:flex; gap:0.9rem; align-items:center; padding:0.85rem var(--pad);background:var(--white); border-radius:var(--r-lg); border:1px solid var(--line);text-decoration:none; color:inherit; box-shadow:var(--shadow-sm); transition:transform 130ms var(--ease);}.mbl-tlist:active { transform:scale(0.985); }.mbl-tlist__av { position:relative; width:60px; height:60px; border-radius:16px; overflow:hidden; flex-shrink:0; background:var(--surface-strong); }.mbl-tlist__av img { width:100%; height:100%; object-fit:cover; }.mbl-tlist__av-fb { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-size:1.6rem; color:var(--faint); background:linear-gradient(160deg,var(--surface-soft),var(--surface-strong)); }.mbl-tlist__av .mbl-dot { position:absolute; bottom:3px; right:3px; width:12px; height:12px; border-radius:50%; background:var(--green); border:2px solid var(--white); }.mbl-tlist__info { flex:1; min-width:0; }.mbl-tlist__nm { font-weight:700; font-size:0.96rem; color:var(--ink); }.mbl-tlist__mt { font-size:0.8rem; color:var(--muted); margin-top:1px; }.mbl-tlist__rt { font-size:0.8rem; font-weight:600; color:var(--gold); margin-top:3px; }.mbl-tlist__rt small { color:var(--faint); font-weight:400; }.mbl-tlist__ar { color:var(--faint); flex-shrink:0; }.mbl-svc {display:block; background:var(--white); border-radius:var(--r-lg); border:1px solid var(--line);padding:1.05rem var(--pad); text-decoration:none; color:inherit; box-shadow:var(--shadow-sm);transition:transform 130ms var(--ease), border-color 150ms;}.mbl-svc:active { transform:scale(0.985); border-color:var(--coral); }.mbl-svc__top { display:flex; align-items:center; gap:0.85rem; }.mbl-svc__ic {width:50px; height:50px; border-radius:15px; flex-shrink:0;display:flex; align-items:center; justify-content:center; font-size:1.5rem;background:var(--coral-ghost); color:var(--coral);}.mbl-svc__ic--grad { background:var(--coral-grad); color:#fff; box-shadow:var(--shadow-coral); }.mbl-svc__hd { flex:1; min-width:0; }.mbl-svc__nm { font-family:var(--sans); font-weight:700; font-size:1.05rem; color:var(--ink); letter-spacing:-0.01em; }.mbl-svc__tag { font-family:var(--sans); font-size:0.82rem; color:var(--muted); margin-top:2px; }.mbl-svc__ar { color:var(--coral); flex-shrink:0; font-size:1.1rem; transition:transform 130ms; }.mbl-svc:active .mbl-svc__ar { transform:translateX(4px); }.mbl-svc__prices { display:flex; flex-wrap:wrap; gap:0.4rem; margin-top:0.85rem; }.mbl-svc__price {font-family:var(--mono); font-size:0.75rem; font-weight:600; color:var(--ink-soft);background:var(--surface-soft); padding:0.35rem 0.65rem; border-radius:var(--r-sm);}.mbl-svc__price b { color:var(--coral); font-weight:700; }.mbl-svc__desc { font-family:var(--sans); font-size:0.84rem; line-height:1.5; color:var(--ink-soft); margin-top:0.6rem; }.mbl-svc__feats { display:flex; flex-wrap:wrap; gap:0.35rem; margin-top:0.55rem; }.mbl-svc__feat { font-family:var(--sans); font-size:0.72rem; font-weight:500; color:var(--ink-soft); background:var(--surface-soft); padding:0.2rem 0.5rem; border-radius:var(--r-sm); }.mbl-svc-row {display:flex; align-items:center; gap:0.85rem; padding:0.9rem var(--pad);background:var(--white); border-radius:var(--r-md); border:1px solid var(--line);text-decoration:none; color:inherit; box-shadow:var(--shadow-xs); transition:transform 120ms;}.mbl-svc-row:active { transform:scale(0.985); }.mbl-svc-row__icon {width:42px; height:42px; border-radius:12px; flex-shrink:0; font-size:1.2rem;display:flex; align-items:center; justify-content:center;background:var(--coral-ghost); color:var(--coral);}.mbl-svc-row__info { flex:1; min-width:0; }.mbl-svc-row__name { font-weight:600; font-size:0.92rem; color:var(--ink); }.mbl-svc-row__price { font-size:0.78rem; color:var(--muted); margin-top:1px; }.mbl-svc-row__ar { color:var(--faint); flex-shrink:0; }.mbl-svc-icon {width:50px; height:50px; border-radius:15px; flex-shrink:0; font-size:1.5rem;display:inline-flex; align-items:center; justify-content:center;background:var(--coral-ghost); color:var(--coral);}.mbl-dark {margin:1.15rem var(--pad); background:var(--dark); color:var(--on-dark);border-radius:var(--r-2xl); padding:1.75rem 1.5rem; overflow:hidden; position:relative;}.mbl-dark::before {content:''; position:absolute; top:-40%; right:-20%; width:260px; height:260px;border-radius:50%; background:radial-gradient(circle, rgba(204,120,92,0.35), transparent 68%);pointer-events:none;}.mbl-dark > * { position:relative; z-index:1; }.mbl-dark__eyebrow { font-size:0.68rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--gold); }.mbl-dark__title { font-family:var(--serif); font-size:1.7rem; font-weight:600; color:#fff; line-height:1.12; letter-spacing:-0.015em; margin:0.5rem 0 1.15rem; }.mbl-steps { display:flex; flex-direction:column; gap:1rem; }.mbl-step { display:flex; gap:0.9rem; align-items:flex-start; }.mbl-step__n {width:32px; height:32px; border-radius:10px; flex-shrink:0;display:flex; align-items:center; justify-content:center;font-family:var(--serif); font-size:1.05rem; font-weight:600; color:var(--gold);background:var(--dark-elev); border:1px solid rgba(232,165,90,0.3);}.mbl-step__tt { font-weight:700; font-size:0.92rem; color:var(--on-dark); }.mbl-step__tx { font-size:0.83rem; color:var(--on-dark-muted); margin-top:2px; line-height:1.5; }.mbl-btn {display:inline-flex; align-items:center; justify-content:center; gap:0.45rem;font-family:var(--sans); font-size:0.92rem; font-weight:700;padding:0.8rem 1.4rem; border-radius:var(--r-pill); border:none;cursor:pointer; text-decoration:none; line-height:1.25; min-height:48px;transition:transform 120ms var(--ease);}.mbl-btn:active { transform:scale(0.96); }.mbl-btn--fill { background:var(--coral-grad); color:#fff; width:100%; box-shadow:var(--shadow-coral); }.mbl-btn--fill:active { filter:brightness(0.96); }.mbl-btn--outline { background:var(--white); color:var(--ink); border:1.5px solid var(--line); width:100%; }.mbl-btn--dark { background:var(--dark); color:var(--on-dark); width:100%; }.mbl-btn--ghost { background:var(--coral-ghost); color:var(--coral); width:100%; }.mbl-btn--sm { font-size:0.84rem; padding:0.6rem 1.1rem; min-height:42px; }.mbl-btn--xs { font-size:0.76rem; padding:0.45rem 0.9rem; min-height:34px; }.mbl-pill {display:inline-flex; align-items:center; gap:0.25rem;font-size:0.7rem; font-weight:700; padding:0.24rem 0.65rem;border-radius:var(--r-pill); line-height:1.3; text-transform:uppercase; letter-spacing:0.03em;}.mbl-pill--coral { background:var(--coral-soft); color:var(--coral-press); }.mbl-pill--green { background:var(--green-ghost); color:var(--green); }.mbl-pill--amber { background:var(--amber-ghost); color:var(--amber); }.mbl-pill--red { background:var(--red-ghost); color:var(--red); }.mbl-pill--ink { background:var(--surface-soft); color:var(--ink); }.mbl-ticket { background:var(--dark); border-radius:var(--r-lg); padding:1.3rem 1.15rem; color:var(--on-dark); }.mbl-ticket__code { font-family:var(--mono); font-size:1.2rem; font-weight:500; letter-spacing:0.05em; }.mbl-ticket__rows { margin-top:0.85rem; display:flex; flex-direction:column; gap:0.45rem; }.mbl-ticket__row { display:flex; justify-content:space-between; font-size:0.85rem; }.mbl-ticket__row span:first-child { color:var(--on-dark-muted); }.mbl-ticket__row span:last-child { color:var(--on-dark); font-weight:500; text-align:right; }.mbl-timeline { display:flex; justify-content:space-between; padding:0.4rem 0; position:relative; }.mbl-timeline::before { content:''; position:absolute; top:11px; left:12%; right:12%; height:1.5px; background:rgba(250,249,245,0.15); }.mbl-timeline__step { display:flex; flex-direction:column; align-items:center; gap:0.3rem; z-index:1; flex:1; }.mbl-timeline__dot { width:10px; height:10px; border-radius:50%; background:rgba(250,249,245,0.2); border:2px solid rgba(250,249,245,0.2); }.mbl-timeline__step.is-done .mbl-timeline__dot,.mbl-timeline__step.is-active .mbl-timeline__dot { background:var(--coral); border-color:var(--coral); }.mbl-timeline__step.is-active .mbl-timeline__dot { box-shadow:0 0 0 4px rgba(204,120,92,0.25); }.mbl-timeline__label { font-size:0.58rem; color:rgba(250,249,245,0.45); text-align:center; max-width:55px; line-height:1.2; }.mbl-timeline__step.is-done .mbl-timeline__label,.mbl-timeline__step.is-active .mbl-timeline__label { color:var(--on-dark); }.mbl-field { margin-bottom:0.9rem; }.mbl-label { display:block; font-size:0.8rem; font-weight:700; color:var(--ink); margin-bottom:0.35rem; }.mbl-input, .mbl-select, .mbl-textarea {width:100%; font-family:var(--sans); font-size:0.92rem;padding:0.8rem 0.9rem; border:1.5px solid var(--line);border-radius:var(--r-sm); background:var(--white); color:var(--ink);-webkit-appearance:none; transition:border-color 150ms, box-shadow 150ms;}.mbl-input:focus, .mbl-select:focus, .mbl-textarea:focus { outline:none; border-color:var(--coral); box-shadow:0 0 0 3px var(--coral-ghost); }.mbl-select {background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' stroke='%236c6a64' stroke-width='1.5' fill='none'/></svg>");background-repeat:no-repeat; background-position:right 0.75rem center; padding-right:2rem;}.mbl-textarea { resize:vertical; min-height:90px; }.mbl-check { display:flex; align-items:flex-start; gap:0.5rem; font-size:0.82rem; color:var(--ink-soft); cursor:pointer; }.mbl-check input { margin-top:2px; flex-shrink:0; accent-color:var(--coral); }.mbl-note { padding:0.9rem 1.05rem; border-radius:var(--r-md); font-size:0.86rem; line-height:1.5; }.mbl-note--info { background:var(--info-soft); color:var(--ink); border:1px solid var(--line-strong); }.mbl-note--ok { background:var(--green-ghost); color:var(--green); border:1px solid var(--ok-soft); }.mbl-note--warn { background:var(--amber-ghost); color:var(--amber); border:1px solid var(--warn-soft); }.mbl-note--err { background:var(--red-ghost); color:var(--red); border:1px solid var(--err-soft); }.mbl-404 { text-align:center; padding:3rem var(--pad); }.mbl-404__code { font-family:var(--serif); font-size:6.5rem; font-weight:600; line-height:1; background:var(--coral-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }.mbl-404__title { font-family:var(--serif); font-size:1.55rem; font-weight:600; color:var(--ink); margin-top:0.5rem; }.mbl-404__text { color:var(--muted); margin-top:0.5rem; font-size:0.92rem; }.mbl-404__btns { display:flex; flex-direction:column; gap:0.65rem; margin-top:1.5rem; max-width:280px; margin-left:auto; margin-right:auto; }.mbl-faq { display:flex; flex-direction:column; gap:0.5rem; }.mbl-faq__item { background:var(--white); border-radius:var(--r-md); border:1px solid var(--line); overflow:hidden; box-shadow:var(--shadow-xs); }.mbl-faq__q {width:100%; text-align:left; font-family:var(--sans); font-size:0.92rem;font-weight:600; color:var(--ink); background:none; border:none;padding:1rem var(--pad); cursor:pointer; display:flex; justify-content:space-between;align-items:center; gap:0.5rem; min-height:52px;}.mbl-faq__q:active { background:var(--surface-soft); }.mbl-faq__arrow { transition:transform 200ms var(--ease); color:var(--coral); flex-shrink:0; font-size:0.8rem; }.mbl-faq__item.is-open .mbl-faq__arrow { transform:rotate(180deg); }.mbl-faq__a { display:none; padding:0 var(--pad) 1rem; font-size:0.86rem; color:var(--ink-soft); line-height:1.6; }.mbl-faq__item.is-open .mbl-faq__a { display:block; }.mbl-burger { display:flex; flex-direction:column; }.mbl-burger a { display:flex; align-items:center; padding:0.9rem 0; text-decoration:none; color:var(--ink); font-weight:600; font-size:0.92rem; border-bottom:1px solid var(--line-soft); }.mbl-burger a:last-child { border-bottom:none; }.mbl-burger a:active { color:var(--coral); }.mbl-bnav {position:fixed;left:0; right:0; bottom:0;z-index:100;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));align-items:stretch;width:100%;min-height:var(--bnav-h);margin:0;padding:0 0 var(--safe-b);background:rgba(255, 255, 255, 0.97);backdrop-filter:blur(26px) saturate(1.6);-webkit-backdrop-filter:blur(26px) saturate(1.6);border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:0 -6px 24px rgba(20, 20, 19, 0.07);}.mbl-bnav__item {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.15rem;min-height:52px;min-width:0;padding:0.4rem 0.15rem 0.45rem;font-size:0.66rem;font-weight:500;color:var(--faint);text-align:center;text-decoration:none;transition:transform 0.1s ease, color 0.15s;-webkit-tap-highlight-color:transparent;}.mbl-bnav__item:active { transform:scale(0.93); }.mbl-bnav__icon { width:22px; height:22px; flex-shrink:0; stroke-width:1.75; margin-bottom:1px; }.mbl-bnav__label {font-size:0.66rem;font-weight:500;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:none;white-space:nowrap;}.mbl-bnav__item.is-active {color:var(--coral);background:none;font-weight:600;box-shadow:none;}.toast-stack { bottom:calc(var(--bnav-h) + var(--safe-b) + 0.85rem) !important; z-index:110; }[hidden] { display:none !important; }[data-page="booking"] #bookingModal { all:unset; }[data-page="booking"] .modal-overlay { all:unset; display:block !important; }[data-page="booking"] .modal-sheet { all:unset; display:block !important; }[data-page="booking"] .modal-sheet__head { display:none; }.mbl-main .progress { display:flex; gap:0.35rem; margin-bottom:1.35rem; }.mbl-main .progress__item { flex:1; display:flex; flex-direction:column; gap:0.35rem; align-items:center; }.mbl-main .progress__bar { width:100%; height:4px; border-radius:2px; background:var(--line); transition:background 200ms; }.mbl-main .progress__bar.is-active,.mbl-main .progress__bar.is-done { background:var(--coral); }.mbl-main .progress__cap { font-size:0.62rem; font-weight:600; color:var(--faint); text-transform:uppercase; letter-spacing:0.04em; }.mbl-main .booking-step__title { font-family:var(--serif); font-size:1.5rem; font-weight:600; color:var(--ink); margin:0.3rem 0 0.5rem; letter-spacing:-0.015em; }.mbl-main .step-label { font-size:0.7rem; font-weight:700; letter-spacing:0.05em; text-transform:uppercase; color:var(--coral); }.mbl-main .lead { font-size:0.86rem; color:var(--muted); margin-bottom:1rem; }.mbl-main .therapist-pick-grid { display:flex; flex-direction:column; gap:0.65rem; }.mbl-main .therapist-pick__card {display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto auto;column-gap:0.85rem; row-gap:0.1rem; align-items:center;padding:0.8rem 0.9rem; background:var(--white); border:1.5px solid var(--line);border-radius:var(--r-md); box-shadow:var(--shadow-xs);}.mbl-main .therapist-pick__photo,.mbl-main .therapist-pick__initials {grid-column:1; grid-row:1 / span 3; align-self:center;width:56px; height:56px; border-radius:15px; object-fit:cover; flex-shrink:0;}.mbl-main .therapist-pick__initials {display:grid; place-items:center;background:linear-gradient(160deg, var(--surface-soft), var(--surface-strong));font-family:var(--serif); font-size:1.5rem; color:var(--faint);}.mbl-main .therapist-pick input:checked + .therapist-pick__card { border-color:var(--coral); background:var(--coral-ghost); }.mbl-main .therapist-pick input[type="radio"] { accent-color:var(--coral); position:absolute; opacity:0; width:0; height:0; }.mbl-main .therapist-pick__name { grid-column:2; font-weight:700; font-size:0.95rem; color:var(--ink); }.mbl-main .therapist-pick__meta { grid-column:2; font-size:0.82rem; font-weight:600; color:var(--gold); }.mbl-main .therapist-pick__spec { grid-column:2; font-size:0.78rem; color:var(--muted); }.mbl-main .therapist-pick__spec:empty { display:none; }.mbl-main .field { margin-bottom:0.9rem; }.mbl-main .field label,.mbl-main .fieldset-label { display:block; font-size:0.8rem; font-weight:700; color:var(--ink); margin-bottom:0.35rem; }.mbl-main .field-hint { font-size:0.78rem; color:var(--faint); margin-top:-0.4rem; margin-bottom:0.75rem; }.mbl-main .input,.mbl-main .select,.mbl-main .textarea {width:100%; font-family:var(--sans); font-size:0.92rem;padding:0.8rem 0.9rem; border:1.5px solid var(--line);border-radius:var(--r-sm); background:var(--white); color:var(--ink);}.mbl-main .select {background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' stroke='%236c6a64' stroke-width='1.5' fill='none'/></svg>");background-repeat:no-repeat; background-position:right 0.75rem center; padding-right:2rem;}.mbl-main .textarea { resize:vertical; min-height:85px; }.mbl-main .input:focus, .mbl-main .select:focus, .mbl-main .textarea:focus { outline:none; border-color:var(--coral); box-shadow:0 0 0 3px var(--coral-ghost); }.mbl-main .form-row { display:flex; gap:0.6rem; }.mbl-main .form-row .field { flex:1; min-width:0; }.mbl-main .field--dial { flex:0 0 5.5rem; }.mbl-main .pills--duration { display:flex; gap:0.5rem; flex-wrap:wrap; }.mbl-main .estimate-line { text-align:center; padding:1rem; background:var(--surface-soft); border-radius:var(--r-md); font-size:0.85rem; color:var(--muted); margin-top:0.75rem; }.mbl-main .estimate-line strong { display:block; font-family:var(--serif); font-size:1.6rem; font-weight:600; color:var(--ink); margin-top:0.15rem; }.mbl-main .summary { background:var(--white); border:1px solid var(--line); border-radius:var(--r-md); padding:1.1rem; margin-top:1rem; box-shadow:var(--shadow-xs); }.mbl-main .summary__title { font-weight:700; font-size:0.85rem; color:var(--ink); }.mbl-main .pay-stack { display:flex; flex-direction:column; gap:0.6rem; }.mbl-main .booking-actions { display:flex; flex-direction:column; gap:0.6rem; margin-top:1rem; position:relative; z-index:5; }.mbl-main .btn {flex:1; display:inline-flex; align-items:center; justify-content:center; gap:0.45rem;font-family:var(--sans); font-size:0.92rem; font-weight:700;padding:0.8rem 1.1rem; border-radius:var(--r-pill); border:none;cursor:pointer; min-height:48px; transition:transform 120ms var(--ease);position:relative; z-index:5; pointer-events:auto; -webkit-tap-highlight-color:transparent;touch-action:manipulation;}.mbl-main .btn:active { transform:scale(0.96); }.mbl-main .btn--primary,.mbl-main .btn--block { background:var(--coral-grad); color:#fff; box-shadow:var(--shadow-coral); }.mbl-main .btn--secondary { background:var(--white); color:var(--ink); border:1.5px solid var(--line); }.mbl-main .btn--block { width:100%; }.mbl-main .btn--lg { min-height:48px; padding:0.8rem 1.1rem; font-size:0.92rem; }.mbl-main .booking-actions .btn { width:100%; flex:0 0 auto; }.mbl-main .pesanan-login__form { display:flex; flex-direction:column; gap:0.75rem; }.mbl-main .input--code { text-align:center; font-family:var(--mono); text-transform:uppercase; letter-spacing:0.08em; }.mbl-main .status-newnote {display:flex; align-items:flex-start; gap:0.6rem; padding:0.95rem 1.05rem;background:var(--green-ghost); border:1px solid var(--ok-soft); border-radius:var(--r-md);margin-bottom:0.85rem;}.mbl-main .status-newnote strong { color:var(--ink); font-size:0.88rem; display:block; }.mbl-main .status-ticket {background:var(--dark); color:var(--on-dark);border-radius:var(--r-2xl); padding:1.75rem 1.35rem 1.5rem;margin-bottom:1rem; position:relative; overflow:hidden;box-shadow:0 8px 32px rgba(20,20,19,0.18);}.mbl-main .status-ticket::before { content:''; position:absolute; top:-50%; right:-15%; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle, rgba(204,120,92,0.28), transparent 65%); pointer-events:none; }.mbl-main .status-ticket::after { content:''; position:absolute; bottom:-30%; left:-10%; width:160px; height:160px; border-radius:50%; background:radial-gradient(circle, rgba(232,165,90,0.12), transparent 65%); pointer-events:none; }.mbl-main .status-ticket > * { position:relative; z-index:1; }.mbl-main .status-ticket__top { display:flex; align-items:flex-start; justify-content:space-between; gap:0.75rem; margin-bottom:1.1rem; }.mbl-main .status-ticket__label { display:block; font-size:0.62rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:var(--on-dark-muted); margin-bottom:0.25rem; }.mbl-main .status-ticket__code { font-family:var(--mono); font-size:1.3rem; font-weight:600; letter-spacing:0.04em; word-break:break-all; line-height:1.3; }.mbl-main .status-ticket .pill {display:inline-flex; align-items:center; font-size:0.68rem; font-weight:700;padding:0.32rem 0.75rem; border-radius:var(--r-pill); text-transform:uppercase; letter-spacing:0.03em;background:rgba(250,249,245,0.14); color:var(--on-dark);white-space:nowrap; flex-shrink:0;}.mbl-main .timeline { display:flex; justify-content:space-between; padding:0.5rem 0; position:relative; margin-top:0.85rem; }.mbl-main .timeline::before { content:''; position:absolute; top:12px; left:10%; right:10%; height:2px; background:rgba(250,249,245,0.12); border-radius:1px; }.mbl-main .timeline__item { display:flex; flex-direction:column; align-items:center; gap:0.35rem; z-index:1; flex:1; }.mbl-main .timeline__dot { display:block; width:10px; height:10px; border-radius:50%; background:rgba(250,249,245,0.2); border:2px solid rgba(250,249,245,0.2); transition:all 0.3s ease; }.mbl-main .timeline__item.is-done .timeline__dot,.mbl-main .timeline__item.is-active .timeline__dot { background:var(--coral); border-color:var(--coral); }.mbl-main .timeline__item.is-active .timeline__dot { box-shadow:0 0 0 4px rgba(204,120,92,0.25); }.mbl-main .timeline__body h4 { font-size:0.6rem; color:rgba(250,249,245,0.4); text-align:center; max-width:64px; line-height:1.2; }.mbl-main .timeline__item.is-done .timeline__body h4,.mbl-main .timeline__item.is-active .timeline__body h4 { color:var(--on-dark); font-weight:600; }.mbl-main .track-card { background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg); padding:1.25rem 1.15rem; margin-bottom:0.85rem; box-shadow:var(--shadow-xs); }.mbl-main .track-card__title { font-weight:700; font-size:0.92rem; color:var(--ink); margin-bottom:0.65rem; }.mbl-main .track-table th { text-align:left; font-weight:400; color:var(--muted); padding:0.35rem 0.5rem 0.35rem 0; white-space:nowrap; font-size:0.82rem; }.mbl-main .track-table td { padding:0.35rem 0; color:var(--ink); text-align:right; font-size:0.85rem; font-weight:500; }.mbl-main .star-rating { display:inline-flex; flex-direction:row-reverse; gap:0.2rem; font-size:1.7rem; margin-bottom:0.85rem; }.mbl-main .star-rating__star { color:var(--line); cursor:pointer; transition:color 120ms; }.mbl-main .star-rating__input:checked ~ .star-rating__star,.mbl-main .star-rating__star:hover,.mbl-main .star-rating__star:hover ~ .star-rating__star { color:var(--gold); }.mbl-main .akun-modal-login { background:var(--white); border-radius:var(--r-lg); box-shadow:var(--shadow-sm); padding:1.5rem 1.25rem;}.mbl-main .form-stack { display:flex; flex-direction:column; gap:1rem; }.mbl-main .pesanan-login__icon { font-size:3.5rem; margin-bottom:0.75rem; text-align:center; }.mbl-main .pesanan-login__lead { font-size:0.88rem; color:var(--muted); text-align:center; margin-bottom:1.25rem; line-height:1.5; }.mbl-main .status-newnote__check { color:var(--green); font-size:1.5rem; flex-shrink:0; }.mbl-main .status-ticket__cancelled { display:block; text-align:center; font-size:0.88rem; color:var(--on-dark); margin-top:0.6rem; padding:0.8rem 0 0;border-top:1px solid rgba(250,249,245,0.1);}.mbl-main .status-ticket__cancelled em { font-style:italic; color:var(--on-dark-muted); font-size:0.82rem; display:block; margin-top:0.35rem;}.mbl-main .track-actions { display:flex; flex-direction:column; gap:0.75rem; padding:1.25rem 1.15rem; margin-bottom:0.85rem;background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--shadow-xs);}.mbl-main .track-actions .muted { font-size:0.8rem; color:var(--muted); text-align:center;}.mbl-main .track-actions .btn { width:100%; }.mbl-main .review-card { background:var(--surface-soft); border-radius:var(--r-lg); padding:1.25rem 1.15rem; margin-bottom:0.85rem; }.mbl-main .review-card__stars { display:flex; justify-content:center; gap:0.25rem; font-size:1.5rem; margin-bottom:0.75rem;}.mbl-main .review-card__stars .star { color:var(--gold); }.mbl-main .review-card__comment { font-size:0.9rem; color:var(--ink); line-height:1.5; margin-bottom:0.75rem; padding:0 0.25rem;}.mbl-main .review-card__note { font-size:0.78rem; color:var(--muted); text-align:center; margin-top:0.35rem; padding-top:0.7rem; border-top:1px solid var(--line-soft);}.mbl-main .track-table { width:100%; border-collapse:collapse; }.mbl-main .track-table td { font-size:0.88rem; }.mbl-main .account-dd__head { display:flex; align-items:center; justify-content:space-between; gap:0.75rem; padding-bottom:1rem; border-bottom:1px solid var(--line-soft); margin-bottom:1rem; }.mbl-main .account-dd__head-lang { display:none !important; }.mbl-main .account-dd__head-id strong { font-weight:700; color:var(--ink); font-size:0.95rem; }.mbl-main .account-dd__wa { font-size:0.8rem; color:var(--muted); font-family:var(--mono); }.mbl-main .account-dd__detail { font-size:0.85rem; color:var(--ink-soft); margin-bottom:0.75rem; }.mbl-main .account-dd__history { display:flex; flex-direction:column; gap:0.4rem; }.mbl-main .account-dd__hist-item {display:flex; align-items:center; justify-content:space-between;padding:0.8rem 0.95rem; background:var(--surface-soft); border-radius:var(--r-md);text-decoration:none; color:inherit;}.mbl-main .account-dd__hist-item:active { background:var(--line); }.mbl-main .account-dd__hist-main .mono { font-family:var(--mono); font-size:0.82rem; font-weight:500; color:var(--ink); }.mbl-main .account-dd__hist-meta { font-size:0.75rem; color:var(--muted); margin-top:1px; display:block; }.mbl-main .account-dd__foot { display:flex; gap:0.5rem; margin-top:1rem; padding-top:0.75rem; border-top:1px solid var(--line-soft); }.mbl-main .account-dd__section-label { font-size:0.75rem; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; color:var(--faint); margin-bottom:0.35rem; }.mbl-main .account-dd__empty { font-size:0.85rem; color:var(--muted); }.mbl-main .step-label {display:none !important;}.mbl-main .modal-overlay {position:fixed; inset:0; z-index:1000;display:flex; align-items:flex-end; justify-content:center;}.mbl-main .modal-overlay[hidden] { display:none !important; }.mbl-main .modal-overlay__bg {position:absolute; inset:0;background:rgba(20,20,19,0.55);backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);cursor:pointer;}body.modal-open { overflow:hidden; }.mbl-main .modal-sheet {position:relative; z-index:1;width:100%; max-width:500px;max-height:92dvh;background:var(--cream);border-radius:var(--r-xl) var(--r-xl) 0 0;display:flex; flex-direction:column;box-shadow:0 -12px 48px rgba(20,20,19,0.25);animation:modalSheetUp 0.28s ease;}.mbl-main .modal-sheet__head {display:flex; align-items:flex-start; justify-content:space-between; gap:1rem;padding:1.25rem 1.25rem 0.85rem;border-bottom:1px solid rgba(20,20,19,0.08);flex:0 0 auto;}.mbl-main .modal-sheet__title {font-family:var(--serif); font-size:1.25rem; font-weight:500;color:var(--ink); margin:0.1rem 0 0;}.mbl-main .modal-sheet__close {flex:0 0 auto;width:32px; height:32px; border-radius:50%;border:1px solid rgba(20,20,19,0.12); background:#fff;font-size:1.25rem; line-height:1; cursor:pointer; color:var(--ink);display:flex; align-items:center; justify-content:center;}.mbl-main .modal-sheet__close:active { background:rgba(20,20,19,0.05); }.mbl-main .modal-sheet__body {padding:1.25rem 1.25rem 2rem;overflow-y:auto; -webkit-overflow-scrolling:touch;}@keyframes modalSheetUp {from { transform:translateY(24px); opacity:0; }to { transform:none; opacity:1; }}.mbl-main .modal-sheet--cancel { width:100%; }.mbl-main .modal-sheet--cancel .cancel-summary__code {font-family:var(--mono); font-size:1.15rem; font-weight:700;text-align:center; margin-bottom:1rem; color:var(--coral);}.mbl-main .modal-sheet--cancel .booking-actions {display:flex; flex-direction:column; gap:0.75rem; margin-top:1.25rem;}.mbl-main .modal-sheet--cancel .btn {flex:1; min-height:48px; width:100%;}

/* Mobile Service Card Styling */
.mbl-svc:hover .mbl-svc__ar { transform:translateX(4px); }
.mbl-svc__price { font-family:var(--mono); color:var(--coral); font-weight:600; }
.mbl-pill--coral { background:var(--coral); color:#ffffff; border-radius:var(--r-pill); font-size:0.68rem; padding:4px 12px; text-transform:uppercase; vertical-align:middle; }
@media (min-width: 768px) { .mbl-svc { padding:16px; } }

/* Payment Information Cards (Non-radio display) */
.pay-info-card { margin-bottom:1.25rem; } /* Sesi #90: .pay-info-stack dihapus (dua kartu digabung jadi satu); jarak bawahnya dipindah ke kartu */
.pay-info-card { display:flex; align-items:flex-start; gap:0.75rem; background:var(--surface-soft); border:1px solid var(--line); border-radius:var(--r-md); padding:0.85rem 1rem; }
.pay-info-icon { flex:0 0 auto; color:var(--coral); margin-top:2px; }
.pay-info-body strong { display:block; font-size:0.9rem; font-weight:600; color:var(--ink); margin-bottom:0.15rem; }
.pay-info-desc { font-size:0.82rem; color:var(--muted); line-height:1.35; display:block; }

/* Hero Quick-Pick — versi mobile. DESIGN.md §5A: fokus jempol, sentuh minimal 44px. */
.hero-quickpick { display:grid; gap:0.8rem; margin-top:1rem; }
.hero-quickpick__field { display:grid; gap:0.35rem; }
.hero-quickpick__field > label { font-size:0.75rem; font-weight:600; letter-spacing:0.04em; text-transform:uppercase; color:var(--muted); }
.hero-quickpick__select { width:100%; min-height:48px; padding:0.7rem 0.9rem; border:1px solid var(--line); border-radius:var(--r-md); background:var(--white); color:var(--ink); font:inherit; font-size:16px; transition:border-color 0.2s ease, box-shadow 0.2s ease; }
.hero-quickpick__select:focus { outline:none; border-color:var(--coral); box-shadow:var(--shadow-glow, 0 0 0 4px rgba(204,120,92,0.15)); }
.hero-quickpick__pills { display:flex; flex-wrap:wrap; gap:0.45rem; }
.hero-quickpick__pill { display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; min-width:72px; min-height:48px; padding:0.4rem 0.8rem; border:1px solid var(--line); border-radius:var(--r-md); background:var(--white); color:var(--ink); font:inherit; cursor:pointer; -webkit-tap-highlight-color:transparent; transition:border-color 0.2s ease, background 0.2s ease, transform 0.2s ease; }
.hero-quickpick__pill:active { transform:scale(0.97); }
.hero-quickpick__pill strong { font-size:1.05rem; line-height:1; }
.hero-quickpick__pill small { font-size:0.7rem; color:var(--muted); }
.hero-quickpick__pill.is-active { border-color:var(--coral); background:var(--coral-soft); }
.hero-quickpick__pill.is-active small { color:var(--coral-hover, #b8684c); }
.hero-quickpick__price { display:flex; align-items:baseline; justify-content:space-between; gap:0.5rem; margin:0; padding-top:0.2rem; }
.hero-quickpick__price-label { font-size:0.82rem; color:var(--muted); }
.hero-quickpick__price strong { font-family:var(--font-serif); font-size:1.45rem; font-weight:500; color:var(--coral); letter-spacing:-0.01em; }

/* Kutipan ulasan di kartu terapis (Sesi #88) */
.therapist-pick__quote { display:block; margin-top:0.3rem; font-size:0.76rem; line-height:1.45; color:var(--muted); font-style:italic; }

/* ── Pilih terapis — MOBILE (Sesi #102) ─────────────────────────────────────
   Berdiri sendiri, TIDAK berbagi kelas dengan public/assets/css/style.css.
   Bahasa visualnya sengaja beda: kartu bertumpuk vertikal + tombol selebar
   kartu (target sentuh), bukan baris horizontal dengan tombol kecil di kanan
   seperti versi desktop. */
.mbl-pick { display:grid; gap:0.7rem; margin-top:0.85rem; }
.mbl-pick__card { background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg); padding:0.85rem; display:grid; gap:0.7rem; box-shadow:var(--shadow-sm); }
.mbl-pick__top { display:flex; align-items:center; gap:0.75rem; }
.mbl-pick__photo { width:64px; height:64px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.mbl-pick__initials { width:64px; height:64px; border-radius:50%; flex-shrink:0; display:grid; place-items:center; background:var(--coral-grad); color:#fff; font-weight:700; font-size:1.3rem; }
.mbl-pick__id { min-width:0; display:grid; gap:2px; }
.mbl-pick__name { font-weight:700; font-size:1rem; color:var(--ink); }
.mbl-pick__meta { font-size:0.8rem; color:var(--muted); }
.mbl-pick__role { font-size:0.75rem; color:var(--faint); }
.mbl-pick__desc { font-size:0.85rem; line-height:1.55; color:var(--muted); margin:0; }
.mbl-pick__cta { width:100%; }
.mbl-pick__note { margin-top:0.7rem; }

/* Sheet dari bawah layar — kebiasaan aplikasi mobile, bukan kotak di tengah. */
.mbl-sheet-overlay .mbl-sheet { position:fixed; left:0; right:0; bottom:0; max-height:88vh; overflow-y:auto; background:var(--white); border-radius:20px 20px 0 0; padding:0.6rem 1rem calc(1.2rem + env(safe-area-inset-bottom, 0px)); box-shadow:0 -8px 32px rgba(20,20,19,0.18); animation:mblSheetUp 0.22s var(--ease); }
@keyframes mblSheetUp { from { transform:translateY(12%); opacity:0.6; } to { transform:translateY(0); opacity:1; } }
.mbl-sheet__grabber { display:block; width:38px; height:4px; margin:0.35rem auto 0.7rem; border-radius:999px; background:var(--line); }
.mbl-sheet__head { display:flex; align-items:flex-start; justify-content:space-between; gap:0.75rem; }
.mbl-sheet__title { font-family:var(--serif, inherit); font-size:1.15rem; font-weight:600; color:var(--ink); margin:0; }
.mbl-sheet__sub { font-size:0.82rem; color:var(--muted); margin:0.2rem 0 0; }
.mbl-sheet__close { background:none; border:0; font-size:1.6rem; line-height:1; color:var(--faint); cursor:pointer; padding:0 0.25rem; min-height:44px; min-width:44px; }
.mbl-sheet__body { margin-top:0.5rem; }

/* Badge hitungan di tombol "Pilih terapis" pada kartu hero mobile. */
.btn__count { display:inline-grid; place-items:center; min-width:1.35rem; height:1.35rem; margin-left:0.4rem; padding:0 0.35rem; border-radius:999px; background:rgba(255,255,255,0.25); font-size:0.72rem; font-weight:700; }