/* UGC Era Navigation System v4.4.1 */
:root {
  --ugc-nav-bg: #050710;
  --ugc-nav-panel: #0a0e19;
  --ugc-nav-panel-2: #101625;
  --ugc-nav-line: #1d2638;
  --ugc-nav-text: #f7f8fc;
  --ugc-nav-muted: #8f9ab0;
  --ugc-nav-blue: #2f6df6;
  --ugc-nav-purple: #7656ff;
  --ugc-nav-pink: #ff2b93;
  --ugc-nav-danger: #ff5470;
  --ugc-nav-gradient: linear-gradient(135deg, #2f6df6 0%, #7656ff 48%, #ff2b93 100%);
  --ugc-nav-shadow: 0 24px 60px rgba(0, 0, 0, .35);
}

.ugc-era-navigation-enabled .ugc-era-icon,
.ugc-era-navigation-enabled .ugc-era-link-arrow {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
}

.ugc-era-navigation-enabled .ugc-era-link-label,
.ugc-era-public-navigation-enabled .ugc-era-link-label {
  display: inline-block !important;
}

.ugc-era-navigation-enabled .ugc-era-icon svg,
.ugc-era-navigation-enabled .ugc-era-link-arrow svg,
.ugc-era-navigation-enabled .ugc-era-app-header-v2 svg,
.ugc-era-navigation-enabled .ugc-era-bottom-nav-v2 svg,
.ugc-era-public-navigation-enabled .ugc-era-icon svg,
.ugc-era-public-navigation-enabled .ugc-era-link-arrow svg,
.ugc-era-public-navigation-enabled .ugc-era-auth-icon svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.ugc-era-public-navigation-enabled .ugc-era-icon svg *,
.ugc-era-public-navigation-enabled .ugc-era-link-arrow svg *,
.ugc-era-public-navigation-enabled .ugc-era-auth-icon svg * {
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* --------------------------------------------------------------------------
   PUBLIC SITE: DESKTOP ACCOUNT DROPDOWN
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 {
    position: relative !important;
  }

  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 .user-show > a.avatar {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    cursor: pointer !important;
    text-decoration: none !important;
  }

  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 .user-show > a.avatar img {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border: 2px solid transparent !important;
    border-radius: 50% !important;
    background: linear-gradient(var(--ugc-nav-panel), var(--ugc-nav-panel)) padding-box, var(--ugc-nav-gradient) border-box !important;
    object-fit: cover !important;
  }

  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 .user-name {
    color: var(--ugc-nav-text) !important;
    font-weight: 650 !important;
  }

  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 .user-name .role {
    display: block !important;
    margin-top: 2px !important;
    color: var(--ugc-nav-muted) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
  }

  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 .user-show .fa-chevron-down {
    transition: transform .18s ease !important;
  }

  .ugc-era-navigation-enabled .account.logged-in.ugc-era-desktop-open .user-show .fa-chevron-down {
    transform: rotate(180deg) !important;
  }

  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 .user-control {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    left: auto !important;
    width: 318px !important;
    min-width: 318px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 99999 !important;
    background: transparent !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .ugc-era-navigation-enabled .account.logged-in.ugc-era-desktop-open .user-control {
    display: block !important;
  }

  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 .inner-control.nav-dashboard {
    padding: 8px !important;
    overflow: hidden !important;
    background: rgba(8, 12, 22, .98) !important;
    border: 1px solid var(--ugc-nav-line) !important;
    border-radius: 18px !important;
    box-shadow: var(--ugc-nav-shadow) !important;
    backdrop-filter: blur(18px) !important;
  }

  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 .list-nav-dashboard {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 .nav-item {
    margin: 0 !important;
    padding: 0 !important;
  }

  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 .nav-item > a {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    border-radius: 11px !important;
    color: #d8deea !important;
    font-size: 14px !important;
    font-weight: 550 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    transition: background .18s ease, color .18s ease, transform .18s ease !important;
  }

  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 .nav-item > a:hover,
  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 .nav-item.active > a {
    color: #fff !important;
    background: linear-gradient(90deg, rgba(47,109,246,.18), rgba(118,86,255,.18), rgba(255,43,147,.14)) !important;
    transform: translateX(2px) !important;
  }

  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 .ugc-era-icon {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    padding: 7px !important;
    border: 1px solid #202a3c !important;
    border-radius: 9px !important;
    color: #a7b2c8 !important;
    background: #0f1522 !important;
  }

  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 .nav-item > a:hover .ugc-era-icon,
  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 .nav-item.active > a .ugc-era-icon {
    color: #fff !important;
    border-color: transparent !important;
    background: var(--ugc-nav-gradient) !important;
  }

  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 .ugc-era-switch-item {
    margin-bottom: 6px !important;
    padding-bottom: 6px !important;
    border-bottom: 1px solid var(--ugc-nav-line) !important;
  }

  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 .ugc-era-switch-item > a {
    color: #e6e1ff !important;
  }

  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 .ugc-era-logout-item {
    margin-top: 6px !important;
    padding-top: 6px !important;
    border-top: 1px solid var(--ugc-nav-line) !important;
  }

  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 .ugc-era-logout-item > a,
  .ugc-era-navigation-enabled .account.logged-in.ugc-era-account-v2 .ugc-era-logout-item .ugc-era-icon {
    color: #ff8ca0 !important;
  }
}

/* --------------------------------------------------------------------------
   PUBLIC SITE: MOBILE + TABLET SINGLE DRAWER
   -------------------------------------------------------------------------- */
@media (max-width: 1199px) {
  .ugc-era-navigation-enabled .site-menu.mobile-menu {
    background: var(--ugc-nav-bg) !important;
  }

  .ugc-era-navigation-enabled .site-menu.mobile-menu .inner-menu {
    background: var(--ugc-nav-bg) !important;
    color: var(--ugc-nav-text) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .ugc-era-navigation-enabled .site-menu.mobile-menu .btn-close {
    color: #fff !important;
    z-index: 30 !important;
  }

  .ugc-era-navigation-enabled .site-menu.mobile-menu .top-mb-menu.ugc-era-top-menu-v2 {
    display: block !important;
    width: 100% !important;
    min-height: 100% !important;
    padding: 72px 18px 28px !important;
    background: var(--ugc-nav-bg) !important;
    border: 0 !important;
  }

  .ugc-era-navigation-enabled .site-menu.mobile-menu .ugc-era-original-mobile-account,
  .ugc-era-navigation-enabled .site-menu.mobile-menu .ugc-era-original-public-menu {
    display: none !important;
  }

  .ugc-era-public-drawer-v2 {
    display: block !important;
    width: 100% !important;
    color: var(--ugc-nav-text) !important;
  }

  .ugc-era-drawer-profile {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 13px !important;
    align-items: center !important;
    margin-bottom: 14px !important;
    padding: 4px 2px 14px !important;
    border-bottom: 1px solid var(--ugc-nav-line) !important;
  }

  .ugc-era-drawer-avatar {
    width: 56px !important;
    height: 56px !important;
    border: 2px solid transparent !important;
    border-radius: 50% !important;
    background: linear-gradient(var(--ugc-nav-panel), var(--ugc-nav-panel)) padding-box, var(--ugc-nav-gradient) border-box !important;
    object-fit: cover !important;
  }

  .ugc-era-drawer-profile-copy {
    min-width: 0 !important;
  }

  .ugc-era-drawer-profile-copy strong {
    display: block !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .ugc-era-role-pill {
    display: inline-flex !important;
    align-items: center !important;
    margin-top: 6px !important;
    padding: 4px 9px !important;
    border: 1px solid rgba(118,86,255,.4) !important;
    border-radius: 999px !important;
    color: #dcd5ff !important;
    background: rgba(118,86,255,.12) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  .ugc-era-drawer-link {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 9px 10px !important;
    border: 0 !important;
    border-radius: 11px !important;
    color: #d9dfeb !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 550 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-decoration: none !important;
  }

  .ugc-era-drawer-link:hover,
  .ugc-era-drawer-link:focus {
    color: #fff !important;
    background: #101625 !important;
  }

  .ugc-era-drawer-link .ugc-era-icon {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    padding: 7px !important;
    border: 1px solid #202a3c !important;
    border-radius: 9px !important;
    color: #a9b5cc !important;
    background: #0e1421 !important;
  }

  .ugc-era-view-dashboard {
    min-height: 50px !important;
    margin-bottom: 16px !important;
    padding: 8px 10px !important;
    color: #fff !important;
    border: 1px solid rgba(118,86,255,.35) !important;
    background: linear-gradient(90deg, rgba(47,109,246,.16), rgba(118,86,255,.14), rgba(255,43,147,.10)) !important;
  }

  .ugc-era-view-dashboard .ugc-era-icon {
    color: #fff !important;
    border-color: transparent !important;
    background: var(--ugc-nav-gradient) !important;
  }

  .ugc-era-link-arrow {
    width: 18px !important;
    height: 18px !important;
    margin-left: auto !important;
    color: #adb8cc !important;
  }

  .ugc-era-drawer-section {
    margin: 0 0 18px !important;
  }

  .ugc-era-drawer-section-title {
    margin: 0 0 6px !important;
    padding: 0 10px !important;
    color: #66738c !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .13em !important;
    line-height: 1.5 !important;
  }

  .ugc-era-drawer-actions {
    margin-top: 6px !important;
    padding-top: 12px !important;
    border-top: 1px solid var(--ugc-nav-line) !important;
  }

  .ugc-era-switch-action {
    color: #ddd6ff !important;
  }

  .ugc-era-switch-action .ugc-era-icon {
    color: #d9d0ff !important;
    border-color: rgba(118,86,255,.3) !important;
    background: rgba(118,86,255,.10) !important;
  }

  .ugc-era-logout-action {
    color: #ff8ca0 !important;
  }

  .ugc-era-logout-action .ugc-era-icon {
    color: #ff8ca0 !important;
    border-color: rgba(255,84,112,.25) !important;
    background: rgba(255,84,112,.08) !important;
  }
}

/* --------------------------------------------------------------------------
   DASHBOARD: SHARED SIDEBAR
   -------------------------------------------------------------------------- */
.ugc-era-dashboard-page .nav-dashboard-inner.ugc-era-dashboard-shell-v2 .nav-dashboard-wapper {
  background: var(--ugc-nav-bg) !important;
  border-right: 1px solid var(--ugc-nav-line) !important;
  box-shadow: 14px 0 40px rgba(0,0,0,.15) !important;
}

.ugc-era-dashboard-page .ugc-era-dashboard-nav-v2,
.ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 .list-nav-dashboard {
  background: transparent !important;
}

.ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 .nav-dashboard-header {
  min-height: 78px !important;
  padding: 18px 20px !important;
  border-bottom: 1px solid var(--ugc-nav-line) !important;
}

.ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 .nav-dashboard-header img {
  max-width: 142px !important;
  max-height: 42px !important;
  object-fit: contain !important;
}

.ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 .list-nav-dashboard {
  margin: 0 !important;
  padding: 18px 14px 12px !important;
  list-style: none !important;
}

.ugc-era-dashboard-page .ugc-era-dashboard-section-title {
  margin: 18px 10px 6px !important;
  padding: 0 !important;
  color: #56637c !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  letter-spacing: .15em !important;
  line-height: 1.4 !important;
  pointer-events: none !important;
}

.ugc-era-dashboard-page .ugc-era-dashboard-section-title:first-child {
  margin-top: 0 !important;
}

.ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 .nav-item {
  margin: 2px 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 .nav-item > a,
.ugc-era-dashboard-page .ugc-era-dashboard-sidebar-footer .ugc-era-dashboard-utility-link {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  min-height: 44px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  color: #b8c2d5 !important;
  background: transparent !important;
  font-size: 13.5px !important;
  font-weight: 550 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  transition: background .18s ease, color .18s ease, border-color .18s ease !important;
}

.ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 .ugc-era-dashboard-icon,
.ugc-era-dashboard-page .ugc-era-dashboard-sidebar-footer .ugc-era-icon {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  flex-basis: 34px !important;
  padding: 7px !important;
  border: 1px solid #202a3c !important;
  border-radius: 9px !important;
  color: #8794ad !important;
  background: #0e1421 !important;
}

.ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 .nav-item.active > a,
.ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 .nav-item > a:hover {
  color: #fff !important;
  border-color: rgba(118,86,255,.30) !important;
  background: linear-gradient(90deg, rgba(47,109,246,.18), rgba(118,86,255,.16), rgba(255,43,147,.12)) !important;
}

.ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 .nav-item.active .ugc-era-dashboard-icon,
.ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 .nav-item > a:hover .ugc-era-dashboard-icon {
  color: #fff !important;
  border-color: transparent !important;
  background: var(--ugc-nav-gradient) !important;
}

.ugc-era-dashboard-page .ugc-era-dashboard-sidebar-footer {
  margin: auto 14px 0 !important;
  padding: 12px 0 18px !important;
  border-top: 1px solid var(--ugc-nav-line) !important;
}

.ugc-era-dashboard-page .ugc-era-dashboard-sidebar-footer .ugc-era-back-site {
  color: #c4ccda !important;
}

.ugc-era-dashboard-page .ugc-era-dashboard-sidebar-footer .ugc-era-switch-action {
  color: #d9d2ff !important;
}

.ugc-era-dashboard-page .ugc-era-dashboard-sidebar-footer .ugc-era-logout-action {
  color: #ff899d !important;
}

.ugc-era-dashboard-page .ugc-era-dashboard-sidebar-footer .ugc-era-logout-action .ugc-era-icon {
  color: #ff899d !important;
  border-color: rgba(255,84,112,.24) !important;
  background: rgba(255,84,112,.07) !important;
}

.ugc-era-dashboard-page .nav-dashboard-inner .icon-nav-mobie {
  display: none !important;
}

/* DESKTOP DASHBOARD: one permanent navigation system. */
@media (min-width: 1200px) {
  .ugc-era-dashboard-page .nav-dashboard-inner.ugc-era-dashboard-shell-v2 .nav-dashboard-wapper {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 270px !important;
    height: 100vh !important;
    overflow-y: auto !important;
    z-index: 9990 !important;
  }

  .ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
  }

  .ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 .closebtn {
    display: none !important;
  }

  .ugc-era-dashboard-page #felan-content-dashboard {
    padding-left: 300px !important;
  }
}

/* TABLET DASHBOARD: compact icon rail. */
@media (min-width: 768px) and (max-width: 1199px) {
  .ugc-era-dashboard-page .nav-dashboard-inner.ugc-era-dashboard-shell-v2 .nav-dashboard-wapper {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 82px !important;
    height: 100vh !important;
    transform: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: 9990 !important;
  }

  .ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
  }

  .ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 .nav-dashboard-header {
    min-height: 70px !important;
    padding: 16px 12px !important;
    justify-content: center !important;
  }

  .ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 .nav-dashboard-header .header-wrap {
    overflow: hidden !important;
    width: 46px !important;
  }

  .ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 .nav-dashboard-header img {
    width: 46px !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: left center !important;
  }

  .ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 .closebtn,
  .ugc-era-dashboard-page .ugc-era-dashboard-section-title,
  .ugc-era-dashboard-page .ugc-era-dashboard-label,
  .ugc-era-dashboard-page .ugc-era-dashboard-sidebar-footer .ugc-era-link-label {
    display: none !important;
  }

  .ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 .list-nav-dashboard {
    padding: 14px 12px !important;
  }

  .ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 .nav-item > a,
  .ugc-era-dashboard-page .ugc-era-dashboard-sidebar-footer .ugc-era-dashboard-utility-link {
    justify-content: center !important;
    min-height: 48px !important;
    padding: 7px !important;
  }

  .ugc-era-dashboard-page .ugc-era-dashboard-sidebar-footer {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  .ugc-era-dashboard-page #felan-content-dashboard {
    padding-left: 104px !important;
  }
}

/* --------------------------------------------------------------------------
   DASHBOARD MOBILE: APP HEADER + DRAWER + BOTTOM NAV
   -------------------------------------------------------------------------- */
.ugc-era-app-header-v2,
.ugc-era-bottom-nav-v2 {
  display: none;
}

@media (max-width: 767px) {
  body.ugc-era-dashboard-page {
    padding-top: 66px !important;
    padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
  }

  body.ugc-era-dashboard-page header.site-header,
  body.ugc-era-dashboard-page .felan-top-bar {
    display: none !important;
  }

  .ugc-era-app-header-v2 {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 66px !important;
    padding: 10px 14px !important;
    z-index: 10020 !important;
    color: #fff !important;
    background: rgba(5,7,16,.96) !important;
    border-bottom: 1px solid var(--ugc-nav-line) !important;
    backdrop-filter: blur(18px) !important;
  }

  .ugc-era-app-menu-button,
  .ugc-era-app-avatar-button,
  .ugc-era-app-bell-fallback {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #202a3c !important;
    border-radius: 12px !important;
    color: #d8dfeb !important;
    background: #0d1320 !important;
    box-shadow: none !important;
  }

  .ugc-era-app-menu-button svg,
  .ugc-era-app-bell-fallback svg {
    width: 21px !important;
    height: 21px !important;
  }

  .ugc-era-app-brand {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    color: #fff !important;
    text-decoration: none !important;
  }

  .ugc-era-app-brand img {
    display: block !important;
    width: auto !important;
    max-width: 148px !important;
    height: 34px !important;
    object-fit: contain !important;
  }

  .ugc-era-app-brand-text {
    font-size: 18px !important;
    font-weight: 900 !important;
    font-style: italic !important;
    letter-spacing: -.04em !important;
  }

  .ugc-era-app-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .ugc-era-app-avatar-button {
    overflow: hidden !important;
    padding: 2px !important;
    border-color: transparent !important;
    background: var(--ugc-nav-gradient) !important;
  }

  .ugc-era-app-avatar-button img {
    width: 36px !important;
    height: 36px !important;
    border-radius: 9px !important;
    object-fit: cover !important;
  }

  .ugc-era-app-notification-slot .icon-noti {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    border: 1px solid #202a3c !important;
    border-radius: 12px !important;
    background: #0d1320 !important;
  }

  .ugc-era-app-notification-slot .icon-noti > a,
  .ugc-era-app-notification-slot .icon-noti > i {
    color: #d8dfeb !important;
  }

  .ugc-era-app-notification-slot .content-noti {
    position: fixed !important;
    top: 60px !important;
    right: 12px !important;
    left: auto !important;
    width: min(360px, calc(100vw - 24px)) !important;
    max-width: none !important;
    z-index: 10040 !important;
  }

  .ugc-era-dashboard-page .nav-dashboard-inner.ugc-era-dashboard-shell-v2 .nav-dashboard-wapper {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: min(320px, 86vw) !important;
    height: 100dvh !important;
    padding-top: env(safe-area-inset-top) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    transform: translateX(-104%) !important;
    transition: transform .24s ease !important;
    z-index: 10035 !important;
  }

  .ugc-era-dashboard-page .nav-dashboard-inner.ugc-era-dashboard-shell-v2.open-nav .nav-dashboard-wapper {
    transform: translateX(0) !important;
  }

  .ugc-era-dashboard-page .nav-dashboard-inner.ugc-era-dashboard-shell-v2 > .bg-overlay {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    z-index: 10030 !important;
    background: rgba(1, 3, 8, .72) !important;
    transition: opacity .24s ease, visibility .24s ease !important;
  }

  .ugc-era-dashboard-page .nav-dashboard-inner.ugc-era-dashboard-shell-v2.open-nav > .bg-overlay {
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.ugc-era-dashboard-drawer-open {
    overflow: hidden !important;
  }

  .ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100% !important;
  }

  .ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 .nav-dashboard-header {
    min-height: 72px !important;
    padding: 16px 18px !important;
  }

  .ugc-era-dashboard-page .ugc-era-dashboard-nav-v2 .closebtn {
    display: none !important;
  }

  .ugc-era-dashboard-page #felan-content-dashboard {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .ugc-era-bottom-nav-v2 {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    min-height: 66px !important;
    padding: 6px 6px calc(6px + env(safe-area-inset-bottom)) !important;
    z-index: 10015 !important;
    color: var(--ugc-nav-muted) !important;
    background: rgba(5,7,16,.98) !important;
    border-top: 1px solid var(--ugc-nav-line) !important;
    backdrop-filter: blur(18px) !important;
  }

  .ugc-era-bottom-nav-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 4px 2px !important;
    border: 0 !important;
    border-radius: 10px !important;
    color: #7f8aa0 !important;
    background: transparent !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    line-height: 1.1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  .ugc-era-bottom-nav-item .ugc-era-icon {
    width: 22px !important;
    height: 22px !important;
    flex-basis: 22px !important;
  }

  .ugc-era-bottom-nav-item.active,
  .ugc-era-bottom-nav-item:hover,
  .ugc-era-bottom-nav-item:focus {
    color: #fff !important;
    background: linear-gradient(180deg, rgba(118,86,255,.18), rgba(255,43,147,.05)) !important;
  }

  .ugc-era-bottom-nav-item.active .ugc-era-icon {
    color: #c6baff !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ugc-era-navigation-enabled *,
  .ugc-era-navigation-enabled *::before,
  .ugc-era-navigation-enabled *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ========================================================================== 
   UGC ERA PUBLIC NAVIGATION v3.2 — DESKTOP / TABLET / MOBILE
   ========================================================================== */

/* Public header: make the marketing site navigation feel like the UGC Era app. */
.ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v3 {
  z-index: 9995 !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  background: rgba(5, 7, 16, .94) !important;
  box-shadow: 0 10px 32px rgba(0,0,0,.16) !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
}

.ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v3 .site-logo img,
.ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v3 img.custom-logo {
  max-height: 42px !important;
  object-fit: contain !important;
}

/* Desktop marketing navigation. */
@media (min-width: 1200px) {
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu.main-menu .menu > li {
    margin: 0 2px !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu.main-menu .menu > li > a.ugc-era-desktop-public-link-v3 {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: 9px 11px !important;
    border-radius: 10px !important;
    color: #c9d2e2 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: -.01em !important;
    text-decoration: none !important;
    transition: color .18s ease, background .18s ease, transform .18s ease !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu.main-menu .menu > li > a.ugc-era-desktop-public-link-v3:hover,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu.main-menu .menu > li.current-menu-item > a,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu.main-menu .menu > li.current-menu-ancestor > a {
    color: #fff !important;
    background: rgba(255,255,255,.055) !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu.main-menu .menu > li.current-menu-item > a::after,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu.main-menu .menu > li.current-menu-ancestor > a::after {
    content: "" !important;
    position: absolute !important;
    right: 11px !important;
    bottom: 3px !important;
    left: 11px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: var(--ugc-nav-gradient) !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu.main-menu .sub-menu,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu.main-menu .children {
    padding: 8px !important;
    border: 1px solid var(--ugc-nav-line) !important;
    border-radius: 16px !important;
    background: rgba(8,12,22,.98) !important;
    box-shadow: var(--ugc-nav-shadow) !important;
    backdrop-filter: blur(18px) !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu.main-menu .sub-menu li a,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu.main-menu .children li a {
    padding: 10px 12px !important;
    border-radius: 9px !important;
    color: #c9d2e2 !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu.main-menu .sub-menu li a:hover,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu.main-menu .children li a:hover {
    color: #fff !important;
    background: linear-gradient(90deg, rgba(47,109,246,.16), rgba(118,86,255,.14), rgba(255,43,147,.10)) !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-desktop-signin-v3 {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 40px !important;
    padding: 8px 14px !important;
    border: 1px solid #27334a !important;
    border-radius: 10px !important;
    color: #eef2fb !important;
    background: #0d1320 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    text-decoration: none !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-desktop-signup-v3,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-desktop-primary-cta-v3 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 8px 16px !important;
    border: 0 !important;
    border-radius: 10px !important;
    color: #fff !important;
    background: var(--ugc-nav-gradient) !important;
    box-shadow: 0 10px 28px rgba(118,86,255,.20) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-desktop-creator-cta-v3 {
    border: 1px solid rgba(118,86,255,.45) !important;
    color: #e8e3ff !important;
    background: rgba(118,86,255,.10) !important;
  }
}

/* Mobile / tablet header + canvas. */
@media (max-width: 1199px) {
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v3 {
    min-height: 72px !important;
    background: #070a12 !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v3 .canvas-menu > a.icon-menu,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v3 .icon-menu,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v3 .block-search,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v3 .search-icon {
    color: #fff !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v3 .canvas-menu > a.icon-menu {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border: 1px solid rgba(255,43,147,.22) !important;
    border-radius: 12px !important;
    color: #ff4da4 !important;
    background: rgba(255,43,147,.08) !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .canvas-menu .area-menu {
    width: min(420px, 92vw) !important;
    max-width: 92vw !important;
    color: var(--ugc-nav-text) !important;
    background: var(--ugc-nav-bg) !important;
    box-shadow: 24px 0 70px rgba(0,0,0,.48) !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .canvas-menu .bg-overlay {
    background: rgba(1,3,8,.72) !important;
    backdrop-filter: blur(3px) !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .area-menu .inner-menu,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.mobile-menu,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.mobile-menu .inner-menu {
    background: var(--ugc-nav-bg) !important;
    color: var(--ugc-nav-text) !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .area-menu .btn-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    top: 18px !important;
    right: 18px !important;
    width: 42px !important;
    height: 42px !important;
    border: 1px solid #252e40 !important;
    border-radius: 12px !important;
    color: #fff !important;
    background: #101625 !important;
    font-size: 20px !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.22) !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .area-menu .top-mb-menu.ugc-era-top-menu-v2 {
    display: block !important;
    min-height: 100% !important;
    padding: 0 !important;
    background: var(--ugc-nav-bg) !important;
  }

  /* Anything Felan put in the old top account row is replaced by our single panel. */
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .area-menu .top-mb-menu.ugc-era-top-menu-v2 > *:not(.ugc-era-public-drawer-v2):not(.ugc-era-guest-drawer-v3) {
    display: none !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-public-drawer-v2,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-guest-drawer-v3 {
    width: 100% !important;
    min-height: 100vh !important;
    padding: 18px 18px 34px !important;
    color: var(--ugc-nav-text) !important;
    background:
      radial-gradient(circle at 15% 0%, rgba(47,109,246,.12), transparent 28%),
      radial-gradient(circle at 92% 12%, rgba(255,43,147,.09), transparent 26%),
      var(--ugc-nav-bg) !important;
  }

  .ugc-era-drawer-brand-v3 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-height: 48px !important;
    margin: 0 50px 20px 0 !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid var(--ugc-nav-line) !important;
  }

  .ugc-era-drawer-logo-v3 {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    color: #fff !important;
    font-size: 19px !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
  }

  .ugc-era-drawer-logo-v3 img {
    display: block !important;
    width: auto !important;
    max-width: 132px !important;
    max-height: 38px !important;
    object-fit: contain !important;
  }

  .ugc-era-drawer-marketplace-pill {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 4px 8px !important;
    border: 1px solid rgba(118,86,255,.35) !important;
    border-radius: 999px !important;
    color: #d8d0ff !important;
    background: rgba(118,86,255,.10) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .ugc-era-guest-intro-v3 {
    display: grid !important;
    gap: 5px !important;
    margin-bottom: 16px !important;
    padding: 0 2px !important;
  }

  .ugc-era-guest-intro-v3 strong {
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.18 !important;
    letter-spacing: -.025em !important;
  }

  .ugc-era-guest-intro-v3 span {
    max-width: 310px !important;
    color: #8794aa !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
  }

  .ugc-era-guest-ctas-v3 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-bottom: 22px !important;
  }

  .ugc-era-public-navigation-enabled .ugc-era-guest-primary-v3,
  .ugc-era-public-navigation-enabled .ugc-era-guest-secondary-v3 {
    min-height: 50px !important;
    border-radius: 13px !important;
    font-weight: 750 !important;
  }

  .ugc-era-public-navigation-enabled .ugc-era-guest-primary-v3 {
    color: #fff !important;
    border: 0 !important;
    background: var(--ugc-nav-gradient) !important;
    box-shadow: 0 12px 28px rgba(118,86,255,.18) !important;
  }

  .ugc-era-public-navigation-enabled .ugc-era-guest-primary-v3 .ugc-era-icon {
    color: #fff !important;
    border-color: rgba(255,255,255,.18) !important;
    background: rgba(255,255,255,.10) !important;
  }

  .ugc-era-public-navigation-enabled .ugc-era-guest-secondary-v3 {
    color: #eef1f8 !important;
    border: 1px solid #28334a !important;
    background: #0d1320 !important;
  }

  .ugc-era-public-navigation-enabled .ugc-era-drawer-section-title {
    margin-top: 4px !important;
    color: #68758e !important;
  }

  .ugc-era-public-navigation-enabled .ugc-era-drawer-section .ugc-era-drawer-link:not(.ugc-era-guest-primary-v3):not(.ugc-era-guest-secondary-v3) {
    min-height: 47px !important;
    margin: 2px 0 !important;
    color: #d2d9e6 !important;
  }

  .ugc-era-public-navigation-enabled .ugc-era-drawer-section .ugc-era-drawer-link:not(.ugc-era-guest-primary-v3):not(.ugc-era-guest-secondary-v3):hover,
  .ugc-era-public-navigation-enabled .ugc-era-drawer-section .ugc-era-drawer-link:not(.ugc-era-guest-primary-v3):not(.ugc-era-guest-secondary-v3):focus {
    color: #fff !important;
    background: linear-gradient(90deg, rgba(47,109,246,.12), rgba(118,86,255,.11), rgba(255,43,147,.07)) !important;
  }

  .ugc-era-guest-auth-v3 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 9px !important;
    margin-top: 18px !important;
    padding-top: 16px !important;
    border-top: 1px solid var(--ugc-nav-line) !important;
  }

  .ugc-era-guest-auth-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 46px !important;
    padding: 9px 12px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    text-decoration: none !important;
  }

  .ugc-era-guest-auth-link svg {
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  .ugc-era-guest-signin {
    border: 1px solid #2a354d !important;
    color: #e9eef8 !important;
    background: #0e1421 !important;
  }

  .ugc-era-guest-signup {
    border: 0 !important;
    color: #fff !important;
    background: var(--ugc-nav-gradient) !important;
  }

  .ugc-era-account-public-action-v3 {
    margin: 2px 0 18px !important;
    padding-top: 2px !important;
  }
}

  /* 3.2.2: once the unified public drawer is built, suppress every Felan legacy
     mobile menu sibling. This prevents the second Home / Creators / Services list. */
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page)
  .site-menu.mobile-menu .inner-menu.ugc-era-custom-public-drawer-active > .ugc-era-original-public-menu,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page)
  .site-menu.mobile-menu .inner-menu.ugc-era-custom-public-drawer-active > ul.menu,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page)
  .site-menu.mobile-menu .inner-menu.ugc-era-custom-public-drawer-active > .menu {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  .ugc-era-public-navigation-enabled .ugc-era-auth-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    color: currentColor !important;
  }

  .ugc-era-public-navigation-enabled .ugc-era-guest-signup {
    box-shadow: 0 12px 28px rgba(118,86,255,.18) !important;
  }

@media (max-width: 479px) {
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .canvas-menu .area-menu {
    width: 92vw !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-public-drawer-v2,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-guest-drawer-v3 {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  .ugc-era-drawer-marketplace-pill {
    display: none !important;
  }
}

/* ============================================================
   v3.2.3 — Administrator dashboard navigation
   Felan normally renders an empty blue sidebar for administrators because
   they do not carry a marketplace Employer/Freelancer role. UGC Era turns
   that shell into a proper admin messaging/navigation rail instead.
   ============================================================ */
body.ugc-era-admin-user .nav-dashboard-wapper {
  background: #070a13 !important;
  border-right: 1px solid rgba(255,255,255,.08) !important;
}
body.ugc-era-admin-user .nav-dashboard,
body.ugc-era-admin-user .nav-dashboard-header {
  background: transparent !important;
}
.ugc-era-dashboard-page.ugc-era-role-admin .ugc-era-dashboard-nav-v2 .nav-dashboard-header {
  min-height: 96px;
  padding: 22px 18px !important;
}
.ugc-era-admin-sidebar-brand {
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
  color: #fff !important;
  text-decoration: none !important;
  letter-spacing: -.05em;
}
.ugc-era-admin-sidebar-brand strong,
.ugc-era-admin-sidebar-brand span {
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}
.ugc-era-admin-sidebar-brand span {
  background: linear-gradient(90deg,#2f6df6 0%,#7956ff 45%,#ff2b93 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ugc-era-admin-sidebar-brand small {
  margin-left: 7px;
  padding: 4px 6px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 999px;
  color: #aeb6cb;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .12em;
}
.ugc-era-dashboard-page.ugc-era-role-admin .ugc-era-dashboard-nav-v2 .list-nav-dashboard {
  padding-top: 6px !important;
}
.ugc-era-dashboard-page.ugc-era-role-admin .ugc-era-dashboard-nav-v2 .nav-item > a {
  min-height: 48px !important;
}


/* ========================================================================== 
   UGC ERA PUBLIC NAVIGATION v4.4 — SIMPLIFIED GLOBAL MARKETPLACE HEADER
   ========================================================================== */
@media (min-width: 1200px) {
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v44 > .container,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v44 > .container-fluid {
    width: 100% !important;
    max-width: 1760px !important;
    margin: 0 auto !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v44 .row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 22px !important;
    min-height: 82px !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v44 .left-header {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: clamp(20px, 2vw, 38px) !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v44 .left-header > .d-none.d-xl-block {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v44 .site-logo,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v44 .site-logo a {
    flex: 0 0 auto !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v44 .site-logo img,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v44 img.custom-logo {
    width: auto !important;
    max-width: 145px !important;
    max-height: 42px !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu.main-menu .menu.ugc-era-curated-menu-v44 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu.main-menu .menu.ugc-era-curated-menu-v44 > li {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu.main-menu .menu.ugc-era-curated-menu-v44 > li > a.ugc-era-desktop-public-link-v3 {
    min-height: 44px !important;
    padding: 10px 12px !important;
    color: #d4dbea !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    letter-spacing: -.01em !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-desktop-hidden-v44,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-desktop-hide-duplicate-v44 {
    display: none !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-resources-menu-v44 {
    position: relative !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-resources-trigger-v44::after {
    content: "" !important;
    display: inline-block !important;
    width: 7px !important;
    height: 7px !important;
    margin: -3px 0 0 8px !important;
    border-right: 1.7px solid currentColor !important;
    border-bottom: 1.7px solid currentColor !important;
    transform: rotate(45deg) !important;
    transition: transform .18s ease !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-resources-menu-v44.ugc-era-resources-open-v44 .ugc-era-resources-trigger-v44::after {
    margin-top: 3px !important;
    transform: rotate(225deg) !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-resources-menu-v44 > .ugc-era-resources-submenu-v44 {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    width: 210px !important;
    min-width: 210px !important;
    padding: 8px !important;
    border: 1px solid #202b40 !important;
    border-radius: 15px !important;
    background: rgba(8,12,22,.99) !important;
    box-shadow: 0 24px 60px rgba(0,0,0,.42) !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-resources-menu-v44:hover > .ugc-era-resources-submenu-v44,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-resources-menu-v44:focus-within > .ugc-era-resources-submenu-v44,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-resources-menu-v44.ugc-era-resources-open-v44 > .ugc-era-resources-submenu-v44 {
    display: block !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-resources-submenu-v44 > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-resources-submenu-v44 > li > a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 9px 11px !important;
    border-radius: 9px !important;
    color: #d4dbea !important;
    font-size: 13px !important;
    font-weight: 620 !important;
    text-decoration: none !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-resources-submenu-v44 > li > a:hover {
    color: #fff !important;
    background: linear-gradient(90deg, rgba(47,109,246,.16), rgba(118,86,255,.14), rgba(255,43,147,.10)) !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v44 .right-header {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    gap: 9px !important;
    min-width: 0 !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v44 .right-header > .d-none.d-xl-block,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v44 .right-header .account,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v44 .ugc-era-guest-account-v44 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-guest-account-v44 .ugc-era-desktop-signin-v3,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .account:not(.logged-in) .ugc-era-desktop-signin-v3 {
    border-color: transparent !important;
    background: transparent !important;
    color: #dbe3f3 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-guest-account-v44 .ugc-era-desktop-signin-v3:hover,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .account:not(.logged-in) .ugc-era-desktop-signin-v3:hover {
    color: #fff !important;
    background: rgba(255,255,255,.055) !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-guest-account-v44 .ugc-era-desktop-signup-v3,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .account:not(.logged-in) .ugc-era-desktop-signup-v3 {
    min-height: 42px !important;
    padding: 9px 14px !important;
    border: 1px solid rgba(118,86,255,.52) !important;
    background: rgba(118,86,255,.09) !important;
    box-shadow: none !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-desktop-primary-action-v44 {
    min-height: 44px !important;
    padding: 10px 18px !important;
    border-radius: 11px !important;
    white-space: nowrap !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .account.logged-in.ugc-era-compact-account-v44 .user-name .role {
    display: none !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .account.logged-in.ugc-era-compact-account-v44 .user-show > a.avatar {
    gap: 7px !important;
  }
}

/* Mid-size desktops get an even leaner header without sacrificing navigation. */
@media (min-width: 1200px) and (max-width: 1499px) {
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v44 > .container,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v44 > .container-fluid {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-public-header-v44 .left-header {
    gap: 18px !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu.main-menu .menu.ugc-era-curated-menu-v44 > li > a.ugc-era-desktop-public-link-v3 {
    padding-left: 9px !important;
    padding-right: 9px !important;
    font-size: 12.5px !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .account.logged-in.ugc-era-compact-account-v44 .user-name {
    display: none !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-desktop-primary-action-v44 {
    padding-left: 14px !important;
    padding-right: 14px !important;
    font-size: 12.5px !important;
  }
}

/* Mobile/tablet: fewer choices per section, large tap targets, auth always clear. */
@media (max-width: 1199px) {
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-public-drawer-v2 .ugc-era-drawer-section + .ugc-era-drawer-section {
    margin-top: 12px !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-public-drawer-v2 .ugc-era-drawer-link {
    min-height: 52px !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-guest-auth-v3 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    position: sticky !important;
    bottom: 0 !important;
    z-index: 4 !important;
    margin: 18px -2px -2px !important;
    padding: 14px 2px 2px !important;
    background: linear-gradient(180deg, rgba(5,7,16,0), #050710 28%) !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-guest-auth-v3 .ugc-era-guest-auth-link {
    min-height: 50px !important;
    justify-content: center !important;
    border-radius: 12px !important;
    font-weight: 750 !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-guest-auth-v3 .ugc-era-guest-signup {
    color: #fff !important;
    border-color: transparent !important;
    background: var(--ugc-nav-gradient) !important;
    box-shadow: 0 12px 30px rgba(118,86,255,.22) !important;
  }
}
\n\n/* ==========================================================================\n   UGC ERA v4.5.3 — FIXED, SOURCE-INDEPENDENT DESKTOP NAVIGATION\n   ========================================================================== */\n@media (min-width:1200px) {\n  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-fixed-header-v453 .ugc-era-original-desktop-nav-v453,\n  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-fixed-header-v453 .ugc-era-original-right-action-v453 {\n    display:none !important;\n  }\n\n  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-fixed-header-v453 .left-header {\n    display:flex !important; align-items:center !important; flex:1 1 auto !important; min-width:0 !important; gap:clamp(26px,2.4vw,48px) !important;\n  }\n  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-fixed-header-v453 .site-logo { flex:0 0 auto !important; }\n  .ugc-era-fixed-desktop-nav-v453 {\n    display:flex !important; align-items:center !important; gap:clamp(3px,.45vw,10px) !important; flex:0 1 auto !important; min-width:0 !important; white-space:nowrap !important;\n  }\n  .ugc-era-fixed-nav-link, .ugc-era-fixed-resources-trigger-v453 {\n    position:relative; display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:44px !important; padding:9px 11px !important; border:0 !important; border-radius:10px !important; background:transparent !important; color:#dbe2ee !important; font-size:14px !important; font-weight:650 !important; line-height:1 !important; letter-spacing:-.01em !important; text-decoration:none !important; cursor:pointer !important; transition:color .18s ease, background .18s ease !important;\n  }\n  .ugc-era-fixed-nav-link:hover, .ugc-era-fixed-resources-trigger-v453:hover, .ugc-era-fixed-nav-link.is-active, .ugc-era-fixed-resources-v453.is-active > .ugc-era-fixed-resources-trigger-v453 { color:#fff !important; background:rgba(255,255,255,.055) !important; }\n  .ugc-era-fixed-nav-link.is-active::after, .ugc-era-fixed-resources-v453.is-active > .ugc-era-fixed-resources-trigger-v453::after {\n    content:""; position:absolute; left:11px; right:11px; bottom:1px; height:2px; border-radius:999px; background:linear-gradient(90deg,#3975ff,#8058ff,#ff2b93);\n  }\n  .ugc-era-fixed-resources-v453 { position:relative !important; }\n  .ugc-era-fixed-chevron-v453 { width:7px; height:7px; margin:-3px 1px 0 8px; border-right:1.7px solid currentColor; border-bottom:1.7px solid currentColor; transform:rotate(45deg); transition:transform .18s ease; }\n  .ugc-era-fixed-resources-v453.is-open .ugc-era-fixed-chevron-v453 { margin-top:3px; transform:rotate(225deg); }\n  .ugc-era-fixed-resources-menu-v453 {\n    display:none; position:absolute; z-index:100050; top:calc(100% + 10px); left:0; min-width:210px; padding:8px; border:1px solid #202b40; border-radius:15px; background:rgba(7,10,18,.99); box-shadow:0 24px 60px rgba(0,0,0,.45);\n  }\n  .ugc-era-fixed-resources-v453:hover .ugc-era-fixed-resources-menu-v453, .ugc-era-fixed-resources-v453:focus-within .ugc-era-fixed-resources-menu-v453, .ugc-era-fixed-resources-v453.is-open .ugc-era-fixed-resources-menu-v453 { display:grid; gap:2px; }\n  .ugc-era-fixed-resource-link-v453 { display:flex !important; align-items:center !important; min-height:42px !important; padding:9px 11px !important; border-radius:9px !important; color:#dbe2ee !important; font-size:13px !important; font-weight:620 !important; text-decoration:none !important; }\n  .ugc-era-fixed-resource-link-v453:hover, .ugc-era-fixed-resource-link-v453.is-active { color:#fff !important; background:linear-gradient(90deg,rgba(47,109,246,.16),rgba(118,86,255,.14),rgba(255,43,147,.10)) !important; }\n\n  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-fixed-header-v453 .right-header { display:flex !important; align-items:center !important; justify-content:flex-end !important; flex:0 0 auto !important; gap:10px !important; }\n  .ugc-era-fixed-actions-v453 { display:flex !important; align-items:center !important; gap:8px !important; }\n  .ugc-era-fixed-signin-v453, .ugc-era-fixed-signup-v453, .ugc-era-fixed-primary-v453 { display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:44px !important; white-space:nowrap !important; border-radius:11px !important; font-size:14px !important; font-weight:750 !important; text-decoration:none !important; }\n  .ugc-era-fixed-signin-v453 { padding:9px 11px !important; color:#dbe3f3 !important; background:transparent !important; }\n  .ugc-era-fixed-signin-v453:hover { color:#fff !important; background:rgba(255,255,255,.055) !important; }\n  .ugc-era-fixed-signup-v453 { padding:9px 14px !important; color:#fff !important; border:1px solid rgba(118,86,255,.55) !important; background:rgba(118,86,255,.10) !important; }\n  .ugc-era-fixed-signup-v453:hover { border-color:rgba(255,43,147,.55) !important; background:rgba(255,43,147,.09) !important; }\n  .ugc-era-fixed-primary-v453 { padding:10px 18px !important; color:#fff !important; background:linear-gradient(135deg,#3975ff 0%,#8058ff 50%,#ff2b93 100%) !important; box-shadow:0 10px 26px rgba(96,76,255,.20) !important; }\n  .ugc-era-fixed-primary-v453:hover { transform:translateY(-1px); box-shadow:0 14px 34px rgba(96,76,255,.28) !important; }\n}\n@media (min-width:1200px) and (max-width:1499px) {\n  .ugc-era-fixed-desktop-nav-v453 { gap:1px !important; }\n  .ugc-era-fixed-nav-link, .ugc-era-fixed-resources-trigger-v453 { padding-left:8px !important; padding-right:8px !important; font-size:12.5px !important; }\n  .ugc-era-fixed-signin-v453,.ugc-era-fixed-signup-v453,.ugc-era-fixed-primary-v453 { font-size:12.5px !important; }\n  .ugc-era-fixed-primary-v453 { padding-left:13px !important; padding-right:13px !important; }\n}\n

/* ========================================================================== 
   UGC ERA v4.5.4 — RESTORED AGENCY + MARKETPLACE DESKTOP NAVIGATION
   Exact public information architecture:
   Agency Services | Case Studies | Pricing | For Brands | Marketplace
   ========================================================================== */
@media (min-width:1200px) {
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-fixed-header-v454 .ugc-era-original-desktop-nav-v454,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-fixed-header-v454 .ugc-era-original-right-action-v454,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-fixed-header-v454 .ugc-era-fixed-desktop-nav-v453,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-fixed-header-v454 .ugc-era-fixed-actions-v453 {
    display:none !important;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-fixed-header-v454 .left-header {
    display:flex !important;
    align-items:center !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    gap:clamp(34px,3vw,72px) !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-fixed-header-v454 .site-logo {
    flex:0 0 auto !important;
  }
  .ugc-era-fixed-desktop-nav-v454 {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:clamp(18px,2vw,36px) !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    white-space:nowrap !important;
  }
  .ugc-era-fixed-nav-link-v454 {
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:44px !important;
    padding:9px 0 !important;
    color:#eef2fb !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.15 !important;
    letter-spacing:-.01em !important;
    text-decoration:none !important;
    transition:color .18s ease !important;
  }
  .ugc-era-fixed-nav-link-v454:hover,
  .ugc-era-fixed-nav-link-v454.is-active {
    color:#fff !important;
  }
  .ugc-era-fixed-nav-link-v454::after {
    content:"";
    position:absolute;
    left:50%;
    right:50%;
    bottom:2px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,#3975ff,#8058ff,#ff2b93);
    transition:left .18s ease,right .18s ease;
  }
  .ugc-era-fixed-nav-link-v454:hover::after,
  .ugc-era-fixed-nav-link-v454.is-active::after {
    left:0;
    right:0;
  }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-fixed-header-v454 .right-header {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex:0 0 auto !important;
    gap:10px !important;
    min-width:0 !important;
  }
  .ugc-era-fixed-actions-v454 {
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    white-space:nowrap !important;
  }
  .ugc-era-fixed-browse-v454,
  .ugc-era-fixed-primary-v454,
  .ugc-era-fixed-signin-v454,
  .ugc-era-fixed-signup-v454 {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:44px !important;
    border-radius:11px !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }
  .ugc-era-fixed-browse-v454 {
    padding:10px 17px !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.20) !important;
    background:rgba(255,255,255,.015) !important;
  }
  .ugc-era-fixed-browse-v454:hover {
    border-color:rgba(118,86,255,.65) !important;
    background:rgba(118,86,255,.07) !important;
  }
  .ugc-era-fixed-primary-v454 {
    padding:10px 18px !important;
    color:#fff !important;
    border:0 !important;
    background:linear-gradient(135deg,#3975ff 0%,#8058ff 50%,#ff2b93 100%) !important;
    box-shadow:0 10px 26px rgba(96,76,255,.20) !important;
  }
  .ugc-era-fixed-primary-v454:hover {
    transform:translateY(-1px);
    box-shadow:0 14px 34px rgba(96,76,255,.28) !important;
  }
  .ugc-era-fixed-signin-v454 {
    padding:9px 8px !important;
    color:#eef2fb !important;
    background:transparent !important;
  }
  .ugc-era-fixed-signin-v454:hover { color:#fff !important; }
  .ugc-era-fixed-signup-v454 {
    padding:9px 12px !important;
    color:#fff !important;
    border:1px solid rgba(118,86,255,.48) !important;
    background:rgba(118,86,255,.08) !important;
  }
  .ugc-era-fixed-signup-v454:hover {
    border-color:rgba(255,43,147,.55) !important;
    background:rgba(255,43,147,.08) !important;
  }
}

@media (min-width:1200px) and (max-width:1540px) {
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-fixed-header-v454 .left-header { gap:24px !important; }
  .ugc-era-fixed-desktop-nav-v454 { gap:18px !important; }
  .ugc-era-fixed-nav-link-v454 { font-size:12.5px !important; }
  .ugc-era-fixed-browse-v454,.ugc-era-fixed-primary-v454,.ugc-era-fixed-signin-v454,.ugc-era-fixed-signup-v454 { font-size:12.5px !important; }
  .ugc-era-fixed-browse-v454 { padding-left:13px !important; padding-right:13px !important; }
  .ugc-era-fixed-primary-v454 { padding-left:14px !important; padding-right:14px !important; }
}

@media (min-width:1200px) and (max-width:1360px) {
  .ugc-era-fixed-signup-v454 { display:none !important; }
  .ugc-era-fixed-desktop-nav-v454 { gap:13px !important; }
}


/* ========================================================================== 
   v4.5.5 SERVER-RENDERED DESKTOP NAVIGATION — CACHE/JS SAFE
   ========================================================================== */
@media (min-width:1200px) {
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-fixed-desktop-nav-v453,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-fixed-desktop-nav-v454,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-fixed-actions-v453,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-fixed-actions-v454 {
    display:none !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-original-desktop-nav-v453,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-original-desktop-nav-v454,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu.main-menu,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu.default-menu {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-original-right-action-v453,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-original-right-action-v454 {
    display:initial !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu .menu {
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:34px !important;
    margin:0 !important;
    padding:0 !important;
    white-space:nowrap !important;
    list-style:none !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu .menu > .ugc-era-server-nav-item {
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:none !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu .menu > .ugc-era-server-nav-item > .ugc-era-server-nav-link {
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    min-height:46px !important;
    padding:8px 0 !important;
    color:#f5f7fb !important;
    background:none !important;
    border:0 !important;
    font-size:15px !important;
    font-weight:650 !important;
    line-height:1.2 !important;
    letter-spacing:-.015em !important;
    text-decoration:none !important;
    transition:color .18s ease !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu .menu > .ugc-era-server-nav-item > .ugc-era-server-nav-link:hover {
    color:#ffffff !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu .menu > .ugc-era-server-nav-item.current-menu-item > .ugc-era-server-nav-link::after {
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:2px !important;
    height:2px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#2f6df6,#7656ff,#ff2b93) !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header .left-header {
    display:flex !important;
    align-items:center !important;
    gap:clamp(42px,5vw,90px) !important;
    min-width:0 !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header .left-header > .d-none.d-xl-block {
    display:block !important;
    flex:0 1 auto !important;
  }
}
@media (min-width:1200px) and (max-width:1499px) {
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu .menu { gap:22px !important; }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu .menu > .ugc-era-server-nav-item > .ugc-era-server-nav-link { font-size:13px !important; }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header .left-header { gap:30px !important; }
}


/* ==========================================================================
   UGC ERA v4.5.7 — SEO + UX NAVIGATION HARDENING
   ========================================================================== */
@media (min-width:1200px) {
  /* Desktop intentionally mirrors the approved target: five concise discovery
     links, two commercial actions and one auth entry point. Registration remains
     available in the mobile/tablet drawer and sign-in flow. */
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-desktop-signup-mobile-only-v456,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .right-header .ugc-era-desktop-signup-v3 {
    display:none !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .site-menu.desktop-menu .menu > .ugc-era-server-nav-item > .ugc-era-server-nav-link:focus-visible,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .right-header a:focus-visible {
    outline:2px solid #7d6cff !important;
    outline-offset:4px !important;
    border-radius:8px !important;
  }
}
@media (max-width:1199px) {
  .ugc-era-empty-resources-v456 { display:none !important; }
}


/* ==========================================================================\n   v4.5.7 FORCE-SAFE SEO HEADER\n   ========================================================================== */
@media (min-width:1200px) {
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-seo-header-v457 > .container,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-seo-header-v457 > .container-fluid {
    width:100% !important; max-width:1800px !important; margin:0 auto !important;
    padding-left:40px !important; padding-right:34px !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-seo-header-v457 .row {
    display:flex !important; align-items:center !important; flex-wrap:nowrap !important;
    min-height:86px !important; gap:26px !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-seo-header-v457 .left-header {
    display:flex !important; align-items:center !important; flex:1 1 auto !important;
    min-width:0 !important; gap:clamp(34px,4vw,82px) !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-seo-header-v457 .left-header > .d-none.d-xl-block {
    display:block !important; flex:1 1 auto !important; min-width:0 !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-seo-header-v457 .site-menu.desktop-menu.main-menu {
    display:block !important; width:100% !important; overflow:visible !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-seo-primary-menu-v457 {
    display:flex !important; align-items:center !important; justify-content:flex-start !important;
    flex-wrap:nowrap !important; gap:clamp(22px,2.2vw,44px) !important;
    width:auto !important; margin:0 !important; padding:0 !important; list-style:none !important;
    white-space:nowrap !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-seo-primary-menu-v457 > li {
    display:block !important; flex:0 0 auto !important; margin:0 !important; padding:0 !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-seo-primary-menu-v457 > li > a {
    position:relative !important; display:flex !important; align-items:center !important;
    min-height:46px !important; padding:10px 0 !important; border:0 !important;
    background:transparent !important; color:#f4f6fb !important; text-decoration:none !important;
    font-size:15px !important; font-weight:700 !important; line-height:1 !important; letter-spacing:-.015em !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-seo-primary-menu-v457 > li > a:hover,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-seo-primary-menu-v457 > li.current-menu-item > a {
    color:#fff !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-seo-primary-menu-v457 > li > a::after {
    content:"" !important; position:absolute !important; left:0 !important; right:100% !important; bottom:5px !important;
    height:2px !important; border-radius:4px !important; background:linear-gradient(90deg,#2f6df6,#7656ff,#ff2b93) !important;
    transition:right .18s ease !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-seo-primary-menu-v457 > li > a:hover::after,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-seo-primary-menu-v457 > li.current-menu-item > a::after { right:0 !important; }

  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-seo-header-v457 .right-header {
    display:flex !important; align-items:center !important; justify-content:flex-end !important;
    flex:0 0 auto !important; gap:12px !important; min-width:max-content !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-seo-header-v457 .right-header .ugc-era-v457-browse {
    display:inline-flex !important; min-height:46px !important; padding:10px 22px !important;
    border:1px solid #353b48 !important; border-radius:11px !important; background:#090c12 !important;
    color:#fff !important; white-space:nowrap !important; font-weight:650 !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-seo-header-v457 .right-header .ugc-era-v457-post {
    display:inline-flex !important; min-height:46px !important; padding:10px 22px !important;
    border:0 !important; border-radius:11px !important; background:linear-gradient(110deg,#2f6df6,#7656ff 48%,#ff2b93) !important;
    color:#fff !important; white-space:nowrap !important; font-weight:700 !important; box-shadow:none !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-seo-header-v457 .right-header .ugc-era-v457-signin {
    display:inline-flex !important; min-height:42px !important; padding:8px 8px !important;
    border:0 !important; background:transparent !important; color:#fff !important; white-space:nowrap !important;
    font-weight:700 !important;
  }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-v457-duplicate-action { display:none !important; }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-v457-signup-compact { display:none !important; }
}

@media (min-width:1200px) and (max-width:1499px) {
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-seo-header-v457 > .container,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-seo-header-v457 > .container-fluid { padding-left:24px !important; padding-right:20px !important; }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-seo-header-v457 .left-header { gap:26px !important; }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-seo-primary-menu-v457 { gap:18px !important; }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-seo-primary-menu-v457 > li > a { font-size:13px !important; }
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-seo-header-v457 .right-header .ugc-era-v457-browse,
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) header.site-header.ugc-era-seo-header-v457 .right-header .ugc-era-v457-post { padding-left:15px !important; padding-right:15px !important; font-size:13px !important; }
}


/* ========================================================================== 
   v4.5.8 MARKETPLACE MEGA MENU
   ========================================================================== */
@media (min-width:1200px) {
  .ugc-era-seo-primary-menu-v457 > .ugc-era-marketplace-dropdown-v458 { position:relative !important; }
  .ugc-era-marketplace-dropdown-v458 > .ugc-era-server-nav-link { gap:9px !important; }
  .ugc-era-marketplace-chevron-v458 { width:7px !important; height:7px !important; margin-top:-4px !important; border-right:1.7px solid currentColor !important; border-bottom:1.7px solid currentColor !important; transform:rotate(45deg) !important; transition:transform .18s ease !important; }
  .ugc-era-marketplace-dropdown-v458:hover > .ugc-era-server-nav-link .ugc-era-marketplace-chevron-v458,
  .ugc-era-marketplace-dropdown-v458:focus-within > .ugc-era-server-nav-link .ugc-era-marketplace-chevron-v458,
  .ugc-era-marketplace-dropdown-v458.is-open > .ugc-era-server-nav-link .ugc-era-marketplace-chevron-v458 { margin-top:3px !important; transform:rotate(225deg) !important; }
  .ugc-era-marketplace-mega-v458 {
    display:none !important; position:absolute !important; z-index:100300 !important; top:calc(100% + 12px) !important; right:-40px !important; left:auto !important;
    width:620px !important; padding:16px !important; border:1px solid rgba(92,108,143,.34) !important; border-radius:20px !important;
    background:linear-gradient(155deg,rgba(9,13,24,.99),rgba(5,8,16,.995)) !important; box-shadow:0 30px 80px rgba(0,0,0,.48) !important; backdrop-filter:blur(20px) !important;
  }
  .ugc-era-marketplace-dropdown-v458:hover > .ugc-era-marketplace-mega-v458,
  .ugc-era-marketplace-dropdown-v458:focus-within > .ugc-era-marketplace-mega-v458,
  .ugc-era-marketplace-dropdown-v458.is-open > .ugc-era-marketplace-mega-v458 { display:block !important; }
  .ugc-era-marketplace-mega-head-v458 { padding:4px 5px 14px !important; border-bottom:1px solid rgba(120,135,165,.16) !important; }
  .ugc-era-marketplace-mega-head-v458 > span { display:block !important; margin-bottom:5px !important; color:#9faeff !important; font-size:10px !important; font-weight:850 !important; letter-spacing:.15em !important; text-transform:uppercase !important; }
  .ugc-era-marketplace-mega-head-v458 > strong { color:#fff !important; font-size:16px !important; font-weight:750 !important; letter-spacing:-.015em !important; }
  .ugc-era-marketplace-mega-grid-v458 { display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; padding-top:10px !important; }
  .ugc-era-marketplace-mega-link-v458 { display:grid !important; grid-template-columns:34px minmax(0,1fr) !important; gap:10px !important; align-items:start !important; min-height:72px !important; padding:11px !important; border:1px solid transparent !important; border-radius:13px !important; color:#e7ebf5 !important; text-decoration:none !important; background:transparent !important; transition:background .16s ease,border-color .16s ease,transform .16s ease !important; }
  .ugc-era-marketplace-mega-link-v458:hover,.ugc-era-marketplace-mega-link-v458:focus-visible,.ugc-era-marketplace-mega-link-v458.is-active { color:#fff !important; background:linear-gradient(115deg,rgba(47,109,246,.13),rgba(118,86,255,.10),rgba(255,43,147,.08)) !important; border-color:rgba(118,86,255,.25) !important; transform:translateY(-1px) !important; }
  .ugc-era-marketplace-number-v458 { display:grid !important; place-items:center !important; width:32px !important; height:32px !important; border:1px solid rgba(118,86,255,.34) !important; border-radius:9px !important; color:#b5bfff !important; background:#101627 !important; font-size:10px !important; font-weight:850 !important; }
  .ugc-era-marketplace-mega-link-v458 > span:last-child { min-width:0 !important; }
  .ugc-era-marketplace-mega-link-v458 strong { display:block !important; margin:1px 0 4px !important; color:inherit !important; font-size:13px !important; font-weight:750 !important; line-height:1.2 !important; }
  .ugc-era-marketplace-mega-link-v458 small { display:block !important; color:#8f9ab0 !important; font-size:11px !important; line-height:1.4 !important; white-space:normal !important; }
}
@media (min-width:1200px) and (max-width:1399px) {
  .ugc-era-marketplace-mega-v458 { right:-100px !important; width:560px !important; }
}

@media (max-width:1199px) {
  .ugc-era-mobile-marketplace-v458 { display:block !important; width:100% !important; margin:4px 0 !important; }
  .ugc-era-mobile-marketplace-trigger-v458 { display:grid !important; grid-template-columns:38px minmax(0,1fr) 18px !important; gap:11px !important; align-items:center !important; width:100% !important; min-height:54px !important; padding:8px 10px !important; border:0 !important; border-radius:12px !important; background:transparent !important; color:#e8edf7 !important; font:inherit !important; font-size:14px !important; font-weight:650 !important; text-align:left !important; cursor:pointer !important; }
  .ugc-era-mobile-marketplace-trigger-v458:hover,.ugc-era-mobile-marketplace-v458.is-open > .ugc-era-mobile-marketplace-trigger-v458 { background:rgba(255,255,255,.055) !important; color:#fff !important; }
  .ugc-era-mobile-marketplace-trigger-v458 .ugc-era-icon { width:38px !important; height:38px !important; padding:9px !important; border:1px solid #202a3c !important; border-radius:10px !important; background:#0e1422 !important; }
  .ugc-era-mobile-marketplace-chevron-v458 { width:8px !important; height:8px !important; border-right:1.7px solid currentColor !important; border-bottom:1.7px solid currentColor !important; transform:rotate(45deg) !important; transition:transform .18s ease !important; }
  .ugc-era-mobile-marketplace-v458.is-open .ugc-era-mobile-marketplace-chevron-v458 { transform:rotate(225deg) !important; }
  .ugc-era-mobile-marketplace-panel-v458 { display:none !important; margin:4px 0 8px 49px !important; padding:6px !important; border-left:1px solid #253149 !important; }
  .ugc-era-mobile-marketplace-v458.is-open .ugc-era-mobile-marketplace-panel-v458 { display:grid !important; gap:3px !important; }
  .ugc-era-mobile-marketplace-link-v458 { min-height:45px !important; padding:8px 10px !important; border-radius:10px !important; background:#0b101c !important; }
  .ugc-era-mobile-marketplace-link-v458 .ugc-era-icon { width:28px !important; height:28px !important; flex-basis:28px !important; padding:6px !important; border-radius:8px !important; }
}


/* ========================================================================== 
   UGC ERA v4.5.9 — MOBILE/TABLET DUAL AGENCY + PLATFORM NAVIGATION
   ========================================================================== */
@media (max-width:1199px) {
  .ugc-era-public-navigation-enabled:not(.ugc-era-dashboard-page) .ugc-era-drawer-marketplace-pill {
    color:#c8d2e8 !important;
    border-color:rgba(118,86,255,.30) !important;
    background:linear-gradient(90deg,rgba(47,109,246,.10),rgba(118,86,255,.10),rgba(255,43,147,.08)) !important;
  }

  .ugc-era-dual-nav-v459 { display:grid !important; gap:14px !important; margin-top:16px !important; }
  .ugc-era-drawer-home-v459 { padding-bottom:4px !important; }
  .ugc-era-drawer-home-v459 .ugc-era-drawer-link {
    min-height:52px !important; border:1px solid rgba(120,135,165,.16) !important; border-radius:13px !important; background:#0a0f1b !important;
  }

  .ugc-era-drawer-section--agency-v459,
  .ugc-era-drawer-section--platform-v459 {
    position:relative !important; overflow:hidden !important; margin:0 !important; padding:14px 12px 12px !important;
    border:1px solid rgba(120,135,165,.17) !important; border-radius:16px !important; background:#080d17 !important;
  }
  .ugc-era-drawer-section--agency-v459::before,
  .ugc-era-drawer-section--platform-v459::before {
    content:""; position:absolute; left:0; top:0; bottom:0; width:3px; border-radius:16px 0 0 16px;
  }
  .ugc-era-drawer-section--agency-v459::before { background:linear-gradient(180deg,#ff2b93,#8d52ff); }
  .ugc-era-drawer-section--platform-v459::before { background:linear-gradient(180deg,#3478ff,#7758ff); }

  .ugc-era-drawer-section--agency-v459 .ugc-era-drawer-section-title,
  .ugc-era-drawer-section--platform-v459 .ugc-era-drawer-section-title {
    margin:0 0 4px !important; padding:0 4px !important; color:#f3f6fc !important; font-size:12px !important; font-weight:850 !important; letter-spacing:.13em !important;
  }
  .ugc-era-drawer-section--agency-v459 .ugc-era-drawer-section-title { color:#ff73ba !important; }
  .ugc-era-drawer-section--platform-v459 .ugc-era-drawer-section-title { color:#8fa9ff !important; }

  .ugc-era-drawer-section-copy-v459 {
    margin:0 4px 10px !important; color:#818da3 !important; font-size:11.5px !important; line-height:1.45 !important;
  }

  .ugc-era-agency-link-v459,
  .ugc-era-platform-link-v459 {
    min-height:48px !important; margin:2px 0 !important; padding:7px 8px !important; border-radius:11px !important; background:transparent !important;
  }
  .ugc-era-agency-link-v459:hover,.ugc-era-agency-link-v459:focus-visible {
    color:#fff !important; background:linear-gradient(90deg,rgba(255,43,147,.10),rgba(118,86,255,.08)) !important;
  }
  .ugc-era-platform-link-v459:hover,.ugc-era-platform-link-v459:focus-visible {
    color:#fff !important; background:linear-gradient(90deg,rgba(47,109,246,.12),rgba(118,86,255,.09)) !important;
  }
  .ugc-era-agency-link-v459 .ugc-era-icon,
  .ugc-era-platform-link-v459 .ugc-era-icon {
    width:34px !important; height:34px !important; flex-basis:34px !important; padding:8px !important; border-radius:9px !important;
  }
  .ugc-era-agency-link-v459 .ugc-era-icon { color:#ff79bd !important; border-color:rgba(255,43,147,.18) !important; background:rgba(255,43,147,.055) !important; }
  .ugc-era-platform-link-v459 .ugc-era-icon { color:#8fabff !important; border-color:rgba(47,109,246,.20) !important; background:rgba(47,109,246,.065) !important; }

  /* The old accordion is intentionally retired on mobile/tablet.  The two
     propositions are visible at a glance and no links can be hidden behind
     an open accordion or the auth controls. */
  .ugc-era-mobile-marketplace-v458 { display:none !important; }

  .ugc-era-guest-drawer-v3 .ugc-era-guest-auth-v3 {
    position:static !important; bottom:auto !important; z-index:auto !important; margin:22px 0 0 !important; padding:16px 0 6px !important;
    background:transparent !important; border-top:1px solid var(--ugc-nav-line) !important;
  }
  .ugc-era-guest-drawer-v3 { padding-bottom:24px !important; }
}