/* DMNKND Navbar — hq.dmnknd.com (dmnknd.com navbar.css ile ayni kaynak) */
.hq-public-site{
    --dmnknd-nav-bar-h: 5.5rem;
    --dmnknd-nav-logo-size: 5.25rem;
    --dmnknd-avatar-ring: 2px solid rgba(255, 215, 0, 0.65);
    --dmnknd-avatar-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
    --dmnknd-avatar-bg: rgba(255, 255, 255, 0.08);
}@media (min-width: 640px){.hq-public-site{
        --dmnknd-nav-bar-h: 6.5rem;
        --dmnknd-nav-logo-size: 6.25rem;
    }}@media (min-width: 1024px){.hq-public-site{
        --dmnknd-nav-logo-size: 6.75rem;
    }}.hq-public-site{
    padding-top: var(--dmnknd-nav-bar-h);
}.hq-public-site #modernNavbar, .hq-public-site #compactNavbar{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10002 !important;
    touch-action: pan-y;
}.hq-public-site #modernNavbar, .hq-public-site #compactNavbar{
    transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}.hq-public-site #modernNavbar.navbar-scroll-hidden, .hq-public-site #compactNavbar.navbar-scroll-hidden{
    transform: translateY(calc(-100% - 2px));
    pointer-events: none;
}.hq-public-site #modernNavbar a, .hq-public-site #modernNavbar button, .hq-public-site #compactNavbar a, .hq-public-site #compactNavbar button{
    touch-action: manipulation;
}.hq-public-site #modernNavbar{
    
    --nav-text: #ffffff;
    --nav-hover-bg: #ffd700;
    --nav-hover-text: #141414;
    --nav-select-gold: #ffd700;
    --nav-sakura: #e8a4b2;
    --nav-sakura-bright: #f2b8c4;
    --nav-sakura-glow: rgba(232, 168, 180, 0.4);
    --nav-sakura-bg: rgba(232, 168, 180, 0.12);
    --nav-sakura-border: rgba(232, 168, 180, 0.5);
    
    --dmnknd-brand-gold-warm: #f5d76e;
    --dmnknd-brand-gold: #d4af37;
    --dmnknd-brand-crimson: #4a4f5e;
    background: linear-gradient(180deg,
        rgba(0, 0, 0, 0.88) 0%,
        rgba(0, 0, 0, 0.84) 45%,
        rgba(0, 0, 0, 0.42) 75%,
        transparent 100%) !important;
    border-bottom: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}.hq-public-site.navbar-compact-active #modernNavbar{
    background: linear-gradient(180deg,
        rgba(0, 0, 0, 0.88) 0%,
        rgba(0, 0, 0, 0.84) 45%,
        rgba(0, 0, 0, 0.42) 75%,
        transparent 100%) !important;
}.hq-public-site #compactNavbar{
    --dmnknd-brand-gold-warm: #f5d76e;
    --dmnknd-brand-gold: #d4af37;
    --dmnknd-brand-crimson: #4a4f5e;
    background: linear-gradient(180deg,
        rgba(0, 0, 0, 0.88) 0%,
        rgba(0, 0, 0, 0.84) 45%,
        rgba(0, 0, 0, 0.42) 75%,
        transparent 100%) !important;
    border-bottom: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}.hq-public-site #modernNavbar, .hq-public-site #compactNavbar, .hq-public-site #modernNavbar .nav-link, .hq-public-site #modernNavbar .nav-link span, .hq-public-site #modernNavbar .dropdown-menu-item, .hq-public-site #compactNavbar .nav-link, .hq-public-site #compactNavbar .dropdown-menu-item, .hq-public-site .mobile-menu-content .mobile-nav-link, .hq-public-site .mobile-menu-content .mobile-nav-link span, .hq-public-site .mobile-menu-content .mobile-dropdown-item, .hq-public-site .mobile-menu-content .mobile-user-action, .hq-public-site .mobile-menu-content .mobile-user-action span, .hq-public-site .mobile-menu-content .mobile-user-name, .hq-public-site .mobile-menu-content .mobile-login-button, .hq-public-site .mobile-menu-content .mobile-login-button span{
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}.hq-public-site #modernNavbar .nav-link, .hq-public-site #modernNavbar .nav-link span, .hq-public-site #modernNavbar .dropdown-menu-item{
    font-weight: 500 !important;
}.hq-public-site #modernNavbar .nav-link span.font-bold{
    font-weight: 600 !important;
}.hq-public-site #modernNavbar.dmnknd-navbar-shell{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    overflow: visible;
    min-height: var(--dmnknd-nav-bar-h);
    box-sizing: border-box;
}.hq-public-site #modernNavbar > .dmnknd-nav-center{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    margin: 0;
    padding: 0;
    max-height: none;
    width: auto;
    height: auto;
}.hq-public-site #dmnkndNavbarCompactRow{
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    min-height: var(--dmnknd-nav-bar-h);
    overflow: visible;
    box-sizing: border-box;
    padding: 0.375rem 0.5rem;
    gap: 0.5rem;
}@media (min-width: 640px){.hq-public-site #dmnkndNavbarCompactRow{
        padding-left: 1rem;
        padding-right: 1rem;
        gap: 0.75rem;
    }}.hq-public-site .dmnknd-nav-left{
    flex: 1 1 0%;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    overflow: hidden;
    z-index: 1;
}@media (min-width: 640px){.hq-public-site .dmnknd-nav-left{
        gap: 0.75rem;
    }}.hq-public-site .dmnknd-nav-right{
    flex: 1 1 0%;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    z-index: 1;
}@media (min-width: 640px){.hq-public-site .dmnknd-nav-right{
        gap: 0.625rem;
    }}.hq-public-site .dmnknd-nav-center{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    margin: 0;
    padding: 0;
    max-height: none;
}.hq-public-site .dmnknd-nav-logo-link{
    display: block;
    line-height: 0;
    pointer-events: auto;
}.hq-public-site .dmnknd-nav-logo-img{
    display: block;
    width: var(--dmnknd-nav-logo-size);
    height: var(--dmnknd-nav-logo-size);
    max-width: var(--dmnknd-nav-logo-size);
    max-height: var(--dmnknd-nav-logo-size);
    aspect-ratio: 1;
    object-fit: contain;
    filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.45));
    transition: transform 0.25s ease;
}.hq-public-site .dmnknd-nav-logo-link:hover .dmnknd-nav-logo-img, .hq-public-site .dmnknd-nav-logo-link:focus-visible .dmnknd-nav-logo-img{
    transform: scale(1.02);
}.hq-public-site .dmnknd-nav-avatar-link{
    display: block;
    line-height: 0;
    text-decoration: none;
}.hq-public-site .dmnknd-nav-avatar, .hq-public-site .mobile-user-avatar, .hq-public-site .mobile-menu-content .mobile-user-avatar, .hq-public-site #compactMenuScroll .mobile-user-avatar{
    border-radius: 50%;
    overflow: hidden;
    border: var(--dmnknd-avatar-ring);
    box-shadow: var(--dmnknd-avatar-shadow);
    background: var(--dmnknd-avatar-bg);
}.hq-public-site .dmnknd-nav-avatar{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(2.75rem, 6.5vw, 3.5rem);
    height: clamp(2.75rem, 6.5vw, 3.5rem);
}.hq-public-site .dmnknd-nav-avatar img, .hq-public-site .mobile-user-avatar img, .hq-public-site .mobile-menu-content .mobile-user-avatar img, .hq-public-site #compactMenuScroll .mobile-user-avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
    box-shadow: none;
}.hq-public-site .dmnknd-nav-avatar-fallback{
    font-size: 1.35rem;
    color: rgba(255, 255, 255, 0.85);
}.hq-public-site .dmnknd-nav-avatar-crown{
    position: absolute;
    top: -0.45rem;
    right: -0.15rem;
    font-size: 0.95rem;
    color: #ffd700;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.6));
    z-index: 1;
    pointer-events: none;
}.hq-public-site .dmnknd-nav-badges{
    align-items: center;
    gap: 4px;
}.hq-public-site .dmnknd-nav-badges img{
    width: clamp(22px, 4vw, 30px);
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
}.hq-public-site #modernNavbar .dmnknd-nav-hesabim-link.nav-link{
    min-height: 2.5rem;
    padding: 0.5rem 0.75rem;
}@media (max-width: 768px){.hq-public-site #modernNavbar .dmnknd-nav-right .nav-link-dropdown[data-page="hesabim"]{
        display: none !important;
    }}.hq-public-site #modernNavbar .dmnknd-nav-right .nav-link-dropdown{
    padding-bottom: 0;
}.hq-public-site #modernNavbar .dmnknd-nav-right .nav-link-dropdown::after{
    height: 1rem;
}.hq-public-site #modernNavbar .dmnknd-nav-right .nav-link-dropdown .dropdown-menu{
    left: 50%;
    right: auto;
    top: 100%;
    margin-top: 0;
    padding-top: 0.5rem;
    transform: translateX(-50%) translateY(0);
}.hq-public-site #modernNavbar .dmnknd-nav-right .nav-link-dropdown:not(:hover):not(:focus-within) .dropdown-menu{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-50%) translateY(-4px);
}.hq-public-site #modernNavbar .dmnknd-nav-right .nav-link-dropdown:hover .dropdown-menu, .hq-public-site #modernNavbar .dmnknd-nav-right .nav-link-dropdown:focus-within .dropdown-menu, .hq-public-site #modernNavbar .dmnknd-nav-right .nav-link-dropdown .dropdown-menu:hover{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateX(-50%) translateY(0);
}.hq-public-site #modernNavbar .dmnknd-nav-right .nav-link-dropdown .nav-link{
    overflow: hidden;
}.hq-public-site #modernNavbar .dmnknd-nav-right .shop-nav-auth-dropdown{
    padding-bottom: 0;
}.hq-public-site #modernNavbar .dmnknd-nav-right .shop-nav-auth-dropdown::after{
    height: 1rem;
}.hq-public-site #modernNavbar .dmnknd-nav-right .shop-nav-auth-dropdown .dropdown-menu{
    left: 50%;
    right: auto;
    top: 100%;
    margin-top: 0;
    padding-top: 0.5rem;
    transform: translateX(-50%) translateY(0);
}.hq-public-site #modernNavbar .dmnknd-nav-right .shop-nav-auth-dropdown:not(:hover):not(:focus-within) .dropdown-menu{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-50%) translateY(-4px);
}.hq-public-site #modernNavbar .dmnknd-nav-right .shop-nav-auth-dropdown:hover .dropdown-menu, .hq-public-site #modernNavbar .dmnknd-nav-right .shop-nav-auth-dropdown:focus-within .dropdown-menu, .hq-public-site #modernNavbar .dmnknd-nav-right .shop-nav-auth-dropdown .dropdown-menu:hover{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateX(-50%) translateY(0);
}.hq-public-site #modernNavbar{
    overflow: visible;
}.hq-public-site .dmnknd-nav-menu-toggle{
    color: #ffffff;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    font-size: 1.3rem;
}.hq-public-site .dmnknd-nav-menu-toggle iconify-icon{
    font-size: 1.3rem;
}@media (min-width: 640px){.hq-public-site .dmnknd-nav-menu-toggle{
        width: 2.875rem;
        height: 2.875rem;
        font-size: 1.35rem;
    }.hq-public-site .dmnknd-nav-menu-toggle iconify-icon{
        font-size: 1.35rem;
    }}.hq-public-site .dmnknd-nav-menu-toggle.active{
    background: rgba(255, 215, 0, 0.85) !important;
    border-color: rgba(255, 215, 0, 0.65) !important;
    color: #141414 !important;
}.hq-public-site .dmnknd-nav-brand{
    background: linear-gradient(120deg, var(--dmnknd-brand-gold-warm, #f5d76e) 0%, var(--dmnknd-brand-gold, #d4af37) 50%, var(--dmnknd-brand-crimson, #4a4f5e) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    border: none;
    cursor: pointer;
    letter-spacing: 0.04em;
    text-align: left;
    transition: filter 0.2s ease;
    font-size: clamp(0.9375rem, 0.75rem + 0.55vw, 1.1875rem);
    line-height: 1.15;
    max-width: min(100%, 15.5rem);
}.hq-public-site .dmnknd-nav-brand:hover, .hq-public-site .dmnknd-nav-brand:focus-visible{
    filter: brightness(1.12);
}@media (max-width: 1279px){.hq-public-site .dmnknd-nav-brand{
        display: none !important;
    }}.hq-public-site #modernNavbarMainRow{
    display: none !important;
}.hq-public-site #compactNavbar{
    display: none !important;
}.hq-public-site #modernNavbarMainRow{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}.hq-public-site #modernNavbar #modernNavbarMainRow > div.flex-1.min-w-0{
    align-items: center;
}.hq-public-site #modernNavbar #modernNavbarMainRow > div.flex-1.min-w-0 a.nav-link, .hq-public-site #modernNavbar #modernNavbarMainRow > div.flex-1.min-w-0 .nav-link-dropdown > a.nav-link{
    min-height: 2.875rem;
    box-sizing: border-box;
}.hq-public-site #modernNavbar #modernNavbarMainRow > div.flex-1.min-w-0 a.nav-link > iconify-icon:not(.nav-link-external-icon), .hq-public-site #modernNavbar #modernNavbarMainRow > div.flex-1.min-w-0 .nav-link-dropdown > a.nav-link > iconify-icon:not(.nav-link-external-icon){
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.125em;
    height: 1.125em;
    font-size: 1rem !important;
    line-height: 1;
}.hq-public-site #modernNavbar #navbarLoginBtn.nav-link.navbar-login-btn, .hq-public-site #modernNavbar a.nav-link.navbar-login-btn{
    box-sizing: border-box;
    width: fit-content;
    max-width: 100%;
    min-width: 0;
    min-height: 2.75rem;
    display: inline-flex !important;
    align-items: center;
    text-transform: none;
    letter-spacing: 0.05em;
    justify-content: center;
    -webkit-tap-highlight-color: transparent;
}.hq-public-site #modernNavbar button.nav-link.navbar-login-btn{
    -webkit-appearance: none;
    appearance: none;
    font: inherit;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight: 600;
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
}.hq-public-site #modernNavbar #navbarLoginBtn.nav-link.navbar-login-btn::before, .hq-public-site #modernNavbar #navbarLoginBtn.nav-link.navbar-login-btn::after, .hq-public-site #modernNavbar a.nav-link.navbar-login-btn::before, .hq-public-site #modernNavbar a.nav-link.navbar-login-btn::after{
    background: linear-gradient(90deg, #f5c9d2, #e8a4b2) !important;
}.hq-public-site #modernNavbar #navbarLoginBtn.nav-link.navbar-login-btn:hover, .hq-public-site #modernNavbar #navbarLoginBtn.nav-link.navbar-login-btn:hover > iconify-icon, .hq-public-site #modernNavbar #navbarLoginBtn.nav-link.navbar-login-btn:hover > span, .hq-public-site #modernNavbar #navbarLoginBtn.nav-link.navbar-login-btn:focus-visible, .hq-public-site #modernNavbar #navbarLoginBtn.nav-link.navbar-login-btn:focus-visible > iconify-icon, .hq-public-site #modernNavbar #navbarLoginBtn.nav-link.navbar-login-btn:focus-visible > span, .hq-public-site #modernNavbar a.nav-link.navbar-login-btn:hover, .hq-public-site #modernNavbar a.nav-link.navbar-login-btn:hover > iconify-icon, .hq-public-site #modernNavbar a.nav-link.navbar-login-btn:hover > span, .hq-public-site #modernNavbar a.nav-link.navbar-login-btn:focus-visible, .hq-public-site #modernNavbar a.nav-link.navbar-login-btn:focus-visible > iconify-icon, .hq-public-site #modernNavbar a.nav-link.navbar-login-btn:focus-visible > span{
    color: #1a0d12 !important;
    text-shadow: none;
}.hq-public-site #modernNavbar #navbarLoginBtn.nav-link.navbar-login-btn:hover, .hq-public-site #modernNavbar #navbarLoginBtn.nav-link.navbar-login-btn:focus-visible{
    background: transparent !important;
    border-color: rgba(232, 168, 180, 0.55) !important;
}.hq-public-site #modernNavbar .nav-link-dropdown:hover .nav-link.navbar-login-btn:not(.active){
    color: #1a0d12 !important;
}.hq-public-site #modernNavbar .nav-link-dropdown:hover .nav-link.navbar-login-btn:not(.active) > iconify-icon, .hq-public-site #modernNavbar .nav-link-dropdown:hover .nav-link.navbar-login-btn:not(.active) > span{
    color: #1a0d12 !important;
}.hq-public-site [not-visible-on-mobile]{
    display: inline-block;
}@media (max-width: 768px){.hq-public-site [not-visible-on-mobile]{
        display: none !important;
    }}.hq-public-site .modern-navbar{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10002;
    height: 140px;
    background: linear-gradient(180deg,
        rgba(0, 0, 0, 0.45) 0%,
        rgba(0, 0, 0, 0.2) 50%,
        rgba(0, 0, 0, 0.05) 85%,
        transparent 100%);
    box-shadow: none;
    border-bottom: none;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}.hq-public-site .navbar-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
    position: relative;
    z-index: 2;
}.hq-public-site .navbar-layout{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    position: relative;
}.hq-public-site .navbar-left{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 8rem;
    min-width: 0;
    position: relative;
    z-index: 10;
}.hq-public-site .navbar-center{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 500px;
    max-width: 500px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}.hq-public-site .navbar-right{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 8rem;
    min-width: 0;
    position: relative;
    z-index: 10;
}.hq-public-site .navbar-logo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}.hq-public-site .logo-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0.5rem;
    border-radius: 12px;
    height: 140px;
    max-height: 140px;
    text-align: center;
    overflow: visible;
    pointer-events: auto;
    z-index: 2;
}.hq-public-site .logo-container:hover{
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
}.hq-public-site .logo-image{
    width: 130px;
    height: 130px;
    max-width: 130px;
    max-height: 130px;
    border-radius: 12px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    margin: 0 auto;
}.hq-public-site .logo-image:hover{
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}.hq-public-site .navbar-compact-toggle{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    height: 42px;
    padding: 0 1.25rem;
    margin-left: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(16px);
    color: #ffffff;
    cursor: pointer;
    font-size: 1rem;
    letter-spacing: 0.5px;
    font-weight: 600;
    gap: 0.4rem;
    transition: all 0.3s ease;
}.hq-public-site .navbar-compact-toggle i, .hq-public-site .navbar-compact-toggle iconify-icon{
    pointer-events: none;
}.hq-public-site .navbar-compact-toggle:hover{
    border-color: rgba(255, 215, 0, 0.6);
    color: #ffd700;
    transform: translateY(-1px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}.hq-public-site .navbar-compact-toggle:focus-visible{
    outline: 2px solid rgba(255, 215, 0, 0.6);
    outline-offset: 4px;
}.hq-public-site .navbar-compact-toggle.active{
    color: #ffd700;
    border-color: rgba(255, 215, 0, 0.5);
}.hq-public-site .compact-title{
    display: none;
    flex-direction: column;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #f5f5f5;
    letter-spacing: 0.25rem;
    font-family: 'Outfit', 'Inter', system-ui, sans-serif;
    text-transform: uppercase;
    line-height: 1.1;
    font-size: clamp(1.4rem, 3vw, 2rem);
    font-weight: 700;
    mix-blend-mode: screen;
}.hq-public-site .compact-title-text{
    text-align: center;
}.hq-public-site .compact-title span{
    display: block;
}.hq-public-site .modern-navbar .nav-link span, .hq-public-site .modern-navbar .dropdown-menu-item span, .hq-public-site .modern-navbar .navbar-compact-toggle, .hq-public-site .modern-navbar .navbar-compact-toggle span, .hq-public-site .modern-navbar .compact-menu-restore, .hq-public-site .modern-navbar .compact-menu-restore span, .hq-public-site .modern-navbar .login-button span, .hq-public-site .modern-navbar .user-name, .hq-public-site .modern-navbar .dropdown-item span{
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
}.hq-public-site body:not(.compact-menu-ready) .compact-menu-panel{
    display: none !important;
}.hq-public-site .compact-menu-panel{
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 50%;
    transform: translate(-50%, -10px);
    width: min(90vw, 420px);
    background: linear-gradient(180deg,
        rgba(0, 0, 0, 0.88) 0%,
        rgba(0, 0, 0, 0.78) 50%,
        rgba(0, 0, 0, 0.65) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    box-shadow: 0 16px 50px rgba(0, 0, 0, 0.55);
    padding: 1rem 1rem 1.25rem;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
    z-index: 10003;
    max-height: calc(85vh);
    overflow: hidden;
    box-sizing: border-box;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    scrollbar-gutter: stable both-edges;
}.hq-public-site .compact-menu-panel.active{
    opacity: 1;
    transform: translate(-50%, 0);
    pointer-events: auto;
}.hq-public-site .compact-menu-scroll{
    max-height: calc(82vh - 2.5rem);
    overflow-y: auto;
    padding-right: 0.75rem;
    padding-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    scrollbar-gutter: stable both-edges;
}.hq-public-site .compact-menu-scroll::-webkit-scrollbar{
    width: 6px;
}.hq-public-site .compact-menu-scroll::-webkit-scrollbar-track{
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
}.hq-public-site .compact-menu-scroll::-webkit-scrollbar-thumb{
    background: linear-gradient(180deg, #ffd700, #c68900);
    border-radius: 4px;
}.hq-public-site .compact-menu-scroll{
    scrollbar-width: thin;
    scrollbar-color: #ffd700 rgba(255, 255, 255, 0.05);
}.hq-public-site .compact-menu-panel .nav-links, .hq-public-site .compact-menu-panel .navbar-menu{
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
}.hq-public-site .compact-menu-panel .nav-link, .hq-public-site .compact-menu-panel .dropdown-menu-item, .hq-public-site .compact-menu-panel .mobile-nav-link, .hq-public-site .compact-menu-panel .mobile-dropdown-item{
    width: 100%;
    margin: 0;
    justify-content: flex-start;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 0.9rem 1rem;
    transition: background 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s ease, border-color 0.3s ease;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}.hq-public-site .compact-menu-panel .mobile-nav-dropdown{
    background: rgba(255, 255, 255, 0.05);
    border-radius: 14px;
    padding: 0;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
}.hq-public-site .compact-menu-panel .mobile-nav-dropdown .mobile-dropdown-menu{
    padding: 0.15rem 0 0.35rem 0;
    margin: 0;
}.hq-public-site .compact-menu-panel .mobile-nav-dropdown.active{
    background: rgba(255, 215, 0, 0.12);
}.hq-public-site .compact-menu-panel .mobile-nav-dropdown.active .mobile-dropdown-item{
    transform: translateX(0);
}.hq-public-site .compact-menu-panel .mobile-nav-dropdown .mobile-dropdown-item{
    padding: 0.8rem 1rem;
    margin: 0 0.4rem;
}.hq-public-site .compact-menu-panel .nav-link:hover, .hq-public-site .compact-menu-panel .mobile-nav-link:hover, .hq-public-site .compact-menu-panel .dropdown-menu-item:hover, .hq-public-site .compact-menu-panel .mobile-dropdown-item:hover{
    background: rgb(212, 175, 55);
    border-color: rgba(255, 215, 0, 0.5);
    color: #000000;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
    transform: translateY(-1px);
}.hq-public-site .compact-menu-panel .mobile-user-section, .hq-public-site .compact-menu-panel .mobile-login-section{
    margin-top: 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 0.75rem;
}.hq-public-site .compact-menu-restore{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.85rem 1.25rem;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 0.5px;
    cursor: pointer;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease;
}.hq-public-site .compact-menu-restore i{
    font-size: 0.95rem;
}.hq-public-site .compact-menu-restore:hover{
    border-color: rgba(255, 215, 0, 0.6);
    color: #ffd700;
    transform: translateY(-1px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);
}.hq-public-site.navbar-compact-active{
    
    padding-top: 140px;
}.hq-public-site.navbar-compact-active .modern-navbar{
    height: 80px;
    background: linear-gradient(180deg,
        rgba(0, 0, 0, 0.45) 0%,
        rgba(0, 0, 0, 0.2) 50%,
        rgba(0, 0, 0, 0.05) 85%,
        transparent 100%);
    box-shadow: none;
    border-bottom: none;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}.hq-public-site.navbar-compact-active .navbar-left, .hq-public-site.navbar-compact-active .navbar-right, .hq-public-site.navbar-compact-active .navbar-user, .hq-public-site.navbar-compact-active .navbar-compact-toggle, .hq-public-site.navbar-compact-active .mobile-menu-toggle, .hq-public-site.navbar-compact-active .hero-border-top, .hq-public-site.navbar-compact-active .hero-border-bottom{
    display: none !important;
}.hq-public-site.navbar-compact-active .navbar-container, .hq-public-site.navbar-compact-active .navbar-layout{
    justify-content: flex-start;
}.hq-public-site.navbar-compact-active .navbar-center{
    position: relative;
    left: auto;
    transform: none;
    min-width: auto;
    max-width: none;
    pointer-events: auto;
}.hq-public-site.navbar-compact-active .compact-title{
    display: flex;
}.hq-public-site.navbar-compact-active .logo-container{
    height: 70px;
    max-height: 70px;
    padding: 0;
    border-radius: 0;
    border: none;
    background: transparent;
    transform: none !important;
}.hq-public-site.navbar-compact-active .logo-container:hover{
    transform: none !important;
}.hq-public-site.navbar-compact-active .logo-image{
    width: 60px;
    height: 60px;
    max-width: 60px;
    max-height: 60px;
    transform: none !important;
}.hq-public-site.navbar-compact-active .compact-menu-panel{
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 50%;
    transform: translate(-50%, -10px);
}.hq-public-site .navbar-menu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}.hq-public-site .nav-links{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
}.hq-public-site .nav-link{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border-radius: 8px;
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    font-size: 1rem;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    z-index: 10;
    pointer-events: auto;
}.hq-public-site .nav-link[data-page="magaza"]{
    title: none !important;
}.hq-public-site .nav-link[data-page="magaza"]:hover::after{
    content: none !important;
}@supports (-ms-ime-align: auto){.hq-public-site .nav-link[data-page="magaza"]{
        title: none !important;
        -ms-tooltip: none !important;
    }}@supports (display: -ms-grid){.hq-public-site .nav-link[data-page="magaza"]{
        title: none !important;
    }}.hq-public-site .nav-link[data-page="magaza"]{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}.hq-public-site .nav-link.no-tooltip{
    title: none !important;
    -ms-tooltip: none !important;
    pointer-events: auto !important;
}.hq-public-site .nav-link.no-tooltip:hover{
    title: none !important;
}.hq-public-site .nav-link.no-tooltip:focus{
    title: none !important;
}.hq-public-site .nav-link:hover{
    color: #141414;
    background: transparent;
    transform: none;
    box-shadow: none;
    position: relative;
    text-shadow: none;
}.hq-public-site .nav-link:hover > iconify-icon, .hq-public-site .nav-link:hover > span{
    color: #141414;
    opacity: 1;
}.hq-public-site .nav-link{
    position: relative;
    overflow: hidden;
}.hq-public-site .nav-link span{
    position: relative;
    z-index: 2;
}.hq-public-site .nav-link i, .hq-public-site .nav-link iconify-icon{
    position: relative;
    z-index: 2;
}.hq-public-site .nav-link::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 100%;
    background: #ffd700;
    transform: translateX(-50%) skewX(-15deg);
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 0;
}.hq-public-site .nav-link:hover::before{
    width: 100%;
}.hq-public-site .nav-link::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #ffd700;
    transform: skewX(-15deg);
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 0;
}.hq-public-site .nav-link:hover::after{
    width: 100%;
}.hq-public-site #modernNavbar a.nav-link[data-page="shop-dmnknd"]::before, .hq-public-site #modernNavbar a.nav-link[data-page="shop-dmnknd"]::after, .hq-public-site #modernNavbar a.nav-link[data-page="dominara-dmnknd"]::before, .hq-public-site #modernNavbar a.nav-link[data-page="dominara-dmnknd"]::after, .hq-public-site #modernNavbar a.nav-link[data-page="dmnknd"]::before, .hq-public-site #modernNavbar a.nav-link[data-page="dmnknd"]::after, .hq-public-site #modernNavbar a.nav-link[data-page="hq-dmnknd"]::before, .hq-public-site #modernNavbar a.nav-link[data-page="hq-dmnknd"]::after{
    background: linear-gradient(90deg, #f5c9d2, #e8a4b2) !important;
}.hq-public-site #modernNavbar a.nav-link[data-page="shop-dmnknd"]:hover, .hq-public-site #modernNavbar a.nav-link[data-page="shop-dmnknd"]:hover > iconify-icon, .hq-public-site #modernNavbar a.nav-link[data-page="shop-dmnknd"]:hover > span, .hq-public-site #modernNavbar a.nav-link[data-page="dominara-dmnknd"]:hover, .hq-public-site #modernNavbar a.nav-link[data-page="dominara-dmnknd"]:hover > iconify-icon, .hq-public-site #modernNavbar a.nav-link[data-page="dominara-dmnknd"]:hover > span, .hq-public-site #modernNavbar a.nav-link[data-page="dmnknd"]:hover, .hq-public-site #modernNavbar a.nav-link[data-page="dmnknd"]:hover > iconify-icon, .hq-public-site #modernNavbar a.nav-link[data-page="dmnknd"]:hover > span, .hq-public-site #modernNavbar a.nav-link[data-page="hq-dmnknd"]:hover, .hq-public-site #modernNavbar a.nav-link[data-page="hq-dmnknd"]:hover > iconify-icon, .hq-public-site #modernNavbar a.nav-link[data-page="hq-dmnknd"]:hover > span{
    color: #1a0d12 !important;
    text-shadow: none;
}.hq-public-site #modernNavbar .nav-link-dropdown:hover .nav-link[data-page="shop-dmnknd"]:not(.active), .hq-public-site #modernNavbar .nav-link-dropdown:hover .nav-link[data-page="dominara-dmnknd"]:not(.active), .hq-public-site #modernNavbar .nav-link-dropdown:hover .nav-link[data-page="dmnknd"]:not(.active), .hq-public-site #modernNavbar .nav-link-dropdown:hover .nav-link[data-page="hq-dmnknd"]:not(.active){
    color: #1a0d12 !important;
}.hq-public-site #modernNavbar .nav-link-dropdown:hover .nav-link[data-page="shop-dmnknd"]:not(.active) > iconify-icon, .hq-public-site #modernNavbar .nav-link-dropdown:hover .nav-link[data-page="shop-dmnknd"]:not(.active) > span, .hq-public-site #modernNavbar .nav-link-dropdown:hover .nav-link[data-page="dominara-dmnknd"]:not(.active) > iconify-icon, .hq-public-site #modernNavbar .nav-link-dropdown:hover .nav-link[data-page="dominara-dmnknd"]:not(.active) > span, .hq-public-site #modernNavbar .nav-link-dropdown:hover .nav-link[data-page="dmnknd"]:not(.active) > iconify-icon, .hq-public-site #modernNavbar .nav-link-dropdown:hover .nav-link[data-page="dmnknd"]:not(.active) > span, .hq-public-site #modernNavbar .nav-link-dropdown:hover .nav-link[data-page="hq-dmnknd"]:not(.active) > iconify-icon, .hq-public-site #modernNavbar .nav-link-dropdown:hover .nav-link[data-page="hq-dmnknd"]:not(.active) > span{
    color: #1a0d12 !important;
}.hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"] > a.nav-link::before, .hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"] > a.nav-link::after{
    background: linear-gradient(90deg, #f5c9d2, #e8a4b2) !important;
}.hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"] > a.nav-link:not(.active):hover, .hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"] > a.nav-link:not(.active):hover > iconify-icon, .hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"] > a.nav-link:not(.active):hover > span, .hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"] > a.nav-link:not(.active):focus-visible, .hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"] > a.nav-link:not(.active):focus-visible > iconify-icon, .hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"] > a.nav-link:not(.active):focus-visible > span, .hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"]:hover > a.nav-link:not(.active), .hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"]:hover > a.nav-link:not(.active) > iconify-icon, .hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"]:hover > a.nav-link:not(.active) > span{
    color: #1a0d12 !important;
    text-shadow: none !important;
}.hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"] > a.nav-link.active:hover, .hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"] > a.nav-link.active:hover > iconify-icon, .hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"] > a.nav-link.active:hover > span, .hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"]:hover > a.nav-link.active, .hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"]:hover > a.nav-link.active > iconify-icon, .hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"]:hover > a.nav-link.active > span{
    color: #ffd700 !important;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.95), 0 0 10px rgba(0, 0, 0, 0.65) !important;
    opacity: 1 !important;
}.hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"] > a.nav-link.active:hover::before, .hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"] > a.nav-link.active:hover::after, .hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"]:hover > a.nav-link.active::before, .hq-public-site #modernNavbar .nav-link-dropdown[data-page="hesabim"]:hover > a.nav-link.active::after{
    width: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}.hq-public-site .nav-link.active{
    color: #ffd700;
    background: transparent;
    font-weight: 600;
    box-shadow: none;
}.hq-public-site .nav-link.active iconify-icon, .hq-public-site .nav-link.active span{
    color: #ffd700;
    opacity: 1;
}.hq-public-site .nav-link.active:hover{
    color: #141414;
    text-shadow: none;
}.hq-public-site .nav-link.active:hover::before, .hq-public-site .nav-link.active:hover::after{
    width: 100% !important;
}.hq-public-site .nav-link.active:hover::before{
    transform: translateX(-50%) skewX(-15deg) !important;
}.hq-public-site .nav-link.active:hover::after{
    transform: skewX(-15deg) !important;
}.hq-public-site .nav-link.active:hover iconify-icon, .hq-public-site .nav-link.active:hover span{
    color: #141414;
    opacity: 1;
}.hq-public-site .nav-link.active::before{
    transform: translateX(-50%) skewX(-15deg);
}.hq-public-site .nav-link.active::after{
    transform: translateX(50%) skewX(-15deg);
}.hq-public-site .nav-link-dropdown{
    position: relative;
    padding-bottom: 0; 
    display: inline-flex;
    align-items: center;
}.hq-public-site .nav-link-dropdown::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 0.5rem;
    z-index: 5;
    pointer-events: auto;
}.hq-public-site .nav-link-dropdown:hover .nav-link:not(.active){
    color: #141414;
    background: transparent;
    transform: none;
    box-shadow: none;
    position: relative;
    text-shadow: none;
}.hq-public-site .nav-link-dropdown:hover .nav-link:not(.active) > iconify-icon, .hq-public-site .nav-link-dropdown:hover .nav-link:not(.active) > span{
    color: #141414;
    opacity: 1;
}.hq-public-site .nav-link-dropdown:hover .nav-link:not(.active)::before, .hq-public-site .nav-link-dropdown:hover .nav-link:not(.active)::after{
    width: 100%;
}.hq-public-site .nav-link-dropdown:hover > a.nav-link.active, .hq-public-site .nav-link-dropdown:hover > a.nav-link.active > iconify-icon, .hq-public-site .nav-link-dropdown:hover > a.nav-link.active > span{
    color: #ffd700 !important;
    text-shadow: 0 0 14px rgba(255, 215, 0, 0.28) !important;
    opacity: 1 !important;
}.hq-public-site .nav-link-dropdown:hover > a.nav-link.active{
    text-shadow: 0 0 14px rgba(255, 215, 0, 0.25) !important;
}.hq-public-site .nav-link-dropdown:hover > a.nav-link.active::before, .hq-public-site .nav-link-dropdown:hover > a.nav-link.active::after{
    width: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}.hq-public-site .nav-link-dropdown .dropdown-arrow{
    font-size: 0.7rem;
    margin-left: 0.25rem;
    transition: transform 0.3s ease;
    opacity: 0.8;
}.hq-public-site .nav-link-dropdown .nav-link i.dropdown-arrow, .hq-public-site .nav-link-dropdown .nav-link iconify-icon.dropdown-arrow{
    position: relative;
    z-index: 2;
}.hq-public-site .nav-link iconify-icon.nav-link-external-icon{
    font-size: 1rem;
    opacity: 0.88;
    margin-left: 0.4rem;
    flex-shrink: 0;
    width: 1.125em;
    height: 1.125em;
    min-width: 1rem;
}.hq-public-site .mobile-nav-link iconify-icon.nav-link-external-icon{
    font-size: 1rem;
    opacity: 0.9;
    margin-left: auto;
    flex-shrink: 0;
    width: 1.125rem;
    height: 1.125rem;
    min-width: 1.125rem;
}.hq-public-site .nav-link-dropdown:hover .dropdown-arrow{
    transform: rotate(180deg);
}.hq-public-site .nav-link-dropdown .dropdown-menu{
    position: absolute;
    top: 100%; 
    left: 50%;
    transform: translateX(-50%) translateY(-8px);
    padding-top: 0.75rem;
    background: linear-gradient(180deg,
        rgba(0, 0, 0, 0.88) 0%,
        rgba(0, 0, 0, 0.78) 50%,
        rgba(0, 0, 0, 0.65) 100%);
    border-radius: 14px;
    padding-left: 0.65rem;
    padding-right: 0.65rem;
    padding-bottom: 0.65rem;
    min-width: 240px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
    z-index: 10003;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    pointer-events: none;
}.hq-public-site .nav-link-dropdown:hover .dropdown-menu, .hq-public-site .nav-link-dropdown .dropdown-menu:hover{
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    pointer-events: all;
}.hq-public-site .dropdown-menu-item{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.65rem;
    padding: 0.7rem 1rem;
    color: rgba(255, 255, 255, 0.96);
    text-decoration: none;
    border-radius: 10px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 0.9rem;
    position: relative;
    overflow: hidden;
    text-align: left;
    background: rgb(18, 18, 24);
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.08);
}.hq-public-site .dropdown-menu-item::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background: linear-gradient(90deg, #ffd700, #c68b00);
    transform: skewX(-15deg);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 0;
}.hq-public-site .dropdown-menu-item:hover::before{
    width: 100%;
}.hq-public-site .dropdown-menu-item:hover{
    color: #000000;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
    background: rgb(212, 175, 55);
}.hq-public-site .dropdown-menu-item+.dropdown-menu-item{
    margin-top: 0.15rem;
}.hq-public-site .dropdown-menu-item.disabled{
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
}.hq-public-site .dropdown-menu-item.disabled:hover::before{
    width: 0;
}.hq-public-site .dropdown-menu-item span{
    position: relative;
    z-index: 2;
}.hq-public-site .dropdown-menu-item iconify-icon{
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    font-size: 0.95rem;
    width: 1.15em;
    height: 1.15em;
    opacity: 0.92;
}.hq-public-site #modernNavbar .dropdown-menu-item.active:not(.disabled), .hq-public-site #modernNavbar .dropdown-menu-item.active:not(.disabled) span, .hq-public-site #modernNavbar .dropdown-menu-item.active:not(.disabled) iconify-icon{
    color: #e8a4b2;
    text-shadow: 0 0 12px rgba(232, 168, 180, 0.4);
    opacity: 1;
}.hq-public-site #modernNavbar .dropdown-menu-item.active:not(.disabled){
    font-weight: 700;
    background: rgba(232, 168, 180, 0.12);
    border-color: rgba(232, 168, 180, 0.5);
    color: #e8a4b2;
}.hq-public-site #modernNavbar .dropdown-menu-item.active:not(.disabled)::before{
    display: none;
}.hq-public-site #modernNavbar .dropdown-menu-item.active:not(.disabled):hover{
    color: #f2b8c4;
    background: rgba(232, 168, 180, 0.16);
    border-color: rgba(240, 184, 196, 0.55);
    text-shadow: 0 0 12px rgba(232, 168, 180, 0.45);
}.hq-public-site #modernNavbar .dropdown-menu-item.active:not(.disabled):hover iconify-icon, .hq-public-site #modernNavbar .dropdown-menu-item.active:not(.disabled):hover span{
    color: #f2b8c4;
    opacity: 1;
}.hq-public-site .line-through{
    text-decoration: line-through;
}.hq-public-site .nav-soon-pair{
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem 0.5rem;
    position: relative;
    z-index: 2;
}.hq-public-site .nav-soon-label{
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #fbbf24;
    text-transform: uppercase;
    text-decoration: none !important;
    line-height: 1.2;
    white-space: nowrap;
    border: 1px solid rgba(251, 191, 36, 0.4);
    border-radius: 4px;
    padding: 0.12rem 0.4rem;
    background: rgba(0, 0, 0, 0.35);
}.hq-public-site .nav-mode-pair{
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem 0.5rem;
    position: relative;
    z-index: 2;
    min-width: 0;
}.hq-public-site .nav-mode-pair > span:first-child{
    min-width: 0;
}.hq-public-site .nav-mode-label{
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none !important;
    line-height: 1.2;
    white-space: nowrap;
    border-radius: 4px;
    padding: 0.12rem 0.4rem;
    flex-shrink: 0;
}.hq-public-site .nav-mode-label-5v5{
    color: #fdba74;
    border: 1px solid rgba(251, 146, 60, 0.45);
    background: rgba(124, 45, 18, 0.45);
}.hq-public-site .nav-mode-label-draft{
    color: #c4b5fd;
    border: 1px solid rgba(167, 139, 250, 0.45);
    background: rgba(76, 29, 149, 0.4);
}.hq-public-site .dropdown-menu-item:hover .nav-mode-label-5v5, .hq-public-site .mobile-dropdown-item:hover .nav-mode-label-5v5{
    color: #fff7ed;
    border-color: rgba(251, 146, 60, 0.65);
    background: rgba(154, 52, 18, 0.75);
}.hq-public-site .dropdown-menu-item:hover .nav-mode-label-draft, .hq-public-site .mobile-dropdown-item:hover .nav-mode-label-draft{
    color: #f5f3ff;
    border-color: rgba(167, 139, 250, 0.65);
    background: rgba(91, 33, 182, 0.75);
}.hq-public-site #modernNavbar .dropdown-menu-item.active:not(.disabled) .nav-mode-label-5v5{
    color: #ffedd5;
    border-color: rgba(251, 146, 60, 0.55);
    background: rgba(124, 45, 18, 0.55);
}.hq-public-site #modernNavbar .dropdown-menu-item.active:not(.disabled) .nav-mode-label-draft{
    color: #ede9fe;
    border-color: rgba(167, 139, 250, 0.55);
    background: rgba(76, 29, 149, 0.55);
}.hq-public-site .dropdown-menu-item.nav-mode-item-5v5::before, .hq-public-site .mobile-dropdown-item.nav-mode-item-5v5::before{
    background: linear-gradient(90deg, #fdba74, #ea580c);
}.hq-public-site .dropdown-menu-item.nav-mode-item-5v5:hover, .hq-public-site .mobile-dropdown-item.nav-mode-item-5v5:hover, .hq-public-site .compact-menu-panel .dropdown-menu-item.nav-mode-item-5v5:hover, .hq-public-site .compact-menu-panel .mobile-dropdown-item.nav-mode-item-5v5:hover, .hq-public-site #compactMenuScroll .mobile-dropdown-item.nav-mode-item-5v5:hover{
    background: rgb(234, 88, 12);
    border-color: rgba(251, 146, 60, 0.65);
    color: #fff7ed;
    text-shadow: 0 0 8px rgba(124, 45, 18, 0.5);
}.hq-public-site .dropdown-menu-item.nav-mode-item-5v5:hover iconify-icon, .hq-public-site .mobile-dropdown-item.nav-mode-item-5v5:hover iconify-icon, .hq-public-site .dropdown-menu-item.nav-mode-item-5v5:hover .nav-mode-pair > span:first-child, .hq-public-site .mobile-dropdown-item.nav-mode-item-5v5:hover .nav-mode-pair > span:first-child{
    color: #fff7ed;
}.hq-public-site .dropdown-menu-item.nav-mode-item-draft::before, .hq-public-site .mobile-dropdown-item.nav-mode-item-draft::before{
    background: linear-gradient(90deg, #c4b5fd, #7c3aed);
}.hq-public-site .dropdown-menu-item.nav-mode-item-draft:hover, .hq-public-site .mobile-dropdown-item.nav-mode-item-draft:hover, .hq-public-site .compact-menu-panel .dropdown-menu-item.nav-mode-item-draft:hover, .hq-public-site .compact-menu-panel .mobile-dropdown-item.nav-mode-item-draft:hover, .hq-public-site #compactMenuScroll .mobile-dropdown-item.nav-mode-item-draft:hover{
    background: rgb(124, 58, 237);
    border-color: rgba(167, 139, 250, 0.65);
    color: #f5f3ff;
    text-shadow: 0 0 8px rgba(76, 29, 149, 0.5);
}.hq-public-site .dropdown-menu-item.nav-mode-item-draft:hover iconify-icon, .hq-public-site .mobile-dropdown-item.nav-mode-item-draft:hover iconify-icon, .hq-public-site .dropdown-menu-item.nav-mode-item-draft:hover .nav-mode-pair > span:first-child, .hq-public-site .mobile-dropdown-item.nav-mode-item-draft:hover .nav-mode-pair > span:first-child{
    color: #f5f3ff;
}.hq-public-site #modernNavbar .dropdown-menu-item.nav-mode-item-5v5.active:not(.disabled), .hq-public-site #modernNavbar .dropdown-menu-item.nav-mode-item-5v5.active:not(.disabled) span, .hq-public-site #modernNavbar .dropdown-menu-item.nav-mode-item-5v5.active:not(.disabled) iconify-icon{
    color: #fdba74;
    text-shadow: 0 0 12px rgba(251, 146, 60, 0.35);
}.hq-public-site #modernNavbar .dropdown-menu-item.nav-mode-item-5v5.active:not(.disabled){
    background: rgba(124, 45, 18, 0.35);
    border-color: rgba(251, 146, 60, 0.5);
}.hq-public-site #modernNavbar .dropdown-menu-item.nav-mode-item-5v5.active:not(.disabled):hover, .hq-public-site #modernNavbar .dropdown-menu-item.nav-mode-item-5v5.active:not(.disabled):hover span, .hq-public-site #modernNavbar .dropdown-menu-item.nav-mode-item-5v5.active:not(.disabled):hover iconify-icon{
    color: #fff7ed;
    background: rgb(234, 88, 12);
    border-color: rgba(251, 146, 60, 0.65);
    text-shadow: 0 0 8px rgba(124, 45, 18, 0.5);
}.hq-public-site #modernNavbar .dropdown-menu-item.nav-mode-item-draft.active:not(.disabled), .hq-public-site #modernNavbar .dropdown-menu-item.nav-mode-item-draft.active:not(.disabled) span, .hq-public-site #modernNavbar .dropdown-menu-item.nav-mode-item-draft.active:not(.disabled) iconify-icon{
    color: #c4b5fd;
    text-shadow: 0 0 12px rgba(167, 139, 250, 0.35);
}.hq-public-site #modernNavbar .dropdown-menu-item.nav-mode-item-draft.active:not(.disabled){
    background: rgba(76, 29, 149, 0.35);
    border-color: rgba(167, 139, 250, 0.5);
}.hq-public-site #modernNavbar .dropdown-menu-item.nav-mode-item-draft.active:not(.disabled):hover, .hq-public-site #modernNavbar .dropdown-menu-item.nav-mode-item-draft.active:not(.disabled):hover span, .hq-public-site #modernNavbar .dropdown-menu-item.nav-mode-item-draft.active:not(.disabled):hover iconify-icon{
    color: #f5f3ff;
    background: rgb(124, 58, 237);
    border-color: rgba(167, 139, 250, 0.65);
    text-shadow: 0 0 8px rgba(76, 29, 149, 0.5);
}.hq-public-site .mobile-dropdown-item.nav-mode-item-5v5.active:not(.disabled), .hq-public-site .mobile-dropdown-item.nav-mode-item-5v5.active:not(.disabled) span, .hq-public-site .mobile-dropdown-item.nav-mode-item-5v5.active:not(.disabled) iconify-icon{
    color: #fdba74;
    text-shadow: 0 0 12px rgba(251, 146, 60, 0.35);
}.hq-public-site .mobile-dropdown-item.nav-mode-item-5v5.active:not(.disabled){
    background: rgba(124, 45, 18, 0.35);
    border-color: rgba(251, 146, 60, 0.5);
}.hq-public-site .mobile-dropdown-item.nav-mode-item-5v5.active:not(.disabled):hover, .hq-public-site .mobile-dropdown-item.nav-mode-item-5v5.active:not(.disabled):hover span, .hq-public-site .mobile-dropdown-item.nav-mode-item-5v5.active:not(.disabled):hover iconify-icon{
    color: #fff7ed;
    background: rgb(234, 88, 12);
    border-color: rgba(251, 146, 60, 0.65);
}.hq-public-site .mobile-dropdown-item.nav-mode-item-draft.active:not(.disabled), .hq-public-site .mobile-dropdown-item.nav-mode-item-draft.active:not(.disabled) span, .hq-public-site .mobile-dropdown-item.nav-mode-item-draft.active:not(.disabled) iconify-icon{
    color: #c4b5fd;
    text-shadow: 0 0 12px rgba(167, 139, 250, 0.35);
}.hq-public-site .mobile-dropdown-item.nav-mode-item-draft.active:not(.disabled){
    background: rgba(76, 29, 149, 0.35);
    border-color: rgba(167, 139, 250, 0.5);
}.hq-public-site .mobile-dropdown-item.nav-mode-item-draft.active:not(.disabled):hover, .hq-public-site .mobile-dropdown-item.nav-mode-item-draft.active:not(.disabled):hover span, .hq-public-site .mobile-dropdown-item.nav-mode-item-draft.active:not(.disabled):hover iconify-icon{
    color: #f5f3ff;
    background: rgb(124, 58, 237);
    border-color: rgba(167, 139, 250, 0.65);
}.hq-public-site .mobile-nav-dropdown{
    position: relative;
}.hq-public-site .mobile-nav-dropdown .mobile-dropdown-arrow{
    font-size: 0.7rem;
    margin-left: auto;
    transition: transform 0.3s ease;
}.hq-public-site .mobile-nav-dropdown.active .mobile-dropdown-arrow{
    transform: rotate(180deg);
}.hq-public-site .mobile-dropdown-menu{
    display: none;
    flex-direction: column;
    gap: 0.25rem;
    margin: 0.2rem;
    padding: 0.5rem;
    background: linear-gradient(180deg,
        rgba(0, 0, 0, 0.88) 0%,
        rgba(0, 0, 0, 0.78) 50%,
        rgba(0, 0, 0, 0.65) 100%);
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5);
}.hq-public-site .mobile-nav-dropdown.active .mobile-dropdown-menu{
    display: flex;
}.hq-public-site .mobile-dropdown-item{
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 1.2rem;
    margin: 0 0.3rem;
    color: rgba(255, 255, 255, 0.96);
    text-decoration: none;
    border-radius: 10px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 0.9rem;
    background: rgb(18, 18, 24);
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
    overflow: hidden;
}.hq-public-site .mobile-dropdown-item::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background: linear-gradient(90deg, #ffd700, #c68b00);
    transform: skewX(-15deg);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 0;
}.hq-public-site .mobile-dropdown-item:hover::before{
    width: 100%;
}.hq-public-site .mobile-dropdown-item.active::before, .hq-public-site .mobile-dropdown-item.active:hover::before{
    width: 0 !important;
}.hq-public-site .mobile-dropdown-item span, .hq-public-site .mobile-dropdown-item iconify-icon{
    position: relative;
    z-index: 2;
}.hq-public-site .mobile-dropdown-item:hover{
    background: rgb(212, 175, 55);
    border-color: rgba(255, 215, 0, 0.5);
    color: #000000;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
}.hq-public-site .mobile-dropdown-item.active:not(.disabled){
    background: rgba(232, 168, 180, 0.12);
    border-color: rgba(232, 168, 180, 0.5);
    color: #e8a4b2;
    font-weight: 700;
    text-shadow: 0 0 10px rgba(232, 168, 180, 0.4);
}.hq-public-site .mobile-dropdown-item.active:not(.disabled) iconify-icon, .hq-public-site .mobile-dropdown-item.active:not(.disabled) span{
    color: #e8a4b2;
    opacity: 1;
}.hq-public-site .mobile-dropdown-item.active:not(.disabled):hover{
    background: rgba(232, 168, 180, 0.2);
    border-color: rgba(240, 184, 196, 0.55);
    color: #f2b8c4;
    text-shadow: 0 0 10px rgba(232, 168, 180, 0.45);
}.hq-public-site .mobile-dropdown-item.active:not(.disabled):hover iconify-icon, .hq-public-site .mobile-dropdown-item.active:not(.disabled):hover span{
    color: #f2b8c4;
}.hq-public-site .mobile-dropdown-item.disabled{
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
}.hq-public-site .nav-link i, .hq-public-site .nav-link iconify-icon{
    font-size: 1rem;
    opacity: 0.8;
}.hq-public-site .nav-link span{
    font-size: 1rem;
}.hq-public-site .navbar-user{
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}.hq-public-site .user-profile{
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: transparent;
    border: none;
}.hq-public-site .user-profile:hover{
    background: rgba(255, 255, 255, 0.1);
}.hq-public-site .user-avatar{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    border: none;
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}.hq-public-site .user-avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}.hq-public-site .user-avatar i{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    font-size: 1.2rem;
}.hq-public-site .user-info{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}.hq-public-site .user-name{
    font-weight: 500;
    color: #ffffff;
    font-size: 0.9rem;
    line-height: 1.2;
}.hq-public-site .user-status{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #10b981;
}.hq-public-site .user-dropdown{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-8px);
    margin-top: 0.5rem;
    background: linear-gradient(180deg,
        rgba(0, 0, 0, 0.88) 0%,
        rgba(0, 0, 0, 0.78) 50%,
        rgba(0, 0, 0, 0.65) 100%);
    border-radius: 12px;
    padding: 0.5rem;
    min-width: 180px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5);
    z-index: 10003;
}.hq-public-site .user-profile:hover .user-dropdown{
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}.hq-public-site .dropdown-item{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem;
    color: #ffffff;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 0.9rem;
    position: relative;
    overflow: hidden;
    text-align: center;
}.hq-public-site .dropdown-item::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background: #ffd700;
    transform: skewX(-15deg);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 0;
}.hq-public-site .dropdown-item:hover::before{
    width: 100%;
}.hq-public-site .dropdown-item:hover{
    color: #000000;
}.hq-public-site .dropdown-item span{
    position: relative;
    z-index: 2;
}.hq-public-site .dropdown-item i, .hq-public-site .dropdown-item iconify-icon{
    position: relative;
    z-index: 2;
}.hq-public-site .admin-panel{
    display: flex;
    align-items: center;
    margin-left: -0.75rem;
}.hq-public-site .admin-button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: transparent;
    color: #ffd700;
    text-decoration: none;
    font-size: 1.2rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    cursor: default;
    pointer-events: none;
}.hq-public-site .admin-button:hover{
    background: rgba(255, 255, 255, 0.1);
}.hq-public-site .login-button{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border-radius: 8px;
    background: transparent;
    color: #ffffff;
    border: none;
    font-weight: 500;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    justify-content: center;
    text-align: center;
    z-index: 10;
    pointer-events: auto;
}.hq-public-site .login-button::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 100%;
    background: #ffd700;
    transform: translateX(-50%) skewX(-15deg);
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 0;
}.hq-public-site .login-button::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #ffd700;
    transform: skewX(-15deg);
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 0;
}.hq-public-site .login-button:hover::before{
    width: 100%;
}.hq-public-site .login-button:hover::after{
    width: 100%;
}.hq-public-site .login-button:hover{
    color: #282828;
    background: transparent;
    transform: none;
    box-shadow: none;
}.hq-public-site .login-button span{
    position: relative;
    z-index: 2;
}.hq-public-site .login-button i{
    position: relative;
    z-index: 2;
    font-size: 1rem;
    opacity: 0.8;
}.hq-public-site .mobile-menu-toggle{
    display: none;
    flex-direction: column;
    gap: 4px;
    cursor: pointer;
    padding: 0.5rem;
}.hq-public-site .mobile-menu-toggle span{
    width: 25px;
    height: 3px;
    background: #ffffff;
    border-radius: 2px;
    transition: all 0.3s ease;
}.hq-public-site .mobile-menu-toggle.active span:nth-child(1){
    transform: rotate(45deg) translate(6px, 6px);
}.hq-public-site .mobile-menu-toggle.active span:nth-child(2){
    opacity: 0;
}.hq-public-site .mobile-menu-toggle.active span:nth-child(3){
    transform: rotate(-45deg) translate(6px, -6px);
}.hq-public-site .compact-logo-indicator{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: #ffffff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}.hq-public-site .compact-logo-indicator i{
    font-size: 0.85rem;
}.hq-public-site .group:hover .compact-logo-indicator{
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.35);
}.hq-public-site .mobile-menu-overlay{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    z-index: 10010 !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity 0.38s cubic-bezier(0.4, 0, 0.2, 1),
        visibility 0.38s cubic-bezier(0.4, 0, 0.2, 1);
    margin: 0;
    padding: 0;
    overscroll-behavior: none;
}.hq-public-site .mobile-menu-overlay.active{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}@media (min-width: 769px){.hq-public-site .mobile-menu-overlay.active.mobile-menu-overlay--hover{
        pointer-events: none;
    }.hq-public-site .mobile-menu-overlay.active.mobile-menu-overlay--hover .mobile-menu-content{
        pointer-events: auto;
    }}.hq-public-site .mobile-menu-content{
    position: absolute;
    top: 0;
    left: 0;
    width: min(360px, 92vw);
    min-width: 280px;
    height: 100vh;
    background: linear-gradient(
        135deg,
        rgba(0, 0, 0, 0.96) 0%,
        rgba(22, 22, 28, 0.94) 50%,
        rgba(255, 204, 64, 0.12) 100%
    );
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    padding: 0;
    margin: 0;
    transform: translateX(-100%);
    transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
    overflow-y: auto;
    overscroll-behavior: contain;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    box-sizing: border-box;
    --mobile-menu-inset: 1rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
}.hq-public-site .mobile-menu-content::-webkit-scrollbar{
    display: none;
    width: 0;
    height: 0;
}.hq-public-site .mobile-menu-overlay.active .mobile-menu-content{
    transform: translateX(0);
}.hq-public-site.navbar-compact-active .mobile-menu-content{
    left: auto;
    right: 0;
    transform: translateX(100%);
    border-right: none;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}.hq-public-site.navbar-compact-active .mobile-menu-overlay.active .mobile-menu-content{
    transform: translateX(0);
}.hq-public-site .mobile-menu-header, .hq-public-site .mobile-menu-content .mobile-menu-header{
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin: 0;
    padding: 1.125rem var(--mobile-menu-inset, 1rem) 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-sizing: border-box;
}.hq-public-site .mobile-menu-header h3, .hq-public-site .mobile-menu-content .mobile-menu-header h3{
    flex: 1;
    min-width: 0;
    margin: 0;
    padding: 0 0.25rem 0 0;
    color: rgba(255, 255, 255, 0.95);
    font-family: 'Outfit', 'Inter', system-ui, sans-serif !important;
    font-size: 1.333rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.2;
    text-align: left;
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
}.hq-public-site .mobile-menu-header h3::after, .hq-public-site .mobile-menu-content .mobile-menu-header h3::after{
    content: none;
    display: none;
}.hq-public-site .mobile-menu-close, .hq-public-site .mobile-menu-content .mobile-menu-close{
    position: static;
    flex-shrink: 0;
    align-self: center;
    margin: 0;
    z-index: 1;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    padding: 0.35rem;
    border-radius: 4px;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}.hq-public-site .mobile-menu-close:hover{
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.9);
}.hq-public-site .mobile-menu-links{
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin: 0;
    padding: 1rem var(--mobile-menu-inset, 1rem) 0.875rem;
    box-sizing: border-box;
}.hq-public-site .mobile-nav-link{
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    border-radius: 10px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 0.95rem;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
}.hq-public-site .mobile-nav-link:hover{
    background: #ffd700;
    border-color: rgba(0, 0, 0, 0.2);
    color: #141414;
    text-shadow: none;
}.hq-public-site .mobile-nav-link:hover > iconify-icon, .hq-public-site .mobile-nav-link:hover > span{
    color: #141414;
    opacity: 1;
}.hq-public-site .mobile-nav-link[data-page="shop-dmnknd"]:hover, .hq-public-site .mobile-nav-link[data-page="dominara-dmnknd"]:hover, .hq-public-site .mobile-nav-link[data-page="dmnknd"]:hover, .hq-public-site .mobile-nav-link[data-page="hq-dmnknd"]:hover{
    background: linear-gradient(180deg, #f0bec9, #e8a4b2);
    border-color: rgba(232, 168, 180, 0.6);
    color: #1a0d12;
    text-shadow: none;
}.hq-public-site .mobile-nav-link[data-page="shop-dmnknd"]:hover > iconify-icon, .hq-public-site .mobile-nav-link[data-page="shop-dmnknd"]:hover > span, .hq-public-site .mobile-nav-link[data-page="dominara-dmnknd"]:hover > iconify-icon, .hq-public-site .mobile-nav-link[data-page="dominara-dmnknd"]:hover > span, .hq-public-site .mobile-nav-link[data-page="dmnknd"]:hover > iconify-icon, .hq-public-site .mobile-nav-link[data-page="dmnknd"]:hover > span, .hq-public-site .mobile-nav-link[data-page="hq-dmnknd"]:hover > iconify-icon, .hq-public-site .mobile-nav-link[data-page="hq-dmnknd"]:hover > span{
    color: #1a0d12;
    opacity: 1;
}.hq-public-site .mobile-nav-link.active{
    background: rgba(255, 215, 0, 0.1);
    border-color: rgba(255, 215, 0, 0.48);
    color: #ffd700;
    font-weight: 700;
    text-shadow: 0 0 12px rgba(255, 215, 0, 0.4);
}.hq-public-site .mobile-nav-link.active iconify-icon, .hq-public-site .mobile-nav-link.active span{
    color: #ffd700;
    opacity: 1;
}.hq-public-site .mobile-nav-link.active:hover{
    background: #ffd700;
    border-color: rgba(0, 0, 0, 0.2);
    color: #141414;
    text-shadow: none;
}.hq-public-site .mobile-nav-link.active:hover iconify-icon, .hq-public-site .mobile-nav-link.active:hover span{
    color: #141414;
    opacity: 1;
}.hq-public-site .mobile-nav-dropdown > .mobile-nav-link.active:hover{
    background: rgba(255, 215, 0, 0.12);
    border-color: rgba(255, 215, 0, 0.42);
    color: #ffd700;
    text-shadow: 0 0 12px rgba(255, 215, 0, 0.3);
}.hq-public-site .mobile-nav-dropdown > .mobile-nav-link.active:hover > iconify-icon, .hq-public-site .mobile-nav-dropdown > .mobile-nav-link.active:hover > span{
    color: #ffd700;
    opacity: 1;
}.hq-public-site .mobile-nav-link i, .hq-public-site .mobile-nav-link iconify-icon{
    font-size: 1rem;
    width: 16px;
    opacity: 0.8;
}.hq-public-site .mobile-user-section{
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1rem var(--mobile-menu-inset, 1rem) var(--mobile-menu-inset, 1rem);
    margin: 0.25rem 0 0 0;
    width: 100%;
    box-sizing: border-box;
}.hq-public-site .mobile-user-info{
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0 0 1rem 0;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    width: 100%;
    box-sizing: border-box;
}.hq-public-site .mobile-user-badges{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    flex-shrink: 0;
}.hq-public-site .mobile-user-badges img{
    width: 26px;
    height: 26px;
    object-fit: contain;
}.hq-public-site .mobile-user-details{
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
    min-width: 0;
}.hq-public-site .mobile-menu-content .mobile-user-info{
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0 0 1rem 0;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    width: 100%;
    box-sizing: border-box;
}.hq-public-site .mobile-menu-content .mobile-user-name{
    color: #ffffff;
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}.hq-public-site .mobile-menu-content .mobile-user-avatar{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    flex-shrink: 0;
}.hq-public-site .mobile-menu-content .mobile-user-avatar iconify-icon{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    color: rgba(255, 255, 255, 0.85);
}.hq-public-site .mobile-menu-content .mobile-user-action, .hq-public-site .mobile-menu-content .mobile-nav-link, .hq-public-site .mobile-menu-content .mobile-nav-dropdown > .mobile-nav-link, .hq-public-site .mobile-menu-content .mobile-login-button{
    padding: 0.75rem 1rem !important;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}.hq-public-site .mobile-user-actions{
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    width: 100%;
    box-sizing: border-box;
}.hq-public-site .mobile-user-action{
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    border-radius: 10px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    font-size: 0.95rem;
    font-weight: 500;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
}.hq-public-site .mobile-user-action iconify-icon{
    font-size: 1rem;
    width: 1rem;
    flex-shrink: 0;
    opacity: 0.8;
}.hq-public-site .mobile-user-action:hover{
    background: #ffd700;
    border-color: rgba(0, 0, 0, 0.2);
    color: #141414;
    text-shadow: none;
}.hq-public-site .mobile-user-action:hover > iconify-icon, .hq-public-site .mobile-user-action:hover > span{
    color: #141414;
    opacity: 1;
}.hq-public-site .mobile-login-section{
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1rem var(--mobile-menu-inset, 1rem) var(--mobile-menu-inset, 1rem);
    margin: 0.25rem 0 0 0;
    width: 100%;
    box-sizing: border-box;
}.hq-public-site .mobile-login-button{
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    margin: 0;
    background: rgba(0, 0, 0, 0.3);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease;
    backdrop-filter: blur(8px);
    position: relative;
    overflow: hidden;
    text-transform: none;
    letter-spacing: 0.05em;
    box-sizing: border-box;
}.hq-public-site .mobile-login-button:hover{
    background: rgba(202, 138, 4, 0.7);
    border-color: rgba(255, 215, 0, 0.4);
    color: #fff;
}.hq-public-site .login-modal{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(12px);
    z-index: 10020;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}.hq-public-site .login-modal.active{
    opacity: 1;
    visibility: visible;
}.hq-public-site .login-modal-content{
    background: #282828;
    border-radius: 12px;
    padding: 2rem;
    max-width: 400px;
    width: 90%;
    border: none;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
    transform: scale(0.95);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}.hq-public-site .login-modal.active .login-modal-content{
    transform: scale(1);
}.hq-public-site .login-method-tabs{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.6rem;
    margin-bottom: 1rem;
}.hq-public-site .login-method-btn{
    border: 1px solid rgba(255, 215, 0, 0.25);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.08);
    color: #fff;
    padding: 0.6rem 0.75rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}.hq-public-site .login-method-btn.active{
    background: rgba(255, 215, 0, 0.22);
    border-color: rgba(255, 215, 0, 0.5);
}.hq-public-site .login-modal-content.discord-auth-mode{
    background: linear-gradient(145deg, #171a2b 0%, #20253e 55%, #2b3260 100%);
}.hq-public-site .login-method-btn-discord{
    border-color: rgba(88, 101, 242, 0.4);
    background: rgba(88, 101, 242, 0.16);
}.hq-public-site .login-modal-content.discord-auth-mode .login-modal-header h2, .hq-public-site .login-modal-content.discord-auth-mode .form-group label{
    color: #d7dcff;
}.hq-public-site .login-modal-content.discord-auth-mode .form-group input{
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(88, 101, 242, 0.35);
}.hq-public-site .login-modal-content.discord-auth-mode .form-group input:focus{
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(88, 101, 242, 0.75);
}.hq-public-site .login-modal-content.discord-auth-mode .login-submit-btn{
    background: rgba(88, 101, 242, 0.16);
    border-color: rgba(88, 101, 242, 0.45);
}.hq-public-site .login-modal-content.discord-auth-mode .login-submit-btn::before{
    background: #5865f2;
}.hq-public-site .login-modal-content.discord-auth-mode .login-submit-btn:hover:not(:disabled){
    color: #fff;
    background: rgba(88, 101, 242, 0.25);
    border-color: rgba(88, 101, 242, 0.8);
}.hq-public-site .login-modal-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}.hq-public-site .login-modal-header h2{
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    text-align: center;
}.hq-public-site .login-modal-close{
    background: none;
    border: none;
    color: #ffd700;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: absolute;
    top: 1rem;
    right: 1rem;
}.hq-public-site .login-modal-close:hover{
    color: #ffffff;
    background: rgba(255, 215, 0, 0.1);
}.hq-public-site .form-group{
    margin-bottom: 1rem;
}.hq-public-site .form-group label{
    display: block;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}.hq-public-site .form-group input{
    width: 100%;
    padding: 0.875rem;
    border: none;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-size: 0.9rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}.hq-public-site .form-group input:focus{
    outline: none;
    background: rgba(255, 255, 255, 0.15);
}.hq-public-site .login-submit-btn{
    width: 100%;
    padding: 0.875rem;
    background: rgba(255, 215, 0, 0.1);
    color: #ffffff;
    border: 1px solid rgba(255, 215, 0, 0.3);
    border-radius: 8px;
    font-weight: 500;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}.hq-public-site .login-submit-btn::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 100%;
    background: #ffd700;
    transform: translateX(-50%) skewX(-15deg);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 0;
}.hq-public-site .login-submit-btn:hover::before{
    width: 100%;
}.hq-public-site .login-submit-btn:disabled{
    opacity: 0.3;
    cursor: not-allowed;
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}.hq-public-site .login-submit-btn:hover:not(:disabled){
    color: #000000;
    background: rgba(255, 215, 0, 0.2);
    border-color: rgba(255, 215, 0, 0.5);
}.hq-public-site .login-submit-btn span{
    position: relative;
    z-index: 1;
}.hq-public-site .login-submit-btn iconify-icon{
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    color: #ffffff !important;
    --iconify-color: #ffffff;
}.hq-public-site .login-submit-btn iconify-icon svg, .hq-public-site .login-submit-btn iconify-icon svg path{
    fill: currentColor !important;
}.hq-public-site .login-submit-btn:hover:not(:disabled) iconify-icon, .hq-public-site .login-submit-btn:focus-visible:not(:disabled) iconify-icon{
    color: #000000 !important;
    --iconify-color: #000000;
}.hq-public-site .login-modal-content.discord-auth-mode .login-submit-btn iconify-icon{
    color: #ffffff !important;
    --iconify-color: #ffffff;
}.hq-public-site .login-modal-content.discord-auth-mode .login-submit-btn:hover:not(:disabled) iconify-icon, .hq-public-site .login-modal-content.discord-auth-mode .login-submit-btn:focus-visible:not(:disabled) iconify-icon{
    color: #ffffff !important;
    --iconify-color: #ffffff;
}.hq-public-site .login-divider{
    text-align: center;
    margin: 1.5rem 0;
    position: relative;
}.hq-public-site .login-divider::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #ffd700;
}.hq-public-site .login-divider span{
    background: #282828;
    padding: 0 1rem;
    color: #ffd700;
    font-size: 0.9rem;
    font-weight: 500;
    position: relative;
    z-index: 1;
}.hq-public-site .discord-login-btn{
    width: 100%;
    padding: 0.875rem;
    background: rgba(88, 101, 242, 0.1);
    color: #ffffff;
    border: 1px solid rgba(88, 101, 242, 0.3);
    border-radius: 8px;
    font-weight: 500;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}.hq-public-site #login-send-code{
    margin: 1rem 0;
}.hq-public-site .discord-login-btn::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 100%;
    background: #5865f2;
    transform: translateX(-50%) skewX(-15deg);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 0;
}.hq-public-site .discord-login-btn:hover::before{
    width: 100%;
}.hq-public-site .discord-login-btn:hover{
    color: #ffffff;
    background: rgba(88, 101, 242, 0.2);
    border-color: rgba(88, 101, 242, 0.5);
}.hq-public-site .discord-login-btn span{
    position: relative;
    z-index: 1;
}.hq-public-site #modal-login .discord-login-btn{
    text-transform: none;
    letter-spacing: 0.02em;
    font-weight: 600;
}.hq-public-site .discord-login-btn iconify-icon{
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    color: #ffffff !important;
    --iconify-color: #ffffff;
}.hq-public-site .discord-login-btn iconify-icon svg, .hq-public-site .discord-login-btn iconify-icon svg path{
    fill: currentColor !important;
}.hq-public-site .discord-login-btn:hover, .hq-public-site .discord-login-btn:focus-visible{
    color: #ffffff;
}.hq-public-site .discord-login-btn:hover iconify-icon, .hq-public-site .discord-login-btn:focus-visible iconify-icon{
    color: #ffffff !important;
    --iconify-color: #ffffff;
}.hq-public-site .login-error{
    color: #ff6b6b;
    font-size: 0.9rem;
    text-align: center;
    margin-top: 1rem;
    padding: 0.75rem;
    background: rgba(255, 107, 107, 0.1);
    border-radius: 8px;
    border: none;
}.hq-public-site .login-error.hidden{
    display: none;
}@media (max-width: 1024px){.hq-public-site .navbar-container{
        padding: 0 1.5rem;
    }.hq-public-site .navbar-center{
        min-width: 250px;
        max-width: 250px;
    }.hq-public-site .nav-links{
        gap: 0.25rem;
    }.hq-public-site .nav-link{
        padding: 0.5rem 1rem;
        font-size: 0.85rem;
    }}@media (max-width: 768px){.hq-public-site{
        padding-top: var(--dmnknd-nav-bar-h, 5.25rem);
    }.hq-public-site .modern-navbar{
        height: 100px;
        background: transparent !important;
        backdrop-filter: none !important;
        box-shadow: none !important;
        border-bottom: none !important;
    }.hq-public-site .modern-navbar.scrolled{
        height: 85px;
        background: transparent !important;
        backdrop-filter: none !important;
        box-shadow: none !important;
        border-bottom: none !important;
    }.hq-public-site .navbar-container{
        padding: 0 1rem;
    }.hq-public-site .navbar-layout{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        position: relative;
    }.hq-public-site .navbar-left{
        display: none;
    }.hq-public-site .navbar-center{
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
        flex: 1 !important;
        display: flex !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        position: static !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        left: auto !important;
        top: auto !important;
        min-width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        height: 100% !important;
    }.hq-public-site .navbar-right{
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0;
        margin: 0;
        width: 60px;
        height: 100%;
    }.hq-public-site .navbar-menu{
        display: none;
    }.hq-public-site .nav-links{
        display: none;
    }.hq-public-site .user-profile{
        display: none;
    }.hq-public-site .admin-panel{
        display: none;
    }.hq-public-site .login-button{
        display: none;
    }.hq-public-site .mobile-menu-toggle{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        cursor: pointer;
        border-radius: 0;
        transition: all 0.3s ease;
        background: transparent;
    }.hq-public-site .mobile-menu-toggle:hover{
        background: rgba(255, 255, 255, 0.1);
    }.hq-public-site .mobile-menu-toggle span{
        width: 25px;
        height: 3px;
        background: #ffffff;
        border-radius: 2px;
        transition: all 0.3s ease;
        margin: 2px 0;
    }.hq-public-site .logo-container{
        height: 100%;
        max-height: 100%;
        padding: 0.5rem;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
    }.hq-public-site .navbar-center{
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
    }.hq-public-site .logo-image{
        width: 85px;
        height: 85px;
        max-width: 85px;
        max-height: 85px;
        object-fit: contain;
    }.hq-public-site .modern-navbar.scrolled .logo-container{
        height: 100%;
        max-height: 100%;
        padding: 0.4rem;
    }.hq-public-site .modern-navbar.scrolled .logo-image{
        width: 75px;
        height: 75px;
        max-width: 75px;
        max-height: 75px;
    }.hq-public-site .mobile-menu-content{
        width: 280px;
        padding: 0;
        margin: 0;
    }.hq-public-site .mobile-menu-content .mobile-nav-link{
        font-size: 0.9rem;
        padding: 0.75rem 1rem;
    }.hq-public-site .mobile-menu-content .mobile-user-avatar{
        width: 50px;
        height: 50px;
        min-width: 50px;
        min-height: 50px;
    }.hq-public-site .mobile-menu-content .mobile-user-name{
        font-size: 1rem !important;
    }.hq-public-site .mobile-menu-content .mobile-user-action{
        font-size: 0.9rem;
        padding: 0.75rem 1rem;
    }.hq-public-site .mobile-menu-content .mobile-login-button{
        font-size: 0.9rem;
        padding: 0.75rem 1rem;
    }}@media (max-width: 480px){.hq-public-site{
        padding-top: var(--dmnknd-nav-bar-h, 5.25rem);
    }.hq-public-site .modern-navbar{
        height: 90px;
        background: transparent !important;
        backdrop-filter: none !important;
        box-shadow: none !important;
        border-bottom: none !important;
    }.hq-public-site .modern-navbar.scrolled{
        height: 75px;
        background: transparent !important;
        backdrop-filter: none !important;
        box-shadow: none !important;
        border-bottom: none !important;
    }.hq-public-site .navbar-container{
        padding: 0 0.8rem;
    }.hq-public-site .navbar-layout{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        position: relative;
    }.hq-public-site .navbar-left{
        display: none;
    }.hq-public-site .navbar-center{
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
        flex: 1 !important;
        display: flex !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        position: static !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        left: auto !important;
        top: auto !important;
        min-width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        height: 100% !important;
    }.hq-public-site .navbar-right{
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0;
        margin: 0;
        width: 50px;
        height: 100%;
    }.hq-public-site .navbar-menu{
        display: none;
    }.hq-public-site .nav-links{
        display: none;
    }.hq-public-site .user-profile{
        display: none;
    }.hq-public-site .admin-panel{
        display: none;
    }.hq-public-site .login-button{
        display: none;
    }.hq-public-site .mobile-menu-toggle{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        cursor: pointer;
        border-radius: 0;
        transition: all 0.3s ease;
        background: transparent;
    }.hq-public-site .mobile-menu-toggle:hover{
        background: rgba(255, 255, 255, 0.1);
    }.hq-public-site .mobile-menu-toggle span{
        width: 22px;
        height: 3px;
        background: #ffffff;
        border-radius: 2px;
        transition: all 0.3s ease;
        margin: 2px 0;
    }.hq-public-site .logo-container{
        height: 100%;
        max-height: 100%;
        padding: 0.4rem;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
    }.hq-public-site .navbar-center{
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
    }.hq-public-site .logo-image{
        width: 75px;
        height: 75px;
        max-width: 75px;
        max-height: 75px;
        object-fit: contain;
    }.hq-public-site .modern-navbar.scrolled .logo-container{
        height: 100%;
        max-height: 100%;
        padding: 0.3rem;
    }.hq-public-site .modern-navbar.scrolled .logo-image{
        width: 65px;
        height: 65px;
        max-width: 65px;
        max-height: 65px;
    }.hq-public-site .mobile-menu-content{
        width: 100%;
        padding: 0;
        margin: 0;
    }.hq-public-site .mobile-menu-content .mobile-nav-link{
        font-size: 0.85rem;
        padding: 0.75rem 1rem;
    }.hq-public-site .mobile-menu-content .mobile-user-avatar{
        width: 50px;
        height: 50px;
        min-width: 50px;
        min-height: 50px;
    }.hq-public-site .mobile-menu-content .mobile-user-name{
        font-size: 1rem !important;
    }.hq-public-site .mobile-menu-content .mobile-user-action{
        font-size: 0.85rem;
        padding: 0.75rem 1rem;
    }.hq-public-site .mobile-menu-content .mobile-login-button{
        font-size: 0.85rem;
        padding: 0.75rem 1rem;
    }}.hq-public-site .modern-navbar.scrolled{
    background: rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: none;
    border-bottom-color: rgba(255, 255, 255, 0.12);
}@media (max-width: 768px){.hq-public-site .modern-navbar.scrolled{
        background: transparent !important;
        backdrop-filter: none !important;
        box-shadow: none !important;
        border-bottom: none !important;
    }}.hq-public-site .navbar-container{
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}@media (min-width: 769px){.hq-public-site .navbar-center{
        
        margin: 0 auto;
        left: 50% !important;
        -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
    }}.hq-public-site .no-flexbox .navbar-layout{
    text-align: center;
}.hq-public-site .no-flexbox .navbar-center{
    position: static;
    display: inline-block;
    margin: 0 auto;
}.hq-public-site .no-flexbox .navbar-left, .hq-public-site .no-flexbox .navbar-right{
    display: inline-block;
    vertical-align: middle;
}.hq-public-site #navbarCompactToggle, .hq-public-site #compactNavbarToggle{
    align-items: center !important;
    justify-content: center !important;
    width: 3rem !important;
    height: 3rem !important;
    padding: 0.5rem !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 12px !important;
    background: rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    color: #fff !important;
    font-size: 1.25rem !important;
    cursor: pointer !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
}.hq-public-site #navbarCompactToggle:hover, .hq-public-site #compactNavbarToggle:hover{
    background: rgba(202, 138, 4, 0.7) !important;
    border-color: rgba(255, 215, 0, 0.4) !important;
}.hq-public-site #compactNavbar{
    transition: all 0.3s ease;
}.hq-public-site #compactNavbar.hidden{
    display: none !important;
}.hq-public-site #modernNavbar.hidden{
    display: none !important;
}@media (max-width: 768px){.hq-public-site #compactNavbar{
        display: none !important;
    }.hq-public-site #modernNavbar{
        display: flex !important;
    }.hq-public-site #navbarCompactToggle, .hq-public-site #compactNavbarToggle{
        display: none !important;
    }}.hq-public-site #compactMenuPanel{
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    background: linear-gradient(
        135deg,
        rgba(12, 12, 16, 0.95) 0%,
        rgba(20, 20, 26, 0.94) 45%,
        rgba(255, 204, 64, 0.12) 100%
    );
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}.hq-public-site #compactMenuPanel.active{
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: all !important;
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}.hq-public-site #compactMenuPanel.hidden{
    opacity: 0 !important;
    pointer-events: none !important;
}.hq-public-site #compactMenuScroll{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}.hq-public-site #compactMenuScroll .mobile-menu-links{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}.hq-public-site #compactMenuScroll .mobile-nav-link, .hq-public-site #compactMenuScroll .mobile-nav-dropdown>.mobile-nav-link{
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0.5rem;
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 1rem;
    font-weight: 500;
}.hq-public-site #compactMenuScroll .mobile-nav-link:hover, .hq-public-site #compactMenuScroll .mobile-nav-dropdown>.mobile-nav-link:hover{
    background: #ffd700;
    border-color: rgba(0, 0, 0, 0.2);
    color: #141414;
    text-shadow: none;
    transform: translateX(5px);
}.hq-public-site #compactMenuScroll .mobile-nav-link:hover > iconify-icon, .hq-public-site #compactMenuScroll .mobile-nav-link:hover > span, .hq-public-site #compactMenuScroll .mobile-nav-dropdown > .mobile-nav-link:hover > iconify-icon, .hq-public-site #compactMenuScroll .mobile-nav-dropdown > .mobile-nav-link:hover > span{
    color: #141414;
    opacity: 1;
}.hq-public-site #compactMenuScroll .mobile-nav-link[data-page="shop-dmnknd"]:hover, .hq-public-site #compactMenuScroll .mobile-nav-dropdown > .mobile-nav-link[data-page="shop-dmnknd"]:hover, .hq-public-site #compactMenuScroll .mobile-nav-link[data-page="dominara-dmnknd"]:hover, .hq-public-site #compactMenuScroll .mobile-nav-dropdown > .mobile-nav-link[data-page="dominara-dmnknd"]:hover, .hq-public-site #compactMenuScroll .mobile-nav-link[data-page="dmnknd"]:hover, .hq-public-site #compactMenuScroll .mobile-nav-dropdown > .mobile-nav-link[data-page="dmnknd"]:hover, .hq-public-site #compactMenuScroll .mobile-nav-link[data-page="hq-dmnknd"]:hover, .hq-public-site #compactMenuScroll .mobile-nav-dropdown > .mobile-nav-link[data-page="hq-dmnknd"]:hover{
    background: linear-gradient(180deg, #f0bec9, #e8a4b2);
    border-color: rgba(232, 168, 180, 0.55);
    color: #1a0d12;
    text-shadow: none;
    transform: translateX(5px);
}.hq-public-site #compactMenuScroll .mobile-nav-link[data-page="shop-dmnknd"]:hover > iconify-icon, .hq-public-site #compactMenuScroll .mobile-nav-link[data-page="shop-dmnknd"]:hover > span, .hq-public-site #compactMenuScroll .mobile-nav-dropdown > .mobile-nav-link[data-page="shop-dmnknd"]:hover > iconify-icon, .hq-public-site #compactMenuScroll .mobile-nav-dropdown > .mobile-nav-link[data-page="shop-dmnknd"]:hover > span, .hq-public-site #compactMenuScroll .mobile-nav-link[data-page="dominara-dmnknd"]:hover > iconify-icon, .hq-public-site #compactMenuScroll .mobile-nav-link[data-page="dominara-dmnknd"]:hover > span, .hq-public-site #compactMenuScroll .mobile-nav-dropdown > .mobile-nav-link[data-page="dominara-dmnknd"]:hover > iconify-icon, .hq-public-site #compactMenuScroll .mobile-nav-dropdown > .mobile-nav-link[data-page="dominara-dmnknd"]:hover > span, .hq-public-site #compactMenuScroll .mobile-nav-link[data-page="dmnknd"]:hover > iconify-icon, .hq-public-site #compactMenuScroll .mobile-nav-link[data-page="dmnknd"]:hover > span, .hq-public-site #compactMenuScroll .mobile-nav-dropdown > .mobile-nav-link[data-page="dmnknd"]:hover > iconify-icon, .hq-public-site #compactMenuScroll .mobile-nav-dropdown > .mobile-nav-link[data-page="dmnknd"]:hover > span, .hq-public-site #compactMenuScroll .mobile-nav-link[data-page="hq-dmnknd"]:hover > iconify-icon, .hq-public-site #compactMenuScroll .mobile-nav-link[data-page="hq-dmnknd"]:hover > span, .hq-public-site #compactMenuScroll .mobile-nav-dropdown > .mobile-nav-link[data-page="hq-dmnknd"]:hover > iconify-icon, .hq-public-site #compactMenuScroll .mobile-nav-dropdown > .mobile-nav-link[data-page="hq-dmnknd"]:hover > span{
    color: #1a0d12;
    opacity: 1;
}.hq-public-site #compactMenuScroll .mobile-nav-dropdown > .mobile-nav-link.active:hover{
    background: rgba(255, 215, 0, 0.12);
    border-color: rgba(255, 215, 0, 0.45);
    color: #ffd700;
    text-shadow: 0 0 12px rgba(255, 215, 0, 0.3);
}.hq-public-site #compactMenuScroll .mobile-nav-dropdown > .mobile-nav-link.active:hover > iconify-icon, .hq-public-site #compactMenuScroll .mobile-nav-dropdown > .mobile-nav-link.active:hover > span{
    color: #ffd700;
    opacity: 1;
}.hq-public-site #compactMenuScroll .mobile-nav-link.active, .hq-public-site #compactMenuScroll .mobile-nav-dropdown > .mobile-nav-link.active{
    background: rgba(255, 215, 0, 0.12);
    border-color: rgba(255, 215, 0, 0.45);
    color: #ffd700;
    font-weight: 700;
    text-shadow: 0 0 12px rgba(255, 215, 0, 0.35);
}.hq-public-site #compactMenuScroll .mobile-nav-link.active iconify-icon, .hq-public-site #compactMenuScroll .mobile-nav-link.active span, .hq-public-site #compactMenuScroll .mobile-nav-dropdown > .mobile-nav-link.active iconify-icon, .hq-public-site #compactMenuScroll .mobile-nav-dropdown > .mobile-nav-link.active span{
    color: #ffd700;
    opacity: 1;
}.hq-public-site #compactMenuScroll .mobile-nav-dropdown{
    margin-bottom: 0.5rem;
}.hq-public-site #compactMenuScroll .mobile-dropdown-menu{
    display: none;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding-left: 1rem;
}.hq-public-site #compactMenuScroll .mobile-nav-dropdown.active .mobile-dropdown-menu{
    display: flex;
}.hq-public-site #compactMenuScroll .mobile-dropdown-item{
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.25rem;
    background: rgb(18, 18, 24);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0.375rem;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 0.95rem;
}.hq-public-site #compactMenuScroll .mobile-dropdown-item:hover{
    background: rgb(212, 175, 55);
    border-color: rgba(255, 215, 0, 0.5);
    color: #000000;
}.hq-public-site #compactMenuScroll .mobile-dropdown-item.disabled{
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}.hq-public-site #compactMenuScroll .mobile-user-section, .hq-public-site #compactMenuScroll .mobile-login-section{
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}.hq-public-site #compactMenuScroll .mobile-user-info{
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}.hq-public-site #compactMenuScroll .mobile-user-avatar{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
}.hq-public-site #compactMenuScroll .mobile-user-name{
    color: white;
    font-weight: 600;
    font-size: 1.1rem;
}.hq-public-site #compactMenuScroll .mobile-user-actions{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}.hq-public-site #compactMenuScroll .mobile-user-action, .hq-public-site #compactMenuScroll .mobile-login-button{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 0.875rem 1.5rem;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    color: white;
    text-decoration: none;
    transition: all 0.2s ease;
    font-weight: 600;
    cursor: pointer;
    backdrop-filter: blur(8px);
}.hq-public-site #compactMenuScroll .mobile-user-action:hover{
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.3);
    transform: translateY(-1px);
}.hq-public-site #compactMenuScroll .mobile-login-button:hover{
    background: rgba(202, 138, 4, 0.7);
    border-color: rgba(255, 215, 0, 0.4);
    transform: translateY(-1px);
}.hq-public-site #compactMenuScroll .mobile-dropdown-arrow{
    margin-left: auto;
    transition: transform 0.3s ease;
}.hq-public-site #compactMenuScroll .mobile-nav-dropdown.active .mobile-dropdown-arrow{
    transform: rotate(180deg);
}.hq-public-site #mobileMenuToggle.active span:nth-child(1){
    transform: rotate(45deg) translate(5px, 5px);
}.hq-public-site #mobileMenuToggle.active span:nth-child(2){
    opacity: 0;
}.hq-public-site #mobileMenuToggle.active span:nth-child(3){
    transform: rotate(-45deg) translate(7px, -7px);
}.hq-public-site .nav-link-dropdown{
    position: relative;
}.hq-public-site .dropdown-menu{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    pointer-events: none;
}.hq-public-site .nav-link-dropdown:hover .dropdown-menu, .hq-public-site .nav-link-dropdown.active .dropdown-menu{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}.hq-public-site #compactNavbar, .hq-public-site #compactNavbarToggle, .hq-public-site #compactMenuToggle, .hq-public-site .navbar-compact-active #compactNavbar, .hq-public-site [id="compactNavbar"]{
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}.hq-public-site.navbar-compact-active #modernNavbar{
    display: block !important;
    visibility: visible !important;
}.hq-public-site.navbar-compact-active{ padding-top: 140px !important; }.hq-public-site .nav-preview-dropdown > a.nav-link::before, .hq-public-site .nav-preview-dropdown > a.nav-link::after{
    background: rgb(37, 99, 235);
}.hq-public-site .nav-preview-dropdown > a.nav-link > iconify-icon:first-of-type, .hq-public-site .nav-preview-dropdown > a.mobile-nav-link > iconify-icon:first-of-type{
    color: rgba(96, 165, 250, 0.95);
}.hq-public-site .nav-preview-dropdown:hover > a.nav-link:not(.active), .hq-public-site .nav-preview-dropdown:hover > a.nav-link:not(.active) > iconify-icon, .hq-public-site .nav-preview-dropdown:hover > a.nav-link:not(.active) > span, .hq-public-site .nav-preview-dropdown > a.nav-link:hover, .hq-public-site .nav-preview-dropdown > a.nav-link:hover > iconify-icon, .hq-public-site .nav-preview-dropdown > a.nav-link:hover > span{
    color: #141414;
    opacity: 1;
}.hq-public-site .nav-preview-dropdown:hover > a.nav-link:not(.active)::before, .hq-public-site .nav-preview-dropdown:hover > a.nav-link:not(.active)::after, .hq-public-site .nav-preview-dropdown > a.nav-link:hover::before, .hq-public-site .nav-preview-dropdown > a.nav-link:hover::after{
    width: 100%;
    background: rgb(37, 99, 235);
}.hq-public-site .nav-preview-dropdown:hover > a.nav-link.active, .hq-public-site .nav-preview-dropdown:hover > a.nav-link.active > iconify-icon, .hq-public-site .nav-preview-dropdown:hover > a.nav-link.active > span{
    color: #60a5fa !important;
    text-shadow: 0 0 14px rgba(37, 99, 235, 0.35) !important;
    opacity: 1 !important;
}.hq-public-site .nav-preview-dropdown > a.mobile-nav-link:hover, .hq-public-site .compact-menu-panel .nav-preview-dropdown > a.nav-link:hover, .hq-public-site .compact-menu-panel .nav-preview-dropdown > a.mobile-nav-link:hover, .hq-public-site #compactMenuScroll .nav-preview-dropdown > .mobile-nav-link:hover{
    background: rgb(37, 99, 235);
    border-color: rgba(96, 165, 250, 0.65);
    color: #141414;
    text-shadow: none;
}.hq-public-site .nav-preview-dropdown > a.mobile-nav-link:hover > iconify-icon, .hq-public-site .nav-preview-dropdown > a.mobile-nav-link:hover > span, .hq-public-site .compact-menu-panel .nav-preview-dropdown > a.nav-link:hover > iconify-icon, .hq-public-site .compact-menu-panel .nav-preview-dropdown > a.nav-link:hover > span, .hq-public-site .compact-menu-panel .nav-preview-dropdown > a.mobile-nav-link:hover > iconify-icon, .hq-public-site .compact-menu-panel .nav-preview-dropdown > a.mobile-nav-link:hover > span, .hq-public-site #compactMenuScroll .nav-preview-dropdown > .mobile-nav-link:hover > iconify-icon, .hq-public-site #compactMenuScroll .nav-preview-dropdown > .mobile-nav-link:hover > span{
    color: #141414;
    opacity: 1;
}.hq-public-site .nav-preview-dropdown > a.mobile-nav-link.active > iconify-icon:first-of-type{
    color: #60a5fa;
}.hq-public-site .dropdown-menu-label, .hq-public-site .mobile-dropdown-label.nav-preview-section-label, .hq-public-site .nav-preview-section-label{
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.6rem 1rem 0.35rem;
    margin-top: 0.2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(147, 197, 253, 0.88);
    pointer-events: none;
    user-select: none;
}.hq-public-site .nav-preview-section-label iconify-icon{
    font-size: 0.75rem;
    color: rgba(96, 165, 250, 0.95);
}.hq-public-site .nav-preview-item iconify-icon{
    color: rgba(96, 165, 250, 0.92);
}.hq-public-site .dropdown-menu-item.nav-preview-item::before, .hq-public-site .mobile-dropdown-item.nav-preview-item::before{
    background: linear-gradient(90deg, #60a5fa, #2563eb);
}.hq-public-site .dropdown-menu-item.nav-preview-item:hover, .hq-public-site .mobile-dropdown-item.nav-preview-item:hover, .hq-public-site .compact-menu-panel .dropdown-menu-item.nav-preview-item:hover, .hq-public-site .compact-menu-panel .mobile-dropdown-item.nav-preview-item:hover, .hq-public-site #compactMenuScroll .mobile-dropdown-item.nav-preview-item:hover, .hq-public-site #modernNavbar .dropdown-menu-item.nav-preview-item.active:not(.disabled):hover{
    background: rgb(37, 99, 235);
    border-color: rgba(96, 165, 250, 0.65);
    color: #000000;
    text-shadow: none;
}.hq-public-site .dropdown-menu-item.nav-preview-item:hover iconify-icon, .hq-public-site .mobile-dropdown-item.nav-preview-item:hover iconify-icon, .hq-public-site #modernNavbar .dropdown-menu-item.nav-preview-item.active:not(.disabled):hover iconify-icon, .hq-public-site #modernNavbar .dropdown-menu-item.nav-preview-item:hover iconify-icon, .hq-public-site .dropdown-menu-item.nav-preview-item:hover span, .hq-public-site .mobile-dropdown-item.nav-preview-item:hover span, .hq-public-site #modernNavbar .dropdown-menu-item.nav-preview-item.active:not(.disabled):hover span, .hq-public-site #modernNavbar .dropdown-menu-item.nav-preview-item:hover span{
    color: #000000;
    opacity: 1;
}.hq-public-site .mobile-dropdown-item.nav-preview-item.active:not(.disabled):hover{
    background: rgb(37, 99, 235);
    border-color: rgba(96, 165, 250, 0.65);
    color: #000000;
    text-shadow: none;
}.hq-public-site .mobile-dropdown-item.nav-preview-item.active:not(.disabled):hover iconify-icon, .hq-public-site .mobile-dropdown-item.nav-preview-item.active:not(.disabled):hover span{
    color: #000000;
    opacity: 1;
}.hq-public-site .nav-preview-item.active:not(.disabled) iconify-icon{
    color: rgba(96, 165, 250, 0.95);
}@media (max-width: 1023px){.hq-public-site html{
        overscroll-behavior-y: auto;
    }}