/* First cascade layer: uniform top navigation in all body/anti-aging templates. */
@layer clinicHeaderControls {
 html body header.site-header .anti-aging-shortcut{background:#ffe000!important;background-image:none!important;color:#111!important;border:2px solid #ffe000!important;animation:none!important;opacity:1;filter:none!important}
 html body header.site-header .anti-aging-shortcut :is(span,b,svg,path){color:var(--clinic-switch-ink)!important;stroke:var(--clinic-switch-ink)!important}
 html body header.site-header .anti-aging-shortcut::before{content:none!important}
 html body header.site-header .anti-aging-shortcut:is(:hover,:focus-visible){opacity:1;box-shadow:0 0 0 5px #ffe00045!important}
 @keyframes clinic-category-blink{0%,100%{opacity:1;box-shadow:0 0 0 0 #ffe00080}50%{opacity:.72;box-shadow:0 0 0 7px #ffe00020}}
 @media(prefers-reduced-motion:reduce){html body header.site-header .anti-aging-shortcut{animation:none!important}}

 html body header.site-header #main-nav{--clinic-header-nav-size:16px;background:transparent!important;background-image:none!important;box-shadow:none!important}
 html body header.site-header #main-nav>:is(a,button){font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Malgun Gothic',sans-serif!important;font-size:var(--clinic-header-nav-size)!important;font-weight:600!important;font-style:normal!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important;background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;appearance:none!important;padding:9px 0!important;margin:0!important;min-height:0!important;white-space:nowrap!important}
 html body header.site-header #main-nav>:is(a,button):is(:hover,:focus,:focus-visible,:active,.active,[aria-current]){background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}
 html body header.site-header #main-nav>:is(a,button):focus-visible{outline:2px solid currentColor!important;outline-offset:5px!important}
 @media(max-width:700px){html body header.site-header #main-nav{--clinic-header-nav-size:14px}}
}

@layer clinicHeaderControls {
 @media(min-width:1201px){html body[data-navigation-context="anti-aging"] header.site-header.unified-review-header{grid-template-columns:minmax(180px,1fr) auto minmax(115px,1fr)!important;column-gap:18px!important;padding-left:4%!important;padding-right:4%!important}html body[data-navigation-context="anti-aging"] header.site-header #main-nav{gap:20px!important}}
 @media(min-width:1201px) and (max-width:1280px){html body[data-navigation-context="anti-aging"] header.site-header #main-nav{gap:15px!important}html body[data-navigation-context="anti-aging"] header.site-header.unified-review-header{padding-left:3%!important;padding-right:3%!important;column-gap:14px!important}}
}

/* Give both navigation contexts more space without changing the approved type. */
@layer clinicHeaderControls {
 html body header.site-header.unified-review-header #main-nav{gap:40px!important}
 @media(min-width:1201px){html body[data-navigation-context="anti-aging"] header.site-header.unified-review-header #main-nav{gap:32px!important}}
 @media(min-width:1201px) and (max-width:1280px){html body[data-navigation-context="anti-aging"] header.site-header.unified-review-header #main-nav{gap:26px!important}}
 @media(min-width:701px) and (max-width:1200px){html body header.site-header.unified-review-header #main-nav{gap:30px!important}}
 @media(max-width:700px){html body header.site-header.unified-review-header #main-nav{gap:26px!important}}
}

/* Approved option 06: entire button swaps yellow/deep-brown together. */
@property --clinic-switch-fill{syntax:'<color>';initial-value:#ffe000;inherits:true}
@property --clinic-switch-ink{syntax:'<color>';initial-value:#111;inherits:true}
@layer clinicHeaderControls {
 html body header.site-header .anti-aging-shortcut{display:grid!important;grid-template-columns:max-content 53px!important;align-items:stretch!important;gap:0!important;padding:0!important;margin:0!important;width:auto!important;height:62px!important;min-height:0!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:var(--clinic-switch-fill)!important;color:var(--clinic-switch-ink)!important;line-height:1!important;animation:clinic-whole-inversion 1.6s steps(1,end) infinite!important;opacity:1!important;box-shadow:none!important}
 html body header.site-header .anti-aging-shortcut,html body header.site-header .anti-aging-shortcut *{transition:none!important}
 html body header.site-header .anti-aging-shortcut .category-switch-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;align-self:stretch!important;gap:4px!important;padding:10px 13px!important;margin:0!important;min-height:0!important;box-sizing:border-box!important;background:transparent!important;line-height:1.2!important;text-align:left!important}
 html body header.site-header .anti-aging-shortcut .category-switch-copy>span{display:block!important;font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Malgun Gothic',sans-serif!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important}
 html body header.site-header .anti-aging-shortcut .category-switch-arrow-cell{display:grid!important;place-items:center!important;align-self:stretch!important;width:auto!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;box-sizing:border-box!important;border:0!important;border-left:1px solid currentColor!important;background:transparent!important;animation:none!important}
 html body header.site-header .anti-aging-shortcut svg.category-switch-arrow{display:block!important;width:36px!important;height:36px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;fill:none!important;stroke:var(--clinic-switch-ink)!important;stroke-width:2!important;animation:none!important;opacity:1!important}
 @keyframes clinic-whole-inversion{0%,49.99%{--clinic-switch-fill:#ffe000;--clinic-switch-ink:#111}50%,100%{--clinic-switch-fill:#2d251d;--clinic-switch-ink:#ffe000}}
 @media(max-width:700px){
 html body header.site-header .anti-aging-shortcut{grid-template-columns:max-content 43px!important;height:52px!important}
 html body header.site-header .anti-aging-shortcut .category-switch-copy{padding:7px 9px!important}
 html body header.site-header .anti-aging-shortcut .category-switch-copy>span{font-size:11px!important}
 html body header.site-header .anti-aging-shortcut svg.category-switch-arrow{width:30px!important;height:30px!important}
 }
 @media(prefers-reduced-motion:reduce){html body header.site-header .anti-aging-shortcut{animation:none!important;--clinic-switch-fill:#ffe000;--clinic-switch-ink:#111}}
}