.fxhdr{
        position:fixed;top:0;left:0;width:100%;z-index:999;
        background:rgba(255,255,255,.08);
        backdrop-filter:blur(14px) saturate(140%);
        -webkit-backdrop-filter:blur(14px) saturate(140%);
        border-bottom:1px solid rgba(255,255,255,.18);
        transition:background .35s ease, box-shadow .35s ease, border-color .35s ease;
        font-family:'Jost',sans-serif;
      }
      .fxhdr.is-scrolled{
        background:rgba(255,255,255,.92);
        border-bottom:1px solid rgba(106,78,59,.1);
        box-shadow:0 8px 24px rgba(58,46,36,.08);
      }
      .fxhdr__inner{
        max-width:1180px;margin:0 auto;padding:16px 24px;
        display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
      }
      .fxhdr__logo{display:flex;align-items:center;}
      .fxhdr__logo a{display:block;line-height:0;}
      .fxhdr__logo img{max-height:56px;width:auto;max-width:100%;object-fit:contain;display:block;}
      .fxhdr__logo img.fxhdr__logo-dark{display:none;}
      .fxhdr.is-scrolled .fxhdr__logo img.fxhdr__logo-light{display:none;}
      .fxhdr.is-scrolled .fxhdr__logo img.fxhdr__logo-dark{display:block;}
      .fxhdr__nav ul{list-style:none;margin:0;padding:0;display:flex;gap:32px;}
      .fxhdr__nav a{
        font-family:'Jost',sans-serif;font-size:14px;letter-spacing:.5px;
        color:#FFFFFF;text-decoration:none;position:relative;padding-bottom:4px;
        transition:color .35s ease;
      }
      .fxhdr__nav a:hover{color:#B9985A;}
      .fxhdr.is-scrolled .fxhdr__nav a{color:#3A2E24;}
      .fxhdr.is-scrolled .fxhdr__nav a:hover{color:#B9985A;}
      .fxhdr__nav li{list-style:none;}
      
      /* ===== DROPDOWN FIX ===== */
      .fxhdr__nav li.fxhdr__has-dropdown {
        position: relative;
      }
      
      /* Transparent bridge to prevent gap between link and dropdown */
      .fxhdr__nav li.fxhdr__has-dropdown::after {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 100%;
        height: 20px;
        background: transparent;
        z-index: 11;
        pointer-events: auto;
      }
      
      .fxhdr__nav .fxhdr__dropdown{
        display:none;
        position:absolute;
        top:100%;
        left:50%;
        transform:translateX(-50%);
        min-width:220px;
        background:#FFFFFF;
        border-radius:8px;
        box-shadow:0 16px 40px rgba(58,46,36,.18);
        padding:10px 0;
        margin-top:4px;
        list-style:none;
        z-index:10;
        border:1px solid rgba(106,78,59,.08);
      }
      
      /* Small triangle/arrow above dropdown */
      .fxhdr__nav .fxhdr__dropdown::before {
        content: '';
        position: absolute;
        top: -8px;
        left: 50%;
        transform: translateX(-50%);
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #FFFFFF;
        filter: drop-shadow(0 -2px 4px rgba(58,46,36,.06));
      }
      
      .fxhdr__nav li.fxhdr__has-dropdown:hover .fxhdr__dropdown{
        display:block;
      }
      
      .fxhdr__dropdown li{padding:0;}
      .fxhdr__dropdown a{
        display:block;
        color:#3A2E24!important;
        padding:10px 24px;
        font-size:14px;
        font-weight:400;
        white-space:nowrap;
        transition:all .25s ease;
        border-left:3px solid transparent;
      }
      .fxhdr__dropdown a:hover{
        color:#B9985A!important;
        background:#F8F4EE;
        border-left-color:#B9985A;
      }
      
      .fxhdr__cta{
        display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:2px;
        font-family:'Jost',sans-serif;font-size:14px;letter-spacing:1px;text-transform:uppercase;font-weight:500;
        background:#B9985A;color:#FFFFFF!important;text-decoration:none;border:1px solid transparent;
        transition:all .3s ease;
      }
      .fxhdr__cta:hover{background:#6A4E3B;}
      .fxhdr__toggle{display:none;background:none;border:none;font-size:24px;color:#FFFFFF;cursor:pointer;transition:color .35s ease;}
      .fxhdr.is-scrolled .fxhdr__toggle{color:#6A4E3B;}
      .fxhdr__spacer{height:88px;}
      
      /* ===== RESPONSIVE HEADER ===== */
      @media(max-width:991px){
        .fxhdr__cta {
          display: none;
        }
        .fxhdr__nav{
          display:none;
          position:absolute;
          top:100%;
          left:0;
          width:100%;
          background:rgba(58,46,36,.97);
          padding:20px 24px;
          backdrop-filter:blur(10px);
          -webkit-backdrop-filter:blur(10px);
          border-bottom:1px solid rgba(255,255,255,.1);
          max-height:80vh;
          overflow-y:auto;
        }
        .fxhdr__nav.is-open{
          display:block;
        }
        .fxhdr__nav ul{
          flex-direction:column;
          gap:18px;
        }
        .fxhdr__nav a{
          color:#FFFFFF!important;
          font-size:16px;
        }
        
        /* Mobile dropdown - accordion style */
        .fxhdr__nav li.fxhdr__has-dropdown::after {
          display: none;
        }
        
        .fxhdr__nav .fxhdr__dropdown{
          display:none;
          position:static;
          transform:none;
          background:transparent;
          box-shadow:none;
          padding:12px 0 0 16px;
          margin-top:8px;
          border:none;
          border-left:2px solid rgba(255,255,255,.15);
          border-radius:0;
        }
        .fxhdr__nav .fxhdr__dropdown::before {
          display: none;
        }
        .fxhdr__dropdown a{
          color:rgba(255,255,255,.75)!important;
          padding:8px 0 8px 16px;
          font-size:14px;
          white-space:normal;
          border-left:none;
        }
        .fxhdr__dropdown a:hover{
          background:transparent;
          color:#B9985A!important;
          border-left:none;
        }
        .fxhdr__toggle{
          display:block;
        }
        .fxhdr__inner{
          padding:14px 20px;
        }
        .fxhdr__logo img{
          max-height:50px;
        }
        
        /* Open dropdown on mobile when parent is clicked */
        .fxhdr__nav li.fxhdr__has-dropdown.is-open .fxhdr__dropdown {
          display:block;
        }
      }
      
      /* Small mobile screens */
      @media(max-width:480px){
        .fxhdr__inner {
          padding: 12px 16px;
        }
        .fxhdr__logo img {
          max-height:45px;
        }
        .fxhdr__nav {
          padding: 16px 20px;
        }
        .fxhdr__nav a {
          font-size:15px;
        }
        .fxhdr__toggle {
          font-size:22px;
        }
        .fxhdr__dropdown a {
          font-size:13px;
        }
      }

/* Floating Widget – Glassy Brown */
.floating-widget {
  position: fixed;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: rgba(106, 78, 59, 0.35);        /* brown with transparency */
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50px;
  padding: 16px 12px;
  box-shadow: 0 8px 32px rgba(58, 46, 36, 0.25);
  transition: all 0.3s ease;
}

.floating-widget:hover {
  background: rgba(106, 78, 59, 0.5);
  border-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 12px 40px rgba(58, 46, 36, 0.3);
}

.fw-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
  transition: all 0.3s ease;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.fw-item:hover {
  background: #B9985A;         /* gold accent on hover */
  color: #FFFFFF;
  transform: scale(1.08);
  border-color: #B9985A;
}

.fw-item svg {
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* Responsive: adjust size and spacing on small screens */
@media (max-width: 576px) {
  .floating-widget {
    right: 12px;
    padding: 12px 10px;
    gap: 12px;
  }
  .fw-item {
    width: 38px;
    height: 38px;
  }
  .fw-item svg {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 400px) {
  .floating-widget {
    right: 8px;
    padding: 10px 8px;
    gap: 10px;
  }
  .fw-item {
    width: 34px;
    height: 34px;
  }
  .fw-item svg {
    width: 16px;
    height: 16px;
  }
}