/* ====== GOLDTRADE GLOBAL HEADER — the ONE header, identical on every page (24.7.26) ======
   Solid navy at top on every page; gt-header.js adds .gt-scrolled (translucent glass)
   past 32px; hover/focus makes it clear again. Active page: aria-current="page". */
:root{
  --gt-h:70px;
  --gt-navy:#0b1437; --gt-navy-2:#16245c;
  --gt-gold:#c9a86a; --gt-gold-soft:#e7d2a0; --gt-cream:#f1e9d8;
  --gt-wa:#25D366;
  --gt-font:"Heebo",system-ui,-apple-system,sans-serif;
}
.gt-header{position:fixed;inset-inline:0;top:0;z-index:90;height:var(--gt-h);
  background:var(--gt-navy);
  border-bottom:1px solid rgba(201,168,106,.28);
  transition:background 250ms ease,border-color 250ms ease,box-shadow 250ms ease,backdrop-filter 250ms ease}
/* scrolled = floating translucent glass; hover/focus = clear again (Tal 24.7) */
.gt-header.gt-scrolled{background:rgba(11,20,55,.58);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 6px 24px rgba(8,14,40,.25)}
.gt-header.gt-scrolled:hover,.gt-header.gt-scrolled:focus-within{background:rgba(11,20,55,.97)}
/* fixed header is out of flow — pad the page on every page (uniform) */
body{padding-top:var(--gt-h)}
.gt-header-in{max-width:1160px;height:100%;margin-inline:auto;
  padding-inline:clamp(16px,4vw,36px);display:flex;align-items:center;gap:clamp(12px,2vw,28px)}
.gt-logo{flex:0 0 auto;display:flex;align-items:center;background:#fff;border-radius:12px;
  padding:7px 14px;box-shadow:0 2px 10px rgba(8,14,40,.18)}
.gt-logo img{height:26px;width:auto;display:block}
.gt-nav{display:flex;align-items:center;gap:clamp(10px,1.6vw,22px);margin-inline-start:clamp(8px,2vw,28px);
  font-family:var(--gt-font);font-weight:600;font-size:15px;white-space:nowrap}
.gt-nav a{color:#fff;text-decoration:none;padding:9px 12px;border-radius:9px;
  transition:color 180ms ease,background 180ms ease}
.gt-nav a:hover{color:var(--gt-gold-soft)}
.gt-nav a[aria-current="page"]{background:var(--gt-cream);color:var(--gt-navy-2);font-weight:700}
.gt-actions{display:flex;align-items:center;gap:10px;margin-inline-start:auto}
.gt-search{display:flex;align-items:center;border:1.5px solid transparent;border-radius:9999px;
  transition:border-color 200ms ease,background 200ms ease}
.gt-search.open{border-color:rgba(201,168,106,.55);background:rgba(255,255,255,.08)}
.gt-search input{width:0;opacity:0;border:0;background:transparent;color:#fff;outline:none;
  font-family:var(--gt-font);font-size:15px;transition:width 220ms ease,opacity 180ms ease,padding 220ms ease;padding:0}
.gt-search.open input{width:min(180px,34vw);opacity:1;padding-inline:12px 2px}
.gt-search input::placeholder{color:#c7cede}
.gt-search button{width:42px;height:42px;border-radius:50%;border:0;background:transparent;color:#fff;
  display:grid;place-items:center;cursor:pointer}
.gt-search button:hover{color:var(--gt-gold-soft)}
.gt-round{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--gt-gold);
  display:grid;place-items:center;color:#fff;background:transparent;text-decoration:none;
  transition:background 180ms ease,transform 180ms ease}
.gt-round:hover{background:rgba(201,168,106,.16);transform:translateY(-1px)}
.gt-round.gt-wa{color:var(--gt-wa)}
.gt-burger{display:none;width:46px;height:46px;border-radius:10px;border:0;background:transparent;
  color:var(--gt-gold);cursor:pointer;place-items:center;-webkit-tap-highlight-color:transparent}
.gt-burger svg{pointer-events:none}

/* ===== mobile ===== */
@media(max-width:1023px){
  :root{--gt-h:60px}
  .gt-nav,.gt-search{display:none}
  .gt-burger{display:grid}
  .gt-logo{padding:5px 11px}.gt-logo img{height:22px}
  .gt-round{width:40px;height:40px}
}

/* ===== drawer (mobile menu) ===== */
.gt-drawer{position:fixed;inset:0;z-index:95;background:var(--gt-navy);display:flex;flex-direction:column;
  padding:16px clamp(16px,4vw,36px) calc(20px + env(safe-area-inset-bottom));
  transform:translateX(100%);transition:transform 280ms cubic-bezier(.16,1,.3,1);visibility:hidden}
.gt-drawer.open{transform:translateX(0);visibility:visible}
.gt-drawer .gt-drawer-top{display:flex;align-items:center;justify-content:space-between;height:52px;margin-bottom:12px}
.gt-drawer .gt-drawer-top .gt-logo{background:#fff}
.gt-drawer-close{width:46px;height:46px;border-radius:10px;border:1.5px solid rgba(255,255,255,.3);
  background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}
.gt-drawer a.gt-dlink{font-family:var(--gt-font);font-weight:800;font-size:22px;color:#fff;
  padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.12);display:block;text-decoration:none}
.gt-drawer a.gt-dlink:active{color:var(--gt-gold-soft)}
.gt-drawer a.gt-dlink[aria-current="page"]{color:var(--gt-gold-soft)}
.gt-drawer-actions{margin-top:auto;display:grid;gap:12px}
.gt-drawer-actions a{display:flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--gt-font);font-weight:800;font-size:19px;padding:15px 28px;border-radius:9999px;text-decoration:none}
.gt-drawer-actions .gt-act-wa{background:#1faa55;color:#fff}
.gt-drawer-actions .gt-act-tel{background:linear-gradient(135deg,#e9d49d 0%,#c9a86a 52%,#a07d3c 100%);color:#15213f}