:root {
  --fdc-header-height: 56px;
  --fdc-header-padding-top: 6px;
  --fdc-header-padding-bottom: 7px;
  --fdc-header-padding-x: 12px;
  --fdc-header-gap: clamp(6px, 1vw, 10px);
}

.fixed-brand-bar[data-shared-header],
.top-strip[data-shared-header] {
  justify-content: flex-start !important;
  align-items: center !important;
  gap: var(--fdc-header-gap) !important;
  min-height: var(--fdc-header-height) !important;
  padding:
    var(--fdc-header-padding-top)
    var(--fdc-header-padding-x)
    var(--fdc-header-padding-bottom) !important;
}

.fixed-brand-bar[data-shared-header] .logo-text,
.top-strip[data-shared-header] .logo-text,
.fixed-brand-bar[data-shared-header] .fixed-brand,
.top-strip[data-shared-header] .fixed-brand {
  font-family: 'Pretendard', 'Manrope', sans-serif !important;
  display: inline-flex !important;
  align-items: center !important;
  font-size: clamp(1.55rem, 2.1vw, 1.95rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.03em !important;
  padding-right: 0.08em !important;
  background: linear-gradient(90deg, #8B5CF6 0%, #06B6D4 100%) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.fixed-brand-bar[data-shared-header] .global-nav,
.fixed-brand-bar[data-shared-header] .top-strip-nav,
.top-strip[data-shared-header] .global-nav,
.top-strip[data-shared-header] .top-strip-nav {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 0 0 clamp(18px, 2.4vw, 34px) !important;
  overflow: visible !important;
  flex-wrap: nowrap !important;
  scrollbar-width: none !important;
}

.fixed-brand-bar[data-shared-header] .global-nav::-webkit-scrollbar,
.fixed-brand-bar[data-shared-header] .top-strip-nav::-webkit-scrollbar,
.top-strip[data-shared-header] .global-nav::-webkit-scrollbar,
.top-strip[data-shared-header] .top-strip-nav::-webkit-scrollbar {
  display: none !important;
}

.fixed-brand-bar[data-shared-header] .fdc-shell-header-btn,
.fixed-brand-bar[data-shared-header] .global-dropdown summary,
.top-strip[data-shared-header] .fdc-shell-header-btn,
.top-strip[data-shared-header] .global-dropdown summary {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--text-sub, var(--sub, #55697d)) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  min-height: 44px !important;
  padding: 8px 0 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  letter-spacing: -0.01em !important;
  font-synthesis: none !important;
}

.fixed-brand-bar[data-shared-header] .fdc-shell-header-btn:hover,
.fixed-brand-bar[data-shared-header] .global-dropdown summary:hover,
.top-strip[data-shared-header] .fdc-shell-header-btn:hover,
.top-strip[data-shared-header] .global-dropdown summary:hover {
  color: var(--primary, #3B82F6) !important;
  text-decoration: none !important;
}

.fixed-brand-bar[data-shared-header] .fdc-shell-header-btn.active,
.fixed-brand-bar[data-shared-header] .fdc-shell-header-btn[aria-current='page'],
.fixed-brand-bar[data-shared-header] .global-dropdown summary.active,
.fixed-brand-bar[data-shared-header] .global-dropdown summary[aria-current='page'],
.top-strip[data-shared-header] .fdc-shell-header-btn.active,
.top-strip[data-shared-header] .fdc-shell-header-btn[aria-current='page'],
.top-strip[data-shared-header] .global-dropdown summary.active,
.top-strip[data-shared-header] .global-dropdown summary[aria-current='page'] {
  color: var(--primary, #3B82F6) !important;
}

.fixed-brand-bar[data-shared-header] .fdc-shell-header-btn:focus-visible,
.fixed-brand-bar[data-shared-header] .global-dropdown summary:focus-visible,
.fixed-brand-bar[data-shared-header] .theme-toggle:focus-visible,
.top-strip[data-shared-header] .fdc-shell-header-btn:focus-visible,
.top-strip[data-shared-header] .global-dropdown summary:focus-visible,
.top-strip[data-shared-header] .theme-toggle:focus-visible {
  outline: 3px solid rgba(59, 130, 246, 0.28) !important;
  outline-offset: 2px !important;
  border-radius: 10px !important;
}

.fixed-brand-bar[data-shared-header] .global-dropdown,
.top-strip[data-shared-header] .global-dropdown {
  position: relative !important;
  flex: 0 0 auto !important;
}

.fixed-brand-bar[data-shared-header] .fdc-shell-header-summary,
.top-strip[data-shared-header] .fdc-shell-header-summary {
  gap: 0 !important;
}

.fixed-brand-bar[data-shared-header] .global-dropdown-menu,
.top-strip[data-shared-header] .global-dropdown-menu {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 0 !important;
  z-index: 90 !important;
  min-width: 220px !important;
  padding: 8px !important;
  display: grid !important;
  gap: 4px !important;
  border: 1px solid var(--line, #d1dbe8) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12) !important;
  backdrop-filter: blur(16px) !important;
}

.fixed-brand-bar[data-shared-header] .global-dropdown-menu .fdc-shell-header-btn,
.top-strip[data-shared-header] .global-dropdown-menu .fdc-shell-header-btn {
  min-height: 40px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  justify-content: flex-start !important;
  gap: 8px !important;
}

.fixed-brand-bar[data-shared-header] .fdc-shell-auth-btn,
.top-strip[data-shared-header] .fdc-shell-auth-btn {
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

.fixed-brand-bar[data-shared-header] .theme-toggle,
.top-strip[data-shared-header] .theme-toggle {
  width: 40px !important;
  height: 40px !important;
  margin-left: 0 !important;
}