/* Match the existing website header without changing the beauty page content. */
.site-header{height:100px;position:relative;background:#fff;border-bottom:1px solid #eee;z-index:20}
.site-header .nav-row{width:96%;max-width:none;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:flex-start;gap:0;flex-wrap:nowrap}
.site-header .brand{flex-shrink:0;margin-right:7.5%}
.site-header .brand-logo{width:220px;height:auto}
.site-header .nav-row nav{display:flex;align-items:stretch;justify-content:flex-start;gap:27px;margin:0;height:100%;font-size:14px;color:#34364b;border:0;order:initial;width:auto}
.site-header .nav-row nav a{position:relative;display:flex;align-items:center;white-space:nowrap;padding:0;letter-spacing:0;font-weight:400}
.site-header .nav-row nav a:hover,.site-header .nav-row nav a[aria-current]{color:#d82019}
.site-header .nav-row nav a[aria-current]{font-weight:700}
.site-header .nav-row nav a[aria-current]:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#d82019}
.site-menu-toggle{display:none}
@media(max-width:1100px) and (min-width:761px){.site-header .brand{margin-right:5%}.site-header .brand-logo{width:191px}.site-header .nav-row nav{gap:22px;font-size:13px}}
@media(max-width:850px) and (min-width:761px){.site-header .brand{margin-right:4%}.site-header .brand-logo{width:170px}.site-header .nav-row nav{gap:16px;font-size:12px}}
@media(max-width:760px){
  .site-header{height:auto;min-height:76px}
  .site-header .nav-row{width:calc(100% - 40px);min-height:76px;justify-content:space-between;flex-wrap:wrap}
  .site-header .brand{margin-right:0;min-height:76px;display:flex;align-items:center}
  .site-header .brand-logo{width:165px}
  .site-menu-toggle{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#34364b;padding:10px 0 10px 15px;font-size:12px;min-height:44px}
  .menu-symbol{display:flex;flex-direction:column;gap:5px;width:23px}
  .menu-symbol i{display:block;width:23px;height:2px;background:currentColor;transition:transform .2s,opacity .2s}
  .site-menu-toggle[aria-expanded="true"] .menu-symbol i:first-child{transform:translateY(7px) rotate(45deg)}
  .site-menu-toggle[aria-expanded="true"] .menu-symbol i:nth-child(2){opacity:0}
  .site-menu-toggle[aria-expanded="true"] .menu-symbol i:last-child{transform:translateY(-7px) rotate(-45deg)}
  .site-header .nav-row nav{order:3;flex-basis:100%;height:auto;display:flex;flex-direction:column;gap:0;margin:0 0 15px;border-top:1px solid #eee}
  .site-header .nav-row nav a{padding:12px 3px;font-size:14px;border-bottom:1px solid #f1f1f1;min-height:48px}
  .site-header .nav-row nav a[aria-current]:after{bottom:0;width:28px;height:2px}
  .site-header.nav-ready .nav-row nav{display:none}
  .site-header.nav-ready.menu-open .nav-row nav{display:flex}
}