/* Shared SETATEK header. Scoped to avoid changing page and gallery styles. */
#header.st-site-header { position:fixed; inset:0 0 auto; z-index:997; width:100%; height:80px; padding:0; margin:0; border:0; border-bottom:1px solid #ffffff24; background:#080c0ff2; color:#fff; font-family:Roboto,Arial,sans-serif; box-shadow:none; }
#header.st-site-header *, #header.st-site-header *::before, #header.st-site-header *::after { box-sizing:border-box; }
#header.st-site-header .st-header-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; height:100%; max-width:1320px; padding:0 20px; margin:0 auto; }
#header.st-site-header .st-site-logo { display:block; flex:0 0 200px; line-height:1; margin:0; padding:0; }
#header.st-site-header .st-site-logo img { display:block; width:200px; height:auto; max-width:100%; margin:0; padding:0; }
#header.st-site-header .navmenu { display:flex; align-items:center; position:static; inset:auto; padding:0; margin:0; background:transparent; overflow:visible; z-index:auto; }
#header.st-site-header .navmenu ul { display:flex; align-items:center; position:static; width:auto; max-height:none; gap:0; padding:0; margin:0; border:0; border-radius:0; box-shadow:none; list-style:none; background:transparent; overflow:visible; }
#header.st-site-header .navmenu li { list-style:none; padding:0; margin:0; }
#header.st-site-header .navmenu a { display:flex; align-items:center; justify-content:flex-start; gap:5px; padding:14px 8px; margin:0; border:0; color:#fff; background:transparent; font:500 14px/1.4 Roboto,Arial,sans-serif; white-space:nowrap; text-decoration:none; }
#header.st-site-header .navmenu a::before { content:'◆'; font:10px/1 Arial,sans-serif; }
#header.st-site-header .navmenu a:hover, #header.st-site-header .navmenu a.active { color:#51c2ff; background:transparent; }
#header.st-site-header .st-whatsapp { display:flex; align-items:center; justify-content:center; flex:0 0 40px; width:40px; height:40px; margin:0; padding:0; color:#fff; border:2px solid #51c2ff; border-radius:3px; background:transparent; }
#header.st-site-header .st-whatsapp svg { width:24px; height:24px; }
#header.st-site-header button.mobile-nav-toggle { display:none; }
#header.st-site-header :is(a,button):focus-visible { outline:3px solid #51c2ff; outline-offset:3px; }
.st-header-spacer { height:80px; flex-shrink:0; }
@media (min-width:1200px) and (max-width:1399px) {
  #header.st-site-header .st-header-inner { max-width:1140px; gap:10px; padding:0 12px; }
  #header.st-site-header .navmenu a { padding:14px 6px; font-size:13px; }
}
@media (max-width:1199px) {
  #header.st-site-header { height:74px; }
  #header.st-site-header .st-header-inner { gap:10px; padding:0 16px; }
  #header.st-site-header .st-site-logo { flex:0 1 200px; margin-right:auto; min-width:0; }
  #header.st-site-header .navmenu { order:3; }
  #header.st-site-header .st-whatsapp { order:2; }
  #header.st-site-header button.mobile-nav-toggle { display:flex; align-items:center; justify-content:center; gap:5px; position:relative; inset:auto; z-index:10001; width:76px; height:40px; min-height:40px; margin:0; padding:0 6px; border:2px solid #51c2ff; border-radius:3px; color:#fff !important; background:#080c0f; font:500 14px/1.2 Roboto,Arial,sans-serif; cursor:pointer; }
  #header.st-site-header .st-menu-icon { display:inline; font:18px/1 Arial,sans-serif; }
  #header.st-site-header .navmenu ul { display:none; }
  body.mobile-nav-active { overflow:hidden; }
  body.mobile-nav-active #header.st-site-header .navmenu::before { content:''; position:fixed; inset:74px 0 0; background:#080c0fbf; z-index:9998; }
  body.mobile-nav-active #header.st-site-header .navmenu ul { display:flex; flex-direction:column; align-items:stretch; position:fixed; inset:74px 16px auto auto; width:250px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 90px); overflow-y:auto; padding:8px 0; border:2px solid #51c2ff; border-radius:5px; background:#161616; z-index:9999; }
  #header.st-site-header .navmenu li a { padding:12px 16px; font-size:16px; white-space:normal; }
  #header.st-site-header .navmenu li a:hover, #header.st-site-header .navmenu li a.active { background:#51c2ff; color:#080c0f; }
  .st-header-spacer { height:74px; }
}
@media (max-width:359px) {
  #header.st-site-header .st-header-inner { gap:7px; padding:0 10px; }
  #header.st-site-header .st-site-logo { flex-basis:160px; }
  #header.st-site-header .st-whatsapp { flex-basis:36px; width:36px; }
}