/* Single shared Jouheat header and footer used by every generated page. */
:root { --chrome-navy:#071527; --chrome-orange:#ff6b18; --chrome-orange-dark:#e95b0c; --chrome-line:#e5e7eb; --chrome-muted:#64748b; }
body { padding-top:40px !important; }
.global-shell { width:min(1180px,calc(100% - 32px)); margin:0 auto; }
.global-topbar { position:fixed; inset:0 0 auto; z-index:1040; min-height:40px; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.12); background:var(--chrome-navy); color:#e2e8f0; font-size:14px; }
.global-topbar .global-shell { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.global-topbar button,.global-footer button { padding:0; border:0; background:transparent; color:inherit; font:inherit; font-weight:700; cursor:pointer; }
.global-topbar button:hover,.global-footer button:hover { color:#ffb27f; }
.global-top-contact { display:flex; align-items:center; gap:7px; white-space:nowrap; }
.global-top-contact i { color:#64748b; font-style:normal; }
.global-header { position:sticky; top:40px; z-index:1030; border-bottom:1px solid var(--chrome-line); background:#fff; }
.global-header-inner { display:flex; align-items:center; min-height:82px; gap:22px; }
.global-logo { display:inline-flex; width:158px; flex:0 0 158px; align-items:center; }
.global-logo img { width:100%; height:56px; object-fit:contain; }
.global-nav { display:flex; align-items:center; justify-content:flex-end; gap:18px; margin-left:auto; color:var(--chrome-navy); font-size:14px; font-weight:800; white-space:nowrap; }
.global-nav a,.global-products summary { color:inherit; text-decoration:none; cursor:pointer; }
.global-nav a:hover,.global-products summary:hover,.global-nav a[aria-current="page"] { color:var(--chrome-orange); }
.global-products { position:relative; }
.global-products summary { list-style:none; }
.global-products summary::-webkit-details-marker { display:none; }
.global-products summary::after { content:" ▾"; color:var(--chrome-orange); }
.global-products-panel { position:absolute; top:calc(100% + 18px); left:50%; display:grid; width:660px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:18px; transform:translateX(-50%); border:1px solid var(--chrome-line); border-radius:18px; background:#fff; box-shadow:0 24px 70px rgba(15,23,42,.18); white-space:normal; }
.global-products:not([open]) .global-products-panel { display:none; }
.global-products-panel a { display:block; padding:12px 14px; border:1px solid var(--chrome-line); border-radius:12px; background:#fff; }
.global-products-panel a:hover { border-color:#fdba74; background:#fff7ed; }
.global-products-panel strong,.global-products-panel span { display:block; }
.global-products-panel strong { color:var(--chrome-navy); font-size:15px; }
.global-products-panel span { margin-top:2px; color:var(--chrome-muted); font-size:12px; font-weight:500; }
.global-products-panel .global-all-products { grid-column:1 / -1; border-color:#fed7aa; background:#fff7ed; }
.global-rfq { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; padding:12px 18px; border-radius:9px; background:var(--chrome-orange); color:#fff; font-size:14px; font-weight:900; text-decoration:none; white-space:nowrap; }
.global-rfq:hover { background:var(--chrome-orange-dark); }
.global-mobile { display:none; position:relative; margin-left:auto; }
.global-mobile summary { padding:9px 12px; border:1px solid var(--chrome-line); border-radius:9px; color:var(--chrome-navy); font-weight:900; list-style:none; cursor:pointer; }
.global-mobile summary::-webkit-details-marker { display:none; }
.global-mobile nav { position:absolute; top:calc(100% + 10px); right:0; width:min(300px,calc(100vw - 32px)); padding:12px; border:1px solid var(--chrome-line); border-radius:14px; background:#fff; box-shadow:0 20px 50px rgba(15,23,42,.18); }
.global-mobile nav a { display:block; padding:10px 11px; border-bottom:1px solid #f1f5f9; color:var(--chrome-navy); font-weight:800; text-decoration:none; }
.global-product-banner { padding:0 16px; border-bottom:1px solid var(--chrome-line); background:#eaf1f6; }
.global-product-banner a { display:block; width:min(1416px,100%); margin:0 auto; overflow:hidden; border-radius:0 0 18px 18px; }
.global-product-banner img { display:block; width:100%; height:auto; }
.global-footer { padding:52px 0 24px; background:var(--chrome-navy); color:#cbd5e1; }
.global-footer-grid { display:grid; grid-template-columns:1.25fr 1fr 1fr 1.15fr; gap:30px; }
.global-footer h3,.global-footer h4 { margin-top:0; color:#fff; }
.global-footer p { margin:8px 0; }
.global-footer a { color:#cbd5e1; text-decoration:none; }
.global-footer a:hover { color:#fff; text-decoration:underline; }
.global-copyright { margin-top:30px; padding-top:18px; border-top:1px solid rgba(255,255,255,.12); color:#94a3b8; font-size:14px; }
@media (max-width:1100px) {
  .global-nav { gap:12px; font-size:13px; }
  .global-rfq { display:none; }
}
@media (max-width:900px) {
  body { padding-top:44px !important; }
  .global-topbar { min-height:44px; padding:9px 0; }
  .global-topbar .global-shell { justify-content:center; }
  .global-topbar .global-shell > span:first-child { display:none; }
  .global-top-contact { font-size:13px; }
  .global-header { top:44px; }
  .global-header-inner { min-height:64px; }
  .global-logo { width:142px; flex-basis:142px; }
  .global-logo img { height:46px; }
  .global-nav { display:none; }
  .global-mobile { display:block; }
  .global-product-banner { padding:0; }
  .global-product-banner a { border-radius:0; }
  .global-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:560px) {
  .global-top-contact i,.global-top-contact b { display:none; }
  .global-top-contact { width:100%; justify-content:center; gap:18px; }
  .global-top-contact button { display:inline-block !important; }
  .global-footer-grid { grid-template-columns:1fr; }
}