/* Responsive header + hamburger menu */
.header{background:#fff}
.header__inner{display:flex;align-items:center;justify-content:space-between}
/* Burger */
.burger{display:none;cursor:pointer;width:38px;height:28px;position:relative}
.burger span, .burger span:before, .burger span:after{display:block;position:absolute;height:3px;background:#111;width:100%;left:0;border-radius:3px;transition:transform .25s ease,opacity .2s ease}
.burger span{top:50%;transform:translateY(-50%)}
.burger span:before{content:'';top:-10px}
.burger span:after{content:'';bottom:-10px}
.burger.active span{background:transparent}
.burger.active span:before{transform:translateY(10px) rotate(45deg)}
.burger.active span:after{transform:translateY(-10px) rotate(-45deg)}

/* Mobile nav (hidden by default on desktop) */
@media (max-width:1024px){
  .burger{display:block}
  .nav{position:fixed;top:0;right:0;height:100vh;width:320px;max-width:85%;transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.9,.2,1);z-index:998;background:#fff;box-shadow:-8px 0 30px rgba(0,0,0,0.08);padding:70px 20px 20px 20px}
  .nav.active{transform:translateX(0)}
  .nav__inner{flex-direction:column;gap:18px;align-items:flex-start}
  .nav__inner li{margin:0}
  .nav__inner li a{font-size:18px;padding:8px 6px;color:#111}
  .nav__inner .auth.mobile-only{display:block}
  .header__actions{display:none}
  body.menu-open{overflow:hidden}
}

/* Ensure sticky appearance */
.header.sticky{position:fixed;top:0;left:0;right:0;z-index:999;box-shadow:0 6px 24px rgba(0,0,0,0.08)}