.top-header, .main-header { transition: all 0.3s ease; }  .main-header { position: sticky; top: 0; z-index: 999; background: #fff; padding-top: 16px; padding-bottom: 16px; }  body.scrolled .top-header { transform: translateY(-100%); opacity: 0; height: 0; overflow: hidden; }  body.scrolled .main-header { transform: translateY(-95px); padding-top: 3px; padding-bottom: 3px; min-height: 22px; box-shadow: 0 10px 25px rgba(0,0,0,0.08); backdrop-filter: blur(10px); background: rgba(255,255,255,0.99); }  .site-logo { transform: translateY(0) scale(1); transform-origin: left center; transition: transform 0.3s ease; } body.scrolled .site-logo { transform: translateY(40px) scale(0.6); }  .main-nav { font-size: 1rem; transition: all 0.3s ease; } .main-nav a, .main-nav li a { transition: all 0.3s ease; } body.scrolled .main-nav { transform: translateY(40px);  } body.scrolled .main-nav a, body.scrolled .main-nav li a { font-size: 12.5px; line-height: 1; }  .mainheader-button { transition: all 0.3s ease; transform: translateY(0) scale(1); } body.scrolled .mainheader-button { transform: translateY(40px) scale(0.88); }  @media (max-width: 992px) { body.scrolled .main-header { transform: translateY(-40px); min-height: 48px; padding-top: 3px; padding-bottom: 3px; } body.scrolled .site-logo { transform: translateY(25px) scale(0.65); } body.scrolled .main-nav { transform: translateY(25px); } body.scrolled .main-nav a { font-size: 12px; } }  @media (max-width: 767px) { body.scrolled .main-header { transform: translateY(-30px); min-height: 44px; padding-top: 2px; padding-bottom: 2px; } body.scrolled .site-logo { transform: translateY(20px) scale(0.7); } body.scrolled .main-nav { transform: translateY(20px); } body.scrolled .main-nav a { font-size: 11.5px; } body.scrolled .mainheader-button { transform: translateY(20px) scale(0.82); } }