.toursHeader {
  --toursHeader-accent: rgba(22, 171, 255, 1);
  position: sticky;
  top: 0;
  z-index: 60;
  background: transparent;
}

.profileHeader {
  padding-top: 0 !important;
}

.toursHeader__inner {
  max-width: 1372px;
  height: 88px;
  margin: 0 auto;
  padding: 0 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: rgba(255, 255, 255, 1);
  border-radius: 12px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.myProfile {
  padding-top: 0;
}

.toursHeader__left {
  display: flex;
  align-items: center;
  gap: 34px;
  min-width: 0;
  flex: 1 1 auto;
}

.toursHeader__logo {
  width: 60px;
  height: 60px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
}

.toursHeader__logo img {
  width: 60px;
  height: 60px;
  display: block;
}

.toursHeader__tabs {
  display: inline-flex;
  align-items: center;
  justify-content: left;
  gap: 34px;
  flex: 1 1 auto;
  min-width: 0;
}

.toursHeader__tab {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.92);
  font-weight: 300;
  font-size: 22px;
  font-family: Inter;
  position: relative;
  padding: 0.35rem 0;
  letter-spacing: 0.01em;
  leading-trim: NONE;
  line-height: 100%;
}

.toursHeader__tab:hover {
  color: rgba(22, 171, 255, 1);
}

.toursHeader__tab--active {
  font-weight: 600;
  color: rgba(22, 171, 255, 1);
  font-style: Semi Bold;

}

.toursHeader__tab--active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background: rgba(22, 171, 255, 1);
  border-radius: 999px;
}

.toursHeader__right {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2.25rem;
}

.toursHeader__actions {
  display: inline-flex;
  align-items: center;
  gap: 2.25rem;
}

.toursHeader__menuWrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.toursHeader__pill {
  appearance: none;
  border: none;
  background: rgba(22, 171, 255, 1);
  color: rgba(255, 255, 255, 1);
  height: 30px;
  padding: 0 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 900;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: transform 160ms ease, filter 160ms ease;
}

.toursHeader__pill:hover {
  filter: saturate(1.02) brightness(0.98);
  transform: translateY(-1px);
}

.toursHeader__pill:active {
  transform: translateY(0px) scale(0.99);
}

.toursHeader__pill:focus-visible {
  outline: 3px solid rgba(22, 171, 255, 0.35);
  outline-offset: 3px;
}

.toursHeader__pill--user {
  padding: 0 12px;
  min-width: 60px;
}

.toursHeader__pillText {
  line-height: 1;
}

.toursHeader__caret {
  color: rgba(255, 255, 255, 1);
}

.toursHeader__userIcon {
  width: 18px;
  height: 18px;
}

.toursHeader__iconBtn {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(22, 171, 255, 1);
  border-radius: 999px;
  text-decoration: none;
  transition: background 160ms ease, transform 160ms ease;
}

.toursHeader__iconBtn--instagram {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 22px rgba(74, 108, 247, 0.18);
  width: 30px;
  height: auto;
  border-radius: 5px;
  overflow: auto;
}

.toursHeader__iconBtn:hover {
  background: rgba(22, 171, 255, 0.12);
  transform: translateY(-1px);
}

.toursHeader__iconBtn:active {
  transform: translateY(0px);
}

.toursHeader__iconBtn:focus-visible {
  outline: 2px solid rgba(22, 171, 255, 0.55);
  outline-offset: 2px;
}

.toursHeader__bell {
  width: 28px;
  height: 34px;
  color: rgba(22, 171, 255, 1);
}

.toursHeader__instagramIcon {
  width: 20px;
  height: 20px;
  display: block;
}


.toursHeader__menuItem,
.toursHeader__menuLink,
.toursHeader__menuLogout {
  appearance: none;
  border: 0;
  background: transparent;
  text-decoration: none;
  color: rgba(15, 23, 42, 0.9);
  font-weight: 800;
  padding: 10px 10px;
  border-radius: 10px;
  text-align: left;
  cursor: pointer;
}

.toursHeader__menuItem:hover,
.toursHeader__menuLink:hover {
  background: rgba(22, 171, 255, 0.12);
}

.toursHeader__menuItem--active {
  background: rgba(22, 171, 255, 0.16);
}

.toursHeader__menuDivider {
  height: 1px;
  background: rgba(15, 23, 42, 0.12);
  margin: 2px 4px;
}

.toursHeader__menuLogout {
  color: rgba(239, 68, 68, 1);
}

.toursHeader__menuLogout:hover {
  background: rgba(239, 68, 68, 0.12);
}

.toursHeader__hamburger {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(22, 171, 255, 0.22);
  background: rgba(22, 171, 255, 0.08);
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  transition: transform 160ms ease, background 160ms ease;
}

.toursHeader__hamburger:hover {
  transform: translateY(-1px);
  background: rgba(22, 171, 255, 0.12);
}

.toursHeader__hamburger:active {
  transform: translateY(0px) scale(0.98);
}

.toursHeader__hamburger:focus-visible {
  outline: 2px solid rgba(22, 171, 255, 0.55);
  outline-offset: 2px;
}

.toursHeader__hamburgerIcon {
  position: relative;
  width: 20px;
  height: 2px;
  background: rgba(22, 171, 255, 1);
  border-radius: 999px;
  display: block;
}

.toursHeader__hamburgerIcon::before,
.toursHeader__hamburgerIcon::after {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 2px;
  background: rgba(22, 171, 255, 1);
  border-radius: 999px;
}

.toursHeader__hamburgerIcon::before {
  top: -6px;
}

.toursHeader__hamburgerIcon::after {
  top: 6px;
}

.toursHeader__drawerOverlay {
  position: fixed;
  inset: 0;
  z-index: 79;
  background: rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.toursHeader__drawer {
  position: fixed;
  top: 0;
  right: 0;
  height: 100dvh;
  width: min(22rem, 86vw);
  z-index: 80;
  background: rgba(255, 255, 255, 1);
  border-left: 1px solid rgba(15, 23, 42, 0.12);
  transform: translateX(102%);
  transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  flex-direction: column;
  padding: calc(env(safe-area-inset-top) + 1rem) 1rem 1rem;
}

.toursHeader__drawer--open {
  transform: translateX(0%);
}

.toursHeader__drawerHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.toursHeader__drawerBrand {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  color: rgba(15, 23, 42, 0.9);
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.toursHeader__drawerBrand img {
  border-radius: 14px;
  background: rgba(22, 171, 255, 0.08);
  padding: 6px;
}

.toursHeader__drawerClose {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  background: rgba(15, 23, 42, 0.06);
  color: rgba(15, 23, 42, 0.8);
  font-size: 1.7rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 160ms ease, background 160ms ease;
}

.toursHeader__drawerClose:hover {
  transform: translateY(-1px);
  background: rgba(15, 23, 42, 0.1);
}

.toursHeader__drawerNav {
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.toursHeader__drawerLink {
  text-decoration: none;
  color: rgba(15, 23, 42, 0.92);
  font-weight: 900;
  padding: 0.85rem 0.9rem;
  border-radius: 0.95rem;
  background: rgba(22, 171, 255, 0.08);
  border: 1px solid rgba(22, 171, 255, 0.14);
  transition: background 160ms ease, transform 160ms ease;
}

.toursHeader__drawerLink:hover {
  background: rgba(22, 171, 255, 0.12);
  transform: translateY(-1px);
}

.toursHeader__drawerFooter {
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid rgba(15, 23, 42, 0.12);
}

.toursHeader__drawerUser {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.toursHeader__drawerIdentity {
  font-weight: 900;
  color: rgba(15, 23, 42, 0.8);
  padding: 0.5rem 0.1rem 0.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toursHeader__drawerBtn {
  height: 44px;
  border-radius: 0.95rem;
  border: 1px solid rgba(239, 68, 68, 0.42);
  background: rgba(239, 68, 68, 0.12);
  color: rgba(185, 28, 28, 1);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 950;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: transform 160ms ease, background 160ms ease;
}

.toursHeader__drawerBtn--instagram {
  border-color: rgba(238, 42, 123, 0.28);
  background: linear-gradient(135deg, rgba(249, 206, 52, 0.16), rgba(238, 42, 123, 0.18), rgba(98, 40, 215, 0.16));
  color: rgba(15, 23, 42, 0.92);
  gap: 0.55rem;
}

.toursHeader__drawerBtnIcon {
  width: 18px;
  height: 18px;
  display: block;
}

.toursHeader__drawerBtn:hover {
  transform: translateY(-1px);
  background: rgba(239, 68, 68, 0.16);
}

.toursHeader__drawerBtn--instagram:hover {
  background: linear-gradient(135deg, rgba(249, 206, 52, 0.2), rgba(238, 42, 123, 0.24), rgba(98, 40, 215, 0.2));
}



@media (max-width: 920px) {

  .toursHeader__tabs,
  .toursHeader__actions {
    display: none;
  }

  .toursHeader__hamburger {
    display: inline-flex;
  }

  .toursHeader__inner {
    padding: 0 16px;
    height: 76px;
  }

  .toursHeader__logo,
  .toursHeader__logo img {
    width: 48px;
    height: 48px;
  }
}

@media (min-width: 921px) {

  .toursHeader__drawer,
  .toursHeader__drawerOverlay {
    display: none;
  }
}



/* ===========================
   Home Header / Topbar
   =========================== */

.siteHeader__logoLink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
}

.siteHeader__logoImg {
  width: 60px;
  height: 60px;
  display: block;
}

.siteHeader__tabs {
  display: inline-flex;
  align-items: center;
  gap: 1.5rem;
}

.siteHeader__tab {
  font-family: 'Inter', sans-serif;
  text-decoration: none;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.9);
  position: relative;
  padding: 0.3rem 0.15rem;
  font-size: 22px;
}

.siteHeader__tab--active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.2rem;
  width: 60px;
  height: 2px;
  background: rgba(22, 171, 255, 1);
  border-radius: 999px;
}

.siteHeader__nav {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}

.siteHeader__navBtn {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0rem 0.9rem;
  border-radius: 15px;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.02em;
  transition: transform 160ms ease, background 160ms ease, box-shadow 160ms ease;
  will-change: transform;
  font-family: 'Inter', sans-serif;
}

.siteHeader__navBtn:hover {
  transform: translateY(-1px);
}

.siteHeader__navBtn:active {
  transform: translateY(0px);
}

.siteHeader__navBtn--ghost {
  color: #000000;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

.siteHeader__navBtn--solid {
  color: rgba(17, 17, 17, 0.86);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}

.siteHeader__authBar {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
}

.siteHeader__lang {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.siteHeader__authBarInner {
  position: relative;
}

.siteHeader__pillBtn {
  height: 30px;
  padding: 0 0.8rem;
  border-radius: 15px;
  border: none;
  background: rgba(255, 255, 255, 0.98);
  color: #000000;
  font-weight: 400;
  letter-spacing: 0.02em;
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  cursor: pointer;
  transition: transform 160ms ease;
  font-family: 'Inter', sans-serif;
}

.siteHeader__pillBtn:hover {
  transform: translateY(-1px);
}

.siteHeader__pillBtn--user {
  padding-left: 0.65rem;
  max-width: 18rem;
}

.siteHeader__userIcon {
  width: 14px;
  height: 14px;
  /* border-radius: 999px; */
  /* border: 2px solid rgba(0, 0, 0, 0.78); */
  background: url();
  position: relative;
  display: inline-block;
  flex: none;
}

.siteHeader__userIcon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 11px;
  width: 18px;
  height: 10px;
  transform: translateX(-50%);
  border: 2px solid rgba(0, 0, 0, 0.78);
  border-top: none;
  border-radius: 0 0 999px 999px;
}

.siteHeader__userText {
  max-width: 9.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.siteHeader__caret {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 5px solid #000000;
  opacity: 0.85;
  transform: translateY(1px);
}

.siteHeader__bell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 999px;
  transition: transform 160ms ease;
}

.siteHeader__bell:hover {
  transform: translateY(-1px);
}

.siteHeader__bellIcon {
  width: 28px;
  height: 34px;
  display: block;
  background: rgba(255, 255, 255, 0.92);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 32'%3E%3Cpath d='M13.9988 0C12.8926 0 11.9988 0.89375 11.9988 2V3.2C7.4363 4.125 3.9988 8.1625 3.9988 13V14.175C3.9988 17.1125 2.91755 19.95 0.967554 22.15L0.505054 22.6688C-0.0199463 23.2563 -0.144946 24.1 0.173804 24.8188C0.492554 25.5375 1.2113 26 1.9988 26H25.9988C26.7863 26 27.4988 25.5375 27.8238 24.8188C28.1488 24.1 28.0176 23.2563 27.4926 22.6688L27.0301 22.15C25.0801 19.95 23.9988 17.1187 23.9988 14.175V13C23.9988 8.1625 20.5613 4.125 15.9988 3.2V2C15.9988 0.89375 15.1051 0 13.9988 0ZM16.8301 30.8312C17.5801 30.0812 17.9988 29.0625 17.9988 28H13.9988H9.9988C9.9988 29.0625 10.4176 30.0812 11.1676 30.8312C11.9176 31.5812 12.9363 32 13.9988 32C15.0613 32 16.0801 31.5812 16.8301 30.8312Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 32'%3E%3Cpath d='M13.9988 0C12.8926 0 11.9988 0.89375 11.9988 2V3.2C7.4363 4.125 3.9988 8.1625 3.9988 13V14.175C3.9988 17.1125 2.91755 19.95 0.967554 22.15L0.505054 22.6688C-0.0199463 23.2563 -0.144946 24.1 0.173804 24.8188C0.492554 25.5375 1.2113 26 1.9988 26H25.9988C26.7863 26 27.4988 25.5375 27.8238 24.8188C28.1488 24.1 28.0176 23.2563 27.4926 22.6688L27.0301 22.15C25.0801 19.95 23.9988 17.1187 23.9988 14.175V13C23.9988 8.1625 20.5613 4.125 15.9988 3.2V2C15.9988 0.89375 15.1051 0 13.9988 0ZM16.8301 30.8312C17.5801 30.0812 17.9988 29.0625 17.9988 28H13.9988H9.9988C9.9988 29.0625 10.4176 30.0812 11.1676 30.8312C11.9176 31.5812 12.9363 32 13.9988 32C15.0613 32 16.0801 31.5812 16.8301 30.8312Z'/%3E%3C/svg%3E") center / contain no-repeat;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
}

.siteHeader__menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 140px;
  min-height: 163px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
  padding: 0.55rem 0.45rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  z-index: 5;
}

.siteHeader__menu--lang {
  left: 0;
  right: auto;
  width: 88px;
  min-height: auto;
}

.siteHeader__menuItem {
  text-decoration: none;
  color: rgba(17, 17, 17, 0.86);
  font-weight: 400;
  padding: 0.55rem 0.6rem;
  border-radius: 0.55rem;
}

.siteHeader__menuItemBtn {
  border: none;
  background: transparent;
  width: 100%;
  text-align: left;
  cursor: pointer;
  font: inherit;
}

.siteHeader__menuItemBtn--active {
  background: rgba(239, 239, 239, 1);
}

.siteHeader__menuIdentity {
  padding: 0.45rem 0.6rem 0.2rem;
  font-weight: 900;
  color: rgba(17, 17, 17, 0.78);
}

.siteHeader__menuItem:hover {
  background: rgba(239, 239, 239, 1);
}

.siteHeader__menuDivider {
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin: 0.25rem 0.35rem;
}

.siteHeader__menuLogout {
  border: 1px solid rgba(0, 0, 0, 0.55);
  background: rgba(255, 255, 255, 1);
  color: rgba(17, 17, 17, 0.86);
  border-radius: 0.5rem;
  height: 26px;
  margin: 0.25rem 0.35rem 0.2rem;
  font-weight: 400;
  cursor: pointer;
}

.siteHeader__menuLogout:hover {
  background: rgba(239, 239, 239, 1);
}

/* ===========================
   Home Header / Topbar
   =========================== */

 .siteHeader__masthead {
  height: calc(var(--hl-masthead-h) + env(safe-area-inset-top));
  display: flex;
  align-items: center;
  padding-top: env(safe-area-inset-top);
  background: linear-gradient(180deg, var(--hl-masthead-bg), var(--hl-masthead-2-bg));
  box-shadow: none;
  transition: background 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

 .siteHeader__masthead--scrolled {
  background: var(--hl-masthead-bg-scrolled);
  border-color: var(--hl-masthead-border);
  box-shadow: var(--hl-masthead-shadow);
}

 .siteHeader__masthead--scrolled .siteHeader__pillBtn--user svg path {
  fill: #ffffff !important;
}
 .siteHeader__masthead--scrolled .siteHeader__caret,
 .siteHeader__masthead--scrolled .siteHeader__pillBtn {
  border-top-color: #ffffff !important;
  color: #ffffff !important;
  background-color: rgba(22, 171, 255, 1) !important;
}
 .siteHeader__masthead--scrolled .siteHeader__pillBtn,
 .siteHeader__masthead--scrolled .siteHeader__navBtn--ghost {
  background: var(--hl-main-color);
  color: #ffffff;
}

 .siteHeader__masthead--scrolled .siteHeader__bellIcon {
  background: var(--hl-main-color) !important;
}
 .siteHeader__masthead--scrolled .siteHeader__hamburger .siteHeader__hamburgerIcon::before,
 .siteHeader__masthead--scrolled .siteHeader__hamburger .siteHeader__hamburgerIcon::after,
 .siteHeader__masthead--scrolled .siteHeader__hamburger .siteHeader__hamburgerIcon {
  background: #000000;
}
 .siteHeader__mastheadInner {
  width: min(100%, calc(100% - 5.5rem));
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}


.toursHeader__menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 50%;
  transform: translateX(50%);
  padding: 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(15, 23, 42, 0.14);
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.18);
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 80;
}

 .siteHeader__mastheadLeft {
  display: flex;
  align-items: center;
  gap: 3rem;
  min-width: 0;
}

 .siteHeader__mastheadRight {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2.25rem;
}

.siteHeader__socialBtn {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  text-decoration: none;
  transition: transform 160ms ease, filter 160ms ease;
}

.siteHeader__socialBtn:hover {
  transform: translateY(-1px);
  filter: saturate(1.06);
}

.siteHeader__socialBtn:active {
  transform: translateY(0);
}

.siteHeader__socialBtn:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.55);
  outline-offset: 3px;
}

.siteHeader__socialBtn--instagram {
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
}

.siteHeader__socialIcon {
  width: 20px;
  height: 20px;
  display: block;
}

 .siteHeader__logoLink {
  width: auto;
  height: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  min-width: 0;
}

 .siteHeader__logoImg {
  width: 60px;
  height: 60px;
  display: block;
  flex: none;
}

 .siteHeader__logoText {
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.94);
  font-size: 0.92rem;
  line-height: 1.1;
  white-space: nowrap;
}

.header__tabs {
  display: inline-flex;
  align-items: center;
  gap: 3.75rem;
  border-radius: 999px;
  /* border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px); */
  /* -webkit-backdrop-filter: blur(10px); */
}

.header__primaryLink {
  text-decoration: none;
  color: var(--hl-text);
  font-weight: 300;
  letter-spacing: 0.02em;
  font-size: 22px;
  transition: background 160ms ease, transform 160ms ease;
  font-family: Inter;
}


header .siteHeader__primaryLink--scrolled {
  color: #0c0c0c;
}
header .header__primaryLink--active {
  color: var(--hl-main-color);
  font-weight: 600;
  border-bottom: 2px solid var(--hl-main-color);
}

header .header__primaryLink:hover {
  transform: translateY(-1px);
}

header .header__primaryLink:active {
  transform: translateY(0px);
  font-weight: 600;
  font-style: Semi Bold;
}

 .siteHeader__masthead .siteHeader__navBtn {
  min-height: 30px;
  padding: 0 11px;
  border-radius: 15px;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
}

 .siteHeader__masthead .siteHeader__navBtn--ghost {
  background: rgba(255, 255, 255, 0.92);
  color: rgba(0, 0, 0, 1);
}

 .siteHeader__masthead .siteHeader__navBtn--solid {
  background: rgba(255, 255, 255, 0.98);
  color: rgba(17, 17, 17, 0.88);
}

 .siteHeader__masthead .siteHeader__authBar {
  gap: 2.25rem;
}

 .siteHeader__masthead .siteHeader__pillBtn {
  height: 30px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
}

 .siteHeader__masthead .siteHeader__bellIcon {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
}


 .siteHeader__heroInner {
  padding-top: calc(var(--hl-masthead-h) + env(safe-area-inset-top) + 2.25rem);
}

 #home-main {
  scroll-margin-top: calc(var(--hl-masthead-h) + env(safe-area-inset-top) + 1rem);
}

 .siteHeader__heroText {
  padding-top: clamp(4.25rem, 8vh, 6.25rem);
}

 .siteHeader__hamburger {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
  transition: transform 160ms ease, background 160ms ease;
}

 .siteHeader__hamburger--light {
  background: var(--hl-main-color);
}

 .siteHeader__hamburger:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.12);
}

 .siteHeader__hamburger:active {
  transform: translateY(0px) scale(0.98);
}

 .siteHeader__hamburgerIcon {
  position: relative;
  width: 20px;
  height: 2px;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 999px;
  display: block;
}

 .siteHeader__hamburgerIcon::before,
 .siteHeader__hamburgerIcon::after {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 2px;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 999px;
}


 .siteHeader__hamburgerIcon::before {
  top: -6px;
}

 .siteHeader__hamburgerIcon::after {
  top: 6px;
}

/* ===========================
   Mobile Drawer
   =========================== */

 .siteHeader__drawerOverlay {
  position: fixed;
  inset: 0;
  z-index: 69;
  background: rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

 .siteHeader__drawer {
  position: fixed;
  top: 0;
  right: 0;
  height: 100dvh;
  width: min(22rem, 86vw);
  z-index: 70;
  background: rgba(12, 14, 18, 0.92);
  border-left: 1px solid rgba(255, 255, 255, 0.12);
  transform: translateX(102%);
  transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  flex-direction: column;
  padding: calc(env(safe-area-inset-top) + 1rem) 1rem 1rem;
}

 .siteHeader__drawer--open {
  transform: translateX(0%);
}

 .siteHeader__drawerHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

 .siteHeader__drawerBrand {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.94);
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

 .siteHeader__drawerBrand img {
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.9);
  padding: 6px;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
}

 .siteHeader__drawerClose {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.92);
  font-size: 1.7rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 160ms ease, background 160ms ease;
}

 .siteHeader__drawerClose:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.12);
}

 .siteHeader__drawerNav {
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

 .siteHeader__drawerLink {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.92);
  font-weight: 900;
  padding: 0.85rem 0.9rem;
  border-radius: 0.95rem;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: background 160ms ease, transform 160ms ease;
}

 .siteHeader__drawerLink:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-1px);
}

 .siteHeader__drawerFooter {
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

 .siteHeader__drawerAuth {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.6rem;
}

 .siteHeader__drawerUser {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

 .siteHeader__drawerIdentity {
  font-weight: 900;
  color: rgba(255, 255, 255, 0.86);
  padding: 0.5rem 0.1rem 0.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

 .siteHeader__drawerBtn {
  height: 44px;
  border-radius: 0.95rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 950;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: transform 160ms ease, background 160ms ease;
}

 .siteHeader__drawerBtn--instagram {
  background: linear-gradient(135deg, rgba(249, 206, 52, 0.2), rgba(238, 42, 123, 0.22), rgba(98, 40, 215, 0.2));
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.96);
  gap: 0.55rem;
}

 .siteHeader__drawerBtnIcon {
  width: 18px;
  height: 18px;
  display: block;
}

 .siteHeader__drawerBtn:hover {
  transform: translateY(-1px);
}

 .siteHeader__drawerBtn--instagram:hover {
  background: linear-gradient(135deg, rgba(249, 206, 52, 0.24), rgba(238, 42, 123, 0.28), rgba(98, 40, 215, 0.24));
}

 .siteHeader__drawerBtn--primary {
  background: rgba(255, 255, 255, 0.96);
  color: rgba(17, 17, 17, 0.9);
}

 .siteHeader__drawerBtn--ghost {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.92);
}

 .siteHeader__drawerBtn--danger {
  background: rgba(229, 57, 53, 0.16);
  border-color: rgba(229, 57, 53, 0.42);
  color: rgba(255, 255, 255, 0.92);
}

/* ===========================
   Responsive
   =========================== */

@media (max-width: 920px) {
   .header__tabs,
   .siteHeader__masthead .siteHeader__nav,
   .siteHeader__masthead .siteHeader__authBar {
    display: none;
  }

   .siteHeader__hamburger {
    display: inline-flex;
  }

   .siteHeader__mastheadInner {
    width: min(1240px, calc(100% - 1.75rem));
  }

   .siteHeader__heroInner {
    padding-top: calc(var(--hl-masthead-h) + env(safe-area-inset-top) + 1.5rem);
    padding-left: 1rem;
    padding-right: 1rem;
  }

   .siteHeader__logoText {
    font-size: 0.88rem;
  }
}

@media (min-width: 921px) {
   .siteHeader__drawer,
   .siteHeader__drawerOverlay {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
   .siteHeader__masthead,
  header .header__primaryLink,
   .siteHeader__hamburger,
   .siteHeader__drawer,
   .siteHeader__drawerLink,
   .siteHeader__drawerBtn {
    transition: none !important;
  }
}

.siteHeader__container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 60;
}

.theme-light-bar {
  margin: 15px 15px 0px;
}

.theme-light-bar .siteHeader__masthead {
  max-width: 1372px;
  height: 88px;
  margin: 0 auto;
  padding: 0 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: rgba(255, 255, 255, 1);
  border-radius: 12px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.theme-light-bar .header__primaryLink {
  color: #000000;
}
.theme-light-bar .header__primaryLink--active {
  color: #16ABFF;
  font-weight: 600;
  border-bottom: 2px solid #16ABFF;
}
.theme-light-bar .siteHeader__pillBtn,
.theme-light-bar .siteHeader__navBtn--ghost {
  background: #16ABFF !important;
  color: #ffffff !important;
}
.theme-light-bar .siteHeader__caret,
.theme-light-bar .siteHeader__pillBtn {
  border-top-color: #ffffff !important;
  color: #ffffff !important;
  background-color: rgba(22, 171, 255, 1) !important;
}



.theme-light-bar .siteHeader__pillBtn--user svg path {
  fill: #ffffff !important;
}
.theme-light-bar .siteHeader__caret,
.theme-light-bar .siteHeader__pillBtn {
  border-top-color: #ffffff !important;
  color: #ffffff !important;
  background-color: rgba(22, 171, 255, 1) !important;
}
.theme-light-bar .siteHeader__pillBtn,
.theme-light-bar .siteHeader__navBtn--ghost {
  background: var(--hl-main-color);
  color: #ffffff;
}

.theme-light-bar .siteHeader__bellIcon {
  background: rgba(22, 171, 255, 1) !important;
}
.theme-light-bar .siteHeader__hamburger .siteHeader__hamburgerIcon::before,
.theme-light-bar .siteHeader__hamburger .siteHeader__hamburgerIcon::after,
.theme-light-bar .siteHeader__hamburger .siteHeader__hamburgerIcon {
  background: #000000;
}
.theme-light-bar .siteHeader__mastheadInner {
  width: 100% !important;
}
@media (prefers-reduced-motion: reduce) {

  .toursHeader__tab,
  .toursHeader__pill,
  .toursHeader__iconBtn,
  .toursHeader__hamburger,
  .toursHeader__drawer,
  .toursHeader__drawerLink,
  .toursHeader__drawerBtn {
    transition: none !important;
  }
}