/* =========================================================
   SHARED HEADER — IDENTICAL ON ALL 4 PAGES
   Home / Shop / About Us / Contact Us
   ========================================================= */
.topbar{
  height:38px!important; min-height:38px!important;
  background:#eaf7ff!important;
  border-bottom:1px solid #d5e9f7!important;
  display:flex!important; align-items:center!important; justify-content:space-between!important;
  padding:0 5.2%!important; font-size:12px!important; color:#204b83!important;
}
.top-left,.top-right{display:flex!important;gap:22px!important;align-items:center!important}
.nav{
  height:82px!important; min-height:82px!important;
  display:flex!important; align-items:center!important; gap:27px!important;
  padding:0 5.2%!important;
  border-bottom:1px solid #edf2f7!important;
  background:#fff!important;
  position:sticky!important; top:0!important; z-index:40!important;
}
.nav .logo{
  display:flex!important; align-items:center!important;
  white-space:nowrap!important;
  flex:0 0 auto!important; margin:0!important;
}
.site-logo-image{display:block;width:auto;height:54px;object-fit:contain}
.footer-logo-image{display:block;width:auto;height:62px;max-width:100%;object-fit:contain}
.nav .search{
  height:44px!important; min-height:44px!important; flex:1 1 auto!important;
  max-width:430px!important; display:flex!important;
  border:1px solid #cfe0ee!important; border-radius:25px!important;
  overflow:hidden!important;background:#fbfdff!important;
}
.nav .search input{
  border:0!important; outline:0!important; flex:1!important;
  padding:0 15px!important;background:transparent!important;font-size:13px!important;
}
.nav .search button{border:0!important;background:transparent!important;padding:0 16px!important;color:#1554a6!important}
.nav .navlinks{
  display:flex!important; align-items:center!important; gap:25px!important;
  font-size:13px!important; font-weight:700!important; white-space:nowrap!important;
}
.nav .navlinks a{transition:.2s!important;color:#092e69!important}
.nav .navlinks a.active,.nav .navlinks a:hover{color:#0876e8!important}
.nav .nav-actions{
  margin-left:auto!important; display:flex!important; gap:18px!important;
  align-items:center!important; flex:0 0 auto!important;
}
.nav .iconbtn{
  border:0!important;background:none!important;color:#092e69!important;
  cursor:pointer!important;position:relative!important;
}
.menu-toggle{
  display:none;
  width:44px;
  height:44px;
  padding:10px;
  border:1px solid #cfe0ee;
  border-radius:10px;
  background:#fff;
  color:#092e69;
  cursor:pointer;
}
.menu-toggle span{
  display:block;
  width:100%;
  height:2px;
  margin:4px 0;
  border-radius:2px;
  background:currentColor;
  transition:transform .2s ease,opacity .2s ease;
}
.menu-toggle:focus-visible{outline:3px solid #0876e8;outline-offset:3px}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.nav .count{
  position:absolute!important;top:-8px!important;right:-9px!important;
  background:#0b73e9!important;color:#fff!important;width:18px!important;height:18px!important;
  border-radius:50%!important;font-size:10px!important;display:grid!important;place-items:center!important;
}
@media(max-width:1100px){
 .nav{gap:16px!important}
 .nav .navlinks{gap:14px!important;font-size:12px!important}
 .site-logo-image{height:48px}
 .nav .search{max-width:350px!important}
}
@media(max-width:850px){
 .topbar{justify-content:center!important}
 .top-right{display:none!important}
 .top-left .top-item:nth-child(n+2){display:none!important}
 .nav{
   flex-wrap:wrap!important;height:auto!important;min-height:72px!important;
   padding:10px 5%!important;
 }
 .site-logo-image{height:44px}
 .nav .search{order:3!important;flex-basis:100%!important;max-width:none!important}
 .nav .navlinks{display:none!important}
 .nav .navlinks.is-open{
   order:4!important;display:flex!important;flex:1 0 100%!important;
   flex-direction:column!important;align-items:stretch!important;gap:0!important;
   padding:8px 0 2px!important;border-top:1px solid #edf2f7!important;
 }
 .nav .navlinks.is-open a{padding:12px 4px!important}
 .nav .nav-actions{margin-left:auto!important}
 .menu-toggle{display:block}
}
@media(prefers-reduced-motion:reduce){.menu-toggle span{transition:none}}