:root {
      --cbg-primary:    #0B1D3A;
      --cbg-ocean:      #1E63D7;
      --cbg-orange:     #FF6B00;
      --cbg-light-blue: #F1F6FD;
      --cbg-bg:         #f8f9fb;
      --cbg-text:       #333333;
      --cbg-muted:      #6b7a92;
      --cbg-white:      #ffffff;
      --cbg-font-head:  'Playfair Display', Georgia, serif;
      --cbg-font-body:  'DM Sans', sans-serif;
    }
 
    /* ══════════════════════════════════════════
       TOP BAR
    ══════════════════════════════════════════ */
    .cruisehead-topbar {
      background: var(--cbg-primary);
      padding: 7px 5vw;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }
    .cruisehead-topbar-left {
      display: flex;
      align-items: center;
      gap: 20px;
    }
    .cruisehead-topbar-item {
      display: flex;
      align-items: center;
      gap: 6px;
      color: rgba(255,255,255,0.60);
      font-size: 0.75rem;
      font-weight: 400;
      text-decoration: none;
      transition: color 0.2s;
    }
    .cruisehead-topbar-item:hover { color: var(--cbg-white); }
    .cruisehead-topbar-item svg { color: var(--cbg-orange); flex-shrink: 0; }
 
    .cruisehead-topbar-right {
      display: flex;
      align-items: center;
      gap: 16px;
    }
    .cruisehead-topbar-social {
      display: flex;
      gap: 8px;
    }
    .cruisehead-topbar-social a {
      width: 24px; height: 24px;
      border-radius: 5px;
      background: rgba(255,255,255,0.07);
      display: flex; align-items: center; justify-content: center;
      color: rgba(255,255,255,0.50);
      text-decoration: none;
      transition: background 0.2s, color 0.2s;
    }
    .cruisehead-topbar-social a:hover {
      background: var(--cbg-ocean);
      color: var(--cbg-white);
    }
    .cruisehead-topbar-rating {
      display: flex;
      align-items: center;
      gap: 5px;
      font-size: 0.73rem;
      color: rgba(255,255,255,0.55);
    }
    .cruisehead-topbar-rating svg { color: #f5c842; }
    .cruisehead-topbar-rating strong { color: var(--cbg-white); font-weight: 600; }
 
    /* ══════════════════════════════════════════
       MAIN HEADER
    ══════════════════════════════════════════ */
    .cruisehead-wrap {
      background: var(--cbg-white);
      box-shadow: 0 2px 24px rgba(11,29,58,0.08);
      position: sticky;
      top: 0;
      z-index: 100;
      transition: box-shadow 0.3s;
    }
    .cruisehead-wrap.cruisehead-scrolled {
      box-shadow: 0 4px 32px rgba(11,29,58,0.14);
    }
 
    .cruisehead-inner {
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 70px;
      gap: 24px;
    }
 
    /* ── LOGO ── */
    .cruisehead-logo {
      display: flex;
      align-items: center;
      gap: 10px;
      text-decoration: none;
      flex-shrink: 0;
    }
    .cruisehead-logo-icon {
      width: 100px; height: 42px;
      border-radius: 10px;
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }
    .cruisehead-logo-icon img{
        width: 100%;
    }
    .cruisehead-logo-text { line-height: 1.1; }
    .cruisehead-logo-text strong {
      display: block;
      font-family: var(--cbg-font-head);
      font-size: 1.05rem;
      color: var(--cbg-primary);
      letter-spacing: 0.01em;
    }
    .cruisehead-logo-text span {
      font-size: 0.68rem;
      color: var(--cbg-orange);
      font-weight: 600;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }
 
    /* ── NAV ── */
    .cruisehead-nav {
      display: flex;
      align-items: center;
      gap: 2px;
      flex: 1;
      justify-content: center;
    }
    .cruisehead-nav-link {
      position: relative;
      padding: 8px 14px;
      color: var(--cbg-text);
      font-size: 0.88rem;
      font-weight: 500;
      text-decoration: none;
      border-radius: 7px;
      transition: color 0.2s, background 0.2s;
      display: flex;
      align-items: center;
      gap: 4px;
      white-space: nowrap;
    }
    .cruisehead-nav-link:hover {
      color: var(--cbg-ocean);
      background: var(--cbg-light-blue);
    }
    .cruisehead-nav-link.cruisehead-active {
      color: var(--cbg-ocean);
      font-weight: 600;
    }
    .cruisehead-nav-link.cruisehead-active::after {
      content: '';
      position: absolute;
      bottom: -2px; left: 50%;
      transform: translateX(-50%);
      width: 20px; height: 2.5px;
      border-radius: 2px;
      background: var(--cbg-orange);
    }
 
    /* Dropdown */
    .cruisehead-dropdown {
      position: relative;
    }
    .cruisehead-dropdown-arrow {
      width: 14px; height: 14px;
      transition: transform 0.25s;
    }
    .cruisehead-dropdown:hover .cruisehead-dropdown-arrow {
      transform: rotate(180deg);
    }
    .cruisehead-dropdown-menu {
      position: absolute;
      top: calc(100% + 8px);
      left: 50%;
      transform: translateX(-50%);
      background: var(--cbg-white);
      border: 1px solid rgba(11,29,58,0.09);
      border-radius: 12px;
      box-shadow: 0 12px 40px rgba(11,29,58,0.13);
      min-width: 210px;
      padding: 8px;
      opacity: 0;
      pointer-events: none;
      transform: translateX(-50%) translateY(-6px);
      transition: opacity 0.2s, transform 0.2s;
      z-index: 200;
    }
    .cruisehead-dropdown:hover .cruisehead-dropdown-menu {
      opacity: 1;
      pointer-events: all;
      transform: translateX(-50%) translateY(0);
    }
    .cruisehead-dropdown-item {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 12px;
      border-radius: 8px;
      text-decoration: none;
      color: var(--cbg-text);
      font-size: 0.86rem;
      font-weight: 400;
      transition: background 0.15s, color 0.15s;
    }
    .cruisehead-dropdown-item:hover {
      background: var(--cbg-light-blue);
      color: var(--cbg-ocean);
    }
    .cruisehead-dropdown-dot {
      width: 6px; height: 6px;
      border-radius: 50%;
      background: var(--cbg-orange);
      flex-shrink: 0;
      opacity: 0.5;
    }
    .cruisehead-dropdown-item:hover .cruisehead-dropdown-dot { opacity: 1; }
 
    /* ── CTA BUTTONS ── */
    .cruisehead-actions {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-shrink: 0;
    }
    .cruisehead-btn-wa {
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 9px 16px;
      background: var(--cbg-primary);
      color: var(--cbg-white);
      border-radius: 8px;
      text-decoration: none;
      font-size: 0.84rem;
      font-weight: 600;
      transition: background 0.2s;
      white-space: nowrap;
    }
    .cruisehead-btn-wa:hover { background: #142e5a; }
    .cruisehead-btn-book {
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 9px 20px;
      background: var(--cbg-orange);
      color: var(--cbg-white);
      border-radius: 8px;
      text-decoration: none;
      font-size: 0.84rem;
      font-weight: 600;
      transition: background 0.2s, transform 0.2s;
      white-space: nowrap;
    }
    .cruisehead-btn-book:hover { background: #e05c00; transform: translateY(-1px); }
 
    /* ── HAMBURGER ── */
    .cruisehead-hamburger {
      display: none;
      flex-direction: column;
      justify-content: center;
      gap: 5px;
      width: 40px; height: 40px;
      border: none;
      background: var(--cbg-light-blue);
      border-radius: 8px;
      cursor: pointer;
      padding: 10px;
      flex-shrink: 0;
    }
    .cruisehead-hamburger span {
      display: block;
      height: 2px;
      background: var(--cbg-primary);
      border-radius: 2px;
      transition: transform 0.3s, opacity 0.3s, width 0.3s;
    }
    .cruisehead-hamburger span:nth-child(2) { width: 70%; }
    .cruisehead-hamburger.cruisehead-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .cruisehead-hamburger.cruisehead-open span:nth-child(2) { opacity: 0; width: 100%; }
    .cruisehead-hamburger.cruisehead-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
 
    /* ══════════════════════════════════════════
       MOBILE DRAWER
    ══════════════════════════════════════════ */
    .cruisehead-drawer {
      display: none;
      background: var(--cbg-white);
      border-top: 1px solid rgba(11,29,58,0.07);
      box-shadow: 0 8px 32px rgba(11,29,58,0.10);
      position: absolute;
      width: 100%;
      left: 0;
      z-index: 99;
      overflow: hidden;
      max-height: 0;
      transition: max-height 0.4s cubic-bezier(0.4,0,0.2,1);
    }
    .cruisehead-drawer.cruisehead-drawer-open {
      max-height: 600px;
    }
    .cruisehead-drawer-inner {
      padding: 16px 5vw 24px;
    }
 
    .cruisehead-mobile-link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 13px 0;
      border-bottom: 1px solid rgba(11,29,58,0.06);
      color: var(--cbg-text);
      font-size: 0.95rem;
      font-weight: 500;
      text-decoration: none;
      cursor: pointer;
    }
    .cruisehead-mobile-link:last-of-type { border-bottom: none; }
    .cruisehead-mobile-link:hover { color: var(--cbg-ocean); }
    .cruisehead-mobile-link.cruisehead-active { color: var(--cbg-ocean); font-weight: 600; }
 
    .cruisehead-mobile-sub {
      display: none;
      padding: 4px 0 8px 16px;
      border-left: 2px solid var(--cbg-light-blue);
      margin-bottom: 4px;
    }
    .cruisehead-mobile-sub.cruisehead-sub-open { display: block; }
    .cruisehead-mobile-sub a {
      display: block;
      padding: 9px 12px;
      color: var(--cbg-muted);
      font-size: 0.88rem;
      text-decoration: none;
      transition: color 0.2s;
    }
    .cruisehead-mobile-sub a:hover { color: var(--cbg-ocean); }
 
    .cruisehead-mobile-chevron {
      transition: transform 0.25s;
    }
    .cruisehead-mobile-link.cruisehead-sub-active .cruisehead-mobile-chevron {
      transform: rotate(180deg);
    }
 
    .cruisehead-mobile-actions {
      display: flex;
      gap: 10px;
      margin-top: 20px;
    }
    .cruisehead-mobile-actions a {
      flex: 1;
      text-align: center;
      padding: 12px;
      border-radius: 9px;
      font-size: 0.88rem;
      font-weight: 600;
      text-decoration: none;
    }
    .cruisehead-mobile-actions .cruisehead-btn-wa {
      justify-content: center;
      flex: 1;
    }
    .cruisehead-mobile-actions .cruisehead-btn-book {
      justify-content: center;
      flex: 1;
    }
 
    /* ══════════════════════════════════════════
       RESPONSIVE
    ══════════════════════════════════════════ */
    @media (max-width: 1024px) {
      .cruisehead-nav-link { padding: 8px 10px; font-size: 0.84rem; }
      .cruisehead-btn-wa { display: none; }
    }
 
    @media (max-width: 768px) {
      .cruisehead-topbar { display: none; }
      .cruisehead-nav { display: none; }
      .cruisehead-actions { display: none; }
      .cruisehead-hamburger { display: flex; }
      .cruisehead-drawer { display: block; }
      .cruisehead-wrap { position: sticky; top: 0; }
    }
 
    @media (max-width: 480px) {
      .cruisehead-inner { height: 62px; }
      .cruisehead-logo-text strong { font-size: 0.95rem; }
    }