/* Unified Zanur top navigation */
:root{
  --zn-nav-shell-bg: rgba(255,255,255,.96);
  --zn-nav-border: rgba(17,24,39,.09);
  --zn-nav-shadow: 0 14px 34px rgba(0,0,0,.14);
  --zn-nav-link: #1f2937;
}

.global-nav-wrap{
  position: fixed !important;
  top: 12px !important;
  left: 0;
  right: 0;
  z-index: 9999 !important;
  background: transparent !important;
  border: 0 !important;
}

.global-nav{
  max-width: 1320px;
  margin: 0 auto;
  background: var(--zn-nav-shell-bg);
  border: 1px solid var(--zn-nav-border);
  box-shadow: var(--zn-nav-shadow);
  border-radius: 16px;
  padding: 10px 14px !important;
  display: grid;
  grid-template-columns: 170px 1fr auto;
  align-items: center;
  gap: 14px;
  backdrop-filter: blur(6px);
}

.global-nav .brand img{height: 30px !important; width:auto; display:block;}
.global-nav nav{display:flex;gap:22px;align-items:center;justify-content:flex-start;overflow:auto;}
.global-nav nav a{color:var(--zn-nav-link)!important;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;}

.menu-btn{width:40px;height:40px;border:1px solid #e5e7eb!important;border-radius:11px!important;background:#f8fafc!important;color:#111!important;}

.menu-panel{
  display:none;
  top:66px !important;
  right:0 !important;
  width:min(1320px,calc(100vw - 20px));
  background:transparent !important;
  border:1px solid transparent !important;
  outline:none !important;
  border-radius:18px !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
  -webkit-appearance:none;
  background-clip:padding-box;
  padding:20px 0 0;
  z-index:10000;
  overflow:hidden;
}
.menu-panel::before,.menu-panel::after{content:none !important;display:none !important;border:0 !important;}
.global-nav-wrap .global-nav #menuPanel.menu-panel{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
.menu-panel.open{display:block;animation:none !important;}

.menu-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 20px 14px;
  border-bottom:1px solid #eceff3;
  margin-bottom:0;
  color:#111827;
  background:#fff;
  border-radius:18px 18px 0 0;
}
.menu-head strong{font-size:32px;letter-spacing:1px;font-weight:800;}

.menu-close{
  width:36px;height:36px;border:1px solid #e3e6ec;border-radius:12px;
  background:#f8fafc;color:#111827;cursor:pointer;font-size:18px;
}
.menu-close:hover{background:#eef2f7}

.menu-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(180px,1fr));
  gap:24px;
  padding:14px 20px 18px;
  background:#fff;
}
.menu-grid h6{
  font-size:13px;
  color:#6b7280;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:10px;
}
.menu-grid a{
  display:block;
  color:#111827;
  text-decoration:none;
  font-weight:600;
  padding:6px 0;
  font-size:16px;
  line-height:1.25;
}
.menu-grid a:hover{color:#0b57d0;transform:translateX(2px)}

.menu-cards{
  background:#eef1f4;
  margin:0;
  padding:16px 20px 18px;
  border-radius:0 0 18px 18px !important;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  border-top:0;
}
.mcard{display:block;text-decoration:none;color:#111827;font-weight:700;font-size:22px;}
.mcard img{
  width:100%;height:190px;object-fit:cover;border-radius:12px;margin-bottom:8px;background:#fff;
}

body.zanur-nav-offset{padding-top:91px !important;}
body.zanur-nav-overlay{padding-top:0;}
body.zanur-nav-offset .hero{padding-top:16px !important;}
body.zanur-nav-offset .wrap{margin-top:10px !important;}

/* Hide legacy template header when we inject the standard nav */
body.zanur-nav-injected .header_middle,
body.zanur-nav-injected .header_bottom,
body.zanur-nav-injected .mobile-header-area{display:none !important;}

/* Global footer baseline (for pages that don't carry inline footer CSS) */
.global-footer{background:#111317;color:#fff;padding:26px 0 22px;margin-top:54px}
.global-footer a{color:#d1d5db;text-decoration:none}
.global-footer a:hover{color:#f3f4f6}
.footer-mega{max-width:1320px}
.footer-topline{font-size:13px;color:#9aa0a6;padding-bottom:14px;border-bottom:1px solid #23262d;margin-bottom:22px}
.footer-topline span{padding:0 6px}
.footer-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:28px;margin-bottom:26px}
.footer-grid a{display:block;line-height:1.9;font-size:16px}
.footer-strip{border-top:1px solid #23262d;padding-top:18px;margin-top:12px}
.footer-strip p{margin:0;color:#9aa0a6;line-height:1.8}
.footer-bottom{margin-top:18px;padding-top:14px;border-top:1px solid #23262d;color:#9aa0a6;font-size:14px}

/* Footer heading size/color normalization */
.footer-grid h6,
.footer-strip h6{
  font-size:20px !important;
  line-height:1.25 !important;
  color:#c8ced6 !important;
}

@media(max-width:900px){
  .global-nav{grid-template-columns:1fr auto;padding:8px 12px !important;}
  .global-nav nav{display:none;}
  body.zanur-nav-offset{padding-top:72px !important;}
  body.zanur-nav-offset .hero{padding-top:10px !important;}
  body.zanur-nav-offset .wrap{margin-top:6px !important;}
  .menu-panel{left:10px;right:10px;width:auto;top:58px;padding:14px 0 0;}
  .menu-head{padding:0 14px 12px;}
  .menu-head strong{font-size:22px;}
  .menu-grid{grid-template-columns:1fr 1fr;gap:12px;padding:0 14px 14px;}
  .menu-grid a{font-size:15px;padding:4px 0;}
  .menu-cards{grid-template-columns:1fr;margin:0;padding:12px 14px 14px;border-radius:0 0 14px 14px;}
  .mcard{font-size:16px;}
  .mcard img{height:150px;}
  .footer-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid h6,
  .footer-strip h6{font-size:18px !important;}
}
@media(max-width:680px){
  .footer-grid{grid-template-columns:1fr;}
}