/* SpaDrop 2: quiet Thai hospitality, editorial proportions, functional booking. */
:root{--cream:#f7f7f2;--teal:#0e4b4f;--ink:#0b2e2d;--lime:#d4f36b;--muted:#6b7772;--line:#d4dbd3;--width:1240px}
body{font-weight:400;background:var(--cream);color:var(--ink);font-size:16px;line-height:1.7}
h1,h2,h3{font-weight:500;letter-spacing:-.028em}h1{line-height:1.14}h2{line-height:1.18}h3{line-height:1.3}
button,input,select,textarea{font-weight:400}a,button{transition:background .15s,color .15s,border-color .15s}
.container{width:min(var(--width),calc(100% - 80px))}.demo-bar{background:#e8eee7;font-size:11px;line-height:1.5;padding:5px 15px;color:#5a6e67;letter-spacing:.01em}
.site-header{background:var(--cream);border-bottom:1px solid var(--line)}.header-row{min-height:87px;gap:30px}.brand img{width:165px;height:45px;object-fit:contain;object-position:left center}.main-nav{gap:27px;font-size:14px;font-weight:400}.main-nav a.active:after{background:var(--teal);height:1px;bottom:-8px}.header-actions{gap:22px}.language-select{font-size:12px;max-width:62px}.header-actions .button{min-height:43px;padding:11px 23px;font-size:13px}
.button{border-radius:0;min-height:50px;padding:13px 25px;font-size:15px;font-weight:400;line-height:1.5;box-shadow:none}.button:hover,.service-card:hover{transform:none;box-shadow:none}.button-primary{background:var(--teal);color:white;border-color:var(--teal)}.button-primary:hover{background:#215b5d;border-color:#215b5d}.button-outline{border-color:#b7c5ba;background:transparent;color:var(--ink)}.button-outline:hover{background:#e9eee5}.button-lime{background:var(--lime);color:var(--ink)}.button-small{min-height:39px;padding:9px 18px;font-size:13px}.button-plain{min-height:auto;border:0;padding:8px 0}.text-link{font-size:14px;font-weight:400;gap:10px}.text-link:hover{text-decoration:underline;text-underline-offset:6px}.text-link svg,.button svg{width:17px;height:17px}.button-soft{background:#e6ece0}
.premium-hero{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:43% 57%;min-height:600px}.premium-hero-copy{padding:68px 35px 70px max(40px,calc((100vw - 1240px)/2));display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.premium-hero h1{font-size:64px;font-weight:500;line-height:1.17;letter-spacing:-.035em;max-width:500px}.premium-hero-description{margin-top:25px;font-size:18px;line-height:1.65;max-width:410px;color:#495d55}.premium-hero-description p:first-child{font-weight:500;color:var(--ink)}.premium-hero-description p+p{margin-top:0}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:28px}.hero-actions .button{padding-inline:25px;min-height:51px;white-space:nowrap}.hero-actions .text-link{font-size:14px;white-space:nowrap}.premium-hero-media{margin:0;min-width:0;height:600px;position:relative;overflow:hidden;background:#deddd2}.premium-hero-media img,.premium-hero-media video{width:100%;height:100%;object-fit:cover;object-position:65% center;display:block}.premium-hero-media video{position:absolute;inset:0}
.quick-booking-wrap{position:relative;z-index:2;margin-top:-27px;scroll-margin-top:30px}.quick-booking{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(170px,.9fr) minmax(145px,.7fr) auto;gap:0;background:var(--cream);border:1px solid #cfd7cd;padding:22px 24px;align-items:center}.quick-field{padding:0 25px;border-right:1px solid #d8dfd4}.quick-field:first-child{padding-left:0}.quick-field label{display:block;font-size:12px;line-height:1.5;color:#67736b;margin-bottom:4px}.quick-field select{display:block;width:100%;min-height:35px;border:0;background:transparent;border-radius:0;color:var(--ink);font-size:16px;padding:0 23px 0 0;cursor:pointer;line-height:1.5}.quick-total{padding:0 23px}.quick-total span{display:block;font-size:11px;color:var(--muted);line-height:1.5}.quick-total strong{display:block;font-size:25px;font-weight:400;line-height:1.4;white-space:nowrap}.quick-booking .button{min-height:48px;font-size:14px;padding-inline:22px;white-space:nowrap}
.premium-services{padding-top:62px;padding-bottom:64px}.section-heading{align-items:flex-end;margin-bottom:29px;gap:30px}.section-heading h2{font-size:42px;font-weight:500;line-height:1.15}.section-heading p{font-size:15px;color:var(--muted)}.section-heading .text-link{padding-bottom:4px}.treatment-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.treatment-feature{min-width:0}.treatment-photo{display:block;height:340px;overflow:hidden;background:#e2dfd2}.treatment-photo img{width:100%;height:100%;object-fit:cover;object-position:center 55%;display:block}.treatment-photo-1 img{object-position:65% center}.treatment-feature-info{border-top:1px solid #bdc9bc;margin-top:13px;padding-top:13px}.treatment-feature h3{font-size:26px;font-weight:500}.treatment-feature p{font-size:14px;color:var(--muted);margin-top:5px;line-height:1.6}.treatment-feature-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px}.service-price{white-space:nowrap}.service-price small{display:inline;font-size:13px;font-weight:400;color:#65726b;margin-right:5px}.service-price strong{font-size:18px;font-weight:500}.price-caption{font-size:12px;color:var(--muted)}.treatment-feature .text-link{font-size:13px}.treatment-list{margin-top:38px;border-top:1px solid var(--line)}.treatment-row{padding:21px 0;display:grid;grid-template-columns:38px 1fr auto 35px;align-items:center;column-gap:19px;border-bottom:1px solid var(--line)}.treatment-index{font-size:12px;align-self:start;padding-top:6px;color:#849084}.treatment-row h3{font-size:22px;font-weight:400}.treatment-row p{font-size:13px;margin-top:4px;color:var(--muted)}.treatment-row-price{font-size:19px;font-weight:400;white-space:nowrap}.treatment-row-price small{font-size:12px;color:var(--muted)}.treatment-row-link{width:35px;height:35px;display:flex;justify-content:flex-end;align-items:center}.treatment-row-link svg{width:21px;height:21px}.services-notice{margin-top:19px;font-size:11px;color:#899184}
.how-band{background:var(--teal);color:white;padding:50px 0}.how-layout{grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.how-intro h2{font-size:42px;line-height:1.25;font-weight:500;letter-spacing:-.025em}.how-intro p{color:#b9d2c8;font-size:15px}.steps-grid{display:flex;flex-direction:column;gap:24px}.step-item{display:grid;grid-template-columns:40px 1fr;column-gap:19px}.step-number{display:block;border-radius:0;background:transparent;color:inherit;width:auto;height:auto;font-size:22px;font-weight:400;margin:0;line-height:1.2;grid-row:1/3;padding-top:3px}.step-item .step-title{display:block;letter-spacing:-.028em;font-size:20px;font-weight:400;margin:0;line-height:1.5}.step-item p{font-size:13px;font-weight:400;line-height:1.7;color:var(--muted);margin-top:2px}.how-band .steps-grid{border-left:1px solid #73938a;padding-left:50px}.how-band .step-item p{color:#bed0c8}
.premium-faq{padding-top:50px;padding-bottom:56px}.premium-faq .section-heading{margin-bottom:20px}.premium-faq h2{font-size:32px}.faq-list{margin-top:20px;border-top:1px solid var(--line)}.faq-item summary{font-size:16px;line-height:1.6;padding:20px 0;font-weight:400}.faq-item summary svg{width:15px;height:15px}.faq-item p{font-size:14px;padding-bottom:21px;max-width:850px;line-height:1.8}.premium-cta{padding-top:37px;padding-bottom:42px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px}.premium-cta h2{font-size:35px;font-weight:400}.premium-cta p{font-size:15px;color:var(--muted);margin-top:9px}
.site-footer{margin-top:0;padding:35px 0 18px;background:#f0f1e9;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:start}.footer-brand img{width:163px;height:43px}.footer-brand p{font-size:12px;margin-top:9px;color:#7d867b}.footer-links{display:grid;grid-template-columns:repeat(3,max-content);gap:9px 40px;font-size:12px;padding-top:4px;font-weight:400;justify-content:end}.footer-links a.active:after{display:none}.footer-bottom{margin-top:28px;padding-top:16px;font-size:10px;color:#8a9286}.footer-bottom a{font-size:10px;text-decoration:none}.footer-bottom a:hover{text-decoration:underline}
/* Secondary pages share the same open, ruled layout. */
.page-head{padding-top:48px;padding-bottom:38px;max-width:900px}.page-head h1{font-size:48px;font-weight:500}.page-head p{margin-top:16px;font-size:17px;line-height:1.8;color:var(--muted);max-width:720px}.page-section{padding-bottom:55px}.page-section .treatment-photo{height:330px}.page-how{padding:0 0 56px}.page-how .steps-grid{max-width:850px;gap:0;border-top:1px solid var(--line)}.page-how .step-item{padding:27px 0;border-bottom:1px solid var(--line);grid-template-columns:55px 1fr}.page-how .step-item .step-title{font-size:24px}.page-how .step-item p{font-size:15px;margin-top:7px}.page-how .step-number{font-size:19px;padding-top:8px;color:#7b877b}.info-panel{max-width:850px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:25px 0 0;margin-top:35px}.info-panel h3{font-size:23px;font-weight:400}.info-panel p{font-size:14px}.faq-section{max-width:900px;margin:0}.faq-section .faq-list{margin-top:0}.legal-prose{max-width:850px}.legal-prose h2{font-size:25px;font-weight:400;margin-top:32px}.legal-prose p{line-height:1.9;font-size:14px}.legal-prose .notice{background:#e9eee4;border:0;border-radius:0;font-size:12px;padding:13px 16px}
.contact-grid{grid-template-columns:1fr 1fr;gap:80px;padding-bottom:60px;align-items:start}.contact-item{padding:25px 0}.contact-item h2{font-size:19px;font-weight:500}.contact-item p,.contact-item a{font-size:16px;color:var(--muted);line-height:1.8}.contact-illustration{border-radius:0;height:460px;overflow:hidden;background:#e2dfd2}.contact-illustration img{height:100%;width:100%;object-fit:cover;object-position:center 58%}
/* Booking: clear choices, durable server state, no decorative image cards. */
.booking-wrap{padding-top:33px;padding-bottom:65px}.booking-topline{margin-bottom:31px;align-items:center}.booking-topline h1{font-size:37px;font-weight:500}.booking-progress{gap:6px}.booking-progress li{font-size:11px;color:#8a9489;gap:5px}.booking-progress li+li:before{width:13px;background:#d0d8cb;margin-right:1px}.booking-progress .progress-number{border:0;border-radius:0;width:21px;height:25px;font-size:11px;background:transparent}.booking-progress li.current .progress-number{border-bottom:2px solid var(--teal);background:transparent;color:var(--teal)}.booking-progress li.done .progress-number{background:transparent;color:#7e907b}.booking-progress li.current{font-weight:500}.booking-layout{grid-template-columns:minmax(0,1fr) 325px;gap:45px}.booking-panel{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:30px 0 0}.booking-panel h2{font-size:31px;font-weight:500}.booking-panel .section-description{font-size:14px;margin-top:9px;margin-bottom:27px;line-height:1.8}.booking-aside{background:#ebeee3;border-radius:0;border:0;padding:26px;position:sticky;top:25px}.booking-aside h3{font-size:22px;font-weight:400}.summary-row{font-size:13px;line-height:1.8;margin:15px 0;gap:19px}.summary-row dt{color:#7c8679}.summary-row.total{margin-top:24px;padding-top:18px;border-color:#d1d9c9;font-size:14px}.summary-row.total dd{font-size:28px;font-weight:400}.aside-note{font-size:11px;border-color:#d1d9c9;line-height:1.7;color:#8b9385}.booking-services{gap:0;border-top:1px solid var(--line)}.booking-service{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:22px 17px 22px 0;background:transparent;gap:19px}.booking-service.selected{background:#edf1e6;box-shadow:none;border-color:var(--line);padding-left:15px}.booking-service img{display:none}.service-index{font-size:12px;color:#8b9687;width:24px;flex-shrink:0;font-weight:400}.booking-service strong{font-size:21px;font-weight:400}.booking-service small{font-size:13px;margin-top:5px}.radio-indicator{width:18px;height:18px;border-color:#b6c5b1;margin-right:0}.selected .radio-indicator{border:5px solid var(--teal);background:var(--cream)}.booking-controls{margin-top:30px;padding-top:23px;border-top:1px solid var(--line)}.booking-controls .button:last-child{min-width:170px}.large-choices{gap:0;border-top:1px solid var(--line)}.large-choice{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:23px 19px 23px 0;background:transparent;font-size:20px}.large-choice.selected{background:#edf1e6;box-shadow:none;border-color:var(--line);padding-left:20px}.large-choice small{font-size:18px;font-weight:400;color:var(--teal)}.field{margin-top:23px}.form-label{font-weight:400;font-size:13px;margin-bottom:8px}.booking-panel .form-label{font-size:13px}.input{border-radius:0;border-color:#c3cfc0;background:#fcfcf8;padding:12px 14px;min-height:50px;font-size:15px}.input:focus{border-color:var(--teal)}.field-hint{font-size:11px}.notice{border-radius:0;background:#edf1e7;font-size:12px;line-height:1.8;padding:12px 15px;color:#7a8574}.notice-error{background:#fff0ed;border-color:#efcfc4;color:#8f3326}.notice-success{background:#edf4e6;border-color:#c6d5b9;color:#3f6034}.sample-map{border-radius:0;padding:17px;background:#e9eee3;gap:13px}.sample-map svg{width:24px;height:24px}.sample-map strong{font-size:13px;font-weight:400}.sample-map small{font-size:11px;line-height:1.8;color:#7e8876}.review-list{margin-top:20px}.review-list .summary-row{border-color:#e0e6da;padding:14px 0}.review-list .summary-row dd{font-size:14px}.review-list .summary-row dt{font-size:13px}.review-user{background:#eaf0e2;padding:16px 18px;border-radius:0}.review-user strong{font-size:16px;font-weight:400}.review-user small{font-size:12px;color:#83907d}.sign-in-box{border:1px solid #cfd9c5;border-radius:0;background:#f0f3e9;padding:23px;margin-top:25px}.sign-in-box h3{font-size:23px;font-weight:400}.sign-in-box p{font-size:13px}.payment-amount{font-weight:400;font-size:43px;margin-top:20px}.payment-options{gap:0;border-top:1px solid var(--line);margin-top:27px}.payment-choice{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:23px 5px;gap:25px}.payment-choice:hover{background:#eaf0e2;border-color:var(--line)}.payment-choice strong{font-size:19px;font-weight:400}.payment-choice small{font-size:12px;margin-top:5px}.confirmation-icon{border-radius:0;background:transparent;color:var(--teal);width:62px;height:62px;border:1px solid #b9c9b0;margin-bottom:25px}.confirmation-icon svg{width:29px;height:29px}.confirmation h2{font-size:32px}.confirmation p{font-size:14px;line-height:1.8}.confirmation-number{background:#edf1e6;font-size:13px;border-radius:0;padding:10px 18px}.confirmation .button-row{gap:13px}.consent-notice,.demo-note{font-size:11px;color:#86917e}
/* Account and dialogs use the same typographic rhythm as booking. */
.account-layout{grid-template-columns:310px minmax(0,1fr);gap:65px;padding-bottom:65px}.account-card{border:0;border-top:1px solid var(--line);border-radius:0;padding:25px 0 0;background:transparent}.profile-avatar{width:46px;height:46px;background:#e4ebdb;border-radius:0;font-size:21px;font-weight:400;margin-bottom:18px}.account-card h2{font-size:27px;font-weight:400;margin-bottom:14px}.account-email{font-size:12px;margin-top:6px;margin-bottom:22px}.account-card .field{margin-top:20px}.account-card .form-label{font-size:13px}.account-profile-form .button{margin-top:24px}.account-bookings-header{padding-top:23px;border-top:1px solid var(--line)}.account-bookings h2{font-size:28px;font-weight:400;margin-bottom:22px}.account-refresh{font-size:12px}.bookings-list{gap:0}.order-card{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:24px 0}.order-card:first-child{border-top:0;padding-top:0}.order-card-header{padding-bottom:0;margin-bottom:17px;border:0;gap:20px}.order-number{font-size:12px}.order-status{font-size:11px;background:transparent;color:var(--teal);padding:0;border-radius:0}.order-status.status-cancelled{background:transparent;color:#8a604c}.order-card h3{font-size:25px;font-weight:400}.order-meta{font-size:12px;line-height:1.8;gap:8px 20px}.order-card-bottom{margin-top:19px}.order-card-bottom strong{font-size:25px;font-weight:400}.order-card-bottom .button{font-size:12px;padding:8px 15px;min-height:37px}.empty-state{border:0;border-top:1px solid var(--line);padding:35px 0;text-align:left;border-radius:0}.empty-state h3{font-size:27px;font-weight:400}.empty-state p{margin:12px 0 24px;font-size:14px;max-width:430px}.auth-page{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:31px 0;margin-top:0;max-width:460px}.auth-form p{font-size:13px;line-height:1.8}.auth-form .field{margin-top:22px}.auth-form .button-block{margin-top:20px}.auth-form .form-label{font-size:13px}.auth-divider{font-size:11px;margin:24px 0}.google-demo-note{font-size:10px}.inbox-hint{font-size:11px;margin-top:17px;color:#86917e;line-height:1.8}.modal-backdrop{background:#0b292854;backdrop-filter:none;padding:28px}.modal{background:var(--cream);border-radius:0;box-shadow:none;padding:35px;max-width:490px}.modal h2{font-size:30px;font-weight:500;margin-bottom:25px}.modal-close{background:transparent;border-radius:0;right:13px;top:13px}.modal-close svg{width:19px;height:19px}.toast{border-radius:0;box-shadow:none;font-size:13px;font-weight:400}.otp-input{font-size:26px}.footer-links,.main-nav{font-weight:400}.initial-skeleton{grid-template-columns:43% 57%;gap:0;padding-top:0;width:100%;max-width:1600px}.skeleton-lines{padding:65px 45px}.skeleton-panel{height:600px;border-radius:0}.skeleton-block{border-radius:0}.skeleton-media{display:none}
@media(min-width:1600px){.premium-hero-copy{padding-left:180px}.premium-hero-media{height:650px}.premium-hero{min-height:650px}}
@media(max-width:1199px){.container{width:calc(100% - 64px)}.header-row{gap:24px}.brand img{width:145px}.main-nav{gap:20px;font-size:13px}.header-actions{gap:13px}.premium-hero{min-height:550px}.premium-hero-copy{padding:50px 28px 60px 32px}.premium-hero h1{font-size:56px}.premium-hero-description{font-size:16px;max-width:330px}.premium-hero-media{height:550px}.hero-actions{gap:18px;flex-wrap:wrap;margin-top:25px}.hero-actions .button{font-size:14px;padding-inline:21px;min-height:48px}.hero-actions .text-link{font-size:13px}.quick-booking{padding:19px 21px;grid-template-columns:minmax(170px,1.2fr) minmax(140px,.9fr) minmax(120px,.7fr) auto}.quick-field{padding-inline:20px}.quick-field select{font-size:15px}.quick-total{padding-inline:19px}.quick-total strong{font-size:23px}.quick-booking .button{font-size:13px;padding-inline:18px}.premium-services{padding-top:53px;padding-bottom:54px}.section-heading h2{font-size:38px}.treatment-photo{height:300px}.treatment-features{gap:29px}.treatment-feature h3{font-size:24px}.treatment-feature p{font-size:13px}.treatment-feature .text-link{font-size:12px}.price-caption{font-size:11px}.how-layout{gap:40px}.how-intro h2{font-size:36px}.how-band .steps-grid{padding-left:35px}.booking-layout{grid-template-columns:minmax(0,1fr) 285px;gap:30px}.booking-progress .progress-label{display:none}.booking-topline h1{font-size:34px}.booking-aside{padding:22px}.account-layout{grid-template-columns:280px minmax(0,1fr);gap:43px}.footer-links{gap:9px 28px}.contact-grid{gap:50px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.demo-bar{font-size:10px;padding:5px 12px}.header-row{min-height:75px;gap:16px}.brand img{width:143px;height:40px}.header-actions .button{font-size:12px;min-height:39px;padding:10px 17px}.header-actions{gap:12px}.main-nav{top:75px;background:var(--cream);padding:12px 20px 22px;border-bottom:1px solid var(--line);box-shadow:none}.main-nav a{font-size:15px;padding-block:12px}.language-select{font-size:11px;max-width:52px}.menu-toggle{width:33px;height:38px;padding:6px}.premium-hero{grid-template-columns:43% 57%;min-height:470px}.premium-hero-copy{padding:40px 24px 50px 20px}.premium-hero h1{font-size:43px;line-height:1.22}.premium-hero-description{font-size:14px;margin-top:22px;max-width:285px}.premium-hero-media{height:470px}.hero-actions{gap:17px;margin-top:23px;flex-direction:column;align-items:flex-start}.hero-actions .button{min-height:45px;font-size:13px;padding-inline:17px}.hero-actions .text-link{font-size:12px}.quick-booking-wrap{margin-top:-18px}.quick-booking{grid-template-columns:1.2fr .8fr auto;gap:17px 0;padding:18px 19px}.quick-field{padding:0 18px}.quick-field:nth-child(2){border:0}.quick-field label{font-size:11px}.quick-field select{font-size:14px;min-height:32px}.quick-total{display:none}.quick-booking .button{font-size:12px;padding:11px 16px;min-height:44px}.quick-booking .button svg{display:none}.premium-services{padding-top:44px;padding-bottom:44px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:34px}.section-heading .text-link{font-size:12px}.treatment-features{gap:24px}.treatment-photo{height:235px}.treatment-feature h3{font-size:23px}.treatment-feature p{font-size:12px;line-height:1.8}.treatment-feature-info{margin-top:11px;padding-top:12px}.treatment-feature-bottom{gap:12px;align-items:start;flex-direction:column;margin-top:12px}.service-price strong{font-size:18px}.service-price small{font-size:11px}.price-caption{font-size:11px}.treatment-feature .text-link{font-size:12px}.treatment-list{margin-top:30px}.treatment-row{grid-template-columns:28px 1fr auto 25px;gap:12px;padding:19px 0}.treatment-row h3{font-size:20px}.treatment-row p{font-size:12px;max-width:360px}.treatment-row-price{font-size:17px}.treatment-index{font-size:11px}.treatment-row-price small{font-size:10px}.treatment-row-link{width:25px}.how-band{padding:40px 0}.how-layout{grid-template-columns:.9fr 1.1fr;gap:30px}.how-intro h2{font-size:31px}.how-band .steps-grid{padding-left:25px;gap:21px}.step-item{grid-template-columns:28px 1fr;column-gap:13px}.step-number{font-size:18px}.step-item .step-title{font-size:18px}.step-item p{font-size:11px}.premium-faq{padding-top:38px;padding-bottom:40px}.premium-faq .section-heading{margin-bottom:18px}.premium-faq h2{font-size:28px}.faq-item summary{font-size:15px;padding:19px 0}.faq-item p{font-size:13px}.site-footer{padding-top:30px}.footer-top{grid-template-columns:1fr 1.2fr;gap:30px}.footer-brand img{width:142px;height:40px}.footer-brand p{font-size:11px;max-width:210px}.footer-links{gap:8px 20px;font-size:11px;grid-template-columns:repeat(2,max-content)}.footer-bottom{font-size:9px;margin-top:25px}.page-head{padding-top:37px;padding-bottom:31px}.page-head h1{font-size:39px}.page-head p{font-size:15px;margin-top:12px}.page-section .treatment-photo{height:245px}.premium-cta{padding:32px 0 36px}.premium-cta h2{font-size:30px}.premium-cta p{font-size:13px}.premium-cta .button{font-size:13px;min-height:45px;padding-inline:20px}.booking-wrap{padding-top:28px;padding-bottom:48px}.booking-topline{margin-bottom:22px;display:block}.booking-topline h1{font-size:33px}.booking-progress{margin-top:16px;justify-content:space-between}.booking-progress li{flex:1}.booking-progress li:first-child{flex:0}.booking-progress li+li:before{width:100%;margin-right:10px}.booking-progress .progress-number{height:26px;min-width:20px}.booking-layout{grid-template-columns:1fr;gap:25px}.booking-panel{padding-top:25px}.booking-panel h2{font-size:29px}.booking-panel .section-description{font-size:13px;margin-bottom:25px}.booking-aside{display:none}.booking-service{padding:20px 16px 20px 0}.booking-service strong{font-size:20px}.booking-service small{font-size:12px}.service-index{font-size:11px}.booking-controls{margin-top:25px;padding-top:21px}.booking-controls .button{font-size:14px;min-height:46px}.account-layout{grid-template-columns:1fr;gap:35px}.account-profile-form{grid-template-columns:1fr 1fr;gap:18px}.account-card .field{margin:0}.account-profile-form .button{margin-top:0}.account-card h2{font-size:25px}.account-bookings-header{padding-top:23px}.account-bookings h2{font-size:27px}.order-card h3{font-size:24px}.contact-grid{gap:32px}.contact-illustration{height:390px}.contact-item p,.contact-item a{font-size:14px}.contact-item h2{font-size:18px}.page-how .step-item .step-title{font-size:22px}.page-how .step-item p{font-size:14px}.initial-skeleton{width:100%;grid-template-columns:43% 57%}.skeleton-lines{padding:45px 25px}.skeleton-title{height:45px}.skeleton-panel{height:470px}}
@media(max-width:540px){.container{width:calc(100% - 36px)}.demo-bar{font-size:9px;padding-block:5px;letter-spacing:0}.header-row{min-height:68px;gap:10px}.brand img{width:123px;height:34px}.header-actions{gap:8px}.header-actions .button{font-size:11px;min-height:35px;padding:8px 13px}.language-select{font-size:10px;width:43px;max-width:43px}.menu-toggle{width:26px;height:35px;padding:3px}.menu-toggle svg{width:21px;height:21px}.main-nav{top:68px;padding-inline:18px}.premium-hero{display:flex;flex-direction:column;min-height:0}.premium-hero-copy{padding:34px 22px 32px;display:grid;grid-template-columns:1fr;justify-content:start;align-items:start}.premium-hero h1{font-size:45px;line-height:1.14;letter-spacing:-.035em;max-width:370px}.premium-hero-description{font-size:14px;line-height:1.7;margin-top:20px;max-width:340px}.hero-actions{display:flex;flex-direction:row;align-items:center;gap:22px;margin-top:24px}.hero-actions .button{font-size:12px;min-height:43px;padding:11px 18px}.hero-actions .text-link{font-size:12px;gap:7px}.hero-actions .text-link svg{width:15px;height:15px}.premium-hero-media{height:310px;width:100%}.premium-hero-media img,.premium-hero-media video{object-position:64% center}.quick-booking-wrap{margin-top:0;width:calc(100% - 36px)}.quick-booking{grid-template-columns:1.15fr .85fr;gap:0;padding:18px 0 17px;border-left:0;border-right:0;border-top:0;border-bottom:1px solid var(--line);background:transparent}.quick-field{padding:0 0 14px 18px;min-width:0;border-right:0}.quick-field:first-child{border-right:1px solid var(--line);padding:0 17px 14px 0}.quick-field label{font-size:10px;margin-bottom:3px}.quick-field select{font-size:15px;min-height:34px;padding-right:10px;max-width:100%;width:100%}.quick-total{display:block;padding:14px 0 0;border-top:1px solid var(--line)}.quick-total span{font-size:9px}.quick-total strong{font-size:23px}.quick-booking .button{align-self:end;justify-self:end;min-height:43px;padding:11px 20px;margin-top:15px;font-size:12px;min-width:150px}.quick-booking .button svg{display:block;width:15px;height:15px}.premium-services{padding-top:35px;padding-bottom:35px}.section-heading{align-items:end;gap:18px;margin-bottom:23px}.section-heading h2{font-size:31px;line-height:1.16}.section-heading .text-link{font-size:11px;gap:7px;padding-bottom:2px}.section-heading .text-link svg{width:15px;height:15px}.treatment-features{grid-template-columns:1fr;gap:30px}.treatment-photo{height:auto;aspect-ratio:1.35}.treatment-photo img{object-position:center 54%}.treatment-photo-1 img{object-position:63% center}.treatment-feature-info{margin-top:11px;padding-top:12px}.treatment-feature h3{font-size:24px}.treatment-feature p{font-size:13px;margin-top:5px;line-height:1.7}.treatment-feature-bottom{display:flex;flex-direction:row;align-items:center;margin-top:13px;gap:10px}.service-price small{font-size:11px}.service-price strong{font-size:18px}.price-caption{font-size:10px}.treatment-feature .text-link{font-size:12px}.treatment-list{margin-top:31px}.treatment-row{grid-template-columns:22px 1fr 22px;column-gap:10px;padding:18px 0;row-gap:7px}.treatment-row-copy{grid-column:2;min-width:0}.treatment-row h3{font-size:19px;line-height:1.5}.treatment-row p{font-size:11px;line-height:1.8;margin-top:3px}.treatment-index{font-size:10px;padding-top:6px;grid-row:1/3}.treatment-row-price{grid-column:2;grid-row:2;font-size:16px}.treatment-row-price small{font-size:10px}.treatment-row-link{grid-column:3;grid-row:1/3;width:22px;align-self:center}.treatment-row-link svg{width:19px;height:19px}.services-notice{font-size:10px;line-height:1.8;margin-top:17px}.how-band{padding:35px 0 38px}.how-layout{grid-template-columns:1fr;gap:30px}.how-intro h2{font-size:32px;line-height:1.25}.how-band .steps-grid{border-left:0;border-top:1px solid #67897d;padding:27px 0 0;gap:23px}.step-item{grid-template-columns:31px 1fr;column-gap:16px}.step-number{font-size:19px;padding-top:3px}.step-item .step-title{font-size:18px;line-height:1.5}.step-item p{font-size:12px;line-height:1.8;margin-top:3px}.premium-faq{padding-top:34px;padding-bottom:35px}.premium-faq h2{font-size:26px}.premium-faq .section-heading{margin-bottom:15px}.faq-list{margin-top:15px}.faq-item summary{font-size:14px;line-height:1.8;padding:17px 0;gap:20px}.faq-item p{font-size:12px;line-height:1.9;padding-bottom:18px}.faq-item summary svg{width:14px;height:14px}.site-footer{padding-top:27px;padding-bottom:17px}.footer-top{grid-template-columns:1fr;gap:25px}.footer-brand img{width:142px;height:37px}.footer-brand p{font-size:11px;margin-top:8px;max-width:none}.footer-links{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:start;gap:10px 16px;font-size:11px}.footer-bottom{font-size:9px;line-height:1.9;margin-top:23px;padding-top:14px;display:block}.footer-bottom a{display:inline-block;margin-top:8px;font-size:9px}.page-head{padding-top:31px;padding-bottom:27px}.page-head h1{font-size:34px;line-height:1.25}.page-head p{font-size:14px;line-height:1.8;margin-top:12px}.page-section{padding-bottom:35px}.page-section .treatment-photo{height:auto;aspect-ratio:1.35}.premium-cta{display:block;padding-top:28px;padding-bottom:32px}.premium-cta h2{font-size:29px;line-height:1.3}.premium-cta p{font-size:12px;line-height:1.8;margin-top:8px}.premium-cta .button{font-size:12px;min-height:43px;margin-top:20px;padding-inline:20px}.page-how{padding-bottom:35px}.page-how .step-item{grid-template-columns:31px 1fr;padding:22px 0;column-gap:16px}.page-how .step-item .step-title{font-size:20px}.page-how .step-item p{font-size:12px;margin-top:6px}.page-how .step-number{font-size:17px;padding-top:7px}.info-panel{margin-top:28px;padding-top:22px}.info-panel h3{font-size:21px;margin-bottom:10px}.info-panel p{font-size:12px;line-height:1.9}.contact-grid{grid-template-columns:1fr;gap:29px;padding-bottom:35px}.contact-item{padding:22px 0}.contact-item h2{font-size:18px}.contact-item p,.contact-item a{font-size:14px;line-height:1.9}.contact-illustration{height:340px}.legal-prose h2{font-size:22px;margin-top:26px}.legal-prose p{font-size:12px;line-height:2}.legal-prose .notice{font-size:11px;line-height:1.9;padding:12px 14px}.booking-wrap{padding-top:25px;padding-bottom:35px}.booking-topline h1{font-size:30px}.booking-progress{margin-top:16px;gap:4px}.booking-progress li+li:before{margin-right:8px}.booking-progress .progress-number{min-width:20px;font-size:10px}.booking-panel{padding:23px 0 0;border-top:1px solid var(--line)}.booking-panel h2{font-size:27px;line-height:1.3}.booking-panel .section-description{font-size:12px;margin-top:8px;margin-bottom:24px}.booking-service{gap:13px;padding:19px 10px 19px 0}.booking-service.selected{padding-left:11px}.service-index{font-size:10px;width:18px}.booking-service strong{font-size:18px;line-height:1.5}.booking-service small{font-size:11px;line-height:1.8;margin-top:3px}.radio-indicator{width:17px;height:17px}.booking-controls{padding-top:20px;margin-top:25px;gap:12px}.booking-controls .button{font-size:12px;min-height:45px;padding:11px 19px}.booking-controls .button:last-child{min-width:145px}.large-choice{font-size:18px;padding:21px 13px 21px 0}.large-choice.selected{padding-left:14px}.large-choice small{font-size:18px}.form-grid{gap:20px;grid-template-columns:1fr}.booking-panel .form-label{font-size:12px}.input{font-size:16px;min-height:49px;padding:11px 12px;border-radius:0}.form-grid .field{margin-top:0}.field{margin-top:23px}.field-hint{font-size:10px;line-height:1.8}.notice{font-size:11px;line-height:1.9;margin-top:18px;padding:12px 14px}.sample-map{padding:14px;gap:11px;margin-top:17px}.sample-map svg{width:21px;height:21px}.sample-map strong{font-size:12px}.sample-map small{font-size:10px;line-height:1.8;margin-top:3px}.review-list .summary-row{font-size:12px;gap:15px;padding:13px 0}.review-list .summary-row dt{font-size:12px}.review-list .summary-row dd{font-size:12px;max-width:67%}.review-list .summary-row.total dd{font-size:26px}.review-user{padding:14px}.review-user strong{font-size:15px}.review-user small{font-size:10px}.review-user .button{font-size:11px}.sign-in-box{padding:20px 17px;margin-top:23px}.sign-in-box h3{font-size:21px}.sign-in-box p{font-size:12px;line-height:1.9}.sign-in-box .button{font-size:12px;min-height:43px}.payment-amount{font-size:38px;margin-top:19px}.payment-amount span{font-size:12px}.payment-choice{padding:20px 0;gap:20px}.payment-choice strong{font-size:17px;line-height:1.6}.payment-choice small{font-size:11px;line-height:1.8}.payment-choice svg{width:18px;height:18px}.confirmation h2{font-size:28px}.confirmation p{font-size:12px;line-height:1.9}.confirmation-icon{height:56px;width:56px;margin-bottom:23px}.confirmation-number{font-size:12px;padding:9px 14px}.confirmation .button-row{display:flex;flex-direction:column;gap:12px}.confirmation .button-row .button{font-size:12px;min-height:44px;width:100%}.account-layout{gap:30px;padding-bottom:35px}.account-card{padding-top:23px}.account-card h2{font-size:25px;margin-bottom:12px}.profile-avatar{width:42px;height:42px;font-size:20px;margin-bottom:17px}.account-email{font-size:11px;margin-bottom:23px}.account-profile-form{grid-template-columns:1fr;gap:20px}.account-profile-form .button{margin-top:4px;font-size:12px;min-height:45px}.account-card .form-label{font-size:12px}.account-bookings-header{padding-top:21px}.account-bookings h2{font-size:25px;margin-bottom:22px}.account-refresh{font-size:11px}.order-card{padding:23px 0}.order-card-header{gap:18px;margin-bottom:14px}.order-number{font-size:11px}.order-status{font-size:10px}.order-card h3{font-size:22px;margin-bottom:9px}.order-meta{font-size:11px;line-height:1.9;gap:4px 12px}.order-card-bottom{margin-top:18px;gap:20px}.order-card-bottom strong{font-size:25px}.order-card-bottom .button{font-size:11px;min-height:35px;padding:8px 13px}.auth-page{padding:26px 0;margin-bottom:30px}.auth-page h2{font-size:26px!important}.auth-form p{font-size:12px;line-height:1.9}.auth-form .form-label{font-size:12px}.auth-form .button{font-size:12px;min-height:46px}.auth-form .field{margin-top:20px}.auth-form .button-block{margin-top:20px}.auth-divider{font-size:10px;margin:23px 0}.google-demo-note{font-size:10px;line-height:1.8}.inbox-hint{font-size:10px;line-height:1.9}.modal-backdrop{padding:18px}.modal{border-radius:0;padding:29px 23px;max-height:calc(100dvh - 36px)}.modal h2{font-size:27px;margin-bottom:22px}.modal-close{top:12px;right:11px}.otp-input{font-size:25px}.empty-state{padding:29px 0}.empty-state h3{font-size:24px}.empty-state p{font-size:12px;line-height:1.9}.empty-state .button{font-size:12px;min-height:43px}.demo-note{font-size:10px;line-height:1.8}.toast{font-size:12px;line-height:1.8;padding:12px 17px}.initial-skeleton{display:flex;flex-direction:column;width:100%}.skeleton-lines{padding:35px 22px}.skeleton-title{height:45px;width:67%;margin-bottom:10px}.skeleton-short{width:48%}.skeleton-panel{height:310px}.skeleton-block:not(.skeleton-title){height:18px}}
/* Softer touch points; editorial layouts stay open and unframed. */
.button{border-radius:12px}
.button-plain{border-radius:0}
.quick-booking{border:0;border-radius:18px;background:#efefe6;padding:24px 28px}
.quick-field{border-right-color:#d7dbcf}
.input{border-radius:10px;background:#fcfcf8}
.notice,.legal-prose .notice,.sample-map,.review-user,.sign-in-box{border-radius:12px}
.booking-aside{border-radius:16px}
.booking-service.selected,.large-choice.selected{border-radius:10px}
.confirmation-icon,.confirmation-number,.profile-avatar{border-radius:12px}
.modal{border-radius:18px}
.modal-close{border-radius:10px;background:#e9eee3}
.toast{border-radius:12px}
.treatment-photo,.contact-illustration{border-radius:8px}
@media(max-width:800px){.quick-booking{padding:20px 22px;border-radius:16px}}
@media(max-width:540px){
  .quick-booking-wrap{margin-top:16px}
  .quick-booking{padding:19px 18px 18px;background:#efefe6;border:0;border-radius:14px}
  .quick-field:first-child{padding-right:15px;border-right-color:#d7dbcf}
  .quick-field:nth-child(2){padding-left:15px}
  .quick-total{border-top-color:#d7dbcf}
  .quick-booking .button{min-width:140px;padding-inline:16px}
  .input{border-radius:10px}
  .modal{border-radius:16px}
}
/* Glass direction requested by the client: warm translucent cream and deep teal. */
:root{--glass-cream:rgba(255,255,248,.58);--glass-soft:rgba(255,255,248,.36);--glass-teal:rgba(14,75,79,.88);--glass-edge:rgba(255,255,255,.76);--glass-depth:0 9px 28px rgba(11,46,45,.055),inset 0 1px 0 rgba(255,255,255,.78);--muted:#596e62}
body{background-color:#eff3ea;background-image:linear-gradient(118deg,#edf3e9 0%,#faf9f0 43%,#e6efeb 100%);background-attachment:fixed}
.demo-bar{background:rgba(220,233,219,.58);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);border-bottom:1px solid rgba(255,255,255,.62)}
.site-header{background:rgba(255,255,249,.66);border-bottom-color:rgba(255,255,255,.76);box-shadow:0 4px 20px rgba(11,46,45,.035);-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%)}
.premium-hero-copy{background:linear-gradient(135deg,rgba(255,255,250,.35),rgba(255,255,250,.12));box-shadow:inset -1px 0 0 rgba(255,255,255,.5);-webkit-backdrop-filter:blur(20px) saturate(125%);backdrop-filter:blur(20px) saturate(125%)}
.button,.menu-toggle,.language-select{-webkit-backdrop-filter:blur(14px) saturate(145%);backdrop-filter:blur(14px) saturate(145%)}
.button-primary{background:linear-gradient(145deg,rgba(45,108,108,.94),rgba(14,75,79,.91));border-color:rgba(255,255,255,.34);box-shadow:0 5px 16px rgba(11,46,45,.11),inset 0 1px 0 rgba(255,255,255,.27);color:#fff}
.button-primary:hover{background:linear-gradient(145deg,rgba(45,108,108,.98),rgba(14,75,79,.96));border-color:rgba(255,255,255,.54);box-shadow:0 5px 16px rgba(11,46,45,.11),inset 0 1px 0 rgba(255,255,255,.32)}
.button-outline,.button-soft{background:rgba(255,255,249,.52);border-color:rgba(255,255,255,.84);box-shadow:0 4px 15px rgba(11,46,45,.035),inset 0 0 0 1px rgba(14,75,79,.07)}
.button-outline:hover,.button-soft:hover{background:rgba(255,255,250,.75);border-color:rgba(255,255,255,.95)}
.button-lime{background:linear-gradient(140deg,rgba(226,249,159,.83),rgba(207,236,109,.89));border-color:rgba(255,255,255,.7);box-shadow:var(--glass-depth)}
.button-plain{background:transparent;box-shadow:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}
.menu-toggle,.language-select{border-radius:9px;background:rgba(255,255,249,.34);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.quick-booking,.booking-panel,.booking-aside,.account-card,.account-bookings,.auth-page,.modal,.premium-cta,.info-panel,.empty-state,.site-error{background:var(--glass-cream);box-shadow:var(--glass-depth);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%)}
.quick-booking{background:rgba(251,253,242,.72);border-color:rgba(255,255,255,.9);box-shadow:0 11px 35px rgba(11,46,45,.075),inset 0 1px 0 rgba(255,255,255,.9)}
.quick-field{border-right-color:rgba(14,75,79,.12)}
.quick-field select{background:rgba(255,255,253,.23);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.36)}
.quick-total{border-top-color:rgba(14,75,79,.12)}
.treatment-feature-info,.treatment-row,.faq-item,.booking-service,.large-choice,.payment-choice,.order-card,.notice,.legal-prose .notice,.sample-map,.review-user,.sign-in-box,.confirmation-number,.profile-avatar{background:var(--glass-soft);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 4px 17px rgba(11,46,45,.025);border-color:rgba(255,255,255,.65);-webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%)}
.treatment-feature-info{border:1px solid rgba(255,255,255,.7);border-radius:14px;padding:16px 18px;margin-top:11px}
.treatment-list{border-top:0}
.treatment-row{border:1px solid rgba(255,255,255,.67);border-radius:12px;padding-inline:18px;margin-bottom:9px}
.treatment-photo{box-shadow:0 8px 25px rgba(11,46,45,.045),0 0 0 1px rgba(255,255,255,.72)}
.how-band{background:linear-gradient(130deg,rgba(17,82,83,.91),rgba(14,75,79,.86));border-top:1px solid rgba(255,255,255,.36);border-bottom:1px solid rgba(255,255,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);-webkit-backdrop-filter:blur(28px) saturate(145%);backdrop-filter:blur(28px) saturate(145%)}
.how-band .step-item p{color:#d7e6dd}
.how-band .steps-grid{border-left-color:rgba(231,246,236,.33)}
.faq-list{border-top:0}
.faq-item{border:1px solid rgba(255,255,255,.7);border-radius:12px;padding-inline:18px;margin-top:9px}
.site-footer{background:rgba(241,247,236,.59);border-top:1px solid rgba(255,255,255,.86);box-shadow:inset 0 1px 0 rgba(255,255,255,.4);-webkit-backdrop-filter:blur(25px) saturate(140%);backdrop-filter:blur(25px) saturate(140%)}
.footer-bottom{border-top-color:rgba(14,75,79,.1)}
.premium-cta{border-radius:18px;padding-inline:28px;margin-bottom:25px}
.booking-panel{border-radius:18px;padding:28px}
.booking-aside{background:rgba(233,242,224,.64)}
.booking-services,.large-choices,.payment-options{border-top:0}
.booking-service,.large-choice,.payment-choice{border:1px solid rgba(255,255,255,.65);border-radius:12px;padding-inline:17px;margin-bottom:8px}
.booking-service.selected,.large-choice.selected{background:rgba(222,237,203,.63);border-color:rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px rgba(14,75,79,.13),0 4px 15px rgba(11,46,45,.035);padding-left:17px}
.payment-choice:hover{background:rgba(232,244,220,.75);border-color:rgba(255,255,255,.9)}
.input{background:rgba(255,255,253,.61);border-color:rgba(255,255,255,.92);box-shadow:inset 0 0 0 1px rgba(14,75,79,.11),0 3px 13px rgba(11,46,45,.025);-webkit-backdrop-filter:blur(14px) saturate(135%);backdrop-filter:blur(14px) saturate(135%)}
.input:focus{background:rgba(255,255,253,.82);border-color:rgba(14,75,79,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.notice,.legal-prose .notice{color:#4c6656;background:rgba(236,244,224,.57);border:1px solid rgba(255,255,255,.76)}
.notice-error{color:#8b3026;background:rgba(255,235,230,.83);border-color:rgba(255,255,255,.86)}
.notice-success{color:#2f5936;background:rgba(229,245,220,.77);border-color:rgba(255,255,255,.86)}
.sample-map,.review-user,.sign-in-box{border:1px solid rgba(255,255,255,.8);background:rgba(232,243,221,.55)}
.booking-controls,.review-list .summary-row,.summary-row.total,.aside-note{border-color:rgba(14,75,79,.1)}
.confirmation-icon{background:rgba(239,248,225,.57);border-color:rgba(255,255,255,.9);box-shadow:var(--glass-depth);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.account-card{border-radius:18px;padding:25px}
.account-bookings{border-radius:18px;padding:25px}
.account-bookings-header{border-top:0;padding-top:0}
.order-card,.order-card:first-child{border:1px solid rgba(255,255,255,.67);border-radius:12px;padding:20px;margin-bottom:12px}
.profile-avatar{color:var(--teal);background:rgba(222,236,211,.62);border:1px solid rgba(255,255,255,.8)}
.auth-page{border-radius:18px;padding:30px}
.auth-divider:before,.auth-divider:after{background:rgba(14,75,79,.12)}
.modal-backdrop{background:rgba(11,46,45,.27);-webkit-backdrop-filter:blur(9px) saturate(110%);backdrop-filter:blur(9px) saturate(110%)}
.modal{background:rgba(250,253,242,.85);box-shadow:0 24px 80px rgba(11,46,45,.17),inset 0 1px 0 rgba(255,255,255,.95);border-color:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(34px) saturate(145%);backdrop-filter:blur(34px) saturate(145%)}
.modal-close{background:rgba(255,255,250,.65);box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}
.toast{background:rgba(14,75,79,.91);border:1px solid rgba(255,255,255,.4);box-shadow:0 9px 30px rgba(11,46,45,.13),inset 0 1px 0 rgba(255,255,255,.22);-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%)}
.info-panel,.empty-state,.site-error{border-radius:16px;padding:26px}
.services-notice,.demo-note,.inbox-hint,.field-hint,.panel-note,.account-email,.quick-total span,.quick-field label,.aside-note,.sample-map small,.review-user small,.google-demo-note,.price-caption,.treatment-index,.order-number,.footer-brand p,.footer-bottom{color:#607568}
.premium-hero-media,.premium-hero-media img,.premium-hero-media video,.treatment-photo img,.contact-illustration img{filter:none;-webkit-backdrop-filter:none;backdrop-filter:none}
@media(max-width:800px){
  .main-nav{background:rgba(251,253,243,.9);border-bottom:1px solid rgba(255,255,255,.85);box-shadow:0 12px 28px rgba(11,46,45,.07);-webkit-backdrop-filter:blur(26px) saturate(145%);backdrop-filter:blur(26px) saturate(145%)}
  .account-card,.account-bookings{padding:23px}
}
@media(max-width:540px){
  body{background-image:linear-gradient(155deg,#edf3e9 0%,#faf9f0 48%,#e6efeb 100%)}
  .premium-hero-copy{background:rgba(255,255,250,.24);box-shadow:inset 0 -1px 0 rgba(255,255,255,.55)}
  .quick-booking{background:rgba(251,253,242,.76);border:1px solid rgba(255,255,255,.87)}
  .quick-field:first-child,.quick-total{border-color:rgba(14,75,79,.12)}
  .treatment-feature-info{padding:14px 15px;border-radius:12px}
  .treatment-row{padding-inline:13px;border-radius:11px;margin-bottom:8px}
  .faq-item{padding-inline:14px;border-radius:11px}
  .how-band .steps-grid{border-top-color:rgba(231,246,236,.33)}
  .booking-panel{padding:22px 17px;border-radius:15px}
  .booking-service,.large-choice,.payment-choice{padding-inline:13px;border-radius:10px}
  .booking-service.selected,.large-choice.selected{padding-left:13px}
  .account-card,.account-bookings{padding:21px 18px;border-radius:15px}
  .order-card,.order-card:first-child{padding:17px 14px;border-radius:11px}
  .auth-page{padding:25px 19px;border-radius:15px}
  .modal{padding:28px 22px}
  .premium-cta{padding-inline:21px;margin-bottom:22px;border-radius:15px}
  .info-panel,.empty-state,.site-error{padding:21px 18px;border-radius:14px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .site-header,.main-nav,.quick-booking,.booking-panel,.booking-aside,.account-card,.account-bookings,.auth-page,.modal,.site-footer{background-color:rgba(249,252,241,.97)}
  .button-primary{background:#0e4b4f}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.stripe-checkout-actions{display:grid;gap:13px;margin-top:28px}.stripe-checkout-actions .button{margin:0;width:100%;justify-content:center}.stripe-checkout-actions .button:disabled{opacity:.55;cursor:not-allowed}

/* For Business link (inc/business-pages.php): always in the header (tablets and small laptops have no menu toggle, QA 2026-10-26);
   between the mobile menu and 960px the header tightens so all six items and "Book now" fit on one line in th/en/zh. */
@media(min-width:801px) and (max-width:959px){.header-row{gap:14px}.brand img{width:116px}.main-nav{gap:12px;font-size:12.5px}.header-actions{gap:8px}.header-actions .button{padding-inline:14px;white-space:nowrap}}
