@import url('wh-tokens.css');
/* wh-global-desktop-header.css — 20260704d */
@media (min-width: 1024px) {

.r26-dt-only { display: none !important; }
html.index-force-desktop-ui .r26-dt-only,
html.mypage-force-desktop-ui .r26-dt-only,
html.sp-force-desktop-ui .r26-dt-only,
html.rooms-force-desktop-ui .r26-dt-only,
html.book-force-desktop-ui .r26-dt-only { display: block !important; }

html.mypage-force-desktop-ui #mpDtHeader,
html.sp-force-desktop-ui #spDtHeader,
html.sp-force-desktop-ui .sp-dt-lang-dropdown,
html.sp-force-desktop-ui .sp-dt-profile-dropdown { display: none !important; }

html.mypage-force-desktop-ui header.top.content,
html.sp-force-desktop-ui header.top.content,
html.rooms-force-desktop-ui header.top.content,
html.book-force-desktop-ui header.top.content { display: none !important; }

html.mypage-force-desktop-ui nav#bottom_nav,
html.sp-force-desktop-ui nav#bottom_nav,
html.rooms-force-desktop-ui nav#bottom_nav,
html.book-force-desktop-ui nav#bottom_nav { display: none !important; }

html.mypage-force-desktop-ui,
html.mypage-force-desktop-ui body,
html.sp-force-desktop-ui,
html.sp-force-desktop-ui body,
html.rooms-force-desktop-ui,
html.rooms-force-desktop-ui body,
html.book-force-desktop-ui,
html.book-force-desktop-ui body {
  background: #f2f4f6;
  color: #191f28;
  font-family: -apple-system, 'Pretendard', 'Apple SD Gothic Neo', sans-serif;
}

html.mypage-force-desktop-ui,
html.sp-force-desktop-ui,
html.rooms-force-desktop-ui,
html.book-force-desktop-ui {
  --dt-content-w: 1240px;
  --dt-max-w: min(var(--dt-content-w), calc(100vw - 80px));
  --r26-sticky-p: 0;
  --r26-dt-top-h: 64px;
  --r26-dt-subnav-h: 44px;
  --r26-dt-base-header-h: calc(var(--r26-dt-top-h) + var(--r26-dt-subnav-h));
}

html.sp-force-desktop-ui { --sp-dt-header-h: var(--r26-dt-base-header-h); }

html.mypage-force-desktop-ui .r26-dt-search-pill-link,
html.sp-force-desktop-ui .r26-dt-search-pill-link,
html.rooms-force-desktop-ui .r26-dt-search-pill-link,
html.book-force-desktop-ui .r26-dt-search-pill-link {
  text-decoration: none !important;
  color: inherit;
}

html.mypage-force-desktop-ui #r26DtHeader,
html.sp-force-desktop-ui #r26DtHeader,
html.rooms-force-desktop-ui #r26DtHeader,
html.book-force-desktop-ui #r26DtHeader {
  display: flex;
  flex-direction: column;
}

/* ── 2. 글로벌 헤더 ── */
html.index-force-desktop-ui #r26DtHeader,
html.mypage-force-desktop-ui #r26DtHeader,
html.sp-force-desktop-ui #r26DtHeader,
html.rooms-force-desktop-ui #r26DtHeader,
html.book-force-desktop-ui #r26DtHeader {
  position: fixed; top:0; left:0; right:0; z-index:1200;
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  box-shadow: 0 calc(var(--r26-sticky-p) * 2px) calc(var(--r26-sticky-p) * 16px) rgba(0,0,0,.09);
  transition: none;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  overflow: visible;
}

html.index-force-desktop-ui #r26DtHeader.is-scrolled,
html.mypage-force-desktop-ui #r26DtHeader.is-scrolled,
html.sp-force-desktop-ui #r26DtHeader.is-scrolled,
html.rooms-force-desktop-ui #r26DtHeader.is-scrolled,
html.book-force-desktop-ui #r26DtHeader.is-scrolled {
  box-shadow: 0 2px 16px rgba(0,0,0,.09);
}

html.index-force-desktop-ui .r26-dt-top-inner,
html.mypage-force-desktop-ui .r26-dt-top-inner,
html.sp-force-desktop-ui .r26-dt-top-inner,
html.rooms-force-desktop-ui .r26-dt-top-inner,
html.book-force-desktop-ui .r26-dt-top-inner,
html.index-force-desktop-ui .r26-dt-subnav-inner,
html.mypage-force-desktop-ui .r26-dt-subnav-inner,
html.sp-force-desktop-ui .r26-dt-subnav-inner,
html.rooms-force-desktop-ui .r26-dt-subnav-inner,
html.book-force-desktop-ui .r26-dt-subnav-inner {
  max-width: var(--dt-max-w);
  margin: 0 auto;
  padding: 0 4px;
  box-sizing: border-box;
}

html.index-force-desktop-ui .r26-dt-top-inner.r26-dt-header-inner,
html.mypage-force-desktop-ui .r26-dt-top-inner.r26-dt-header-inner,
html.sp-force-desktop-ui .r26-dt-top-inner.r26-dt-header-inner,
html.rooms-force-desktop-ui .r26-dt-top-inner.r26-dt-header-inner,
html.book-force-desktop-ui .r26-dt-top-inner.r26-dt-header-inner {
  height: var(--r26-dt-top-h);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
}

html.index-force-desktop-ui .r26-dt-brand,
html.mypage-force-desktop-ui .r26-dt-brand,
html.sp-force-desktop-ui .r26-dt-brand,
html.rooms-force-desktop-ui .r26-dt-brand,
html.book-force-desktop-ui .r26-dt-brand {
  display: flex;
  align-items: center;
  text-decoration: none;
  flex-shrink: 0;
}

html.index-force-desktop-ui .r26-dt-brand img,
html.mypage-force-desktop-ui .r26-dt-brand img,
html.sp-force-desktop-ui .r26-dt-brand img,
html.rooms-force-desktop-ui .r26-dt-brand img,
html.book-force-desktop-ui .r26-dt-brand img { height: 28px; width: auto; }

/* 1행 — 검색 pill (야놀자 NOL형) */
html.index-force-desktop-ui .r26-dt-header-search-slot,
html.mypage-force-desktop-ui .r26-dt-header-search-slot,
html.sp-force-desktop-ui .r26-dt-header-search-slot,
html.rooms-force-desktop-ui .r26-dt-header-search-slot,
html.book-force-desktop-ui .r26-dt-header-search-slot {
  min-width: 0;
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
  opacity: calc(1 - var(--r26-sticky-p));
  transform: translate3d(0, calc(var(--r26-sticky-p) * -6px), 0);
  pointer-events: auto;
  will-change: transform, opacity;
}

html.index-force-desktop-ui.r26-dt-past-hero .r26-dt-header-search-slot {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  height: 0;
  overflow: hidden;
}

html.index-force-desktop-ui .r26-dt-search-pill,
html.mypage-force-desktop-ui .r26-dt-search-pill,
html.sp-force-desktop-ui .r26-dt-search-pill,
html.rooms-force-desktop-ui .r26-dt-search-pill,
html.book-force-desktop-ui .r26-dt-search-pill {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  padding: 0 16px 0 14px;
  border: 1.5px solid var(--wh-bd, rgba(0,0,0,.1));
  border-radius: var(--wh-radius-pill, 999px);
  background: var(--wh-card, #fff);
  box-shadow: var(--wh-shadow, 0 1px 3px rgba(0,0,0,.04));
  cursor: pointer;
  color: var(--wh-tx, #191f28);
  text-align: left;
  font-family: inherit;
  transition: border-color .15s, box-shadow .15s;
}

html.index-force-desktop-ui .r26-dt-search-pill:hover,
html.mypage-force-desktop-ui .r26-dt-search-pill:hover,
html.sp-force-desktop-ui .r26-dt-search-pill:hover,
html.rooms-force-desktop-ui .r26-dt-search-pill:hover,
html.book-force-desktop-ui .r26-dt-search-pill:hover {
  border-color: var(--wh-info-bd, #ddd0f5);
  box-shadow: 0 2px 10px var(--wh-brand-soft, rgba(104,0,205,.1));
}

html.index-force-desktop-ui .r26-dt-search-pill-icon,
html.mypage-force-desktop-ui .r26-dt-search-pill-icon,
html.sp-force-desktop-ui .r26-dt-search-pill-icon,
html.rooms-force-desktop-ui .r26-dt-search-pill-icon,
html.book-force-desktop-ui .r26-dt-search-pill-icon {
  font-size: 22px;
  color: var(--wh-brand, #6800cd);
  flex-shrink: 0;
}

html.index-force-desktop-ui .r26-dt-search-pill-text,
html.mypage-force-desktop-ui .r26-dt-search-pill-text,
html.sp-force-desktop-ui .r26-dt-search-pill-text,
html.rooms-force-desktop-ui .r26-dt-search-pill-text,
html.book-force-desktop-ui .r26-dt-search-pill-text {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 700;
  color: var(--wh-tx, #191f28);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html.index-force-desktop-ui .r26-dt-search-pill-text.placeholder,
html.mypage-force-desktop-ui .r26-dt-search-pill-text.placeholder,
html.sp-force-desktop-ui .r26-dt-search-pill-text.placeholder,
html.rooms-force-desktop-ui .r26-dt-search-pill-text.placeholder,
html.book-force-desktop-ui .r26-dt-search-pill-text.placeholder {
  color: var(--wh-tx3, #8b95a1);
  font-weight: 500;
}

html.index-force-desktop-ui .r26-dt-search-pill-meta,
html.mypage-force-desktop-ui .r26-dt-search-pill-meta,
html.sp-force-desktop-ui .r26-dt-search-pill-meta,
html.rooms-force-desktop-ui .r26-dt-search-pill-meta,
html.book-force-desktop-ui .r26-dt-search-pill-meta {
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--wh-tx3, #8b95a1);
  white-space: nowrap;
  max-width: 42%;
  overflow: hidden;
  text-overflow: ellipsis;
}

html.index-force-desktop-ui .r26-dt-primary-nav,
html.mypage-force-desktop-ui .r26-dt-primary-nav,
html.sp-force-desktop-ui .r26-dt-primary-nav,
html.rooms-force-desktop-ui .r26-dt-primary-nav,
html.book-force-desktop-ui .r26-dt-primary-nav { display: none !important; }

html.index-force-desktop-ui .r26-dt-top-center,
html.mypage-force-desktop-ui .r26-dt-top-center,
html.sp-force-desktop-ui .r26-dt-top-center,
html.rooms-force-desktop-ui .r26-dt-top-center,
html.book-force-desktop-ui .r26-dt-top-center,
html.index-force-desktop-ui .r26-dt-host-cta,
html.mypage-force-desktop-ui .r26-dt-host-cta,
html.sp-force-desktop-ui .r26-dt-host-cta,
html.rooms-force-desktop-ui .r26-dt-host-cta,
html.book-force-desktop-ui .r26-dt-host-cta,
html.index-force-desktop-ui .r26-dt-host-link,
html.mypage-force-desktop-ui .r26-dt-host-link,
html.sp-force-desktop-ui .r26-dt-host-link,
html.rooms-force-desktop-ui .r26-dt-host-link,
html.book-force-desktop-ui .r26-dt-host-link,
html.index-force-desktop-ui .r26-dt-nav,
html.mypage-force-desktop-ui .r26-dt-nav,
html.sp-force-desktop-ui .r26-dt-nav,
html.rooms-force-desktop-ui .r26-dt-nav,
html.book-force-desktop-ui .r26-dt-nav,
html.index-force-desktop-ui .r26-dt-profile,
html.mypage-force-desktop-ui .r26-dt-profile,
html.sp-force-desktop-ui .r26-dt-profile,
html.rooms-force-desktop-ui .r26-dt-profile,
html.book-force-desktop-ui .r26-dt-profile { display: none !important; }

/* 1행 — 유틸 (아이콘+라벨) */
html.index-force-desktop-ui .r26-dt-util,
html.mypage-force-desktop-ui .r26-dt-util,
html.sp-force-desktop-ui .r26-dt-util,
html.rooms-force-desktop-ui .r26-dt-util,
html.book-force-desktop-ui .r26-dt-util {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 2px;
  flex-shrink: 0;
}

html.index-force-desktop-ui .r26-dt-util-item,
html.mypage-force-desktop-ui .r26-dt-util-item,
html.sp-force-desktop-ui .r26-dt-util-item,
html.rooms-force-desktop-ui .r26-dt-util-item,
html.book-force-desktop-ui .r26-dt-util-item,
html.index-force-desktop-ui .r26-dt-util-mypage,
html.mypage-force-desktop-ui .r26-dt-util-mypage,
html.sp-force-desktop-ui .r26-dt-util-mypage,
html.rooms-force-desktop-ui .r26-dt-util-mypage,
html.book-force-desktop-ui .r26-dt-util-mypage {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 52px;
  padding: 4px 6px;
  border: 0;
  background: transparent;
  color: var(--wh-tx2, #4e5968);
  text-decoration: none !important;
  cursor: pointer;
  border-radius: var(--wh-radius-sm, 16px);
  font-family: inherit;
}

html.index-force-desktop-ui .r26-dt-util-item:hover,
html.mypage-force-desktop-ui .r26-dt-util-item:hover,
html.sp-force-desktop-ui .r26-dt-util-item:hover,
html.rooms-force-desktop-ui .r26-dt-util-item:hover,
html.book-force-desktop-ui .r26-dt-util-item:hover,
html.index-force-desktop-ui .r26-dt-util-mypage:hover,
html.mypage-force-desktop-ui .r26-dt-util-mypage:hover,
html.sp-force-desktop-ui .r26-dt-util-mypage:hover,
html.rooms-force-desktop-ui .r26-dt-util-mypage:hover,
html.book-force-desktop-ui .r26-dt-util-mypage:hover {
  background: var(--wh-surface, #f4f5f7);
  color: var(--wh-tx, #191f28);
}

html.index-force-desktop-ui .r26-dt-util-item .material-symbols-rounded,
html.mypage-force-desktop-ui .r26-dt-util-item .material-symbols-rounded,
html.sp-force-desktop-ui .r26-dt-util-item .material-symbols-rounded,
html.rooms-force-desktop-ui .r26-dt-util-item .material-symbols-rounded,
html.book-force-desktop-ui .r26-dt-util-item .material-symbols-rounded {
  font-size: 22px;
}

html.index-force-desktop-ui .r26-dt-util-host,
html.mypage-force-desktop-ui .r26-dt-util-host,
html.sp-force-desktop-ui .r26-dt-util-host,
html.rooms-force-desktop-ui .r26-dt-util-host,
html.book-force-desktop-ui .r26-dt-util-host {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 52px;
  padding: 4px 6px;
  color: var(--wh-tx3, #8b95a1);
  text-decoration: none !important;
  border-radius: var(--wh-radius-sm, 16px);
}

html.index-force-desktop-ui .r26-dt-util-host:hover,
html.mypage-force-desktop-ui .r26-dt-util-host:hover,
html.sp-force-desktop-ui .r26-dt-util-host:hover,
html.rooms-force-desktop-ui .r26-dt-util-host:hover,
html.book-force-desktop-ui .r26-dt-util-host:hover {
  background: var(--wh-surface, #f4f5f7);
  color: var(--wh-tx2, #4e5968);
}

html.index-force-desktop-ui .r26-dt-util-host .material-symbols-rounded,
html.mypage-force-desktop-ui .r26-dt-util-host .material-symbols-rounded,
html.sp-force-desktop-ui .r26-dt-util-host .material-symbols-rounded,
html.rooms-force-desktop-ui .r26-dt-util-host .material-symbols-rounded,
html.book-force-desktop-ui .r26-dt-util-host .material-symbols-rounded {
  font-size: 22px;
}

html.index-force-desktop-ui .r26-dt-util-label,
html.mypage-force-desktop-ui .r26-dt-util-label,
html.sp-force-desktop-ui .r26-dt-util-label,
html.rooms-force-desktop-ui .r26-dt-util-label,
html.book-force-desktop-ui .r26-dt-util-label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: var(--wh-tx3, #8b95a1);
  white-space: nowrap;
  line-height: 1.2;
}

html.index-force-desktop-ui .r26-dt-util-item:hover .r26-dt-util-label,
html.mypage-force-desktop-ui .r26-dt-util-item:hover .r26-dt-util-label,
html.sp-force-desktop-ui .r26-dt-util-item:hover .r26-dt-util-label,
html.rooms-force-desktop-ui .r26-dt-util-item:hover .r26-dt-util-label,
html.book-force-desktop-ui .r26-dt-util-item:hover .r26-dt-util-label,
html.index-force-desktop-ui .r26-dt-util-mypage:hover .r26-dt-util-label,
html.mypage-force-desktop-ui .r26-dt-util-mypage:hover .r26-dt-util-label,
html.sp-force-desktop-ui .r26-dt-util-mypage:hover .r26-dt-util-label,
html.rooms-force-desktop-ui .r26-dt-util-mypage:hover .r26-dt-util-label,
html.book-force-desktop-ui .r26-dt-util-mypage:hover .r26-dt-util-label {
  color: var(--wh-tx2, #4e5968);
}

html.index-force-desktop-ui .r26-dt-util-avatar,
html.mypage-force-desktop-ui .r26-dt-util-avatar,
html.sp-force-desktop-ui .r26-dt-util-avatar,
html.rooms-force-desktop-ui .r26-dt-util-avatar,
html.book-force-desktop-ui .r26-dt-util-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--wh-brand, #6800cd);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  overflow: hidden;
}

html.index-force-desktop-ui .r26-dt-util-avatar img,
html.mypage-force-desktop-ui .r26-dt-util-avatar img,
html.sp-force-desktop-ui .r26-dt-util-avatar img,
html.rooms-force-desktop-ui .r26-dt-util-avatar img,
html.book-force-desktop-ui .r26-dt-util-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 2행 — 카테고리 GNB (밑줄 활성) */
html.index-force-desktop-ui .r26-dt-subnav,
html.mypage-force-desktop-ui .r26-dt-subnav,
html.sp-force-desktop-ui .r26-dt-subnav,
html.rooms-force-desktop-ui .r26-dt-subnav,
html.book-force-desktop-ui .r26-dt-subnav {
  display: block;
  border-top: 1px solid var(--wh-surface, #f4f5f7);
  background: #fff;
}

html.index-force-desktop-ui .r26-dt-subnav-inner,
html.mypage-force-desktop-ui .r26-dt-subnav-inner,
html.sp-force-desktop-ui .r26-dt-subnav-inner,
html.rooms-force-desktop-ui .r26-dt-subnav-inner,
html.book-force-desktop-ui .r26-dt-subnav-inner {
  display: flex;
  align-items: stretch;
  gap: 0;
  height: var(--r26-dt-subnav-h);
  overflow-x: auto;
  scrollbar-width: none;
}

html.index-force-desktop-ui .r26-dt-subnav-inner::-webkit-scrollbar,
html.mypage-force-desktop-ui .r26-dt-subnav-inner::-webkit-scrollbar,
html.sp-force-desktop-ui .r26-dt-subnav-inner::-webkit-scrollbar,
html.rooms-force-desktop-ui .r26-dt-subnav-inner::-webkit-scrollbar,
html.book-force-desktop-ui .r26-dt-subnav-inner::-webkit-scrollbar { display: none; }

html.index-force-desktop-ui .r26-dt-subnav-link,
html.mypage-force-desktop-ui .r26-dt-subnav-link,
html.sp-force-desktop-ui .r26-dt-subnav-link,
html.rooms-force-desktop-ui .r26-dt-subnav-link,
html.book-force-desktop-ui .r26-dt-subnav-link,
html.index-force-desktop-ui .r26-dt-subnav-link:hover,
html.mypage-force-desktop-ui .r26-dt-subnav-link:hover,
html.sp-force-desktop-ui .r26-dt-subnav-link:hover,
html.rooms-force-desktop-ui .r26-dt-subnav-link:hover,
html.book-force-desktop-ui .r26-dt-subnav-link:hover,
html.index-force-desktop-ui .r26-dt-subnav-link:focus,
html.mypage-force-desktop-ui .r26-dt-subnav-link:focus,
html.sp-force-desktop-ui .r26-dt-subnav-link:focus,
html.rooms-force-desktop-ui .r26-dt-subnav-link:focus,
html.book-force-desktop-ui .r26-dt-subnav-link:focus,
html.index-force-desktop-ui .r26-dt-subnav-link:active,
html.mypage-force-desktop-ui .r26-dt-subnav-link:active,
html.sp-force-desktop-ui .r26-dt-subnav-link:active,
html.rooms-force-desktop-ui .r26-dt-subnav-link:active,
html.book-force-desktop-ui .r26-dt-subnav-link:active {
  display: inline-flex;
  align-items: center;
  height: 100%;
  padding: 0 16px;
  font-size: 15px;
  font-weight: 600;
  color: var(--wh-tx2, #4e5968);
  text-decoration: none !important;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  box-sizing: border-box;
  transition: color .15s, border-color .15s;
}

html.index-force-desktop-ui .r26-dt-subnav-link:hover,
html.mypage-force-desktop-ui .r26-dt-subnav-link:hover,
html.sp-force-desktop-ui .r26-dt-subnav-link:hover,
html.rooms-force-desktop-ui .r26-dt-subnav-link:hover,
html.book-force-desktop-ui .r26-dt-subnav-link:hover {
  color: var(--wh-tx, #191f28);
}

html.index-force-desktop-ui .r26-dt-subnav-link.is-active,
html.mypage-force-desktop-ui .r26-dt-subnav-link.is-active,
html.sp-force-desktop-ui .r26-dt-subnav-link.is-active,
html.rooms-force-desktop-ui .r26-dt-subnav-link.is-active,
html.book-force-desktop-ui .r26-dt-subnav-link.is-active {
  color: var(--wh-brand, #6800cd);
  border-bottom-color: var(--wh-brand, #6800cd);
  font-weight: 700;
}

html.index-force-desktop-ui .r26-dt-subnav-sep,
html.mypage-force-desktop-ui .r26-dt-subnav-sep,
html.sp-force-desktop-ui .r26-dt-subnav-sep,
html.rooms-force-desktop-ui .r26-dt-subnav-sep,
html.book-force-desktop-ui .r26-dt-subnav-sep {
  width: 1px;
  height: 18px;
  margin: auto 8px auto 12px;
  background: var(--wh-bd, rgba(0,0,0,.1));
  flex-shrink: 0;
}

html.index-force-desktop-ui .r26-dt-subnav-link-muted,
html.mypage-force-desktop-ui .r26-dt-subnav-link-muted,
html.sp-force-desktop-ui .r26-dt-subnav-link-muted,
html.rooms-force-desktop-ui .r26-dt-subnav-link-muted,
html.book-force-desktop-ui .r26-dt-subnav-link-muted {
  color: var(--wh-tx3, #8b95a1);
  font-weight: 600;
}

html.index-force-desktop-ui .r26-dt-subnav-link-muted:hover,
html.mypage-force-desktop-ui .r26-dt-subnav-link-muted:hover,
html.sp-force-desktop-ui .r26-dt-subnav-link-muted:hover,
html.rooms-force-desktop-ui .r26-dt-subnav-link-muted:hover,
html.book-force-desktop-ui .r26-dt-subnav-link-muted:hover {
  color: var(--wh-tx2, #4e5968);
}

html.index-force-desktop-ui .r26-profile-option.notif-bell-trigger,
html.mypage-force-desktop-ui .r26-profile-option.notif-bell-trigger,
html.sp-force-desktop-ui .r26-profile-option.notif-bell-trigger,
html.rooms-force-desktop-ui .r26-profile-option.notif-bell-trigger,
html.book-force-desktop-ui .r26-profile-option.notif-bell-trigger,
html.index-force-desktop-ui .r26-profile-option.r26-dt-profile-lang,
html.mypage-force-desktop-ui .r26-profile-option.r26-dt-profile-lang,
html.sp-force-desktop-ui .r26-profile-option.r26-dt-profile-lang,
html.rooms-force-desktop-ui .r26-profile-option.r26-dt-profile-lang,
html.book-force-desktop-ui .r26-profile-option.r26-dt-profile-lang {
  width: 100%;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
}

.r26-profile-dropdown {
  display: none; position: fixed; z-index: 1300; background: #fff;
  border: 1px solid rgba(0,0,0,.06); border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0,0,0,.06); padding: 8px 0; min-width: 200px;
}

.r26-profile-dropdown.open { display: block; }

.r26-profile-option {
  display: flex; align-items: center; gap: 10px; padding: 10px 16px;
  font-size: 14px; font-weight: 600; color: #191f28; text-decoration: none !important;
}

.r26-profile-option:hover { background: #f7f3f9; color: #6800cd; }

.r26-profile-option svg { fill: #6800cd; flex-shrink: 0; }

.r26-profile-option.r26-logout { color: #e11d48; }

.r26-profile-option.r26-logout:hover { background: #fff1f2; }

.r26-profile-option.r26-logout svg { fill: #e11d48; }

.r26-profile-divider { height: 1px; background: #f0f0f0; margin: 4px 0; }

.r26-profile-option-badge {
  margin-left: auto; min-width: 20px; height: 20px; padding: 0 6px;
  border-radius: 999px; background: #6800cd; color: #fff; font-size: 11px;
  font-weight: 700; display: inline-flex; align-items: center; justify-content: center;
}

.r26-profile-option.notif-bell-trigger {
  width: 100%; border: 0; background: transparent; cursor: pointer;
  font-family: inherit; text-align: left;
}
}