:root{--ink:#1c3028;--muted:#6c7a72;--green:#245b49;--lime:#c9ef85;--paper:#f5f7f3;--line:#e4e9e2;--white:#fff;font-family:var(--site-font,Inter),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 10%,#e6f0dd 0,transparent 30%),var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(1080px,calc(100% - 40px));margin:auto}.topbar{height:74px;border-bottom:1px solid #e4e9e2;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:760;letter-spacing:-.7px}.brand-mark{width:30px;height:30px;background:var(--green);border-radius:10px;color:var(--lime);display:grid;place-items:center}.back{font-size:12px;color:#5e6d64}.back:hover{color:var(--green)}main{padding:43px 0 70px}.layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:54px;align-items:start}.intro{position:sticky;top:28px;padding-top:18px}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:18px;background:#e9f2e4;color:#3e7553;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.live{height:7px;width:7px;border-radius:50%;background:#6ca66e}.intro h1{font-size:43px;line-height:1.06;letter-spacing:-2.2px;margin:20px 0 15px}.intro p{color:var(--muted);font-size:15px;line-height:1.7;margin:0;max-width:390px}.location{margin-top:30px;padding:16px 17px;border:1px solid var(--line);background:#ffffffb8;border-radius:13px;display:flex;align-items:center;gap:12px;max-width:365px}.loc-icon{height:36px;width:36px;display:grid;place-items:center;border-radius:11px;background:#edf3e8;color:var(--green);font-size:16px}.location b{font-size:12px}.location small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.steps{display:grid;gap:14px;margin-top:30px}.step{display:flex;gap:11px;align-items:center;color:#65756c;font-size:11px}.num{height:25px;width:25px;border-radius:50%;border:1px solid #d6e1d3;display:grid;place-items:center;color:var(--green);font-size:10px;font-weight:700}.booking-card{background:#fff;border:1px solid #e4e9e2;border-radius:18px;box-shadow:0 20px 65px #183b2910;overflow:hidden}.card-head{padding:23px 25px 18px;border-bottom:1px solid #edf0eb}.card-head h2{font-size:19px;letter-spacing:-.6px;margin:0}.card-head p{font-size:11px;color:var(--muted);margin:6px 0 0}.form-body{padding:22px 25px 24px}.section{margin:0 0 23px}.section:last-child{margin-bottom:0}.section-title{display:flex;align-items:center;gap:9px;margin-bottom:11px}.section-number{height:22px;width:22px;border-radius:50%;background:#eef4e9;color:var(--green);display:grid;place-items:center;font-size:10px;font-weight:700}.section-title b{font-size:12px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.service-card{width:100%;text-align:left;padding:13px 13px 12px;border:1px solid var(--line);background:#fff;border-radius:10px;color:var(--ink);transition:.16s}.service-card:hover{border-color:#9ebba2;background:#fbfdf9}.service-card.selected{border-color:#3f795b;background:#f0f6ea;box-shadow:0 0 0 2px #4a825d18}.service-name{font-size:11px;font-weight:700;display:block}.service-meta{font-size:9px;color:var(--muted);display:flex;justify-content:space-between;margin-top:7px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:grid;gap:6px}.field label{font-size:10px;font-weight:650;color:#526259}.field input,.field select,.field textarea{height:39px;width:100%;border:1px solid #dfe6dd;border-radius:8px;background:white;color:var(--ink);padding:9px 10px;font-size:11px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#79a181;box-shadow:0 0 0 3px #79a18120}.times{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.time-slot{padding:9px 5px;border:1px solid #dfe7dc;border-radius:8px;background:#fff;color:#355f49;font-size:10px;font-weight:650}.time-slot:hover{border-color:#7da482;background:#f5f9f1}.time-slot.selected{background:var(--green);border-color:var(--green);color:white}.time-note{font-size:10px;color:#8a958e;padding:10px 0 0}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-fields .full{grid-column:1/-1}.submit{width:100%;border:0;border-radius:9px;background:var(--green);color:white;font-size:12px;font-weight:700;padding:13px;margin-top:16px;transition:.16s}.submit:hover{background:#194536;transform:translateY(-1px)}.submit:disabled{opacity:.45;cursor:not-allowed;transform:none}.fineprint{font-size:9px;color:#8a958e;line-height:1.5;text-align:center;margin:10px 0 0}.error{font-size:10px;color:#aa4d53;margin-top:7px;min-height:14px}.success{display:none;padding:40px 25px 44px;text-align:center}.success.show{display:block}.success-icon{height:54px;width:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:#edf5e7;color:#4d8756;font-size:24px}.success h2{font-size:23px;letter-spacing:-.7px;margin:0 0 9px}.success p{max-width:370px;margin:0 auto;color:var(--muted);font-size:12px;line-height:1.65}.receipt{margin:21px auto 0;padding:14px 16px;background:#f7f9f5;border:1px solid var(--line);border-radius:10px;text-align:left;max-width:330px;font-size:11px;line-height:1.8}.receipt b{color:var(--green)}.success .back-link{display:inline-block;margin-top:19px;color:var(--green);font-size:11px;font-weight:700}.footer{border-top:1px solid var(--line);padding:18px 0;color:#87928b;font-size:10px}.footer-inner{display:flex;justify-content:space-between;gap:16px;align-items:center}.footer-links{display:flex;gap:17px}
    @media(max-width:800px){.layout{grid-template-columns:1fr;gap:23px}.intro{position:static;padding-top:0}.intro h1{font-size:36px}.intro p{max-width:620px}.location{margin-top:18px}.steps{display:none}main{padding:30px 0 48px}}
    @media(max-width:520px){.wrap{width:calc(100% - 28px)}.topbar{height:64px}.brand{font-size:18px}.back{font-size:10px}main{padding-top:22px}.intro h1{font-size:32px}.intro p{font-size:13px}.card-head{padding:19px 17px 15px}.form-body{padding:18px 16px}.service-list{grid-template-columns:1fr}.service-card{padding:12px}.times{grid-template-columns:repeat(3,1fr)}.field-row,.contact-fields{grid-template-columns:1fr}.contact-fields .full{grid-column:auto}.footer-inner{align-items:flex-start;flex-direction:column}}
    /* The booking flow shares the dashboard's dark glass look. */
    body[data-theme="dark"]{color:#f4f5fa;background:radial-gradient(ellipse at 10% 12%,#324f82 0,transparent 30%),radial-gradient(ellipse at 87% 78%,#364365 0,transparent 34%),linear-gradient(130deg,#101321,#191a2a 56%,#141727);background-attachment:fixed;--ink:#f4f5fa;--muted:#c1c5d4;--line:#ffffff24;--green:#5687ce;--paper:#191a2a;--white:#252a3b}
    body[data-theme="dark"] .topbar,body[data-theme="dark"] .footer{border-color:#ffffff1b}body[data-theme="dark"] .back{color:#c1c5d4}body[data-theme="dark"] .back:hover,body[data-theme="dark"] .success .back-link{color:#9fc6ff}
    body[data-theme="dark"] .pill{background:#82b9ff20;color:#c4ddff}body[data-theme="dark"] .location,body[data-theme="dark"] .booking-card{background:#55597040;border-color:#ffffff27;box-shadow:0 24px 80px #05071255;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}body[data-theme="dark"] .loc-icon,body[data-theme="dark"] .section-number{background:#79a9e326;color:#a9ceff}body[data-theme="dark"] .step{color:#c1c5d4}body[data-theme="dark"] .num{border-color:#ffffff38;color:#a9ceff}
    body[data-theme="dark"] .card-head{border-color:#ffffff1c}body[data-theme="dark"] .service-card{background:#171b2b70;border-color:#ffffff23;color:#f4f5fa}body[data-theme="dark"] .service-card:hover{background:#ffffff12;border-color:#8db9f1}body[data-theme="dark"] .service-card.selected{background:#75a5da30;border-color:#79a9e3;box-shadow:0 0 0 2px #79a9e322}body[data-theme="dark"] .field label{color:#d2d6e0}body[data-theme="dark"] .field input,body[data-theme="dark"] .field select,body[data-theme="dark"] .field textarea{background:#181d2c;color:#f4f5fa;border-color:#ffffff25;color-scheme:dark}body[data-theme="dark"] .field select option{background:#202638;color:#f4f5fa}body[data-theme="dark"] .time-slot{background:#171b2b70;border-color:#ffffff26;color:#d7e6ff}body[data-theme="dark"] .time-slot:hover{background:#ffffff15;border-color:#8db9f1}body[data-theme="dark"] .time-slot.selected,body[data-theme="dark"] .submit{background:#5687ce;border-color:#5687ce;color:#fff}body[data-theme="dark"] .submit:hover{background:#6599e3}body[data-theme="dark"] .receipt{background:#171b2b80;border-color:#ffffff22}body[data-theme="dark"] .receipt b{color:#a9ceff}body[data-theme="dark"] .success-icon{background:#83c17b25;color:#b8efa7}body[data-theme="dark"] .footer{color:#b6bdcc}
    .header-actions{display:flex;align-items:center;gap:14px}.theme-toggle{border:1px solid #ffffff25;border-radius:9px;background:#ffffff0c;color:inherit;padding:8px 11px;font-size:11px;display:inline-flex;align-items:center;gap:7px}.theme-toggle:hover{background:#ffffff18}.theme-icon{font-size:14px}
    .booking-cover{height:118px;margin:0 0 18px;border:1px solid var(--line);border-radius:13px;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 10px 30px #183b2910}.booking-cover[hidden],#publicStudioLogo[hidden],#defaultStudioIcon[hidden]{display:none}.location #publicStudioLogo{width:40px;height:40px;object-fit:contain;border-radius:10px;background:#fff;padding:4px}.studio-contact{overflow-wrap:anywhere}.intro:has(#publicStudioLogo:not([hidden])) .location{align-items:flex-start}
    body[data-theme="light"] .theme-toggle{border-color:#dfe6dd;background:#ffffffb8;color:#40564a}body[data-theme="dark"] .theme-toggle{color:#e7eaf2}
    @media(max-width:520px){.header-actions{gap:8px}.theme-toggle{padding:7px 8px;font-size:10px}.theme-icon{font-size:12px}}
  
body.planivo-embed-mode .topbar,body.planivo-embed-mode .footer{display:none}body.planivo-embed-mode main{padding:16px 0 24px}body.planivo-embed-mode .wrap{width:min(980px,calc(100% - 28px))}body.planivo-embed-mode .layout{display:block}body.planivo-embed-mode .intro{display:none}body.planivo-embed-mode .booking-card{max-width:900px;margin:auto}body.planivo-embed-mode .success .back-link{display:none}
.location-fields{margin-bottom:10px}.location-fields .field small{color:var(--muted);font-size:9px;line-height:1.45;overflow-wrap:anywhere}.location-fields .field[hidden]{display:none!important}
    .service-extras{display:grid;gap:9px;margin:12px 0;padding:13px 15px;border:1px solid var(--line,#dfe5e1);border-radius:10px;background:var(--surface,#fff)}.service-extras[hidden]{display:none!important}.service-extras strong{font-size:13px}.service-extras label{display:flex;align-items:center;gap:9px;font-size:13px;cursor:pointer}.service-extras input{accent-color:var(--primary,#478a5f)}
/* Keep payment preferences readable when the booking form narrows. */
.payment-preference{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:9px;margin:18px 0;padding:12px;border:1px solid var(--line,#dfe5e1);border-radius:12px}
.payment-preference legend{grid-column:1/-1;padding:0 6px;font-weight:700}
.payment-preference label{display:flex;align-items:center;gap:8px;min-height:40px;padding:9px 11px;border:1px solid var(--line,#dfe5e1);border-radius:9px;cursor:pointer}
.payment-preference input{accent-color:var(--green,#245b49);flex:0 0 auto}
.payment-preference small{grid-column:1/-1;line-height:1.5}