/* Shared UI contract. Scope: navigation only. Never add body-copy rules here. */
html body[data-clinic-ui] header{--clinic-menu-font:"Noto Sans KR",Arial,sans-serif;--clinic-menu-size:13px;--clinic-menu-gap:48px;--clinic-panel-width:248px;}
html body[data-clinic-ui] header :is(.nav-group>summary,.cases-link,nav>div.group>a){font-family:var(--clinic-menu-font)!important;font-size:13px!important;font-weight:600!important;line-height:20px!important;letter-spacing:1.3px!important;text-transform:uppercase!important;}
html body[data-clinic-ui] header :is(.nav-dropdown,nav>div.group>div>div){box-sizing:border-box!important;width:var(--clinic-panel-width)!important;min-width:var(--clinic-panel-width)!important;padding:10px 0!important;margin-top:0!important;background:#141419!important;border:1px solid #303038!important;border-radius:4px!important;box-shadow:0 12px 28px #0003!important;text-transform:none!important;letter-spacing:0!important;}
html body[data-clinic-ui] header :is(.nav-dropdown a,nav>div.group>div>div>a){box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:11px 14px!important;font-family:var(--clinic-menu-font)!important;font-size:14px!important;font-weight:500!important;line-height:22px!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;color:#dedee3!important;text-decoration:none!important;}
html body[data-clinic-ui] header :is(.nav-dropdown a,nav>div.group>div>div>a):is(:hover,:focus-visible){color:#c4a47a!important;background:#ffffff08!important;}
html body[data-clinic-ui] header :is(.original-reservation,a[href*="booking.naver.com"]){font-family:var(--clinic-menu-font)!important;font-size:11px!important;font-weight:600!important;line-height:18px!important;letter-spacing:1.1px!important;}
html body[data-clinic-ui] header nav>div.group:focus-within>div{visibility:visible!important;opacity:1!important;}
@media(min-width:901px){
 html body[data-clinic-ui] header :is(.site-header-inner,div.max-w-\[1400px\]){height:80px!important;max-width:1400px!important;margin-inline:auto!important;padding-inline:24px!important;}
 html body[data-clinic-ui] header :is(.original-nav-center,nav.absolute){height:80px!important;gap:var(--clinic-menu-gap)!important;align-items:center!important;}
 html body[data-clinic-ui] header :is(.nav-group>summary,.cases-link,nav>div.group>a){padding:0!important;display:flex!important;align-items:center!important;min-height:80px!important;}
 html body[data-clinic-ui] header nav>div.group{padding-block:0!important;}
 html body[data-clinic-ui] header .nav-dropdown{top:100%!important;}
 html body[data-clinic-ui] header :is(.original-reservation,a[href*="booking.naver.com"]){box-sizing:border-box!important;padding:12px 24px!important;min-height:42px!important;border-radius:2px!important;}
}
@media(max-width:900px){
 html body[data-clinic-ui] header :is(.nav-group>summary,.cases-link,nav>div.group>a,nav button,nav>div>a){font-family:var(--clinic-menu-font)!important;font-size:12px!important;font-weight:600!important;line-height:20px!important;letter-spacing:.6px!important;}
 html body[data-clinic-ui] header .nav-dropdown{max-width:calc(100vw - 24px)!important;}
}

@media(min-width:901px){html body.treatment-page[data-clinic-ui]{padding-top:81px!important;}html body[data-clinic-ui] header :is(.original-logo,button.shrink-0){font-family:Georgia,"Times New Roman",serif!important;font-size:22px!important;line-height:33px!important;letter-spacing:2.2px!important;font-weight:400!important;}html body[data-clinic-ui] header :is(.original-reservation,a[href*="booking.naver.com"]){color:#171717!important;}}

@media(max-width:900px){
 html body[data-clinic-ui] header nav button{text-transform:uppercase!important;}
 html body[data-clinic-ui] header>div.md\:hidden:has(>div.flex){background:#141419!important;padding:10px 12px!important;max-height:calc(100dvh - 180px);overflow:auto;}
 html body[data-clinic-ui] header>div.md\:hidden>div.flex{gap:0!important;text-transform:none!important;letter-spacing:0!important;}
 html body[data-clinic-ui] header>div.md\:hidden>div.flex>a{box-sizing:border-box;width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;padding:11px 14px!important;font-family:var(--clinic-menu-font)!important;font-size:14px!important;font-weight:500!important;line-height:22px!important;letter-spacing:0!important;text-transform:none!important;color:#dedee3!important;}
}

@media(max-width:900px){
 html body[data-clinic-ui] header .original-nav{gap:8px!important;padding-inline:12px!important;}
 html body[data-clinic-ui] header .original-nav-center{gap:8px!important;min-width:0!important;flex:1 1 auto!important;}
 html body[data-clinic-ui] header .original-reservation{flex:0 0 auto!important;padding:9px 6px!important;}
 html body[data-clinic-ui] header.site-header .nav-group .nav-dropdown{position:fixed!important;left:0!important;right:0!important;transform:none!important;width:100%!important;min-width:0!important;max-width:100%!important;max-height:calc(100dvh - 180px);overflow-y:auto;}
}