/* Header styling shared with the main website. */
:root{--green-mid:#2A9470;--green-pale:#EAF4EF;--ink:#1A2E35;--max:1140px}
header,header *,header *::before,header *::after,.topbar,.topbar *{box-sizing:border-box;margin:0;padding:0}
header,.topbar{line-height:1.6}
header .wrap,.topbar .wrap{max-width:var(--max);margin:0 auto;padding:0 32px}
header a,.topbar a{text-decoration:none}
header .nav{flex-wrap:nowrap;padding:0}
header .nav-links{flex-wrap:nowrap}
/* ── TOPBAR ── */
.topbar{background:var(--navy);color:rgba(255,255,255,.65);font-size:13px;padding:8px 0;}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}
.topbar a{color:rgba(255,255,255,.65);transition:color .15s;}
.topbar a:hover{color:#fff;}
.tb-phone{color:#fff !important;font-weight:600;letter-spacing:.01em;}

/* ── NAV ── */
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px;}
.logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:17px;color:var(--navy);flex-shrink:0;cursor:pointer;}
.logo-leaf{width:32px;height:32px;background:var(--green);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.logo-leaf svg{width:19px;height:19px;fill:#fff;}
.nav-links{display:flex;align-items:center;gap:2px;}
.nav-links a{font-size:14.5px;font-weight:500;color:var(--muted);padding:7px 12px;border-radius:6px;transition:color .15s,background .15s;cursor:pointer;}
.nav-links a:hover,.nav-links a.active{color:var(--green);background:var(--green-pale);}
.nav-r{display:flex;align-items:center;gap:14px;flex-shrink:0;}
.nav-phone{font-weight:700;font-size:15px;color:var(--green);}
.btn{display:inline-flex;align-items:center;gap:7px;font-family:'DM Sans',sans-serif;font-weight:600;font-size:14.5px;padding:12px 22px;border-radius:7px;cursor:pointer;border:none;transition:all .18s;white-space:nowrap;}
.btn-g{background:var(--green);color:#fff;}
.btn-g:hover{background:var(--green-mid);transform:translateY(-1px);box-shadow:0 4px 16px rgba(31,122,92,.28);}
.btn-outline-d{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.45);}
.btn-outline-d:hover{border-color:#fff;background:rgba(255,255,255,.1);}
.btn-sm{font-size:13.5px;padding:10px 18px;}
.ham{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border:none;background:none;}
.ham span{width:22px;height:2px;background:var(--navy);border-radius:2px;display:block;transition:all .2s;}
@media(max-width:880px){.nav-links{display:none;}.ham{display:flex;}.nav-r .btn{display:none;}}
.mob-menu{display:none;flex-direction:column;background:#fff;border-top:1px solid var(--border);padding:10px 20px 20px;gap:2px;}
.mob-menu.open{display:flex;}
.mob-menu a{padding:11px 10px;font-weight:500;font-size:16px;color:var(--ink);border-radius:6px;cursor:pointer;}
.mob-menu a:hover{background:var(--green-pale);color:var(--green);}
.mob-menu .btn{margin-top:10px;justify-content:center;}

/* ── DROPDOWN NAV ── */
.nav-has-drop{position:relative;}
.nav-has-drop .drop-menu{
  display:none;position:absolute;top:calc(100% + 8px);left:0;
  background:#fff;border:1px solid var(--border);border-radius:10px;
  box-shadow:0 8px 32px rgba(0,0,0,.12);min-width:220px;
  padding:8px;z-index:200;
}
.nav-has-drop:hover .drop-menu{display:flex;flex-direction:column;}
.drop-menu a{display:block;padding:9px 14px;font-size:14px;font-weight:500;color:var(--ink);border-radius:6px;transition:background .12s,color .12s;}
.drop-menu a:hover{background:var(--green-pale);color:var(--green);}
.drop-caret{width:10px;height:10px;fill:var(--muted);margin-left:2px;}


.nav-has-drop:focus-within .drop-menu{display:flex;flex-direction:column}
header .nav-links a:hover,.topbar a:hover,header .mob-menu a:hover{text-decoration:none}
@media(max-width:600px){header .wrap,.topbar .wrap{padding:0 20px}}
@media(max-width:380px){header .nav{gap:10px}header .logo{font-size:15px}header .nav-phone{font-size:13px}}