.nw-hb-wrapper {position: fixed;top: 0;left: 0;right: 0;z-index: 999;font-family: sans-serif;max-width: 80rem;margin: 1rem auto 0 auto;padding: 0 1rem;box-sizing: border-box;}

.nw-hb-container {border: 1px solid rgba(226, 232, 240, 0.7);background-color: rgba(255, 255, 255, 0.95);backdrop-filter: blur(24px);-webkit-backdrop-filter: blur(24px);border-radius: 1rem;box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.15);}

.nw-hb-inner {display: flex;align-items: center;justify-content: space-between;padding: 0 1.2rem;box-sizing: border-box;gap: 1rem;}	
.nw-hb-logo-area {display: flex;align-items: center;gap: 0.5rem;text-decoration: none;flex-shrink: 0;}
.nw-hb-logo-img {height: 2.2rem;width: auto;display: block;}
.nw-hb-brand-txt {font-weight: 900;color: #0f172a;}

.nw-hb-nav-links {display: flex;align-items: center;gap: 1.5rem;flex-grow: 1;justify-content: center;}
.nw-hb-nav-links a {color: var(--wd-text-color)}

.nw-hb-right-zone {display: flex;align-items: center;gap: 0.75rem;flex-shrink: 0;}
.nw-hb-booth-badge {display: flex;align-items: center;gap: 0.4rem;background-color: rgba(0, 141, 60, 0.1);border: 1px solid rgba(0, 141, 60, 0.2);padding: 0.4rem 0.8rem;border-radius: 9999px;color: #334155;}

.nw-hb-led-signal {position: relative;display: flex;height: 0.5rem;width: 0.5rem;flex-shrink: 0;}

.nw-hb-led-ping {position: absolute;display: inline-flex;height: 100%;width: 100%;border-radius: 50%;background-color: #22c55e;opacity: 0.6;animation: nw-ping 1.2s cubic-bezier(0, 0, 0.2, 1) infinite;}

.nw-hb-led-dot {position: relative;display: inline-flex;border-radius: 50%;height: 0.5rem;width: 0.5rem;background-color: #16a34a;}
.nw-hb-booth-txt {font-size: 0.7rem;font-weight: 900;text-transform: uppercase;}

.nw-hb-cta-btn {display: inline-flex;align-items: center;justify-content: center;height: 2.4rem;padding: 0 1.2rem;border-radius: 9999px;background-color: #008d3c;color: #ffffff !important;font-weight: 700;font-size: 0.85rem;text-decoration: none;white-space: nowrap;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.06);transition: background-color 0.2s;}
.nw-hb-cta-btn:hover {background-color: #007532;}

.nw-hb-cta-btn i {margin-left: 0.4rem;}

.nw-hb-mobile-sticky-bar {display: none;}


@media (max-width: 1024px) { 
	.nw-hb-brand-txt { display: none; } 
	.nw-hb-nav-links { gap: 1rem; } 
	.nw-hb-nav-links a { font-size: 0.8rem; } 
}

@media (max-width: 768px) {
.nw-hb-brand-txt {display: none;}
.nw-hb-nav-links {gap: 1rem;}
.nw-hb-nav-links a {font-size: 0.8rem;}
}

@media (max-width: 640px) { 
	.nw-hb-desktop-only { display: none !important; } 
	body { padding-bottom: 4.8rem !important; } 
	.nw-hb-mobile-sticky-bar { display: grid; grid-template-columns: 1fr 1fr; position: fixed; bottom: 0; left: 0; right: 0; z-index: 99999; height: 3.8rem; background-color: rgba(255, 255, 255, 0.98); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.08); border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-top: 1px solid rgba(226, 232, 240, 0.8); overflow: hidden; } 
	.nw-hb-mobile-col-booth { display: flex; align-items: center; justify-content: center; gap: 0.5rem; background-color: #fafafa; color: #1e293b; font-weight: 700; font-size: 0.95rem; } 
	.nw-hb-sticky-booth-txt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.01em; } 
	.nw-hb-mobile-col-cta { display: flex; align-items: center; justify-content: center; } 
	.nw-hb-sticky-btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: linear-gradient(135deg, #008d3c, #14a246); color: #ffffff !important; font-weight: 700; font-size: 1rem; text-decoration: none; } .nw-hb-sticky-btn:active { opacity: 0.85; } .nw-hb-sticky-btn i { margin-left: 0.5rem; font-size: 0.9rem; animation: nw-arrow-slide 1.5s infinite ease-in-out; } 
}

@keyframes nw-ping { 75%, 100% { transform: scale(2); opacity: 0; } } 
@keyframes nw-arrow-slide { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(4px); } }