.inspirely-header-wrap,
.inspirely-header-wrap * {
  box-sizing: border-box !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 500 !important;
  -webkit-tap-highlight-color: transparent !important;
}

.inspirely-header-wrap {
  --ih-bg: #101010;
  --ih-surface: #242424;
  --ih-surface-2: #2d2d2d;
  --ih-field: #252525;
  --ih-line: rgba(255,255,255,.08);
  --ih-text: #f5f5f5;
  --ih-muted: #8a8a8a;
  --ih-white: #ffffff;
  --ih-overlay-bg: rgba(0,0,0,.42);
  --ih-overlay-blur: 60px;
  --e-global-color-accent: #111111 !important;
  color: var(--ih-text);
}

.inspirely-header-wrap :focus,
.inspirely-header-wrap :focus-visible,
.inspirely-header-wrap :active {
  outline: none !important;
  box-shadow: none !important;
}

.inspirely-header-wrap button,
.inspirely-header-wrap a,
.inspirely-header-wrap input {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent;
}

.inspirely-header-wrap .material-icons {
  font-family: 'Material Icons' !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 22px;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
  direction: ltr !important;
  -webkit-font-feature-settings: 'liga' !important;
  -webkit-font-smoothing: antialiased !important;
}

.inspirely-header {
  position: sticky;
  top: 0;
  z-index: 9999;
  height: 68px;
  width: 100%;
  background: transparent !important;
  border: 0 !important;
  transition: background-color .22s ease, backdrop-filter .22s ease, -webkit-backdrop-filter .22s ease;
}

.inspirely-header.is-scrolled {
  background: rgba(42,42,42,.30) !important;
  backdrop-filter: blur(var(--ih-overlay-blur));
  -webkit-backdrop-filter: blur(var(--ih-overlay-blur));
}

.ih-inner {
  height: 100%;
  display: grid;
  grid-template-columns: minmax(210px, 1fr) minmax(360px, 514px) minmax(330px, 1fr);
  align-items: center;
  gap: 24px;
  padding: 0 58px;
}

.ih-left, .ih-right {
  display: flex;
  align-items: center;
  gap: 26px;
  min-width: 0;
}

.ih-right { justify-content: flex-end; gap: 22px; }
.ih-logo { width: 92px; height: 20px; display: block; flex: 0 0 auto; }
.ih-logo svg { width: 100%; height: 100%; display: block; }

.ih-nav-list {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 26px !important;
  list-style: none !important;
}

.ih-nav-list li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.ih-nav-list a,
.ih-nav a {
  color: #8a8a8a !important;
  text-decoration: none !important;
  font-size: 16px !important;
  line-height: 1 !important;
  background: transparent !important;
  border: 0 !important;
}
.ih-nav-list a:hover,
.ih-nav a:hover { color: #c7c7c7 !important; }

.ih-search {
  height: 48px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 21px;
  border-radius: 999px;
  background: #252525 !important;
  color: #8d8d8d !important;
  border: 0 !important;
  cursor: text;
  text-align: left;
}

.ih-search .material-icons { color: #fff !important; font-size: 22px; }
.ih-search span:last-child { color: #8b8b8b !important; font-size: 16px !important; line-height: 1 !important; }

.ih-icon-btn,
.ih-bottom-action {
  appearance: none !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #fff !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  cursor: pointer !important;
}
.ih-icon-btn { width: 22px; height: 22px; flex: 0 0 auto; }
.ih-icon-btn .material-icons { color: #fff !important; font-size: 23px; }

.ih-pro-btn,
.ih-pro-btn:visited,
.ih-pro-btn:hover,
.ih-pro-btn:focus {
  height: 36px !important;
  padding: 0 17px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #111111 !important;
  border: 0 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  line-height: 36px !important;
  white-space: nowrap !important;
}

.ih-profile, .ih-notifications, .ih-bottom-profile, .ih-bottom-notifications { position: relative; flex: 0 0 auto; }
.ih-avatar-btn {
  appearance: none !important;
  border: 0 !important;
  outline: 0 !important;
  padding: 0 !important;
  width: 37px !important;
  height: 37px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  background: #333 !important;
  overflow: hidden !important;
}
.ih-avatar-btn img { width: 100%; height: 100%; object-fit: cover; display: block; }

.ih-menu,
.ih-notification-menu {
  position: absolute;
  top: calc(100% + 14px);
  right: 0;
  width: 240px;
  background: rgba(38,38,38,.98) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.46) !important;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px) scale(.985);
  transform-origin: top right;
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
  z-index: 10030;
  color: #f4f4f4 !important;
}
.ih-notification-menu { right: -10px; width: min(400px, calc(100vw - 34px)); height: 480px; }
.ih-profile.is-open .ih-menu,
.ih-notifications.is-open .ih-notification-menu,
.ih-bottom-profile.is-open .ih-menu,
.ih-bottom-notifications.is-open .ih-notification-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

.ih-menu-profile { padding: 18px 18px 14px; }
.ih-name { margin: 0 0 4px !important; font-size: 16px !important; line-height: 1.1 !important; color: #f4f4f4 !important; }
.ih-email { margin: 0 0 14px !important; font-size: 14px !important; line-height: 1.1 !important; color: #aaa !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ih-view-profile,
.ih-view-profile:visited,
.ih-view-profile:hover {
  width: 100%; height: 36px; border: 0 !important; border-radius: 999px; background: #3f3f3f !important; color: #fff !important; text-decoration: none !important; display: flex; align-items: center; justify-content: center; font-size: 14px !important;
}
.ih-menu-section { padding: 10px 0; border-top: 1px solid rgba(255,255,255,.08); }
.ih-menu-item,
.ih-menu-item:visited,
.ih-menu-item:hover {
  min-height: 36px; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 18px; text-decoration: none !important; color: #f1f1f1 !important; font-size: 16px !important; line-height: 1 !important; background: transparent !important; border: 0 !important; text-align: left;
}
.ih-menu-item:hover { background: rgba(255,255,255,.035) !important; }
.ih-menu-item-left { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.ih-menu-item .material-icons { color: #aaa !important; font-size: 21px; }
.ih-badge { display: inline-flex; align-items: center; height: 23px; padding: 0 8px; border-radius: 8px; background: #777 !important; color: #fff !important; font-size: 12px !important; margin-left: 4px; }
.ih-theme-row { min-height: 48px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #f1f1f1; font-size: 16px; }
.ih-theme-toggle { display: inline-flex; align-items: center; height: 36px; padding: 3px; border-radius: 999px; background: #4a4a4a !important; gap: 2px; }
.ih-theme-dot { width: 29px; height: 29px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #a8a8a8; }
.ih-theme-dot.is-active { background: #2d2d2d !important; color: #fff !important; }
.ih-theme-dot .material-icons { font-size: 19px; }
.ih-footer { height: 58px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.08); color: #adadad; font-size: 12px; }
.ih-footer-links { display: flex; align-items: center; gap: 8px; }
.ih-footer a { color: #adadad !important; text-decoration: none !important; }
.ih-x-logo { color: #bdbdbd !important; font-size: 20px; }

.ih-notification-title { position: absolute; top: 20px; left: 20px; margin: 0 !important; font-size: 16px !important; line-height: 1 !important; color: #f2f2f2 !important; }
.ih-notification-empty { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 64px 52px 44px; }
.ih-notification-empty h4 { margin: 0 0 16px !important; font-size: 20px !important; line-height: 1.15 !important; color: #f3f3f3 !important; }
.ih-notification-empty p { margin: 0 !important; max-width: 270px; font-size: 15px !important; line-height: 1.45 !important; color: #aaa !important; }

.ih-global-overlay,
.ih-search-modal {
  position: fixed;
  inset: 0;
  background: radial-gradient(circle at 50% 18%, rgba(255,255,255,.045), transparent 34%), rgba(0,0,0,.42) !important;
  backdrop-filter: blur(60px);
  -webkit-backdrop-filter: blur(60px);
}
.ih-global-overlay { z-index: 9998; display: none; opacity: 0; transition: opacity .18s ease; }
.ih-global-overlay.is-open { display: block; opacity: 1; }
.ih-search-modal { z-index: 10020; display: none; align-items: flex-start; justify-content: center; padding: 76px 18px 24px; }
.ih-search-modal.is-open { display: flex; }
body.ih-search-lock, body.ih-panel-lock { overflow: hidden !important; }

.ih-search-shell { width: min(900px, 100%); max-height: min(720px, calc(100vh - 104px)); border-radius: 28px; background: rgba(31,31,31,.96) !important; box-shadow: 0 34px 120px rgba(0,0,0,.64); overflow: hidden; color: #f4f4f4; }
.ih-search-top { height: 76px; display: flex; align-items: center; gap: 16px; padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,.08); }
.ih-search-top .material-icons { color: #fff !important; font-size: 23px; }
.ih-search-field { width: 100%; height: 100%; border: 0 !important; outline: 0 !important; background: transparent !important; color: #f2f2f2 !important; font-size: 22px !important; line-height: 1 !important; }
.ih-search-field::placeholder { color: #777 !important; opacity: 1 !important; }
.ih-search-esc { height: 34px; min-width: 54px; padding: 0 13px; border: 0 !important; border-radius: 999px; background: #343434 !important; color: #cfcfcf !important; font-size: 13px !important; cursor: pointer; }
.ih-search-body { display: grid; grid-template-columns: 230px 1fr; min-height: 500px; }
.ih-search-side { padding: 16px 12px; border-right: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.015) !important; display: flex; flex-direction: column; gap: 8px; }
.ih-search-tab { width: 100%; min-height: 42px; padding: 0 14px; border: 0 !important; border-radius: 14px; background: transparent !important; color: #aaa !important; display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 15px !important; cursor: pointer; text-align: left; }
.ih-search-tab span:first-child { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.ih-search-tab .material-icons { color: #aaa !important; font-size: 20px; }
.ih-search-tab.is-active { background: #343434 !important; color: #fff !important; }
.ih-search-tab.is-active .material-icons { color: #fff !important; }
.ih-search-count { color: #777 !important; font-size: 12px !important; }
.ih-search-content { padding: 20px; overflow: auto; max-height: calc(min(720px, 100vh - 104px) - 76px); }
.ih-search-section + .ih-search-section { margin-top: 26px; }
.ih-search-heading { margin: 0 0 12px !important; color: #868686 !important; font-size: 13px !important; line-height: 1 !important; }
.ih-search-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.ih-search-chip { height: 34px; padding: 0 13px; border: 0 !important; border-radius: 999px; background: #333 !important; color: #e8e8e8 !important; font-size: 14px !important; cursor: pointer; }
.ih-search-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.ih-search-result { min-height: 74px; border: 0 !important; border-radius: 18px; background: #292929 !important; display: flex; align-items: center; gap: 13px; padding: 12px; text-align: left; cursor: pointer; color: #fff !important; }
.ih-result-thumb { width: 50px; height: 50px; border-radius: 14px; background: linear-gradient(135deg,#3e3e3e,#1f1f1f) !important; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; flex: 0 0 auto; }
.ih-result-title { display: block; margin: 0 0 5px; color: #f4f4f4; font-size: 15px; line-height: 1.15; }
.ih-result-meta { display: block; color: #858585; font-size: 13px; line-height: 1.15; }

.ih-bottom-bar { display: none; }
.ih-bottom-avatar { width: 34px; height: 34px; border-radius: 50%; background-color: #333; background-size: cover; background-position: center; display: block; }

@media (max-width: 1180px) {
  .ih-inner { grid-template-columns: auto minmax(280px,1fr) auto; padding: 0 28px; }
  .ih-left { gap: 22px; }
}
@media (max-width: 860px) {
  .ih-inner { grid-template-columns: auto 1fr auto; gap: 14px; padding: 0 18px; }
  .ih-nav { display: none; }
  .ih-right { gap: 16px; }
}
@media (max-width: 640px) {
  .inspirely-header { height: 62px; }
  .ih-inner { display: flex; justify-content: space-between; padding: 0 14px; }
  .ih-logo { width: 86px; }
  .ih-search { display: none; }
  .ih-mobile-search-btn { display: none !important; }
  .ih-right > .ih-icon-btn, .ih-right > .ih-notifications, .ih-right > .ih-profile { display: none !important; }
  .ih-pro-btn { height: 34px !important; line-height: 34px !important; padding: 0 14px !important; }
  body { padding-bottom: calc(68px + env(safe-area-inset-bottom,0px)); }
  .ih-bottom-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 10000; height: calc(64px + env(safe-area-inset-bottom,0px)); display: flex; align-items: flex-start; justify-content: space-around; padding: 8px 10px calc(8px + env(safe-area-inset-bottom,0px)); border-radius: 0; background: rgba(20,20,20,.88) !important; border-top: 1px solid rgba(255,255,255,.08); box-shadow: 0 -18px 70px rgba(0,0,0,.42); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); }
  .ih-bottom-action { width: 48px; height: 48px; border-radius: 999px; }
  .ih-bottom-action .material-icons { color: #fff !important; font-size: 24px; }
  .ih-bottom-profile .ih-menu, .ih-bottom-notifications .ih-notification-menu { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: 100vw !important; height: 70vh !important; max-height: 70vh !important; border-radius: 24px 24px 0 0 !important; transform-origin: bottom center; transform: translateY(100%); z-index: 10030; overflow: auto; box-shadow: 0 -30px 100px rgba(0,0,0,.64); }
  .ih-bottom-profile.is-open .ih-menu, .ih-bottom-notifications.is-open .ih-notification-menu { opacity: 1; visibility: visible; transform: translateY(0); }
  .ih-search-modal { padding: 14px 12px calc(78px + env(safe-area-inset-bottom,0px)); }
  .ih-search-shell { border-radius: 24px; max-height: calc(100vh - 92px - env(safe-area-inset-bottom,0px)); }
  .ih-search-top { height: 66px; padding: 0 16px; }
  .ih-search-field { font-size: 18px !important; }
  .ih-search-body { grid-template-columns: 1fr; }
  .ih-search-side { display: flex; flex-direction: row; gap: 8px; overflow: auto; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); padding: 10px 12px; }
  .ih-search-tab { width: auto; white-space: nowrap; min-height: 36px; border-radius: 999px; }
  .ih-search-count { display: none; }
  .ih-search-content { padding: 16px; max-height: calc(100vh - 156px); }
  .ih-search-grid { grid-template-columns: 1fr; }
}
@media (max-width: 420px) { .ih-pro-btn { display: none !important; } }


/* Inspirely Header 5 fixes */
.inspirely-header-wrap {
  --e-global-color-primary: #ffffff !important;
  --e-global-color-secondary: #8a8a8a !important;
  --e-global-color-text: #f5f5f5 !important;
  --e-global-color-accent: #111111 !important;
}
.inspirely-header-wrap .ih-mobile-search-btn {
  display: none !important;
}
.inspirely-header-wrap .ih-right {
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 22px !important;
  height: 68px !important;
}
.inspirely-header-wrap .ih-icon-btn,
.inspirely-header-wrap .ih-avatar-btn,
.inspirely-header-wrap .ih-pro-btn {
  align-self: center !important;
}
.inspirely-header-wrap .ih-icon-btn {
  width: 24px !important;
  height: 37px !important;
  min-width: 24px !important;
  min-height: 37px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  line-height: 1 !important;
}
.inspirely-header-wrap .ih-icon-btn .material-icons {
  width: 24px !important;
  height: 24px !important;
  font-size: 23px !important;
  line-height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.inspirely-header-wrap .ih-notifications,
.inspirely-header-wrap .ih-profile {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 37px !important;
}
.inspirely-header-wrap .ih-notification-menu,
.inspirely-header-wrap .ih-profile > .ih-menu {
  position: fixed !important;
  top: var(--ih-panel-top, 58px) !important;
  right: var(--ih-panel-right, 58px) !important;
  left: auto !important;
  z-index: 2147483000 !important;
}
.inspirely-header-wrap .ih-profile > .ih-menu {
  width: 240px !important;
}
.inspirely-header-wrap .ih-notification-menu {
  width: min(400px, calc(100vw - 34px)) !important;
}
.inspirely-header-wrap .ih-search-chip,
.inspirely-header-wrap .ih-search-esc,
.inspirely-header-wrap .ih-search-tab,
.inspirely-header-wrap .ih-search-result {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.inspirely-header-wrap .ih-search-tab {
  justify-content: space-between !important;
}
.inspirely-header-wrap .ih-search-tab > span:first-child,
.inspirely-header-wrap .ih-search-chip,
.inspirely-header-wrap .ih-search-esc {
  align-items: center !important;
}
.inspirely-header-wrap .ih-result-title,
.inspirely-header-wrap .ih-result-meta {
  line-height: 1.2 !important;
}
@media (max-width: 640px) {
  .inspirely-header-wrap .ih-right > .ih-icon-btn,
  .inspirely-header-wrap .ih-right > .ih-notifications,
  .inspirely-header-wrap .ih-right > .ih-profile {
    display: none !important;
  }
  .inspirely-header-wrap .ih-bottom-bar .ih-bottom-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .inspirely-header-wrap .ih-bottom-profile,
  .inspirely-header-wrap .ih-bottom-notifications {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .inspirely-header-wrap .ih-bottom-profile .ih-menu,
  .inspirely-header-wrap .ih-bottom-notifications .ih-notification-menu {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100vw !important;
    height: 70vh !important;
    max-height: 70vh !important;
    border-radius: 24px 24px 0 0 !important;
    z-index: 2147483000 !important;
  }
}

.inspirely-header-wrap .ih-search-result {
  justify-content: flex-start !important;
}
.inspirely-header-wrap .ih-search-chip,
.inspirely-header-wrap .ih-search-tab,
.inspirely-header-wrap .ih-search-esc,
.inspirely-header-wrap .ih-search,
.inspirely-header-wrap input[type="search"],
.inspirely-header-wrap input[type="search"]:focus,
.inspirely-header-wrap button:focus,
.inspirely-header-wrap a:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}
.inspirely-header-wrap .ih-search,
.inspirely-header-wrap .ih-search:hover,
.inspirely-header-wrap .ih-search:focus,
.inspirely-header-wrap .ih-search:active {
  background: #252525 !important;
  color: #8b8b8b !important;
}

/* Inspirely Mega Menu */
.inspirely-header-wrap .ih-mega-layer {
  position: fixed;
  left: 0;
  right: 0;
  top: 68px;
  z-index: 10018;
  pointer-events: none;
}

.inspirely-header-wrap .ih-mega-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100vw;
  min-height: 320px;
  max-height: calc(100vh - 108px);
  overflow: auto;
  background: rgba(20,20,20,.98) !important;
  color: #f5f5f5 !important;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 34px 120px rgba(0,0,0,.62);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-18px);
  transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
  pointer-events: none;
}

.inspirely-header-wrap .ih-mega-panel.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.inspirely-header-wrap .ih-mega-panel-inner {
  width: 100%;
  min-height: 320px;
}

.inspirely-header-wrap .ih-nav-item.has-ih-mega > .ih-nav-link {
  cursor: default;
}

.inspirely-header-wrap .ih-nav-item.has-ih-mega.is-mega-open > .ih-nav-link {
  color: #ffffff !important;
}

@media (max-width: 860px) {
  .inspirely-header-wrap .ih-mega-layer {
    display: none !important;
  }
}


/* Inspirely Header 8 */
.inspirely-header-wrap{
  position:sticky !important;
  top:0 !important;
  z-index:9997 !important;
}

.inspirely-header{
  position:sticky !important;
  top:0 !important;
  z-index:9997 !important;
}

/* icon micro-interactions */
.ih-bell-btn.is-ih-shake .material-icons{
  animation:ih-bell-shake .42s ease both;
}

.ih-globe-btn.is-ih-spin .material-icons{
  animation:ih-globe-spin .48s ease both;
}

.ih-heart-btn.is-ih-pop .material-icons{
  animation:ih-heart-pop .34s ease both;
}

@keyframes ih-bell-shake{
  0%,100%{ transform:rotate(0deg); }
  20%{ transform:rotate(-9deg); }
  40%{ transform:rotate(7deg); }
  60%{ transform:rotate(-5deg); }
  80%{ transform:rotate(3deg); }
}

@keyframes ih-globe-spin{
  0%{ transform:rotate(0deg); }
  100%{ transform:rotate(180deg); }
}

@keyframes ih-heart-pop{
  0%{ transform:scale(1); }
  45%{ transform:scale(1.16); }
  100%{ transform:scale(1); }
}

/* no blur/dim overlay for avatar dropdown only */
.ih-global-overlay.is-profile-only{
  display:none !important;
  opacity:0 !important;
  pointer-events:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* keep profile dropdown above page without overlay */
.ih-profile .ih-menu.is-open{
  z-index:10030 !important;
}


/* Inspirely Header 9 — keep desktop right icons on laptop/tablet */
@media (min-width: 641px) and (max-width: 1180px) {
  .inspirely-header-wrap .ih-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 22px !important;
    height: 68px !important;
    min-width: max-content !important;
    flex: 0 0 auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .inspirely-header-wrap .ih-right > .ih-icon-btn,
  .inspirely-header-wrap .ih-right > .ih-notifications,
  .inspirely-header-wrap .ih-right > .ih-profile,
  .inspirely-header-wrap .ih-right > .ih-pro-btn {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .inspirely-header-wrap .ih-pro-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 36px !important;
    line-height: 36px !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }

  .inspirely-header-wrap .ih-icon-btn {
    width: 24px !important;
    min-width: 24px !important;
    height: 37px !important;
    min-height: 37px !important;
    flex: 0 0 24px !important;
  }

  .inspirely-header-wrap .ih-notifications,
  .inspirely-header-wrap .ih-profile {
    width: auto !important;
    min-width: 37px !important;
    height: 37px !important;
    flex: 0 0 auto !important;
  }

  .inspirely-header-wrap .ih-avatar-btn {
    display: inline-flex !important;
    width: 37px !important;
    height: 37px !important;
    min-width: 37px !important;
    min-height: 37px !important;
  }

  .inspirely-header-wrap .ih-bottom-bar {
    display: none !important;
  }
}

/* real mobile keeps compact/mobile behavior */
@media (max-width: 640px) {
  .inspirely-header-wrap .ih-right > .ih-icon-btn,
  .inspirely-header-wrap .ih-right > .ih-notifications,
  .inspirely-header-wrap .ih-right > .ih-profile {
    display: none !important;
  }

  .inspirely-header-wrap .ih-pro-btn {
    display: inline-flex !important;
  }
}

@media (max-width: 420px) {
  .inspirely-header-wrap .ih-pro-btn {
    display: none !important;
  }
}


/* Inspirely Header 19 — stable corrections */

/* Sticky, not fixed: avoids mega hover gap/flicker caused by fixed header stacking */
.inspirely-header-wrap{
  position: sticky !important;
  top: 0 !important;
  z-index: 9997 !important;
}

/* Remove overlay only for avatar / notification dropdowns */
.ih-global-overlay.is-dropdown-only,
.ih-global-overlay.is-profile-only{
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Force notification dropdown visible when class is open */
.ih-notifications.is-open .ih-notification-menu,
.ih-profile.is-open .ih-menu{
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
  pointer-events: auto !important;
  z-index: 10030 !important;
}

/* Hover-only icon effects; no JS click animation */
.ih-bell-btn:hover .material-icons{
  animation: ih19-bell-shake .34s ease both;
}

.ih-globe-btn:hover .material-icons{
  animation: ih19-globe-spin .42s ease both;
}

.ih-heart-btn:hover .material-icons{
  animation: ih19-heart-pop .30s ease both;
}

@keyframes ih19-bell-shake{
  0%,100%{ transform: translateX(0) rotate(0deg); }
  25%{ transform: translateX(-1px) rotate(-4deg); }
  50%{ transform: translateX(1px) rotate(4deg); }
  75%{ transform: translateX(-1px) rotate(-2deg); }
}

@keyframes ih19-globe-spin{
  0%{ transform: rotate(0deg); }
  100%{ transform: rotate(150deg); }
}

@keyframes ih19-heart-pop{
  0%{ transform: scale(1); }
  45%{ transform: scale(1.11); }
  100%{ transform: scale(1); }
}

/* Mega menu: keep Header 9 JS, only stabilize visual transition */
.inspirely-header-wrap .ih-mega-panel{
  transition: opacity .12s ease, transform .12s ease, visibility 0s linear .12s !important;
}

.inspirely-header-wrap .ih-mega-panel.is-open{
  transition: opacity .12s ease, transform .12s ease, visibility 0s !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* prevent active menu item from changing box metrics */
.inspirely-header-wrap [data-ih-mega-trigger] > .ih-nav-link,
.inspirely-header-wrap [data-ih-mega-trigger].is-mega-open > .ih-nav-link{
  box-shadow:none !important;
  outline:0 !important;
  border-color:transparent !important;
}

/* Small laptop right icons visible above iPad */
@media (min-width: 1025px){
  .inspirely-header-wrap .ih-right > .ih-icon-btn,
  .inspirely-header-wrap .ih-right > .ih-notifications,
  .inspirely-header-wrap .ih-right > .ih-profile,
  .inspirely-header-wrap .ih-right > .ih-pro-btn,
  .inspirely-header-wrap .ih-pro-btn{
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}


/* Inspirely Header 20 — dropdown placement, blur background, scroll-up sticky behavior */

/* Fixed sticky-style header with scroll-up reveal */
.inspirely-header-wrap{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9997 !important;
  transform: translateY(0);
  transition: transform .22s ease !important;
}

.inspirely-header-wrap .inspirely-header{
  transform: translateY(0);
  transition: transform .22s ease !important;
}

.inspirely-header.ih20-hidden,
.inspirely-header-wrap:has(.inspirely-header.ih20-hidden){
  transform: translateY(-100%) !important;
}

.inspirely-header.ih20-visible,
.inspirely-header-wrap:has(.inspirely-header.ih20-visible){
  transform: translateY(0) !important;
}

body{
  padding-top: 68px !important;
}

@media (max-width: 640px){
  body{
    padding-top: 62px !important;
  }
}

/* Dropdown background: gray opacity around 30% + blur 60 */
.inspirely-header-wrap .ih-menu,
.inspirely-header-wrap .ih-notification-menu{
  background: rgba(58,58,58,.30) !important;
  backdrop-filter: blur(60px) !important;
  -webkit-backdrop-filter: blur(60px) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.42) !important;
}

/* Desktop dropdown positions closer to their triggers */
@media (min-width: 641px){
  .inspirely-header-wrap .ih-notifications .ih-notification-menu{
    top: calc(100% + 10px) !important;
    right: -18px !important;
    width: 400px !important;
  }

  .inspirely-header-wrap .ih-profile > .ih-menu{
    top: calc(100% + 10px) !important;
    right: 0 !important;
    width: 240px !important;
  }

  /* override fixed-position panel logic from previous versions */
  .inspirely-header-wrap .ih-notification-menu,
  .inspirely-header-wrap .ih-profile > .ih-menu{
    position: absolute !important;
    left: auto !important;
  }
}

/* Open state must stay visible */
.inspirely-header-wrap .ih-notifications.is-open .ih-notification-menu,
.inspirely-header-wrap .ih-profile.is-open .ih-menu{
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
  pointer-events: auto !important;
  z-index: 10030 !important;
}

/* No dark overlay behind avatar/notification dropdowns */
.ih-global-overlay.is-dropdown-only,
.ih-global-overlay.is-profile-only{
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}


/* Inspirely Header 21 — fullscreen mega flicker fix
   The global overlay was covering the header/nav, causing hover to drop and reopen/close repeatedly. */

/* Keep header/nav above the global overlay so hover on Tools/Work/etc. is not interrupted */
.inspirely-header-wrap{
  z-index: 10040 !important;
}

.inspirely-header-wrap .inspirely-header{
  position: relative !important;
  z-index: 10041 !important;
}

/* Overlay starts below header, so it cannot sit on top of menu triggers */
.inspirely-header-wrap .ih-global-overlay.is-open{
  top: 68px !important;
  z-index: 9998 !important;
}

/* Mega panel remains above overlay and starts below header */
.inspirely-header-wrap .ih-mega-layer{
  top: 68px !important;
  z-index: 10018 !important;
}

/* Keep mega panel stable and visible while open */
.inspirely-header-wrap .ih-mega-panel.is-open{
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Mobile keeps previous behavior */
@media (max-width: 640px){
  .inspirely-header-wrap .ih-global-overlay.is-open{
    top: 62px !important;
  }
}


/* Inspirely Header 22 — restore blur overlay without breaking mega hover */

/* Header stays above overlay, so hover on Tools/Work does not drop */
.inspirely-header-wrap{
  z-index: 10040 !important;
}

.inspirely-header-wrap .inspirely-header{
  position: relative !important;
  z-index: 10041 !important;
}

/* Restore full-screen blur overlay under header — no hard line at header bottom */
.inspirely-header-wrap .ih-global-overlay{
  inset: 0 !important;
  top: 0 !important;
  background: radial-gradient(circle at 50% 18%, rgba(255,255,255,.045), transparent 34%), rgba(0,0,0,.30) !important;
  backdrop-filter: blur(60px) !important;
  -webkit-backdrop-filter: blur(60px) !important;
  border: 0 !important;
}

.inspirely-header-wrap .ih-global-overlay.is-open{
  top: 0 !important;
  z-index: 9998 !important;
}

/* Remove any visual seam under header */
.inspirely-header-wrap .inspirely-header,
.inspirely-header-wrap .ih-inner{
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Mega panel remains above overlay and below header */
.inspirely-header-wrap .ih-mega-layer{
  top: 68px !important;
  z-index: 10018 !important;
}

.inspirely-header-wrap .ih-mega-panel{
  border-top: 0 !important;
}

/* Search modal click background should feel like overlay */
.inspirely-header-wrap .ih-search-modal{
  background: radial-gradient(circle at 50% 18%, rgba(255,255,255,.045), transparent 34%), rgba(0,0,0,.30) !important;
  backdrop-filter: blur(60px) !important;
  -webkit-backdrop-filter: blur(60px) !important;
}

/* Keep dropdown-only overlays removed, as requested earlier */
.ih-global-overlay.is-dropdown-only,
.ih-global-overlay.is-profile-only{
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}


/* Inspirely Header 23 — restore search modal overlay */

/* Search modal itself is the overlay layer */
.inspirely-header-wrap .ih-search-modal{
  position: fixed !important;
  inset: 0 !important;
  z-index: 10020 !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.045), transparent 34%),
    rgba(0,0,0,.42) !important;
  backdrop-filter: blur(60px) !important;
  -webkit-backdrop-filter: blur(60px) !important;
}

.inspirely-header-wrap .ih-search-modal.is-open{
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Keep search shell above the overlay */
.inspirely-header-wrap .ih-search-shell{
  position: relative !important;
  z-index: 10021 !important;
}

/* Header can stay above page, but search modal must visually dim/blur everything */
.inspirely-header-wrap:has(.ih-search-modal.is-open) .inspirely-header{
  z-index: 10019 !important;
}


/* Inspirely Header 24 — restore true fullscreen search overlay */

/*
  Important:
  Search modal is inside header wrapper.
  If the wrapper has transform, fixed children become trapped inside it.
  So wrapper must not be transformed; only the visible header can move.
*/
.inspirely-header-wrap{
  transform: none !important;
  overflow: visible !important;
}

/* keep scroll-up hide/show on header only, not on wrapper */
.inspirely-header-wrap:has(.inspirely-header.ih20-hidden){
  transform: none !important;
}

.inspirely-header-wrap:has(.inspirely-header.ih20-visible){
  transform: none !important;
}

.inspirely-header.ih20-hidden{
  transform: translateY(-100%) !important;
}

.inspirely-header.ih20-visible{
  transform: translateY(0) !important;
}

/* Search modal overlay exactly like earlier versions: full viewport, blur + dark layer */
.inspirely-header-wrap .ih-search-modal{
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 2147483000 !important;
  display: none !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 76px 18px 24px !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.045), transparent 34%),
    rgba(0,0,0,.42) !important;
  backdrop-filter: blur(60px) !important;
  -webkit-backdrop-filter: blur(60px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* visible state */
.inspirely-header-wrap .ih-search-modal.is-open{
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* shell above overlay */
.inspirely-header-wrap .ih-search-shell{
  position: relative !important;
  z-index: 2147483001 !important;
}

/* when search is open, header must not sit above overlay */
.inspirely-header-wrap:has(.ih-search-modal.is-open){
  z-index: 2147482999 !important;
}

.inspirely-header-wrap:has(.ih-search-modal.is-open) .inspirely-header{
  z-index: 2147482999 !important;
}

/* keep mega settings from working version */
.inspirely-header-wrap .ih-mega-layer{
  z-index: 10018 !important;
}

/* mobile bottom sheet behavior preserved */
@media (max-width: 640px){
  .inspirely-header-wrap .ih-search-modal{
    align-items: flex-end !important;
    padding: 0 !important;
  }
}


/* Inspirely Header 26 — force restore existing mobile bottom bar */

/* Hide only above mobile */
@media (min-width: 641px){
  .inspirely-header-wrap .ih-bottom-bar{
    display: none !important;
  }
}

/* Mobile bottom menu must exist and stay visible */
@media (max-width: 640px){
  html body{
    padding-bottom: calc(76px + env(safe-area-inset-bottom,0px)) !important;
  }

  .inspirely-header-wrap .ih-bottom-bar,
  body .inspirely-header-wrap .ih-bottom-bar{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100vw !important;
    height: calc(64px + env(safe-area-inset-bottom,0px)) !important;
    min-height: calc(64px + env(safe-area-inset-bottom,0px)) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-around !important;
    gap: 0 !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom,0px)) !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: rgba(20,20,20,.88) !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 -18px 70px rgba(0,0,0,.42) !important;
    backdrop-filter: blur(40px) !important;
    -webkit-backdrop-filter: blur(40px) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 2147482500 !important;
    transform: none !important;
  }

  .inspirely-header-wrap .ih-bottom-bar > *,
  .inspirely-header-wrap .ih-bottom-action,
  .inspirely-header-wrap .ih-bottom-profile,
  .inspirely-header-wrap .ih-bottom-notifications{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  .inspirely-header-wrap .ih-bottom-action{
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: #fff !important;
  }

  .inspirely-header-wrap .ih-bottom-action .material-icons{
    display: inline-flex !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .inspirely-header-wrap .ih-bottom-avatar{
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    border-radius: 50% !important;
    background-color: #333 !important;
    background-size: cover !important;
    background-position: center !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* bottom sheets from bottom menu */
  .inspirely-header-wrap .ih-bottom-profile .ih-menu,
  .inspirely-header-wrap .ih-bottom-notifications .ih-notification-menu{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100vw !important;
    height: 70vh !important;
    max-height: 70vh !important;
    border-radius: 24px 24px 0 0 !important;
    transform-origin: bottom center !important;
    z-index: 2147483000 !important;
    overflow: auto !important;
  }

  .inspirely-header-wrap .ih-bottom-profile.is-open .ih-menu,
  .inspirely-header-wrap .ih-bottom-notifications.is-open .ih-notification-menu{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }
}

/* Search overlay remains above bottom bar */
.inspirely-header-wrap .ih-search-modal.is-open{
  z-index: 2147483000 !important;
}


/* Inspirely Header 27 — mobile bottom menu restored on mobile/tablet breakpoint */

/* Hide bottom bar only on desktop */
@media (min-width: 861px){
  .inspirely-header-wrap .ih-bottom-bar{
    display: none !important;
  }
}

/* Show bottom bar on mobile/tablet up to 860px */
@media (max-width: 860px){
  html body{
    padding-bottom: calc(76px + env(safe-area-inset-bottom,0px)) !important;
  }

  .inspirely-header-wrap .ih-bottom-bar{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100vw !important;
    height: calc(64px + env(safe-area-inset-bottom,0px)) !important;
    min-height: calc(64px + env(safe-area-inset-bottom,0px)) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-around !important;
    gap: 0 !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom,0px)) !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: rgba(20,20,20,.88) !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 -18px 70px rgba(0,0,0,.42) !important;
    backdrop-filter: blur(40px) !important;
    -webkit-backdrop-filter: blur(40px) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 2147482500 !important;
    transform: translateY(0) !important;
  }

  .inspirely-header-wrap .ih-bottom-bar > *,
  .inspirely-header-wrap .ih-bottom-action,
  .inspirely-header-wrap .ih-bottom-profile,
  .inspirely-header-wrap .ih-bottom-notifications{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  .inspirely-header-wrap .ih-bottom-action{
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: #fff !important;
  }

  .inspirely-header-wrap .ih-bottom-action .material-icons{
    display: inline-flex !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .inspirely-header-wrap .ih-bottom-avatar{
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    border-radius: 50% !important;
    background-color: #333 !important;
    background-size: cover !important;
    background-position: center !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .inspirely-header-wrap .ih-bottom-profile .ih-menu,
  .inspirely-header-wrap .ih-bottom-notifications .ih-notification-menu{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100vw !important;
    height: 70vh !important;
    max-height: 70vh !important;
    border-radius: 24px 24px 0 0 !important;
    transform-origin: bottom center !important;
    z-index: 2147483000 !important;
    overflow: auto !important;
  }

  .inspirely-header-wrap .ih-bottom-profile.is-open .ih-menu,
  .inspirely-header-wrap .ih-bottom-notifications.is-open .ih-notification-menu{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }
}

/* Search overlay remains above bottom bar */
.inspirely-header-wrap .ih-search-modal.is-open{
  z-index: 2147483000 !important;
}


/* Inspirely Header 28 — On-style mobile bottom navigation */

/* Hide legacy bottom bar permanently if any old markup remains */
.inspirely-header-wrap .ih-bottom-bar{
  display: none !important;
}

/* Desktop/tablet large: hide On-style mobile nav */
@media (min-width: 861px){
  .inspirely-header-wrap .ih-on-mobile-nav{
    display: none !important;
  }
}

/* iPhone/mobile/tablet breakpoint: visible bottom nav */
@media (max-width: 860px){
  html body{
    padding-bottom: calc(86px + env(safe-area-inset-bottom,0px)) !important;
  }

  .inspirely-header-wrap .ih-on-mobile-nav{
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: calc(12px + env(safe-area-inset-bottom,0px)) !important;
    top: auto !important;
    transform: translateX(-50%) !important;

    width: min(calc(100vw - 24px), 430px) !important;
    height: 64px !important;
    min-height: 64px !important;

    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 0 !important;

    padding: 6px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.10) !important;

    background: rgba(18,18,18,.86) !important;
    backdrop-filter: blur(44px) !important;
    -webkit-backdrop-filter: blur(44px) !important;
    box-shadow: 0 18px 70px rgba(0,0,0,.52) !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 2147482500 !important;
  }

  .inspirely-header-wrap .ih-on-mobile-action{
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;

    background: transparent !important;
    color: #fff !important;
    text-decoration: none !important;
    appearance: none !important;
    outline: none !important;
    box-shadow: none !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .inspirely-header-wrap .ih-on-mobile-action:active{
    background: rgba(255,255,255,.10) !important;
  }

  .inspirely-header-wrap .ih-on-mobile-action .material-icons{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-size: 25px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .inspirely-header-wrap .ih-on-mobile-profile{
    position: relative !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .inspirely-header-wrap .ih-on-mobile-avatar{
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    border-radius: 999px !important;
    background-color: #333 !important;
    background-size: cover !important;
    background-position: center !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.16) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* profile bottom sheet from the new mobile nav */
  .inspirely-header-wrap .ih-on-mobile-profile .ih-menu{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100vw !important;
    height: 70vh !important;
    max-height: 70vh !important;
    border-radius: 24px 24px 0 0 !important;
    transform-origin: bottom center !important;
    z-index: 2147483000 !important;
    overflow: auto !important;
    background: rgba(58,58,58,.30) !important;
    backdrop-filter: blur(60px) !important;
    -webkit-backdrop-filter: blur(60px) !important;
  }

  .inspirely-header-wrap .ih-on-mobile-profile.is-open .ih-menu{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }
}

/* Search overlay stays above mobile nav */
.inspirely-header-wrap .ih-search-modal.is-open{
  z-index: 2147483000 !important;
}


/* Inspirely Header 29 — mobile nav renders for everyone, including public/non-logged users */
@media (max-width: 860px){
  .inspirely-header-wrap .ih-on-mobile-nav{
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .inspirely-header-wrap .ih-on-mobile-avatar-btn .material-icons{
    display: inline-flex !important;
    color: #fff !important;
    font-size: 30px !important;
    line-height: 1 !important;
  }
}


/* Inspirely Header 30 — full-width On-style mobile bottom bar, not floating pill */
@media (max-width: 860px){
  html body{
    padding-bottom: calc(72px + env(safe-area-inset-bottom,0px)) !important;
  }

  .inspirely-header-wrap .ih-on-mobile-nav{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    transform: none !important;

    width: 100vw !important;
    max-width: none !important;
    height: calc(64px + env(safe-area-inset-bottom,0px)) !important;
    min-height: calc(64px + env(safe-area-inset-bottom,0px)) !important;

    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    align-items: flex-start !important;
    justify-items: center !important;
    gap: 0 !important;

    padding: 8px 0 calc(8px + env(safe-area-inset-bottom,0px)) !important;
    margin: 0 !important;

    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;

    background: rgba(18,18,18,.86) !important;
    backdrop-filter: blur(44px) !important;
    -webkit-backdrop-filter: blur(44px) !important;
    box-shadow: 0 -18px 70px rgba(0,0,0,.42) !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 2147482500 !important;
  }

  .inspirely-header-wrap .ih-on-mobile-action{
    width: 100% !important;
    height: 48px !important;
    min-width: 0 !important;
    min-height: 48px !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .inspirely-header-wrap .ih-on-mobile-action:active{
    background: rgba(255,255,255,.08) !important;
  }

  .inspirely-header-wrap .ih-on-mobile-profile{
    width: 100% !important;
    height: 48px !important;
    min-width: 0 !important;
    min-height: 48px !important;
  }
}


/* Inspirely Header 31 — mobile bottom bar / sheets / search fixes */

@media (max-width: 860px){
  :root{
    --ih-mobile-bottom-height: calc(64px + env(safe-area-inset-bottom,0px));
  }

  html body{
    padding-bottom: calc(var(--ih-mobile-bottom-height) + 8px) !important;
  }

  /* Full-width bottom bar stays as a separate solid bar */
  .inspirely-header-wrap .ih-on-mobile-nav{
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: var(--ih-mobile-bottom-height) !important;
    border-radius: 0 !important;
    background: rgba(18,18,18,.94) !important;
    backdrop-filter: blur(44px) !important;
    -webkit-backdrop-filter: blur(44px) !important;
    border-top: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 -16px 60px rgba(0,0,0,.52) !important;
    z-index: 2147482500 !important;
  }

  /* Profile menu / mobile sheets must sit ABOVE the bottom bar, not under it */
  .inspirely-header-wrap .ih-on-mobile-profile .ih-menu,
  .inspirely-header-wrap .ih-bottom-profile .ih-menu,
  .inspirely-header-wrap .ih-bottom-notifications .ih-notification-menu{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: var(--ih-mobile-bottom-height) !important;
    top: auto !important;
    width: 100vw !important;
    height: auto !important;
    max-height: calc(100vh - var(--ih-mobile-bottom-height) - 88px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;

    border-radius: 24px 24px 0 0 !important;
    background: rgba(58,58,58,.96) !important;
    backdrop-filter: blur(60px) !important;
    -webkit-backdrop-filter: blur(60px) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-bottom: 0 !important;
    box-shadow: 0 -28px 90px rgba(0,0,0,.58) !important;
    z-index: 2147482600 !important;
  }

  .inspirely-header-wrap .ih-on-mobile-profile.is-open .ih-menu,
  .inspirely-header-wrap .ih-bottom-profile.is-open .ih-menu,
  .inspirely-header-wrap .ih-bottom-notifications.is-open .ih-notification-menu{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }

  /* Keep profile footer visible inside the sheet, not underneath the nav */
  .inspirely-header-wrap .ih-menu-footer{
    padding-bottom: 18px !important;
  }

  /* Search modal should stop above bottom bar and scroll internally */
  .inspirely-header-wrap .ih-search-modal{
    align-items: flex-end !important;
    padding: 0 !important;
  }

  .inspirely-header-wrap .ih-search-shell{
    width: 100vw !important;
    max-width: 100vw !important;
    height: calc(100vh - var(--ih-mobile-bottom-height)) !important;
    max-height: calc(100vh - var(--ih-mobile-bottom-height)) !important;
    margin: 0 !important;
    border-radius: 24px 24px 0 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    background: rgba(31,31,31,.96) !important;
  }

  .inspirely-header-wrap .ih-search-top{
    flex: 0 0 70px !important;
    height: 70px !important;
    min-height: 70px !important;
  }

  .inspirely-header-wrap .ih-search-body{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    display: block !important;
    padding-bottom: 24px !important;
  }

  /* Mobile search category row: smaller pills, like Popular Searches */
  .inspirely-header-wrap .ih-search-side{
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 18px 16px 16px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    background: transparent !important;
    scrollbar-width: none !important;
  }

  .inspirely-header-wrap .ih-search-side::-webkit-scrollbar{
    display: none !important;
  }

  .inspirely-header-wrap .ih-search-tab{
    width: auto !important;
    min-width: auto !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #343434 !important;
    color: #d8d8d8 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }

  .inspirely-header-wrap .ih-search-tab.is-active{
    background: #3f3f3f !important;
    color: #fff !important;
  }

  .inspirely-header-wrap .ih-search-tab span:first-child{
    gap: 7px !important;
  }

  .inspirely-header-wrap .ih-search-tab .material-icons{
    font-size: 18px !important;
  }

  .inspirely-header-wrap .ih-search-count{
    display: none !important;
  }

  .inspirely-header-wrap .ih-search-content{
    padding: 20px 16px 96px !important;
    overflow: visible !important;
    max-height: none !important;
  }

  .inspirely-header-wrap .ih-search-chips{
    gap: 10px !important;
  }

  .inspirely-header-wrap .ih-search-chip{
    height: 36px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
  }

  .inspirely-header-wrap .ih-search-grid{
    grid-template-columns: 1fr !important;
  }

  .inspirely-header-wrap .ih-search-result{
    border-radius: 28px !important;
  }
}

/* Search overlay still above the mobile nav */
.inspirely-header-wrap .ih-search-modal.is-open{
  z-index: 2147483000 !important;
}


/* Inspirely Header 32 — mobile sheets match search modal + bottom bar always on top */

@media (max-width: 860px){
  :root{
    --ih-mobile-bottom-height: calc(64px + env(safe-area-inset-bottom,0px));
    --ih-mobile-sheet-top-gap: 20vh;
  }

  /* Bottom menu must be solid and always above search/profile sheets */
  .inspirely-header-wrap .ih-on-mobile-nav{
    background: #121212 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    z-index: 2147483600 !important;
  }

  .inspirely-header-wrap .ih-on-mobile-action,
  .inspirely-header-wrap .ih-on-mobile-profile{
    z-index: 2147483601 !important;
  }

  /* SEARCH: overlay gives empty clickable top area; shell slides from bottom and stops above nav */
  .inspirely-header-wrap .ih-search-modal{
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    padding: 0 !important;
    align-items: flex-end !important;
    justify-content: center !important;
    background:
      radial-gradient(circle at 50% 18%, rgba(255,255,255,.045), transparent 34%),
      rgba(0,0,0,.42) !important;
    backdrop-filter: blur(60px) !important;
    -webkit-backdrop-filter: blur(60px) !important;
    z-index: 2147483000 !important;
  }

  .inspirely-header-wrap .ih-search-shell{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: var(--ih-mobile-bottom-height) !important;
    top: var(--ih-mobile-sheet-top-gap) !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    max-height: calc(100vh - var(--ih-mobile-sheet-top-gap) - var(--ih-mobile-bottom-height)) !important;

    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;

    border-radius: 24px 24px 0 0 !important;
    background: rgba(31,31,31,.96) !important;
    backdrop-filter: blur(60px) !important;
    -webkit-backdrop-filter: blur(60px) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-bottom: 0 !important;
    box-shadow: 0 -28px 90px rgba(0,0,0,.58) !important;

    transform: translateY(110%) !important;
    transition: transform .28s cubic-bezier(.22,.8,.22,1) !important;
    z-index: 2147483100 !important;
  }

  .inspirely-header-wrap .ih-search-modal.is-open .ih-search-shell{
    transform: translateY(0) !important;
  }

  .inspirely-header-wrap .ih-search-top{
    flex: 0 0 70px !important;
    height: 70px !important;
    min-height: 70px !important;
  }

  .inspirely-header-wrap .ih-search-body{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    display: block !important;
    padding-bottom: 24px !important;
  }

  .inspirely-header-wrap .ih-search-content{
    padding: 20px 16px 96px !important;
    overflow: visible !important;
    max-height: none !important;
  }

  /* PROFILE: same visual language as search modal, slides from bottom, stops above nav */
  .inspirely-header-wrap .ih-on-mobile-profile .ih-menu,
  .inspirely-header-wrap .ih-bottom-profile .ih-menu,
  .inspirely-header-wrap .ih-bottom-notifications .ih-notification-menu{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: var(--ih-mobile-bottom-height) !important;
    top: var(--ih-mobile-sheet-top-gap) !important;
    width: 100vw !important;
    height: auto !important;
    max-height: calc(100vh - var(--ih-mobile-sheet-top-gap) - var(--ih-mobile-bottom-height)) !important;

    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;

    border-radius: 24px 24px 0 0 !important;
    background: rgba(31,31,31,.96) !important;
    backdrop-filter: blur(60px) !important;
    -webkit-backdrop-filter: blur(60px) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-bottom: 0 !important;
    box-shadow: 0 -28px 90px rgba(0,0,0,.58) !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    transform: translateY(110%) !important;
    transition: transform .28s cubic-bezier(.22,.8,.22,1) !important;
    z-index: 2147483100 !important;
  }

  .inspirely-header-wrap .ih-on-mobile-profile.is-open .ih-menu,
  .inspirely-header-wrap .ih-bottom-profile.is-open .ih-menu,
  .inspirely-header-wrap .ih-bottom-notifications.is-open .ih-notification-menu{
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }

  /* Make profile sheet inner elements readable on same dark modal surface */
  .inspirely-header-wrap .ih-menu,
  .inspirely-header-wrap .ih-menu *{
    color: #f4f4f4 !important;
  }

  .inspirely-header-wrap .ih-menu-section,
  .inspirely-header-wrap .ih-menu-row,
  .inspirely-header-wrap .ih-menu-footer{
    background: transparent !important;
  }

  .inspirely-header-wrap .ih-menu-footer{
    padding-bottom: 24px !important;
  }

  /* Search tabs remain small pills */
  .inspirely-header-wrap .ih-search-side{
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 18px 16px 16px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    background: transparent !important;
    scrollbar-width: none !important;
  }

  .inspirely-header-wrap .ih-search-side::-webkit-scrollbar{
    display: none !important;
  }

  .inspirely-header-wrap .ih-search-tab{
    width: auto !important;
    min-width: auto !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #343434 !important;
    color: #d8d8d8 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }

  .inspirely-header-wrap .ih-search-tab.is-active{
    background: #3f3f3f !important;
    color: #fff !important;
  }

  .inspirely-header-wrap .ih-search-tab .material-icons{
    font-size: 18px !important;
  }

  .inspirely-header-wrap .ih-search-count{
    display: none !important;
  }
}


/* Inspirely Header 33 — clean mobile bottom nav + smoother unified sheet animation */

@media (max-width: 860px){
  :root{
    --ih-mobile-sheet-ease: cubic-bezier(.16, 1, .3, 1);
    --ih-mobile-sheet-duration: .46s;
  }

  /* Bottom menu must stay clean: no extra sheet/sliver/panel above it */
  .inspirely-header-wrap .ih-on-mobile-nav{
    overflow: hidden !important;
    background: #121212 !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 -12px 44px rgba(0,0,0,.46) !important;
    z-index: 2147483600 !important;
  }

  /* CLOSED mobile sheets must be fully invisible, not just translated */
  .inspirely-header-wrap .ih-on-mobile-profile .ih-menu,
  .inspirely-header-wrap .ih-bottom-profile .ih-menu,
  .inspirely-header-wrap .ih-bottom-notifications .ih-notification-menu{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(104%) !important;
    transition:
      transform var(--ih-mobile-sheet-duration) var(--ih-mobile-sheet-ease),
      opacity .22s ease,
      visibility 0s linear var(--ih-mobile-sheet-duration) !important;
    will-change: transform, opacity !important;
  }

  /* OPEN mobile sheets */
  .inspirely-header-wrap .ih-on-mobile-profile.is-open .ih-menu,
  .inspirely-header-wrap .ih-bottom-profile.is-open .ih-menu,
  .inspirely-header-wrap .ih-bottom-notifications.is-open .ih-notification-menu{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    transition:
      transform var(--ih-mobile-sheet-duration) var(--ih-mobile-sheet-ease),
      opacity .18s ease,
      visibility 0s linear 0s !important;
  }

  /* Search shell uses exact same slide animation as profile */
  .inspirely-header-wrap .ih-search-shell{
    transform: translateY(104%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition:
      transform var(--ih-mobile-sheet-duration) var(--ih-mobile-sheet-ease),
      opacity .22s ease,
      visibility 0s linear var(--ih-mobile-sheet-duration) !important;
    will-change: transform, opacity !important;
  }

  .inspirely-header-wrap .ih-search-modal.is-open .ih-search-shell{
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition:
      transform var(--ih-mobile-sheet-duration) var(--ih-mobile-sheet-ease),
      opacity .18s ease,
      visibility 0s linear 0s !important;
  }

  /* Prevent any inactive menu/footer layer from sitting above bottom nav */
  .inspirely-header-wrap .ih-menu:not(.is-open),
  .inspirely-header-wrap .ih-notification-menu:not(.is-open){
    pointer-events: none !important;
  }

  /* Bottom icons remain above everything inside the bar */
  .inspirely-header-wrap .ih-on-mobile-action,
  .inspirely-header-wrap .ih-on-mobile-profile{
    position: relative !important;
    z-index: 2 !important;
  }
}


/* Inspirely Header 34 — mobile avatar dropdown + 10vh top gap */

@media (max-width: 860px){
  :root{
    --ih-mobile-bottom-height: calc(64px + env(safe-area-inset-bottom,0px));
    --ih-mobile-sheet-top-gap: 10vh !important;
  }

  /* Keep new mobile nav visible and clean */
  .inspirely-header-wrap .ih-on-mobile-nav{
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 2147483600 !important;
  }

  .inspirely-header-wrap .ih-on-mobile-action{
    pointer-events: auto !important;
  }

  /* Avatar must be real user avatar when available */
  .inspirely-header-wrap .ih-on-mobile-avatar{
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    border-radius: 999px !important;
    background-color: #333 !important;
    background-size: cover !important;
    background-position: center !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.16) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .inspirely-header-wrap .ih-on-mobile-avatar-fallback::before{
    content:"account_circle";
    font-family:"Material Icons";
    color:#fff;
    font-size:34px;
    line-height:34px;
  }

  /* Mobile profile sheet must open above bottom nav */
  .inspirely-header-wrap .ih-on-mobile-profile .ih-menu{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: var(--ih-mobile-bottom-height) !important;
    top: var(--ih-mobile-sheet-top-gap) !important;
    width: 100vw !important;
    height: auto !important;
    max-height: calc(100vh - var(--ih-mobile-sheet-top-gap) - var(--ih-mobile-bottom-height)) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;

    border-radius: 24px 24px 0 0 !important;
    background: rgba(31,31,31,.96) !important;
    backdrop-filter: blur(60px) !important;
    -webkit-backdrop-filter: blur(60px) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-bottom: 0 !important;
    box-shadow: 0 -28px 90px rgba(0,0,0,.58) !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(104%) !important;
    transition:
      transform .46s cubic-bezier(.16, 1, .3, 1),
      opacity .22s ease,
      visibility 0s linear .46s !important;
    z-index: 2147483100 !important;
  }

  .inspirely-header-wrap .ih-on-mobile-profile.is-open .ih-menu{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    transition:
      transform .46s cubic-bezier(.16, 1, .3, 1),
      opacity .18s ease,
      visibility 0s linear 0s !important;
  }

  /* Search sheet also uses 10vh top gap */
  .inspirely-header-wrap .ih-search-shell{
    top: var(--ih-mobile-sheet-top-gap) !important;
    max-height: calc(100vh - var(--ih-mobile-sheet-top-gap) - var(--ih-mobile-bottom-height)) !important;
  }

  /* Search icon in mobile nav must be clickable above everything */
  .inspirely-header-wrap .ih-on-mobile-nav [data-open-search-modal]{
    pointer-events: auto !important;
    cursor: pointer !important;
  }
}


/* Inspirely Header 35 — restore mobile avatar dropdown and real avatar */

@media (max-width: 860px){
  .inspirely-header-wrap .ih-on-mobile-profile{
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 2147483601 !important;
  }

  .inspirely-header-wrap .ih-on-mobile-avatar-btn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    cursor: pointer !important;
  }

  .inspirely-header-wrap .ih-on-mobile-avatar{
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    border-radius: 999px !important;
    background-color: #333 !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.16) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .inspirely-header-wrap .ih-on-mobile-avatar-fallback{
    display: grid !important;
    place-items: center !important;
  }

  .inspirely-header-wrap .ih-on-mobile-avatar-fallback::before{
    content:"account_circle";
    font-family:"Material Icons";
    color:#fff;
    font-size:34px;
    line-height:34px;
  }

  .inspirely-header-wrap .ih-on-mobile-profile .ih-menu{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: var(--ih-mobile-bottom-height, calc(64px + env(safe-area-inset-bottom,0px))) !important;
    top: var(--ih-mobile-sheet-top-gap, 10vh) !important;
    width: 100vw !important;
    height: auto !important;
    max-height: calc(100vh - var(--ih-mobile-sheet-top-gap, 10vh) - var(--ih-mobile-bottom-height, calc(64px + env(safe-area-inset-bottom,0px)))) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;

    border-radius: 24px 24px 0 0 !important;
    background: rgba(31,31,31,.96) !important;
    backdrop-filter: blur(60px) !important;
    -webkit-backdrop-filter: blur(60px) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-bottom: 0 !important;
    box-shadow: 0 -28px 90px rgba(0,0,0,.58) !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(104%) !important;
    transition:
      transform .46s cubic-bezier(.16, 1, .3, 1),
      opacity .22s ease,
      visibility 0s linear .46s !important;
    z-index: 2147483100 !important;
  }

  .inspirely-header-wrap .ih-on-mobile-profile.is-open .ih-menu{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    transition:
      transform .46s cubic-bezier(.16, 1, .3, 1),
      opacity .18s ease,
      visibility 0s linear 0s !important;
  }
}

/* Inspirely Header 36 — final mobile/laptop cleanup */

/* Laptop/desktop: keep all right-side icons and avatar visible */
@media (min-width: 861px){
  .inspirely-header-wrap .ih-right{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:22px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .inspirely-header-wrap .ih-right > .ih-icon-btn,
  .inspirely-header-wrap .ih-right > .ih-notifications,
  .inspirely-header-wrap .ih-right > .ih-profile,
  .inspirely-header-wrap .ih-right > .ih-pro-btn,
  .inspirely-header-wrap .ih-pro-btn,
  .inspirely-header-wrap .ih-avatar-btn{
    display:inline-flex !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .inspirely-header-wrap .ih-avatar-btn{
    width:37px !important;
    height:37px !important;
    min-width:37px !important;
    min-height:37px !important;
  }

  .inspirely-header-wrap .ih-avatar-btn img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .inspirely-header-wrap .ih-on-mobile-nav,
  .inspirely-header-wrap .ih-bottom-bar{
    display:none !important;
  }
}

/* Mobile full cleanup */
@media (max-width: 860px){
  :root{
    --ih-mobile-bottom-height: calc(64px + env(safe-area-inset-bottom, 0px));
    --ih-mobile-sheet-top-gap: 10vh;
  }

  html body{
    padding-bottom: calc(var(--ih-mobile-bottom-height) + 8px) !important;
    overflow-x:hidden !important;
  }

  .inspirely-header-wrap .inspirely-header{
    min-height:62px !important;
    height:62px !important;
  }

  .inspirely-header-wrap .ih-inner{
    height:62px !important;
    min-height:62px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:0 18px !important;
  }

  .inspirely-header-wrap .ih-logo{
    display:inline-flex !important;
    width:92px !important;
    min-width:92px !important;
  }

  .inspirely-header-wrap .ih-nav,
  .inspirely-header-wrap .ih-search,
  .inspirely-header-wrap .ih-mobile-search-btn,
  .inspirely-header-wrap .ih-right > .ih-icon-btn,
  .inspirely-header-wrap .ih-right > .ih-notifications,
  .inspirely-header-wrap .ih-right > .ih-profile{
    display:none !important;
  }

  .inspirely-header-wrap .ih-right{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
  }

  .inspirely-header-wrap .ih-pro-btn{
    display:inline-flex !important;
    height:34px !important;
    line-height:34px !important;
    padding:0 16px !important;
    font-size:14px !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  /* Use only the new On-style mobile nav */
  .inspirely-header-wrap .ih-bottom-bar{
    display:none !important;
  }

  .inspirely-header-wrap .ih-on-mobile-nav{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;
    transform:none !important;
    width:100vw !important;
    max-width:none !important;
    height:var(--ih-mobile-bottom-height) !important;
    min-height:var(--ih-mobile-bottom-height) !important;
    display:grid !important;
    grid-template-columns:repeat(4, 1fr) !important;
    align-items:flex-start !important;
    justify-items:center !important;
    gap:0 !important;
    padding:8px 0 calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    margin:0 !important;
    border-radius:0 !important;
    border:0 !important;
    border-top:1px solid rgba(255,255,255,.12) !important;
    background:#121212 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:0 -12px 44px rgba(0,0,0,.46) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:2147483600 !important;
  }

  .inspirely-header-wrap .ih-on-mobile-action,
  .inspirely-header-wrap .ih-on-mobile-profile{
    width:100% !important;
    height:48px !important;
    min-width:0 !important;
    min-height:48px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#fff !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:2147483601 !important;
  }

  .inspirely-header-wrap .ih-on-mobile-action .material-icons{
    display:inline-flex !important;
    color:#fff !important;
    font-size:25px !important;
    line-height:1 !important;
  }

  .inspirely-header-wrap .ih-on-mobile-avatar{
    display:block !important;
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    border-radius:999px !important;
    background-color:#333 !important;
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.16) !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  .inspirely-header-wrap .ih-on-mobile-avatar-fallback{
    display:grid !important;
    place-items:center !important;
  }

  .inspirely-header-wrap .ih-on-mobile-avatar-fallback::before{
    content:"account_circle";
    font-family:"Material Icons";
    color:#fff;
    font-size:34px;
    line-height:34px;
  }

  /* Mobile profile sheet: separate from bottom nav and scrollable */
  .inspirely-header-wrap .ih-on-mobile-profile .ih-menu{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:var(--ih-mobile-bottom-height) !important;
    top:var(--ih-mobile-sheet-top-gap) !important;
    width:100vw !important;
    height:auto !important;
    max-height:calc(100vh - var(--ih-mobile-sheet-top-gap) - var(--ih-mobile-bottom-height)) !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    border-radius:24px 24px 0 0 !important;
    background:rgba(31,31,31,.96) !important;
    backdrop-filter:blur(60px) !important;
    -webkit-backdrop-filter:blur(60px) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-bottom:0 !important;
    box-shadow:0 -28px 90px rgba(0,0,0,.58) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(104%) !important;
    transition:
      transform .46s cubic-bezier(.16, 1, .3, 1),
      opacity .22s ease,
      visibility 0s linear .46s !important;
    z-index:2147483100 !important;
  }

  .inspirely-header-wrap .ih-on-mobile-profile.is-open .ih-menu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) !important;
    transition:
      transform .46s cubic-bezier(.16, 1, .3, 1),
      opacity .18s ease,
      visibility 0s linear 0s !important;
  }

  .inspirely-header-wrap .ih-menu-footer{
    padding-bottom:24px !important;
  }

  /* Mobile search sheet */
  .inspirely-header-wrap .ih-search-modal{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100vh !important;
    padding:0 !important;
    align-items:flex-end !important;
    justify-content:center !important;
    background:
      radial-gradient(circle at 50% 18%, rgba(255,255,255,.045), transparent 34%),
      rgba(0,0,0,.42) !important;
    backdrop-filter:blur(60px) !important;
    -webkit-backdrop-filter:blur(60px) !important;
    z-index:2147483000 !important;
  }

  .inspirely-header-wrap .ih-search-shell{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:var(--ih-mobile-bottom-height) !important;
    top:var(--ih-mobile-sheet-top-gap) !important;
    width:100vw !important;
    max-width:100vw !important;
    height:auto !important;
    max-height:calc(100vh - var(--ih-mobile-sheet-top-gap) - var(--ih-mobile-bottom-height)) !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    border-radius:24px 24px 0 0 !important;
    background:rgba(31,31,31,.96) !important;
    backdrop-filter:blur(60px) !important;
    -webkit-backdrop-filter:blur(60px) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-bottom:0 !important;
    box-shadow:0 -28px 90px rgba(0,0,0,.58) !important;
    transform:translateY(104%) !important;
    opacity:0 !important;
    visibility:hidden !important;
    transition:
      transform .46s cubic-bezier(.16, 1, .3, 1),
      opacity .22s ease,
      visibility 0s linear .46s !important;
    z-index:2147483100 !important;
  }

  .inspirely-header-wrap .ih-search-modal.is-open .ih-search-shell{
    transform:translateY(0) !important;
    opacity:1 !important;
    visibility:visible !important;
    transition:
      transform .46s cubic-bezier(.16, 1, .3, 1),
      opacity .18s ease,
      visibility 0s linear 0s !important;
  }

  .inspirely-header-wrap .ih-search-top{
    flex:0 0 70px !important;
    height:70px !important;
    min-height:70px !important;
  }

  .inspirely-header-wrap .ih-search-body{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    display:block !important;
    padding-bottom:24px !important;
  }

  .inspirely-header-wrap .ih-search-side{
    display:flex !important;
    flex-direction:row !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:18px 16px 16px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    background:transparent !important;
    scrollbar-width:none !important;
  }

  .inspirely-header-wrap .ih-search-side::-webkit-scrollbar{
    display:none !important;
  }

  .inspirely-header-wrap .ih-search-tab{
    width:auto !important;
    min-width:auto !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 14px !important;
    border-radius:999px !important;
    display:inline-flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    background:#343434 !important;
    color:#d8d8d8 !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1 !important;
  }

  .inspirely-header-wrap .ih-search-tab.is-active{
    background:#3f3f3f !important;
    color:#fff !important;
  }

  .inspirely-header-wrap .ih-search-tab .material-icons{
    font-size:18px !important;
  }

  .inspirely-header-wrap .ih-search-count{
    display:none !important;
  }

  .inspirely-header-wrap .ih-search-content{
    padding:20px 16px 96px !important;
    overflow:visible !important;
    max-height:none !important;
  }
}


/* Inspirely Header 37 — mobile profile menu full-width bottom sheet */

@media (max-width: 860px){
  :root{
    --ih-mobile-bottom-height: calc(64px + env(safe-area-inset-bottom, 0px));
    --ih-mobile-sheet-top-gap: 10vh;
  }

  /* Profile dropdown must NOT stay as desktop narrow popover on mobile */
  .inspirely-header-wrap .ih-on-mobile-profile .ih-menu,
  .inspirely-header-wrap [data-mobile-profile].is-open .ih-menu,
  .inspirely-header-wrap [data-mobile-profile] .ih-menu{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: var(--ih-mobile-bottom-height) !important;
    top: var(--ih-mobile-sheet-top-gap) !important;

    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;

    height: auto !important;
    max-height: calc(100vh - var(--ih-mobile-sheet-top-gap) - var(--ih-mobile-bottom-height)) !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;

    border-radius: 24px 24px 0 0 !important;
    background: rgba(31,31,31,.96) !important;
    backdrop-filter: blur(60px) !important;
    -webkit-backdrop-filter: blur(60px) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-bottom: 0 !important;
    box-shadow: 0 -28px 90px rgba(0,0,0,.58) !important;

    transform-origin: bottom center !important;
    transform: translateY(104%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transition:
      transform .46s cubic-bezier(.16, 1, .3, 1),
      opacity .22s ease,
      visibility 0s linear .46s !important;

    z-index: 2147483100 !important;
  }

  .inspirely-header-wrap .ih-on-mobile-profile.is-open .ih-menu,
  .inspirely-header-wrap [data-mobile-profile].is-open .ih-menu{
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transition:
      transform .46s cubic-bezier(.16, 1, .3, 1),
      opacity .18s ease,
      visibility 0s linear 0s !important;
  }

  /* Make inner profile menu fit full-width sheet */
  .inspirely-header-wrap .ih-on-mobile-profile .ih-menu > *,
  .inspirely-header-wrap [data-mobile-profile] .ih-menu > *{
    width: 100% !important;
    max-width: 100% !important;
  }

  .inspirely-header-wrap .ih-menu-header,
  .inspirely-header-wrap .ih-menu-section,
  .inspirely-header-wrap .ih-menu-footer{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .inspirely-header-wrap .ih-menu-footer{
    padding-bottom: 24px !important;
  }

  /* Bottom nav must stay above page, below sheet */
  .inspirely-header-wrap .ih-on-mobile-nav{
    z-index: 2147483600 !important;
  }
}


/* Inspirely Header 38 — touch-device mobile sheet hard fix */

/*
  Some real iPhone checks may not hit the 860px media query.
  This duplicates the mobile rules for coarse pointer devices via .ih-is-touch-device.
*/

/* Hide desktop profile/avatar on touch devices; use bottom avatar instead */
.inspirely-header-wrap.ih-is-touch-device .ih-right > .ih-profile,
.inspirely-header-wrap.ih-is-touch-device .ih-right > .ih-notifications,
.inspirely-header-wrap.ih-is-touch-device .ih-right > .ih-icon-btn{
  display: none !important;
}

/* Keep Get Pro visible in top mobile header */
.inspirely-header-wrap.ih-is-touch-device .ih-pro-btn{
  display: inline-flex !important;
}

/* Full-width bottom nav on real touch devices */
.inspirely-header-wrap.ih-is-touch-device .ih-on-mobile-nav{
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  transform: none !important;
  width: 100vw !important;
  max-width: none !important;
  height: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
  min-height: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  align-items: flex-start !important;
  justify-items: center !important;
  padding: 8px 0 calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
  background: #121212 !important;
  box-shadow: 0 -12px 44px rgba(0,0,0,.46) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 2147483600 !important;
}

.inspirely-header-wrap.ih-is-touch-device .ih-bottom-bar{
  display: none !important;
}

.inspirely-header-wrap.ih-is-touch-device .ih-on-mobile-action,
.inspirely-header-wrap.ih-is-touch-device .ih-on-mobile-profile{
  width: 100% !important;
  height: 48px !important;
  min-width: 0 !important;
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.inspirely-header-wrap.ih-is-touch-device .ih-on-mobile-avatar{
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  border-radius: 999px !important;
  background-color: #333 !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Touch-device profile menu: force full-width bottom sheet */
.inspirely-header-wrap.ih-is-touch-device .ih-on-mobile-profile .ih-menu,
.inspirely-header-wrap.ih-is-touch-device [data-mobile-profile] .ih-menu,
.inspirely-header-wrap.ih-is-touch-device [data-mobile-profile].is-open .ih-menu{
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
  top: 10vh !important;
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: 100vw !important;
  height: auto !important;
  max-height: calc(100vh - 10vh - 64px - env(safe-area-inset-bottom, 0px)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  border-radius: 24px 24px 0 0 !important;
  background: rgba(31,31,31,.96) !important;
  backdrop-filter: blur(60px) !important;
  -webkit-backdrop-filter: blur(60px) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-bottom: 0 !important;
  box-shadow: 0 -28px 90px rgba(0,0,0,.58) !important;
  transform-origin: bottom center !important;
  transform: translateY(104%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition:
    transform .46s cubic-bezier(.16, 1, .3, 1),
    opacity .22s ease,
    visibility 0s linear .46s !important;
  z-index: 2147483100 !important;
}

.inspirely-header-wrap.ih-is-touch-device .ih-on-mobile-profile.is-open .ih-menu,
.inspirely-header-wrap.ih-is-touch-device [data-mobile-profile].is-open .ih-menu{
  transform: translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition:
    transform .46s cubic-bezier(.16, 1, .3, 1),
    opacity .18s ease,
    visibility 0s linear 0s !important;
}

/* Make inner menu full-width and readable */
.inspirely-header-wrap.ih-is-touch-device .ih-menu-profile,
.inspirely-header-wrap.ih-is-touch-device .ih-menu-section,
.inspirely-header-wrap.ih-is-touch-device .ih-menu-footer{
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.inspirely-header-wrap.ih-is-touch-device .ih-menu-footer{
  padding-bottom: 24px !important;
}

/* Touch-device search follows same 10vh top gap */
.inspirely-header-wrap.ih-is-touch-device .ih-search-shell{
  bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
  top: 10vh !important;
  max-height: calc(100vh - 10vh - 64px - env(safe-area-inset-bottom, 0px)) !important;
}


/* Inspirely Header 39 — mobile account menu as separate search-like modal */

@media (max-width: 860px), (pointer: coarse){
  :root{
    --ih-mobile-bottom-height: calc(64px + env(safe-area-inset-bottom, 0px));
    --ih-mobile-sheet-top-gap: 10vh;
  }

  /* The profile menu is no longer inside bottom nav */
  .inspirely-header-wrap .ih-on-mobile-profile > .ih-menu{
    display: none !important;
  }

  .inspirely-header-wrap .ih-mobile-profile-modal{
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    padding: 0 !important;
    display: none !important;
    align-items: flex-end !important;
    justify-content: center !important;
    background:
      radial-gradient(circle at 50% 18%, rgba(255,255,255,.045), transparent 34%),
      rgba(0,0,0,.42) !important;
    backdrop-filter: blur(60px) !important;
    -webkit-backdrop-filter: blur(60px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 2147483000 !important;
  }

  .inspirely-header-wrap .ih-mobile-profile-modal.is-open{
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .inspirely-header-wrap .ih-mobile-profile-shell{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: var(--ih-mobile-bottom-height) !important;
    top: var(--ih-mobile-sheet-top-gap) !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    max-height: calc(100vh - var(--ih-mobile-sheet-top-gap) - var(--ih-mobile-bottom-height)) !important;

    display: block !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;

    border-radius: 24px 24px 0 0 !important;
    background: rgba(31,31,31,.96) !important;
    backdrop-filter: blur(60px) !important;
    -webkit-backdrop-filter: blur(60px) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-bottom: 0 !important;
    box-shadow: 0 -28px 90px rgba(0,0,0,.58) !important;

    transform: translateY(104%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition:
      transform .46s cubic-bezier(.16, 1, .3, 1),
      opacity .22s ease,
      visibility 0s linear .46s !important;
    z-index: 2147483100 !important;
  }

  .inspirely-header-wrap .ih-mobile-profile-modal.is-open .ih-mobile-profile-shell{
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition:
      transform .46s cubic-bezier(.16, 1, .3, 1),
      opacity .18s ease,
      visibility 0s linear 0s !important;
  }

  .inspirely-header-wrap .ih-mobile-profile-shell .ih-menu{
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .inspirely-header-wrap .ih-mobile-profile-shell .ih-menu-profile,
  .inspirely-header-wrap .ih-mobile-profile-shell .ih-menu-section,
  .inspirely-header-wrap .ih-mobile-profile-shell .ih-menu-footer{
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .inspirely-header-wrap .ih-mobile-profile-shell .ih-menu-footer{
    padding-bottom: 24px !important;
  }

  body.ih-mobile-profile-lock{
    overflow: hidden !important;
  }

  /* bottom bar remains above page, below modal shell */
  .inspirely-header-wrap .ih-on-mobile-nav{
    z-index: 2147483600 !important;
  }
}


/* Inspirely Header 40 — mobile profile/account sheet vertical scroll fix */

@media (max-width: 860px), (pointer: coarse){
  .inspirely-header-wrap .ih-mobile-profile-shell{
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    max-height: calc(100vh - var(--ih-mobile-sheet-top-gap, 10vh) - var(--ih-mobile-bottom-height, calc(64px + env(safe-area-inset-bottom,0px)))) !important;
    padding-bottom: 0 !important;
  }

  .inspirely-header-wrap .ih-mobile-profile-shell .ih-menu{
    overflow: visible !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    padding-bottom: calc(28px + env(safe-area-inset-bottom,0px)) !important;
  }

  .inspirely-header-wrap .ih-mobile-profile-shell .ih-menu-footer{
    position: relative !important;
    bottom: auto !important;
    padding-bottom: calc(28px + env(safe-area-inset-bottom,0px)) !important;
  }

  .inspirely-header-wrap .ih-mobile-profile-shell .ih-menu-row,
  .inspirely-header-wrap .ih-mobile-profile-shell .ih-menu-link,
  .inspirely-header-wrap .ih-mobile-profile-shell .ih-menu-footer{
    flex-shrink: 0 !important;
  }
}


/* Inspirely Header 41 — unified mobile slide-from-bottom animation */

@media (max-width: 860px), (pointer: coarse){
  :root{
    --ih-mobile-sheet-duration: .52s;
    --ih-mobile-sheet-ease: cubic-bezier(.16, 1, .3, 1);
  }

  /* Search modal: overlay appears, shell slides from bottom */
  .inspirely-header-wrap .ih-search-modal{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition:
      opacity .22s ease,
      visibility 0s linear .52s !important;
  }

  .inspirely-header-wrap .ih-search-modal.is-open{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition:
      opacity .18s ease,
      visibility 0s linear 0s !important;
  }

  .inspirely-header-wrap .ih-search-shell{
    transform: translate3d(0, 110%, 0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    will-change: transform !important;
    transition:
      transform var(--ih-mobile-sheet-duration) var(--ih-mobile-sheet-ease) !important;
  }

  .inspirely-header-wrap .ih-search-modal.is-open .ih-search-shell{
    transform: translate3d(0, 0, 0) !important;
  }

  /* Account/profile modal: overlay appears, shell slides from bottom */
  .inspirely-header-wrap .ih-mobile-profile-modal{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition:
      opacity .22s ease,
      visibility 0s linear .52s !important;
  }

  .inspirely-header-wrap .ih-mobile-profile-modal.is-open{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition:
      opacity .18s ease,
      visibility 0s linear 0s !important;
  }

  .inspirely-header-wrap .ih-mobile-profile-shell{
    transform: translate3d(0, 110%, 0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    will-change: transform !important;
    transition:
      transform var(--ih-mobile-sheet-duration) var(--ih-mobile-sheet-ease) !important;
  }

  .inspirely-header-wrap .ih-mobile-profile-modal.is-open .ih-mobile-profile-shell{
    transform: translate3d(0, 0, 0) !important;
  }

  /* Kill older conflicting mobile transform rules */
  .inspirely-header-wrap .ih-on-mobile-profile .ih-menu,
  .inspirely-header-wrap [data-mobile-profile] .ih-menu{
    transform: none !important;
    transition: none !important;
  }
}


/* Inspirely Header 42 — show right icons/account for logged-out users too */

.inspirely-header-wrap .ih-account-fallback{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font-size: 37px !important;
  line-height: 1 !important;
  width: 37px !important;
  height: 37px !important;
}

.inspirely-header-wrap .ih-avatar-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (min-width: 861px){
  .inspirely-header-wrap .ih-right > .ih-icon-btn,
  .inspirely-header-wrap .ih-right > .ih-notifications,
  .inspirely-header-wrap .ih-right > .ih-profile,
  .inspirely-header-wrap .ih-right > .ih-pro-btn,
  .inspirely-header-wrap .ih-pro-btn,
  .inspirely-header-wrap .ih-avatar-btn{
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}


/* Inspirely Header 43 — logged-out avatar as colored A circle */

.inspirely-header-wrap .ih-account-letter-avatar{
  width: 37px !important;
  height: 37px !important;
  min-width: 37px !important;
  min-height: 37px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #7c5cff 0%, #2de2e6 100%) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.20),
    0 8px 24px rgba(0,0,0,.22) !important;
}

.inspirely-header-wrap .ih-avatar-btn .ih-account-letter-avatar{
  pointer-events: none !important;
}

@media (max-width: 860px), (pointer: coarse){
  .inspirely-header-wrap .ih-on-mobile-avatar.ih-account-letter-avatar,
  .inspirely-header-wrap .ih-account-letter-avatar{
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    font-size: 14px !important;
  }
}

/* keep all right-side desktop icons visible for both logged-in and logged-out */
@media (min-width: 861px){
  .inspirely-header-wrap .ih-right,
  .inspirely-header-wrap .ih-right > .ih-icon-btn,
  .inspirely-header-wrap .ih-right > .ih-notifications,
  .inspirely-header-wrap .ih-right > .ih-profile,
  .inspirely-header-wrap .ih-right > .ih-pro-btn,
  .inspirely-header-wrap .ih-pro-btn,
  .inspirely-header-wrap .ih-avatar-btn{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}


/* Inspirely Header 44 — logged-out account menu cleanup */

/* Kill theme/default magenta inside header menus */
.inspirely-header-wrap .ih-menu a,
.inspirely-header-wrap .ih-menu a:visited,
.inspirely-header-wrap .ih-menu a:hover,
.inspirely-header-wrap .ih-menu a:focus{
  color: #f4f4f4 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.inspirely-header-wrap .ih-menu-guest{
  width: 240px !important;
  min-width: 240px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.inspirely-header-wrap .ih-menu-guest .ih-menu-profile{
  padding: 18px 20px 14px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.inspirely-header-wrap .ih-menu-guest .ih-menu-name{
  margin: 0 0 4px !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

.inspirely-header-wrap .ih-menu-guest .ih-menu-email{
  margin: 0 !important;
  color: rgba(255,255,255,.58) !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
}

.inspirely-header-wrap .ih-auth-actions{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  padding: 14px !important;
  background: transparent !important;
}

.inspirely-header-wrap .ih-auth-link{
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.09) !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 650 !important;
  letter-spacing: -.01em !important;
  padding: 0 14px !important;
}

.inspirely-header-wrap .ih-auth-link:hover,
.inspirely-header-wrap .ih-auth-link:focus{
  background: rgba(255,255,255,.14) !important;
  color: #fff !important;
}

.inspirely-header-wrap .ih-auth-primary{
  background: #fff !important;
  color: #111 !important;
}

.inspirely-header-wrap .ih-auth-primary:hover,
.inspirely-header-wrap .ih-auth-primary:focus{
  background: rgba(255,255,255,.88) !important;
  color: #111 !important;
}

/* Mobile logged-out profile modal: short menu, same sheet style, no full logged-in menu */
@media (max-width: 860px), (pointer: coarse){
  .inspirely-header-wrap .ih-mobile-profile-shell .ih-menu-guest{
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .inspirely-header-wrap .ih-mobile-profile-shell .ih-menu-guest .ih-menu-profile{
    padding: 22px 20px 16px !important;
  }

  .inspirely-header-wrap .ih-mobile-profile-shell .ih-auth-actions{
    padding: 16px 20px 24px !important;
    gap: 10px !important;
  }

  .inspirely-header-wrap .ih-mobile-profile-shell .ih-auth-link{
    height: 46px !important;
    min-height: 46px !important;
    font-size: 15px !important;
  }
}


/* Inspirely Header 45 — fix logged-out auth button contrast */

/* Primary Login button: black text on white button */
.inspirely-header-wrap .ih-menu .ih-auth-primary,
.inspirely-header-wrap .ih-menu .ih-auth-primary:visited,
.inspirely-header-wrap .ih-menu .ih-auth-primary:hover,
.inspirely-header-wrap .ih-menu .ih-auth-primary:focus,
.inspirely-header-wrap .ih-menu-guest .ih-auth-primary,
.inspirely-header-wrap .ih-menu-guest .ih-auth-primary:visited,
.inspirely-header-wrap .ih-menu-guest .ih-auth-primary:hover,
.inspirely-header-wrap .ih-menu-guest .ih-auth-primary:focus{
  background: #ffffff !important;
  color: #111111 !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

/* Secondary Create account button: white text on dark button */
.inspirely-header-wrap .ih-menu .ih-auth-link:not(.ih-auth-primary),
.inspirely-header-wrap .ih-menu .ih-auth-link:not(.ih-auth-primary):visited,
.inspirely-header-wrap .ih-menu .ih-auth-link:not(.ih-auth-primary):hover,
.inspirely-header-wrap .ih-menu .ih-auth-link:not(.ih-auth-primary):focus,
.inspirely-header-wrap .ih-menu-guest .ih-auth-link:not(.ih-auth-primary),
.inspirely-header-wrap .ih-menu-guest .ih-auth-link:not(.ih-auth-primary):visited,
.inspirely-header-wrap .ih-menu-guest .ih-auth-link:not(.ih-auth-primary):hover,
.inspirely-header-wrap .ih-menu-guest .ih-auth-link:not(.ih-auth-primary):focus{
  background: rgba(255,255,255,.10) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

/* Remove any Elementor/theme magenta or opacity on these buttons */
.inspirely-header-wrap .ih-auth-actions a{
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
}


/* Inspirely Header 46 — logged-in state refresh support */
.inspirely-header-wrap.ih-user-logged-in .ih-account-letter-avatar{
  background-image: var(--ih-avatar-image, none) !important;
}

.inspirely-header-wrap.ih-user-logged-in .ih-avatar-btn img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 999px !important;
}


/* Inspirely Header 47 — guest avatar + configurable header width */

.inspirely-header-wrap{
  max-width: var(--ih-header-max-width, 100%) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.inspirely-header-wrap .ih-inner{
  padding-left: var(--ih-header-padding-x, 32px) !important;
  padding-right: var(--ih-header-padding-x, 32px) !important;
}

/* Logged-out avatar: gray circle, no gradient */
.inspirely-header-wrap .ih-account-letter-avatar{
  background: #4a4a4a !important;
  background-image: none !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16) !important;
  font-weight: 600 !important;
}

/* Logged-in avatar image remains normal */
.inspirely-header-wrap .ih-avatar-btn img{
  border-radius: 999px !important;
  object-fit: cover !important;
}

@media (max-width: 860px){
  .inspirely-header-wrap{
    max-width: 100% !important;
  }

  .inspirely-header-wrap .ih-inner{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .inspirely-header-wrap .ih-account-letter-avatar{
    background: #4a4a4a !important;
    background-image: none !important;
  }
}