/* Unified public header — Luxury Blue-Navy + Metallic Gold v1.
   Scope only to .ml-global-nav so existing page formulas, product grids and controls remain unchanged. */
nav.ml-global-nav.navbar {
  box-sizing:border-box!important;
  --ml-navy:#06152b; --ml-navy-mid:#0a2347; --ml-blue:#123a70;
  --ml-gold:#d9ad32; --ml-gold-light:#fff6d5;
  width:100%!important; padding:clamp(6px, .7vw, 12px) 0!important;
  margin:0!important; background:transparent!important; border:0!important; box-shadow:none!important;
  z-index:1030;
}
nav.ml-global-nav .ml-navbar-shell {
  box-sizing:border-box!important;
  width:calc(100% - clamp(16px, 3.2vw, 64px))!important;
  max-width:none!important; margin:0 auto!important;
  min-height:clamp(62px, 5.2vw, 76px)!important;
  padding:9px clamp(10px, 1.5vw, 24px)!important;
  display:flex!important; align-items:center!important; justify-content:space-between!important;
  gap:clamp(8px, 1.3vw, 24px)!important;
  border:1px solid rgba(217,173,50,.32)!important;
  border-radius:clamp(16px, 1.6vw, 21px)!important;
  background:radial-gradient(700px 250px at 12% -100%,rgba(137,206,255,.27),transparent 80%),linear-gradient(105deg,#174c86 0%,#0a2347 55%,#06152b 100%)!important;
  box-shadow:0 12px 28px rgba(6,21,43,.19),inset 0 1px 0 rgba(255,255,255,.2)!important;
  overflow:visible!important;
}
nav.ml-global-nav .ml-navbar-brand,
nav.ml-global-nav .ml-navbar-brand:hover {
  display:inline-flex!important; align-items:center!important; gap:10px!important;
  min-width:0!important; flex:0 1 auto!important; max-width:60%!important;
  margin:0!important; padding:0!important; color:#fff8db!important;
  text-decoration:none!important; line-height:1.1!important;
  white-space:nowrap!important; box-shadow:none!important; background:none!important;
}
nav.ml-global-nav .ml-navbar-logo {
  width:clamp(40px, 3.5vw, 48px)!important; height:clamp(40px, 3.5vw, 48px)!important;
  min-width:clamp(40px, 3.5vw, 48px)!important; padding:3px!important;
  display:grid!important; place-items:center!important; border-radius:13px!important;
  background:linear-gradient(135deg,#fff6d5,#f6d878 45%,#d9ad32)!important;
  border:1px solid rgba(255,255,255,.5)!important;
  color:#0a2347!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 5px 15px rgba(0,0,0,.17)!important;
  overflow:hidden!important;
}
nav.ml-global-nav .ml-navbar-logo img {display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;}
nav.ml-global-nav .ml-navbar-brandtext {display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;overflow:hidden!important;line-height:1.2!important;}
nav.ml-global-nav .ml-navbar-brandtext strong {display:block!important;font-size:clamp(.88rem,1.18vw,1.04rem)!important;font-weight:900!important;letter-spacing:.015em!important;color:#fff9de!important;}
nav.ml-global-nav .ml-navbar-brandtext small {display:block!important;color:#e9eef9!important;font-size:clamp(.57rem,.76vw,.73rem)!important;font-weight:700!important;white-space:nowrap!important;}
nav.ml-global-nav .ml-navbar-actions {margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-shrink:0!important;gap:clamp(6px,.7vw,10px)!important;}
nav.ml-global-nav .ml-navbar-action,
nav.ml-global-nav .ml-navbar-action:hover {
  appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;min-width:clamp(38px,3vw,43px)!important;min-height:clamp(38px,3vw,43px)!important;
  height:auto!important;padding:8px!important;margin:0!important;line-height:1.1!important;
  border:1px solid rgba(217,173,50,.6)!important;border-radius:999px!important;
  background:linear-gradient(145deg,#fffef7,#fff0bd)!important;color:#0a2347!important;
  font-size:.82rem!important;font-weight:900!important;text-decoration:none!important;
  box-shadow:0 3px 11px rgba(0,0,0,.11),inset 0 1px 0 #fff!important;
  transform:none!important;filter:none!important;white-space:nowrap!important;cursor:pointer!important;
}
nav.ml-global-nav .ml-navbar-action i,
nav.ml-global-nav .ml-navbar-action span {color:#0a2347!important;}
nav.ml-global-nav .ml-navbar-action i {font-size:1.04rem!important;line-height:1!important;}
nav.ml-global-nav .ml-navbar-action:focus-visible {outline:3px solid #f6d878!important;outline-offset:3px!important;}
nav.ml-global-nav .ml-navbar-action:hover {background:linear-gradient(140deg,#fff6d5,#f6d878)!important;box-shadow:0 6px 14px rgba(0,0,0,.16)!important;}
nav.ml-global-nav .ml-navbar-search {padding-inline:14px!important;}
nav.ml-global-nav .ml-navbar-account {padding-inline:13px!important;}
nav.ml-global-nav .ml-navbar-lang {min-width:44px!important;}
@media(max-width:760px) {
  nav.ml-global-nav .ml-navbar-shell {
  box-sizing:border-box!important;width:calc(100% - 16px)!important;padding:8px!important;min-height:60px!important;gap:5px!important;}
  nav.ml-global-nav .ml-navbar-brand {max-width:42%!important;gap:6px!important;}
  nav.ml-global-nav .ml-navbar-logo {width:38px!important;min-width:38px!important;height:38px!important;border-radius:11px!important;}
  nav.ml-global-nav .ml-navbar-brandtext strong {font-size:.82rem!important;}
  nav.ml-global-nav .ml-navbar-brandtext small {font-size:.52rem!important;}
  nav.ml-global-nav .ml-navbar-actions {gap:5px!important;}
  nav.ml-global-nav .ml-navbar-action {padding:6px!important;min-width:36px!important;min-height:36px!important;font-size:.69rem!important;}
  nav.ml-global-nav .ml-nav-search-label,
  nav.ml-global-nav .ml-navbar-account span {display:none!important;}
  nav.ml-global-nav .ml-navbar-search,
  nav.ml-global-nav .ml-navbar-account {padding-inline:7px!important;}
}
@media(max-width:410px) {
  nav.ml-global-nav .ml-navbar-shell {
  box-sizing:border-box!important;width:calc(100% - 12px)!important;padding:6px!important;}
  nav.ml-global-nav .ml-navbar-brand {max-width:40%!important;gap:5px!important;}
  nav.ml-global-nav .ml-navbar-brandtext strong {font-size:.73rem!important;}
  nav.ml-global-nav .ml-navbar-brandtext small {font-size:.48rem!important;}
  nav.ml-global-nav .ml-navbar-actions {gap:4px!important;}
  nav.ml-global-nav .ml-navbar-action {min-width:34px!important;min-height:34px!important;padding:5px!important;}
}

/* Keep the same dimensions even on older pages with id-specific button styles. */
nav.ml-global-nav #langBtn, nav.ml-global-nav #shareBtn,
nav.ml-global-nav #btnLangSwitch, nav.ml-global-nav #btnShare {
  border:1px solid rgba(217,173,50,.6)!important;
  min-height:clamp(38px,3vw,43px)!important;min-width:clamp(38px,3vw,43px)!important;
  border-radius:999px!important;padding:8px!important;line-height:1.1!important;
  background:linear-gradient(145deg,#fffef7,#fff0bd)!important;color:#0a2347!important;
  box-shadow:0 3px 11px rgba(0,0,0,.11),inset 0 1px 0 #fff!important;
  font-size:.82rem!important;font-weight:900!important;
}
@media(max-width:760px){
  nav.ml-global-nav #langBtn, nav.ml-global-nav #shareBtn,
  nav.ml-global-nav #btnLangSwitch, nav.ml-global-nav #btnShare {
    min-height:36px!important;min-width:36px!important;padding:6px!important;
  }
}
@media(max-width:410px){
  nav.ml-global-nav #langBtn, nav.ml-global-nav #shareBtn,
  nav.ml-global-nav #btnLangSwitch, nav.ml-global-nav #btnShare {
    min-height:34px!important;min-width:34px!important;padding:5px!important;
  }
}


/* ===========================================================
   PUBLIC NAVBAR STICKY FIX (V9)
   Keep the shared navbar visible while scrolling on PC/mobile.
   'overflow-x: hidden' on html/body (in page-specific mobile
   styles) creates a non-scrolling overflow ancestor and prevents
   sticky from tracking the viewport. 'clip' does not.
   =========================================================== */
html.ml-luxury-ui,
html.ml-luxury-ui body {
  overflow-x: clip !important;
}
html.ml-luxury-ui nav.navbar-main.ml-global-nav.sticky-top {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1030 !important;
}