/* Shared navigation: stable height, explicit actions, no scroll-triggered UI. */
html.lr-header-ready{scroll-padding-top:calc(var(--preview-header-height,88px) + 16px)}
.lr-header-spacer{height:var(--preview-header-height,88px);flex:none}
#haut.header{box-sizing:border-box;width:100%;padding:14px 4vw;background:#faf8f4;border-bottom:1px solid #e5e5dc}
html.lr-header-ready #haut.header{position:fixed;inset:0 0 auto;z-index:200}
#haut.header .brand img{width:195px;height:auto;object-fit:contain}
#haut.header .header-actions{flex-shrink:0}
#haut.header>nav a,#haut.header .nav-open{min-height:44px;display:inline-flex;align-items:center}
#haut.header .header-soin{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:10px 15px;box-sizing:border-box;
  border:1px solid #d6d9cc;border-radius:24px;background:#edf0e7;
  color:#33402e;font:500 13px/1.2 Arimo,Arial,sans-serif;
  letter-spacing:0;text-transform:none;text-decoration:none;
  white-space:nowrap;flex-shrink:0;transition:background .18s,color .18s;
}
#haut.header .header-soin:hover{background:#dfe5d6;color:#24311f}
#haut.header .header-soin:focus-visible{outline:2px solid #905232;outline-offset:3px}
#haut.header .mobile-open{display:none}
#menu .menu-booking{display:none}
body.lucia-home #expertises .lr-service-visual{top:var(--preview-header-height,88px)!important}
body.lucia-home #votre-projet{scroll-margin-top:16px}
@media(min-width:901px){
 body.lucia-home #expertises .lr-service-visual{height:calc(100svh - var(--preview-header-height,88px))!important;min-height:0!important}
}
@media(max-width:1100px){
 #haut.header>nav{display:none}
 #haut.header .mobile-open{display:flex;align-items:center;gap:8px;min-width:44px;min-height:44px;font-size:12px;white-space:nowrap}
}
@media(max-width:700px){
 #haut.header{
  display:grid;grid-template-columns:minmax(0,1fr) auto 44px;grid-template-rows:44px;
  gap:8px;padding:calc(10px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) 10px max(14px,env(safe-area-inset-left,0px));
 }
 #haut.header>.brand{grid-column:1;grid-row:1;justify-self:start;width:clamp(110px,34vw,150px);max-width:100%;min-height:44px;display:flex;align-items:center}
 #haut.header .brand img{width:100%;height:auto;max-height:44px}
 #haut.header .header-actions{display:contents}
 #haut.header .header-soin{grid-column:2;grid-row:1;justify-self:end;min-height:44px;padding:10px 12px;font-size:11px}
 #haut.header .mobile-open{grid-column:3;grid-row:1;justify-self:end;padding:0;justify-content:center;gap:0;font-size:0;width:44px}
 #haut.header .mobile-open svg{width:22px;height:22px}
 #haut.header .header-actions>.button-small{display:none}
 #menu.mega-menu{padding:0 22px max(24px,env(safe-area-inset-bottom,0px));overscroll-behavior:contain;scroll-padding-top:95px}
 #menu .menu-top{position:sticky;top:0;z-index:5;margin:0 -22px 18px;padding:calc(16px + env(safe-area-inset-top,0px)) 22px 14px;background:#faf8f4;align-items:center;border-bottom:1px solid #e5e5dc}
 #menu .menu-top h2{font-size:25px;line-height:1.12;max-width:230px}
 #menu .mega-kicker{font-size:9px;margin-bottom:6px}
 #menu .menu-close{flex:none;min-width:44px;min-height:44px;justify-content:center;padding:0}
 #menu .menu-booking{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;margin:0 0 18px;border-radius:26px;background:#303b2c;color:#fffdf8;font:600 13px/1.35 Arimo,Arial,sans-serif;text-decoration:none}
 #menu .mega-overview{margin:0 0 22px;padding:16px}
 #menu .mega-overview strong{font-size:23px}
 #menu .mega-categories h3{font-size:26px}
 #menu .mega-categories nav a{scroll-margin-top:105px}
}
@media(max-width:900px) and (max-height:500px){
 body.lucia-home #expertises .lr-service-visual{height:clamp(100px,27svh,140px)!important;min-height:0!important}
}
@media(prefers-reduced-motion:reduce){#haut.header .header-soin{transition:none}}