/* ---------- HEADER ---------- */
  header{
    background:#ffffff10;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:20;
    border-bottom:1px solid rgba(255,255,255,0.55);
    backdrop-filter:blur(3px);
  }

  .nav-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 20px;
  }

  .logo{
    display:flex;
    align-items:center;
    gap:10px;
    width: 65px;
  }
  .logo-icon{
    width:42px;height:42px;flex-shrink:0;
    border-radius:6px;
    background:var(--green);
    display:flex;align-items:center;justify-content:center;
    color:var(--gold);
    font-size:20px;
  }
  .logo-text{
    line-height:1.1;
  }
  .logo-text .main{
    font-weight:700;
    font-size:15px;
    color:var(--green);
    letter-spacing:0.5px;
  }
  .logo-text .sub{
    font-size:9px;
    color:var(--brown);
    letter-spacing:0.3px;
    text-transform:uppercase;
  }

  .nav-links{
    display:none;
    gap:28px;
    list-style:none;
    font-size:14.5px;
    font-weight:600;
    color:var(--text-dark);
  }

  .nav-actions{
    display:none;
    gap:10px;
    align-items:center;
  }

  .btn{
    padding:10px 18px;
    border-radius:8px;
    font-size:14px;
    font-weight:500;
    border:1.5px solid transparent;
    white-space:nowrap;
    display:inline-flex;
    align-items:center;
    gap:6px;
    transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease;
  }
  .btn-brown{ background:var(--brown); color:var(--white); }
  .btn-brown:hover{ background:var(--brown-dark); transform:translateY(-2px); box-shadow:0 8px 18px rgba(74,55,40,0.32); }
  .btn-green{ background:var(--green); color:var(--white); }
  .btn-green:hover{ background:var(--green-dark); transform:translateY(-2px); box-shadow:0 8px 18px rgba(21,71,52,0.32); }
  .btn-outline{ background:transparent; border-color:var(--green); color:var(--green); }
  .btn-outline:hover{ background:var(--green); color:var(--white); transform:translateY(-2px); box-shadow:0 8px 18px rgba(21,71,52,0.22); }
  .btn:active{ transform:translateY(0); box-shadow:none; }

  /* ---------- NAV DROPDOWN ---------- */
  .nav-links li.has-dropdown{ position:relative; }
  .nav-links li.has-dropdown > a{ display:inline-flex; align-items:center; gap:5px; }
  .nav-links li.has-dropdown .chevron{ width:9px; height:9px; flex-shrink:0; transition:transform .18s ease; }
  .nav-links li.has-dropdown:hover .chevron,
  .nav-links li.has-dropdown:focus-within .chevron{ transform:rotate(180deg); }
  .dropdown{
    position:absolute;
    top:calc(100% + 16px);
    left:-14px;
    min-width:220px;
    background:var(--white);
    border-radius:10px;
    box-shadow:0 16px 34px rgba(44,38,32,0.2);
    padding:8px;
    list-style:none;
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
  }
  .nav-links li.has-dropdown:hover .dropdown,
  .nav-links li.has-dropdown:focus-within .dropdown{
    opacity:1; visibility:visible; transform:translateY(0);
  }
  .dropdown li a{
    display:block;
    padding:10px 14px;
    border-radius:7px;
    font-size:14px;
    font-weight:600;
    color:var(--text-dark);
  }
  .dropdown li a:hover{ background:var(--cream-2); color:var(--green); }

  .mobile-menu .has-dropdown-mobile > .mobile-parent{
    display:flex;
    width:100%;
    align-items:center;
    justify-content:space-between;
    padding:0;
    border:0;
    background:transparent;
    color:inherit;
    font:inherit;
    text-align:left;
    cursor:pointer;
  }
  .mobile-menu .mobile-parent .chevron{ width:10px; height:10px; transition:transform .2s ease; }
  .mobile-menu .has-dropdown-mobile.open .mobile-parent .chevron{ transform:rotate(180deg); }
  .mobile-menu ul.mobile-submenu{
    max-height:0;
    overflow:hidden;
    list-style:none;
    padding:0 0 0 14px;
    transition:max-height .25s ease;
  }
  .mobile-menu .has-dropdown-mobile.open .mobile-submenu{ max-height:200px; }
  .mobile-submenu li{ border-bottom:none; padding:8px 0 4px 14px; font-weight:500; font-size:14px; }
  .mobile-submenu li a{ color:var(--green); }

  .menu-toggle{
    background:none;
    border:none;
    width:38px;height:38px;
    display:flex;align-items:center;justify-content:center;
  }
  .menu-toggle span, .menu-toggle::before, .menu-toggle::after{
    content:"";
    display:block;
    width:22px;height:2px;
    background:var(--green);
    position:relative;
    transition:all .2s ease;
  }
  .menu-toggle::before{ position:absolute; transform:translateY(-7px); }
  .menu-toggle::after{ position:absolute; transform:translateY(7px); }
  .menu-toggle.open span{ background:transparent; }
  .menu-toggle.open::before{ transform:rotate(45deg); }
  .menu-toggle.open::after{ transform:rotate(-45deg); }

  .mobile-menu{
    max-height:0;
    overflow:hidden;
    transition:max-height .3s ease;
    background:var(--cream-2);
  }
  .mobile-menu.open{ max-height:max-content; }
  .mobile-menu ul{
    list-style:none;
    padding:10px 20px 6px;
  }
  .mobile-menu li{
    padding:12px 0;
    border-bottom:1px solid rgba(0,0,0,0.06);
    font-weight:600;
    font-size:15px;
  }
  .mobile-menu .mobile-actions{
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:16px 20px 20px;
  }
  .mobile-actions .btn{ justify-content:center; }

  @media (min-width:900px){ .nav-links{display:flex;} .nav-actions{display:flex;} .menu-toggle{display:none;} .mobile-menu{display:none;} }
  @media (max-width:899px){ .site-header{position:relative;background:rgba(255,255,255,.94);} .nav-bar{padding:14px 20px;} }