/* Shared Liquid Glass material. Layout and control semantics remain in their owners. */
:root{--liquid-fill:#18202791;--liquid-edge:#ffffff28;--liquid-shadow:inset 0 1px 0 #ffffff38,inset 1px 0 0 #ffffff0b,inset 0 -1px 0 #e8c56b0d,0 10px 30px #0002}
body.customer-app{background:radial-gradient(ellipse at 12% 12%,#b28a4215,transparent 48%),radial-gradient(ellipse at 92% 68%,#688ca11a,transparent 52%),#0d1014;background-attachment:fixed}
body:not(.salon-page) :is(.ash-liquid,#auth-panel,#profile-form,#password-form,#booking-form,#confirmation).ash-liquid{
 --liquid-blur:14px;--liquid-material:radial-gradient(ellipse at var(--glass-x,18%) var(--glass-y,0%),#ffffff0f,transparent 62%),linear-gradient(135deg,#ffffff0b,transparent 44%,#e8c56b03),var(--liquid-fill);
 background:var(--liquid-material);border-color:var(--liquid-edge);box-shadow:var(--liquid-shadow);
 backdrop-filter:var(--liquid-refraction,blur(var(--liquid-blur)) saturate(135%));-webkit-backdrop-filter:blur(var(--liquid-blur)) saturate(135%);
}
body:not(.salon-page) .ash-liquid.ash-liquid::before{content:none}
/* Preserve the moving booking rim, with a translucent inner surface. */
body a.booking-moving-border.pearl-button.ash-liquid::before{content:"";background:linear-gradient(135deg,#ffffff0c,#10192380);border-color:#ffffff0d}
body a.booking-moving-border.pearl-button.ash-liquid:hover::before{background:#d4e4fa0e}
body:not(.salon-page) :is(.ash-liquid,#auth-panel).ash-liquid.ash-liquid-control{--liquid-fill:#25303c6e;--liquid-blur:8px;box-shadow:inset 0 1px 0 #ffffff2c,inset 0 -1px 0 #0002,0 2px 8px #0001}
body:not(.salon-page) :is(.ash-liquid,#auth-panel).ash-liquid.ash-liquid-navigation{--liquid-fill:#151c26be;--liquid-blur:18px}
/* Nested surfaces keep their tint and curved highlights without another blur. */
body:not(.salon-page) :is(.ash-liquid,#auth-panel,#profile-form,#password-form,#booking-form,#confirmation).ash-liquid.ash-liquid-nested{backdrop-filter:none;-webkit-backdrop-filter:none}
body:not(.salon-page) :is(.ash-liquid,#auth-panel).ash-liquid.ash-liquid-control:is(:hover,:focus-visible){border-color:#f1d49166;background:linear-gradient(135deg,#ffffff13,transparent 70%),#34415191}
body:not(.salon-page) :is(.ash-liquid,#auth-panel).ash-liquid.ash-liquid-control:is(.primary,.app-primary-link){background:linear-gradient(135deg,#e8c56b3b,#c9a65b26),#333025bd;border-color:#efd18d70;color:#fff0c7}
body:not(.salon-page) :is(.ash-liquid,#auth-panel).ash-liquid.ash-liquid-control:is([aria-pressed=true],[aria-selected=true]){background:linear-gradient(135deg,#e8c56b30,#e8c56b12),#24282bb3;border-color:#e8c56b80;color:#ffe5a2}
body:not(.salon-page) :is(.ash-liquid,#auth-panel).ash-liquid.ash-liquid-control:is(.app-cancel,.danger){background:#6b303528;border-color:#eb9b9b50;color:#f5bfc3}
body:not(.salon-page) :is(.ash-liquid,#auth-panel).ash-liquid.ash-liquid-control:disabled{opacity:.55;cursor:not-allowed}
body:not(.salon-page) :is(.ash-liquid,#auth-panel).ash-liquid.ash-liquid-control.google-login{background:#fff;color:#202124;border-color:#dadce0;box-shadow:0 1px 3px #0002}
body:not(.salon-page) :is(.ash-liquid,#auth-panel).ash-liquid.ash-liquid-control.google-login:hover{background:#f8faff;border-color:#bbc5d4}
body:not(.salon-page) :is(.ash-liquid,#auth-panel,#profile-form,#password-form,#booking-form,#confirmation).ash-liquid.ash-liquid-field{background:#0b131cc4;border-color:#ffffff32;box-shadow:inset 0 1px 3px #0002;backdrop-filter:none;-webkit-backdrop-filter:none;color:#f3f4f6}
body:not(.salon-page) :is(.ash-liquid,#auth-panel).ash-liquid.ash-liquid-field:focus-within{border-color:#e8c56b99;outline:2px solid #e8c56b26;outline-offset:2px}
body.customer-app #auth-panel .auth-input input{background:transparent;box-shadow:none}
body:not(.salon-page) .ash-liquid>.ash-noise-surface{--noise-tint:.08;--noise-grain:.10}
body:not(.salon-page) .ash-liquid:is(:hover,:focus-visible)>.ash-noise-surface{--noise-tint:.12;--noise-grain:.14}
body:not(.salon-page) .ash-liquid.google-login>.ash-noise-surface{--noise-tint:.015;--noise-grain:.06}
body:not(.salon-page) .ash-noise-button:is(.auth-text-button,.password-toggle)>.ash-noise-surface{--noise-tint:.02;--noise-grain:.06;opacity:.25}
body:not(.salon-page) .ash-noise-button:is(.auth-text-button,.password-toggle)>.ash-noise-surface::before{animation:none}
body:not(.salon-page) .ash-liquid>.ash-noise-surface::before{animation:none}
body:not(.salon-page) .ash-liquid>.pearl-surface{display:none}
body:not(.salon-page) .ash-liquid>.pearl-text{color:inherit;text-shadow:none}
body:not(.salon-page) .ash-liquid.ash-liquid-moving{backdrop-filter:none;-webkit-backdrop-filter:none}
body header.site-header>nav#navigation.ash-liquid:not(.open){background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
/* The mobile service description is a box; its display:contents parent is not. */
@media(max-width:1023px){body.home-page .catalogue-info.ash-liquid{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}body.home-page .catalogue-info #service-description.ash-liquid{backdrop-filter:blur(10px) saturate(135%);-webkit-backdrop-filter:blur(10px) saturate(135%)}}
@media(min-width:1024px){body.home-page .catalogue-info #service-description.ash-liquid{background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(max-width:760px){body:not(.salon-page) :is(.ash-liquid,#auth-panel,#profile-form,#password-form,#booking-form,#confirmation).ash-liquid{--liquid-fill:#17202ac9;--liquid-blur:10px}body.customer-app{background-attachment:scroll}}
@media(prefers-reduced-motion:reduce){body:not(.salon-page) .ash-liquid{transition:none;--liquid-refraction:blur(12px) saturate(125%)}}
@media(prefers-reduced-transparency:reduce){body:not(.salon-page) :is(.ash-liquid,#auth-panel,#profile-form,#password-form,#booking-form,#confirmation).ash-liquid{background:#19212b!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body:not(.salon-page) .ash-liquid>.ash-noise-surface{display:none}body:not(.salon-page) .ash-liquid.google-login{background:#fff!important;color:#202124}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body:not(.salon-page) :is(.ash-liquid,#auth-panel,#profile-form,#password-form,#booking-form,#confirmation).ash-liquid{background:#19212bf5}}
@media(forced-colors:active){body.customer-app{background:Canvas}body:not(.salon-page) :is(.ash-liquid,#auth-panel,#profile-form,#password-form,#booking-form,#confirmation).ash-liquid{background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
