/* The upper row scrolls out; only the existing desktop navigation follows. */
html:has(body.momiji-polish.momiji-bright.type-refined){scroll-padding-top:var(--header-anchor-clearance,80px)}
body.momiji-polish.momiji-bright.type-refined.subpage-renewal{--header-offset:58px}
body.momiji-polish.momiji-bright.type-refined.subpage-renewal main [id]{scroll-margin-top:0}
@media(min-width:1100px){
 body.momiji-polish.momiji-bright.type-refined .site-header.community-header{
  position:sticky;
  top:calc(0px - var(--header-upper-height,0px));
 }
}
@media(max-width:1099px){
 html:has(body.momiji-polish.momiji-bright.type-refined){scroll-padding-top:var(--header-anchor-clearance,24px)}
 body.momiji-polish.momiji-bright.type-refined .site-header.community-header{position:static}
 body.momiji-polish.momiji-bright.type-refined.subpage-renewal{--header-offset:0px}
}
/* Reuse the existing contact/navigation actions at tablet widths as well. */
@media(min-width:700px) and (max-width:1099px){
 body.momiji-polish.momiji-bright.type-refined{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}
 body.momiji-polish.momiji-bright.type-refined .mobile-actions{
  display:grid;
  grid-template-columns:1fr 1.4fr 1fr;
  position:fixed;
  z-index:140;
  bottom:0;
  left:0;
  width:100%;
  height:calc(64px + env(safe-area-inset-bottom,0px));
  padding-bottom:env(safe-area-inset-bottom,0px);
  background:#fff;
  border-top:1px solid #9fd8ed;
  box-shadow:0 -3px 20px #5f462712;
 }
 body.momiji-polish.momiji-bright.type-refined .mobile-actions>a,
 body.momiji-polish.momiji-bright.type-refined .mobile-actions>button{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:4px;
  min-width:0;
  border:0;
  background:#fff;
  color:var(--sky-ink);
  text-decoration:none!important;
 }
 body.momiji-polish.momiji-bright.type-refined .mobile-actions .channel-icon{width:23px;height:23px}
 body.momiji-polish.momiji-bright.type-refined .backtt{bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:699px){
 body.momiji-polish.momiji-bright.type-refined .backtt{bottom:calc(85px + env(safe-area-inset-bottom,0px))!important}
}
/* Match CLOSE to the existing maple family without changing its hit box. */
body.momiji-polish.momiji-bright.type-refined .clinic-menu .menu-close{
 position:relative;
 isolation:isolate;
 overflow:visible;
 border:0;
 border-radius:0;
 background:transparent;
 box-shadow:none;
}
body.momiji-polish.momiji-bright.type-refined .clinic-menu .menu-close::before{
 content:"";
 display:block;
 position:absolute;
 left:50%;
 top:50%;
 z-index:-1;
 width:82px;
 height:78.16px;
 transform:translate(-47%,-52.5%);
 background:var(--bright-pink,#f7cbd2);
 -webkit-mask:url('/mirror-assets/8447d265f7f5f99490b7c903.png') center/100% 100% no-repeat;
 mask:url('/mirror-assets/8447d265f7f5f99490b7c903.png') center/100% 100% no-repeat;
 mask-mode:alpha;
 filter:drop-shadow(0 1px 1px #a938521c);
 transition:background .2s ease;
}
body.momiji-polish.momiji-bright.type-refined .clinic-menu .menu-close:hover::before{background:#fce0e1}
@media(prefers-reduced-motion:reduce){
 body.momiji-polish.momiji-bright.type-refined .clinic-menu .menu-close::before{transition:none}
}
