.asc-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;width:100%;box-sizing:border-box;z-index:1000;position:relative}
.header-container{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;flex-wrap:nowrap;position:relative}
#header-left{flex:0 0 auto;display:flex;align-items:center;position:relative;z-index:1}
#header-nav{flex:1 1 auto;display:flex;gap:20px;align-items:center;justify-content:center;position:relative;z-index:1}
#mobile-menu-wrapper{flex:0 0 auto;position:relative;display:none;z-index:500}
#header-search{flex:0 0 auto;position:relative;display:flex;align-items:center;z-index:100;gap:0}
#header-right{flex:0 0 auto;display:flex;align-items:center;gap:12px;position:relative;z-index:50}
.header-logo{max-height:40px;display:block}
.header-nav{display:flex;gap:20px;align-items:center}
.header-nav .nav-link{text-decoration:none;color:#222;font-weight:500;padding:6px 8px;display:inline-block;transition:color 150ms ease}
.header-nav .nav-link:hover{color:#6022a6}
.header-nav .nav-link.active{color:#6022a6}
.mobile-menu-wrapper{position:relative}
.mobile-menu-trigger{font-size:16px;font-weight:600;cursor:pointer;color:#222;display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:0;user-select:none}
.mobile-menu-trigger .arrow{font-size:12px;transition:transform 200ms ease}
.mobile-menu-trigger:hover{color:#6022a6}
.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.12);padding:5px;z-index:3000;min-width:170px}
.dropdown-menu.hidden{display:none}
.dropdown-nav{display:flex;flex-direction:column;gap:8px}
.dropdown-nav .nav-link{text-decoration:none;color:#222;font-size:14px;padding:8px 10px;display:block;transition:background-color 150ms ease}
.dropdown-nav .nav-link:hover{background-color:#f5f5f5}
.dropdown-nav .nav-link.active{color:#0078d4;font-weight:500}
.user-icon{display:inline-flex;align-items:center;justify-content:center;padding:6px;position:relative;z-index:40;padding-bottom:14px}
.user-info{display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.user-info a{text-decoration:none;color:#222;font-size:14px;white-space:nowrap}
.user-info a:hover{color:#6022a6}
.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 6px 18px rgba(0,0,0,0.08);padding:10px;z-index:3000;min-width:180px}
.user-dropdown.hidden{display:none}
.user-dropdown a{text-decoration:none;color:#222;font-size:14px;display:block;padding:6px 0;white-space:nowrap}
.user-dropdown a:hover{color:#6022a6}
@media(min-width:769px){.user-dropdown{display:none !important}
}
@media(max-width:768px){.user-info{display:none}
.user-dropdown.hidden{display:none}
.user-dropdown{display:block}
.header-group-end{margin-left:0}
#mobile-menu-wrapper{display:flex !important;flex:1 1 auto;justify-content:center}
}
.search-bar-container{display:flex;align-items:center;gap:0;background:transparent;border:0;border-radius:0;padding:0;min-width:250px;max-width:350px;position:relative}
.search-input{flex:1;padding:8px 40px 8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;outline:0;background:#fff;color:#222;transition:border-color 200ms ease,box-shadow 200ms ease;width:100%}
.search-input:focus{border-color:#7a2fa3;box-shadow:0 0 0 2px rgba(122,47,163,0.1)}
.search-input::placeholder{color:#999}
.search-button{background:transparent;border:0;border-left:1px solid #e0e0e0;cursor:pointer;padding:8px;color:#7a2fa3;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:color 150ms ease;position:absolute;right:2px;top:50%;transform:translateY(-50%);height:calc(100% - 4px);margin:2px 0}
.search-button i{font-size:18px;display:flex;align-items:center;justify-content:center}
.search-button:hover{color:#6022a6}
.search-trigger{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#222;background:transparent;border:0;padding:6px 8px;cursor:pointer;line-height:1;flex-shrink:0;min-width:32px;min-height:32px}
.search-trigger i{font-size:18px;display:flex;align-items:center;justify-content:center}
.search-trigger:hover{color:#6022a6}
.search-dropdown-wrapper{position:relative;display:inline-block}
.search-dropdown{position:absolute;left:auto;right:0;top:calc(100% + 6px);z-index:3000;width:260px;max-width:80vw;display:none;align-items:center;gap:0;background:transparent;border:0;padding:0;box-shadow:none}
.search-dropdown.open{display:flex}
.search-dropdown input{flex:1;padding:10px 40px 10px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;outline:0;background:#fff;transition:border-color 200ms ease,box-shadow 200ms ease}
.search-dropdown input:focus{border-color:#7a2fa3;box-shadow:0 0 0 2px rgba(122,47,163,0.1)}
.search-button-mobile{background:transparent;border:0;border-left:1px solid #e0e0e0;cursor:pointer;padding:8px;color:#7a2fa3;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:color 150ms ease;position:absolute;right:2px;top:50%;transform:translateY(-50%);height:calc(100% - 4px);margin:2px 0}
.search-button-mobile i{font-size:18px;display:flex;align-items:center;justify-content:center}
.search-button-mobile:hover{color:#6022a6}
.mobile-only{display:none}
.desktop-only{display:flex}
.sr-only{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
@media(min-width:769px){#header-nav{display:flex !important;gap:20px}
#mobile-menu-wrapper{display:none !important}
.user-info{display:flex !important}
.header-container{gap:20px}
.search-bar-container{min-width:300px}
.mobile-only{display:none !important}
.desktop-only{display:flex !important}
}
@media(max-width:768px){#header-nav{display:none !important}
#mobile-menu-wrapper{display:flex !important;flex:1 1 0;justify-content:center}
.header-container{gap:12px}
.header-group-end{gap:1rem;margin-left:0;flex-direction:row;align-items:center;justify-content:flex-end;flex:0 0 auto}
#header-search{width:auto;z-index:3100}
.search-dropdown-wrapper{display:inline-block}
.search-dropdown{position:absolute;left:auto;right:-90px;top:calc(100% + 25px);transform:none;width:280px;max-width:80vw}
.search-trigger{z-index:3200;position:relative;pointer-events:auto}
#header-right{position:relative}
.user-dropdown{right:0;top:calc(100% + 6px)}
#mobile-menu-wrapper .dropdown-menu{left:50%;transform:translateX(-50%);top:calc(100% + 8px)}
.custom-header{padding:10px 12px}
.mobile-only{display:inline-flex !important}
.desktop-only{display:none !important}
.user-info{display:none !important}
#header-right{gap:10px}
}
@media(max-width:480px){.custom-header{padding:8px 10px}
.search-dropdown input{padding:12px;font-size:16px}
.search-button-mobile{padding:8px}
.search-trigger i{font-size:18px}
.header-logo{max-height:32px}
.mobile-menu-trigger{font-size:13px;padding:6px 8px}
#header-search{z-index:100}
.search-dropdown{width:60vw;min-width:260px;top:calc(100% + 20px);right:0}
}
.header-group-end{display:flex;align-items:center;gap:1.5rem;margin-left:auto;flex-wrap:nowrap}
.header-right-section{display:flex;align-items:center;gap:2rem;margin-left:auto;min-width:0}
.hidden{display:none !important}