/* Unified navigation bar used across the whole website */
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:90!important;
  background:rgba(255,251,246,.96)!important;
  backdrop-filter:blur(14px)!important;
  border-bottom:1px solid rgba(231,217,202,.92)!important;
  transition:transform .28s ease,box-shadow .22s ease!important;
}
.site-header.is-hidden{transform:translateY(-115%)}
.site-header.has-shadow{box-shadow:0 10px 28px rgba(36,24,13,.08)}
.site-header .header__inner{
  min-height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
}
.site-header .brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
.site-header .brand__logo,.site-header .brand img{width:38px!important;height:38px!important;object-fit:contain!important;flex:none!important}
.site-header .brand strong{display:block!important;font-size:.88rem!important;letter-spacing:.02em!important;white-space:nowrap!important}
.site-header .brand small{display:block!important;color:#70645b!important;font-size:.71rem!important;white-space:nowrap!important}
.site-header .main-nav{display:flex;align-items:center;gap:4px!important;font-weight:700!important}
.site-header .main-nav>a,.site-header .nav-dropdown__toggle{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:36px!important;padding:6px 9px!important;border:0!important;border-radius:9px!important;
  background:transparent!important;color:#2e2117!important;font:inherit!important;font-size:.85rem!important;
  cursor:pointer!important;transition:.18s ease!important;
}
.site-header .main-nav>a:hover,.site-header .nav-dropdown__toggle:hover,.site-header .main-nav .is-active{
  background:#f3eadf!important;color:#9b5e2e!important;
}
.site-header .nav-cta{padding-inline:14px!important;border-radius:999px!important;background:#1e140c!important;color:#fff!important}
.site-header .nav-cta:hover{background:#392619!important;color:#fff!important}
.site-header .nav-dropdown{position:relative!important}
.site-header .nav-dropdown::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
.site-header .nav-dropdown__toggle{gap:9px!important}
.site-header .nav-dropdown__chevron{width:8px!important;height:8px!important;border-right:2px solid currentColor!important;border-bottom:2px solid currentColor!important;transform:rotate(45deg)!important;margin-top:-4px!important;transition:.18s!important}
.site-header .nav-dropdown.is-open .nav-dropdown__chevron{transform:rotate(225deg)!important;margin-top:3px!important}
.site-header .nav-dropdown__menu{
  position:absolute!important;left:0!important;top:100%!important;min-width:250px!important;margin-top:6px!important;padding:7px!important;
  background:#fff!important;border:1px solid #e7d9ca!important;border-radius:17px!important;box-shadow:0 16px 42px rgba(36,24,13,.09)!important;
  opacity:0!important;visibility:hidden!important;transform:translateY(8px)!important;transition:.18s ease!important;z-index:100!important;
}
@media (hover:hover) and (min-width:981px){
  .site-header .nav-dropdown:hover .nav-dropdown__menu,.site-header .nav-dropdown:focus-within .nav-dropdown__menu{opacity:1!important;visibility:visible!important;transform:none!important}
}
.site-header .nav-dropdown.is-open .nav-dropdown__menu{opacity:1!important;visibility:visible!important;transform:none!important}
.site-header .nav-dropdown__menu a{display:flex!important;align-items:center!important;gap:10px!important;padding:8px!important;border-radius:12px!important}
.site-header .nav-dropdown__menu a:hover{background:#fff1e8!important}
.site-header .nav-dropdown__icon{width:26px!important;text-align:center!important;font-size:1.08rem!important}
.site-header .nav-dropdown__menu strong{display:block!important;font-size:.87rem!important}
.site-header .nav-dropdown__menu small{display:block!important;color:#70645b!important;font-size:.71rem!important}
.site-header .menu-toggle{display:none!important;border:0!important;background:transparent!important;padding:7px!important;cursor:pointer!important}
.site-header .menu-toggle span:not(.sr-only){display:block!important;width:24px!important;height:2px!important;background:#2a1d14!important;margin:5px 0!important;border-radius:3px!important}
@media (max-width:1050px) and (min-width:981px){
  .site-header .main-nav{gap:1px!important}
  .site-header .main-nav>a,.site-header .nav-dropdown__toggle{padding-inline:8px!important;font-size:.84rem!important}
}
@media (max-width:980px){
  .site-header .header__inner{min-height:60px!important}
  .site-header .menu-toggle{display:block!important}
  .site-header .main-nav{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;left:14px!important;right:14px!important;align-items:stretch!important;flex-direction:column!important;padding:10px!important;background:#fff!important;border:1px solid #e7d9ca!important;border-radius:17px!important;box-shadow:0 16px 42px rgba(36,24,13,.09)!important}
  .site-header .main-nav.is-open{display:flex!important}
  .site-header .main-nav>a,.site-header .nav-dropdown__toggle{width:100%!important;justify-content:space-between!important;padding:9px 11px!important}
  .site-header .nav-dropdown__menu{position:static!important;display:none!important;min-width:0!important;margin:4px 0 0!important;padding:6px!important;background:#faf6f0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important}
  .site-header .nav-dropdown.is-open .nav-dropdown__menu{display:block!important}
}
@media (max-width:680px){
  .site-header .brand strong{font-size:.78rem!important}
  .site-header .brand small{display:none!important}
  .site-header .brand__logo,.site-header .brand img{width:36px!important;height:36px!important}
}

/* ===== V38 exact shared header geometry ===== */
.site-header,
.site-header *{font-family:Inter,Arial,sans-serif}
.site-header>.container,
.site-header .container.header__inner{
  width:min(1280px,calc(100% - 36px))!important;
  margin-inline:auto!important;
}
.site-header .header__inner{line-height:1.2!important}
.site-header .nav-dropdown__icon{
  display:grid!important;
  place-items:center!important;
  width:27px!important;
  height:27px!important;
  flex:0 0 27px!important;
  border-radius:8px!important;
  background:#f5f0e7!important;
  font-size:.92rem!important;
}
.site-header .nav-dropdown__menu a{line-height:1.25!important}
.site-header .nav-dropdown__menu strong{font-size:.88rem!important}
.site-header .nav-dropdown__menu small{margin-top:2px!important;font-size:.71rem!important;font-weight:500!important}
@media (max-width:980px){
  .site-header>.container,
  .site-header .container.header__inner{width:min(100% - 28px,1280px)!important}
}
.site-header .main-nav{white-space:nowrap!important}
.site-header .nav-cta{margin-left:5px!important}
.site-header .menu-toggle{width:40px!important;height:40px!important}
.site-header .nav-dropdown__menu{display:block!important}
@media (max-width:980px){
  .site-header .nav-cta{margin-left:0!important}
  .site-header .nav-dropdown__menu{display:none!important}
  .site-header .nav-dropdown.is-open .nav-dropdown__menu{display:block!important}
}


/* ===== V46 thinner shared navigation ===== */
.site-header .header__inner{min-height:64px!important;gap:20px!important}
.site-header .brand{gap:10px!important}
.site-header .brand__logo,.site-header .brand img{width:38px!important;height:38px!important}
.site-header .brand strong{font-size:.88rem!important}
.site-header .brand small{font-size:.71rem!important}
.site-header .main-nav{gap:2px!important}
.site-header .main-nav>a,.site-header .nav-dropdown__toggle{min-height:36px!important;padding:6px 9px!important;border-radius:9px!important;font-size:.85rem!important}
.site-header .nav-cta{padding-inline:14px!important;margin-left:4px!important}
.site-header .nav-dropdown__menu{min-width:250px!important;margin-top:6px!important;padding:7px!important;border-radius:17px!important}
.site-header .nav-dropdown__menu a{gap:10px!important;padding:8px!important;border-radius:12px!important}
.site-header .nav-dropdown__icon{width:27px!important;height:27px!important;flex-basis:27px!important;border-radius:8px!important;font-size:.92rem!important}
.site-header .nav-dropdown__menu strong{font-size:.88rem!important}
.site-header .nav-dropdown__menu small{font-size:.71rem!important}
@media(max-width:980px){
  .site-header .header__inner{min-height:60px!important}
  .site-header .brand__logo,.site-header .brand img{width:36px!important;height:36px!important}
  .site-header .main-nav{top:calc(100% + 6px)!important;padding:10px!important;border-radius:17px!important}
  .site-header .main-nav>a,.site-header .nav-dropdown__toggle{min-height:38px!important;padding:9px 11px!important}
  .site-header .menu-toggle{width:40px!important;height:40px!important}
}
@media(max-width:680px){
  .site-header .brand strong{font-size:.78rem!important}
}

/* ===== V48 mobile alignment ===== */
@media(max-width:980px){
  .site-header .main-nav{
    text-align:left!important;
  }
  .site-header .main-nav>a{
    justify-content:flex-start!important;
    text-align:left!important;
    padding-left:13px!important;
    padding-right:13px!important;
  }
  .site-header .nav-dropdown__toggle{
    justify-content:flex-start!important;
    text-align:left!important;
    padding-left:13px!important;
    padding-right:13px!important;
  }
  .site-header .nav-dropdown__chevron{
    margin-left:auto!important;
  }
  .site-header .nav-cta{
    margin-left:0!important;
    border-radius:10px!important;
  }
  .site-header .nav-dropdown__menu a{
    justify-content:flex-start!important;
    text-align:left!important;
  }
}


/* ===== V53 tighter hamburger ===== */
.site-header .menu-toggle span:not(.sr-only){
  margin:3px auto!important;
}


/* ===== V61 reliable hide/reveal motion ===== */
.site-header{
  will-change:transform!important;
  transform:translate3d(0,0,0)!important;
  backface-visibility:hidden!important;
}
.site-header.is-hidden{
  transform:translate3d(0,-120%,0)!important;
  pointer-events:none!important;
}


/* ===== V62 strengthened scroll hide/reveal ===== */
.site-header{
  transition:transform .22s ease, box-shadow .22s ease!important;
}
.site-header.is-hidden{
  transform:translate3d(0,-125%,0)!important;
  pointer-events:none!important;
}
@media (prefers-reduced-motion: reduce){
  .site-header{transition:none!important}
}


/* ===== V63 definitive header behaviour ===== */
html{
  scroll-padding-top:72px!important;
}
body{
  padding-top:64px!important;
}
.site-header{
  position:fixed!important;
  inset:0 0 auto 0!important;
  width:100%!important;
  z-index:9999!important;
  transform:translate3d(0,0,0)!important;
  transition:transform .24s cubic-bezier(.22,.61,.36,1), box-shadow .2s ease!important;
  will-change:transform!important;
}
.site-header.is-hidden{
  transform:translate3d(0,calc(-100% - 8px),0)!important;
  pointer-events:none!important;
}
@media (max-width:980px){
  body{padding-top:60px!important;}
  html{scroll-padding-top:68px!important;}
}
@media (prefers-reduced-motion:reduce){
  .site-header{transition:none!important;}
}