:root{
  --vico-header-bg:rgba(244,237,227,.72);
  --vico-header-line:rgba(43,34,25,.08);
  --vico-header-text:#2b2219;
  --vico-header-gold:#caa35a;
  --vico-header-gold2:#e8d3a1;
  --vico-header-shadow:0 12px 34px rgba(43,34,25,.10);
}

body{
  padding-top:90px;
}

/* ===== Header ===== */
.vico-header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:9999;

  background:var(--vico-header-bg);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);

  border-bottom:1px solid var(--vico-header-line);
  box-shadow:0 8px 28px rgba(43,34,25,.06);
}

.vico-header-inner{
  position:relative;
  width:100%;
  max-width:1400px;
  min-height:90px;
  margin:0 auto;
  padding:0 18px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

/* ===== Gold Line ===== */
.vico-gold-line{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;

  background:linear-gradient(
    90deg,
    #f5e4b8 0%,
    #c7a46b 25%,
    #f2d38f 50%,
    #c7a46b 75%,
    #f5e4b8 100%
  );

  box-shadow:
    0 0 8px rgba(231,215,179,.75),
    0 0 18px rgba(199,164,107,.48);

  overflow:hidden;
}

.vico-gold-line::after{
  content:"";
  position:absolute;
  top:0;
  left:-45%;
  width:45%;
  height:100%;

  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.75),
    transparent
  );

  animation:vicoGoldShine 6s linear infinite;
}

@keyframes vicoGoldShine{
  0%{ left:-45%; }
  100%{ left:120%; }
}

/* ===== Brand ===== */
.vico-brand{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  position:relative;
  z-index:2;
}

.vico-logo{
  height:60px;
  width:auto;
  max-width:none;
  object-fit:contain;
  display:block;

  filter:
    drop-shadow(0 4px 12px rgba(199,164,107,.22))
    brightness(1.04);
}

/* ===== Desktop Nav ===== */
.vico-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;

  flex:1 1 auto;
  min-width:0;
}

.vico-nav a{
  position:relative;
  padding:10px 13px;
  border-radius:999px;

  color:var(--vico-header-gold);
  font-weight:800;
  font-size:14px;
  white-space:nowrap;

  transition:
    background .18s ease,
    color .18s ease,
    transform .18s ease,
    box-shadow .18s ease;
}

.vico-nav a:hover{
  background:rgba(255,255,255,.62);
  color:#b88f3f;
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(43,34,25,.07);
}

.vico-nav a::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:6px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--vico-header-gold2), var(--vico-header-gold));
  opacity:0;
  transform:scaleX(.65);
  transition:opacity .18s ease, transform .18s ease;
}

.vico-nav a:hover::after{
  opacity:1;
  transform:scaleX(1);
}

.vico-nav a:focus-visible,
.vico-nav-btn:focus-visible,
.vico-burger:focus-visible,
.vico-mobile-nav a:focus-visible{
  outline:3px solid rgba(202,163,90,.35);
  outline-offset:4px;
}

/* ===== Right side ===== */
.vico-nav-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

.vico-nav-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:10px 16px;
  border-radius:999px;
  border:none;

  background:linear-gradient(135deg, var(--vico-header-gold2), var(--vico-header-gold));
  color:#2b2219;

  font-weight:900;
  box-shadow:0 12px 28px rgba(202,163,90,.20);

  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.vico-nav-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 42px rgba(202,163,90,.28);
  filter:saturate(1.05);
}

/* ===== Burger ===== */
.vico-burger{
  display:none;
  width:46px;
  height:46px;
  padding:0;

  border:1px solid rgba(43,34,25,.10);
  background:rgba(255,255,255,.68);
  border-radius:15px;

  cursor:pointer;
  box-shadow:0 10px 24px rgba(43,34,25,.08);
}

.vico-burger span{
  display:block;
  width:21px;
  height:2px;
  margin:4px auto;

  background:var(--vico-header-text);
  border-radius:999px;

  transition:transform .18s ease, opacity .18s ease;
}

.vico-burger.is-open span:nth-child(1){
  transform:translateY(6px) rotate(45deg);
}

.vico-burger.is-open span:nth-child(2){
  opacity:0;
}

.vico-burger.is-open span:nth-child(3){
  transform:translateY(-6px) rotate(-45deg);
}

/* ===== Mobile Nav ===== */
.vico-mobile-nav{
  display:none;
  max-width:1400px;
  margin:0 auto;
  padding:0 18px 16px;
}

.vico-mobile-nav.is-open{
  display:block;
}

.vico-mobile-nav a{
  display:block;
  margin-top:10px;
  padding:14px 16px;
  border-radius:16px;

  background:rgba(255,255,255,.72);
  color:var(--vico-header-gold);

  font-weight:900;
  box-shadow:0 10px 24px rgba(43,34,25,.06);
}

.vico-mobile-nav a:hover{
  color:#b88f3f;
  background:rgba(255,255,255,.88);
}

/* ===== Mobile ===== */
@media (max-width:980px){
  body{
    padding-top:72px;
  }

  .vico-header-inner{
    min-height:72px;
  }

  .vico-nav{
    display:none;
  }

  .vico-nav-btn{
    display:none;
  }

  .vico-burger{
    display:block;
  }

  .vico-logo{
    height:54px;
  }
}

@media (max-width:420px){
  .vico-header-inner{
    padding:0 14px;
  }

  .vico-logo{
    height:48px;
  }

  .vico-burger{
    width:44px;
    height:44px;
  }
}

/* ===== Reduced Motion ===== */
@media (prefers-reduced-motion:reduce){
  .vico-gold-line::after{
    animation:none;
  }

  .vico-nav a,
  .vico-nav a::after,
  .vico-nav-btn,
  .vico-burger span{
    transition:none;
  }
}