
/* ── Global CSS isolation ── */
#msc-navbar,#msc-mobile-menu,#msc-panel-overlay,#msc-skip-link{
  all:initial;
  box-sizing:border-box;
}
#msc-navbar *:not(svg):not(svg *),#msc-navbar *::before,#msc-navbar *::after,
#msc-mobile-menu *:not(svg):not(svg *),#msc-mobile-menu *::before,#msc-mobile-menu *::after{
  all:unset;
  box-sizing:border-box;
}

#msc-navbar,#msc-mobile-menu,#msc-panel-overlay{
  --msc-dark-brown:#3B2F26;--msc-brown-mid:#5C4A3A;--msc-gold:#D6AD60;
  --msc-copper:#B26E3C;--msc-taupe:#A8957A;--msc-cream:#EFE4C8;
  --msc-cream-light:#FAF6EE;--msc-cream-border:#DDD0B0;
  --msc-font-heading:'Playfair Display',Georgia,serif;
  --msc-font-sub:'Source Sans Pro',sans-serif;
  --msc-font-body:'Source Serif Pro',Georgia,serif;
  --msc-nav-height:5.125rem;
  --msc-ease:0.28s cubic-bezier(0.4,0,0.2,1);
}

/* ── Body offset for fixed navbar ── */
body{
  padding-top: var(--msc-nav-actual-height, 5.125rem) !important;
}
/* ── Bricks Builder Compatibility ── */
#brx-header, .brxe-header, header.bricks-header, [data-brx-component="header"] {
  display: none !important;
}
body:has(#brx-content){
  padding-top: 0 !important;
}
#brx-content {
  padding-top: var(--msc-nav-actual-height, var(--msc-nav-height)) !important;
}

#msc-navbar{
  position:fixed !important;top:0 !important;left:0 !important;right:0 !important;
  width:100% !important;z-index:99998 !important;
  height:var(--msc-nav-height) !important;
  background:rgba(250,246,238,0.95) !important;
  backdrop-filter:blur(16px) !important;-webkit-backdrop-filter:blur(16px) !important;
  box-shadow:0 1px 0 rgba(168,149,122,0.3),0 4px 28px rgba(59,47,38,0.06) !important;
  transition:height var(--msc-ease),background var(--msc-ease),box-shadow var(--msc-ease) !important;
  display:flex !important;align-items:center !important;
  margin:0 !important;padding:0 !important;
}
#msc-navbar::after{
  content:'' !important;position:absolute !important;
  bottom:0 !important;left:8% !important;right:8% !important;height:1px !important;
  background:linear-gradient(90deg,transparent,rgba(214,173,96,0.5),transparent) !important;
  pointer-events:none !important;
}
#msc-navbar.msc-scrolled{
  height:4.125rem !important;background:rgba(250,246,238,0.99) !important;
  box-shadow:0 1px 0 rgba(168,149,122,0.35),0 8px 36px rgba(59,47,38,0.09) !important;
}

#msc-navbar .msc-nav-container{
  width:100% !important;padding:0 clamp(1.25rem, 3vw, 3rem) !important;
  display:flex !important;align-items:center !important;
  justify-content:space-between !important;gap:clamp(0.5rem, 1.5vw, 1.5rem) !important;
}

#msc-navbar .msc-logo{
  display:flex !important;align-items:center !important;
  text-decoration:none !important;flex-shrink:1 !important;min-width:0 !important;
  cursor:pointer !important;line-height:0 !important;
}
#msc-navbar .msc-logo-img{
  display:block !important;width:auto !important;
  max-width:clamp(6rem, 9vw, 10rem) !important;height:clamp(2.25rem, 3vw, 3.25rem) !important;
  object-fit:contain !important;object-position:left center !important;
  transition:opacity var(--msc-ease),transform var(--msc-ease) !important;
}
#msc-navbar .msc-logo:hover .msc-logo-img{opacity:0.78 !important;transform:translateY(-1px) !important;}
#msc-navbar.msc-scrolled .msc-logo-img{height:2.625rem !important;}

#msc-navbar .msc-nav-links{
  display:flex !important;align-items:center !important;
  gap:0 !important;margin:0 !important;padding:0 !important;
  flex:1 1 auto !important;justify-content:space-evenly !important;
  min-width:0 !important;
}
#msc-navbar .msc-nav-links li{
  display:block !important;margin:0 !important;padding:0 !important;
  position:relative !important;
  flex-shrink:1 !important;min-width:0 !important;
}
#msc-navbar .msc-nav-links li a{
  display:inline-flex !important;align-items:center !important;gap:5px !important;
  font-family:var(--msc-font-heading) !important;
  font-size:clamp(0.7rem, 0.9vw, 1.05rem) !important;font-weight:700 !important;font-style:italic !important;
  color:var(--msc-brown-mid) !important;
  text-decoration:none !important;letter-spacing:0.03em !important;text-transform:none !important;
  padding:0.5625rem clamp(0.375rem, 0.8vw, 1rem) !important;border-radius:3px !important;
  white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
  max-width:100% !important;cursor:pointer !important;
  background-image:linear-gradient(var(--msc-copper),var(--msc-copper)) !important;
  background-size:0% 1px !important;background-repeat:no-repeat !important;
  background-position:center bottom 1px !important;
  transition:color var(--msc-ease),background-size var(--msc-ease),background-color var(--msc-ease) !important;
}
#msc-navbar .msc-nav-links li a:hover{
  color:var(--msc-copper) !important;
  background-size:70% 1px !important;
  background-color:rgba(178,110,60,0.05) !important;
}

#msc-navbar .msc-nav-links li.msc-has-dropdown>a::before{
  content:'' !important;position:absolute !important;
  bottom:-6px !important;left:0 !important;right:0 !important;
  height:8px !important;background:transparent !important;
}
#msc-navbar .msc-nav-links li.msc-has-dropdown>a::after{
  content:'' !important;display:inline-block !important;
  width:4px !important;height:4px !important;
  border-right:1.2px solid currentColor !important;
  border-bottom:1.2px solid currentColor !important;
  transform:rotate(45deg) translateY(-2px) !important;
  flex-shrink:0 !important;opacity:0.7 !important;
  transition:transform var(--msc-ease),opacity var(--msc-ease) !important;
}
#msc-navbar .msc-nav-links li.msc-has-dropdown:hover>a::after{
  transform:rotate(-135deg) translateY(2px) !important;opacity:1 !important;
}

#msc-navbar .msc-dropdown{
  position:absolute !important;top:100% !important;
  left:50% !important;transform:translateX(-50%) translateY(4px) !important;
  background:var(--msc-cream-light) !important;
  border:1px solid var(--msc-cream-border) !important;
  border-top:2px solid var(--msc-gold) !important;
  min-width:15rem !important;
  padding:0.375rem 0 0.5rem !important;margin:0 !important;
  border-radius:0 0 8px 8px !important;
  opacity:0 !important;pointer-events:none !important;
  transition:opacity var(--msc-ease),transform var(--msc-ease) !important;
  box-shadow:0 16px 48px rgba(59,47,38,0.1),0 4px 12px rgba(59,47,38,0.06) !important;
  z-index:99999 !important;
}
#msc-navbar .msc-nav-links li.msc-has-dropdown:hover .msc-dropdown,
#msc-navbar .msc-nav-links li.msc-has-dropdown.msc-dropdown-open .msc-dropdown{
  opacity:1 !important;pointer-events:all !important;
  transform:translateX(-50%) translateY(0) !important;
}
#msc-navbar .msc-nav-links li.msc-has-dropdown.msc-dropdown-open>a::after{
  transform:rotate(-135deg) translateY(2px) !important;opacity:1 !important;
}
#msc-navbar .msc-dropdown li{display:block !important;margin:0 !important;padding:0 !important;}
#msc-navbar .msc-dropdown li+li{border-top:1px solid rgba(168,149,122,0.15) !important;}
#msc-navbar .msc-dropdown li a{
  display:block !important;
  font-family:var(--msc-font-body) !important;font-size:clamp(0.75rem, 0.9vw, 0.95rem) !important;
  font-weight:700 !important;font-style:normal !important;
  color:var(--msc-dark-brown) !important;text-decoration:none !important;
  letter-spacing:0.01em !important;padding:0.625rem 1.375rem !important;
  white-space:nowrap !important;background-image:none !important;cursor:pointer !important;
  transition:background var(--msc-ease),color var(--msc-ease),padding-left var(--msc-ease) !important;
}
#msc-navbar .msc-dropdown li a:hover{
  background:rgba(214,173,96,0.14) !important;
  color:var(--msc-copper) !important;padding-left:1.875rem !important;
}

#msc-navbar .msc-cta{
  display:inline-flex !important;align-items:center !important;
  font-family:var(--msc-font-sub) !important;font-size:clamp(0.65rem, 0.85vw, 0.9rem) !important;
  font-weight:700 !important;letter-spacing:0.15em !important;text-transform:uppercase !important;
  color:var(--msc-cream-light) !important;background:var(--msc-dark-brown) !important;
  text-decoration:none !important;padding:clamp(0.5rem, 0.7vw, 0.6875rem) clamp(0.75rem, 1.2vw, 1.375rem) !important;
  border-radius:40px !important;white-space:nowrap !important;flex-shrink:1 !important;
  position:relative !important;overflow:hidden !important;cursor:pointer !important;
  box-shadow:0 2px 14px rgba(59,47,38,0.2) !important;
  transition:color var(--msc-ease),transform var(--msc-ease),box-shadow var(--msc-ease) !important;
}
#msc-navbar .msc-cta::before{
  content:'' !important;position:absolute !important;inset:0 !important;
  background:var(--msc-copper) !important;transform:translateX(-101%) !important;
  border-radius:40px !important;transition:transform var(--msc-ease) !important;
}
#msc-navbar .msc-cta span{position:relative !important;z-index:1 !important;}
#msc-navbar .msc-cta:hover{
  color:var(--msc-cream-light) !important;
  box-shadow:0 6px 28px rgba(178,110,60,0.32) !important;transform:translateY(-1px) !important;
}
#msc-navbar .msc-cta:hover::before{transform:translateX(0) !important;}

/* ── Nav actions (IG + search icons) ── */
#msc-navbar .msc-nav-actions{
  display:flex !important;align-items:center !important;gap:0.25rem !important;
  flex-shrink:0 !important;
}
#msc-navbar .msc-icon-btn{
  display:flex !important;align-items:center !important;justify-content:center !important;
  width:2.125rem !important;height:2.125rem !important;
  border-radius:50% !important;cursor:pointer !important;
  transition:background var(--msc-ease) !important;
}
#msc-navbar .msc-icon-btn:hover{
  background:rgba(178,110,60,0.08) !important;
}
#msc-navbar .msc-icon-btn svg{
  display:block !important;width:1.125rem !important;height:1.125rem !important;flex-shrink:0 !important;
}
#msc-navbar .msc-icon-btn svg,
#msc-navbar .msc-icon-btn svg *{
  stroke:#5C4A3A !important;fill:none !important;
  stroke-width:1.5 !important;stroke-linecap:round !important;stroke-linejoin:round !important;
}
#msc-navbar .msc-icon-btn svg circle[stroke="none"]{
  fill:#5C4A3A !important;stroke:none !important;stroke-width:0 !important;
}
#msc-navbar .msc-icon-btn:hover svg,
#msc-navbar .msc-icon-btn:hover svg *{
  stroke:#B26E3C !important;
}
#msc-navbar .msc-icon-btn:hover svg circle[stroke="none"]{
  fill:#B26E3C !important;stroke:none !important;stroke-width:0 !important;
}

/* ── Search bar ── */
#msc-navbar .msc-search-bar{
  position:absolute !important;top:100% !important;left:0 !important;right:0 !important;
  background:var(--msc-cream-light) !important;
  border-top:1px solid var(--msc-cream-border) !important;
  border-bottom:2px solid var(--msc-gold) !important;
  box-shadow:0 12px 36px rgba(59,47,38,0.1) !important;
  padding:1rem 2.5rem !important;
  display:none !important;z-index:1 !important;
}
#msc-navbar .msc-search-bar.msc-open{display:block !important;}
#msc-navbar .msc-search-form{
  max-width:37.5rem !important;margin:0 auto !important;
  display:flex !important;gap:0.625rem !important;
}
#msc-navbar .msc-search-input{
  flex:1 !important;
  font-family:var(--msc-font-body) !important;font-size:1rem !important;
  color:var(--msc-dark-brown) !important;background:#fff !important;
  border:1px solid var(--msc-cream-border) !important;
  border-radius:6px !important;padding:0.625rem 1rem !important;
  outline:none !important;box-shadow:none !important;
  -webkit-appearance:none !important;
}
#msc-navbar .msc-search-input:focus{
  border-color:var(--msc-copper) !important;
  box-shadow:0 0 0 3px rgba(178,110,60,0.12) !important;
}
#msc-navbar .msc-search-submit{
  font-family:var(--msc-font-sub) !important;font-size:0.85rem !important;
  font-weight:600 !important;letter-spacing:0.1em !important;text-transform:uppercase !important;
  color:var(--msc-cream-light) !important;background:var(--msc-dark-brown) !important;
  border:none !important;border-radius:6px !important;
  padding:0.625rem 1.375rem !important;cursor:pointer !important;
  transition:background var(--msc-ease) !important;
}
#msc-navbar .msc-search-submit:hover{background:var(--msc-copper) !important;}

/* ── Mobile menu social ── */
#msc-mobile-menu .msc-mob-social{
  display:flex !important;align-items:center !important;gap:0.75rem !important;
  margin-top:1.25rem !important;padding-top:1rem !important;
  border-top:1px solid rgba(168,149,122,0.2) !important;
}
#msc-mobile-menu .msc-mob-social a{
  display:flex !important;align-items:center !important;gap:0.5rem !important;
  font-family:var(--msc-font-body) !important;font-size:0.9rem !important;
  color:var(--msc-brown-mid) !important;text-decoration:none !important;
  padding:0 !important;cursor:pointer !important;
}
#msc-mobile-menu .msc-mob-social a:hover{color:var(--msc-copper) !important;}
#msc-mobile-menu .msc-mob-social svg{
  display:block !important;width:1.125rem !important;height:1.125rem !important;
}
#msc-mobile-menu .msc-mob-social svg,
#msc-mobile-menu .msc-mob-social svg *{
  stroke:#5C4A3A !important;fill:none !important;
  stroke-width:1.5 !important;stroke-linecap:round !important;stroke-linejoin:round !important;
}
#msc-mobile-menu .msc-mob-social svg circle[stroke="none"]{
  fill:#5C4A3A !important;stroke:none !important;stroke-width:0 !important;
}
#msc-mobile-menu .msc-mob-social a:hover svg,
#msc-mobile-menu .msc-mob-social a:hover svg *{
  stroke:#B26E3C !important;
}
#msc-mobile-menu .msc-mob-social a:hover svg circle[stroke="none"]{
  fill:#B26E3C !important;stroke:none !important;stroke-width:0 !important;
}

#msc-navbar .msc-hamburger{
  display:none !important;flex-direction:column !important;
  justify-content:center !important;gap:5px !important;
  width:2.5rem !important;height:2.5rem !important;
  background:transparent !important;border:1px solid rgba(92,74,58,0.22) !important;
  border-radius:4px !important;cursor:pointer !important;padding:0.5rem !important;
  flex-shrink:0 !important;
  transition:border-color var(--msc-ease),background var(--msc-ease) !important;
}
#msc-navbar .msc-hamburger:hover{
  background:rgba(92,74,58,0.06) !important;border-color:var(--msc-copper) !important;
}
#msc-navbar .msc-hamburger span{
  display:block !important;width:100% !important;height:1.5px !important;
  background:var(--msc-dark-brown) !important;border-radius:2px !important;
  transition:transform var(--msc-ease),opacity var(--msc-ease) !important;
  transform-origin:center !important;
}
#msc-navbar .msc-hamburger.msc-open span:nth-child(1){transform:translateY(6.5px) rotate(45deg) !important;}
#msc-navbar .msc-hamburger.msc-open span:nth-child(2){opacity:0 !important;transform:scaleX(0) !important;}
#msc-navbar .msc-hamburger.msc-open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg) !important;}

#msc-panel-overlay{
  position:fixed !important;inset:0 !important;
  background:rgba(59,47,38,0.35) !important;z-index:99996 !important;
  opacity:0 !important;visibility:hidden !important;
  transition:opacity 0.32s cubic-bezier(0.4,0,0.2,1),visibility 0.32s !important;
}
#msc-panel-overlay.msc-panel-open{opacity:1 !important;visibility:visible !important;}

#msc-mobile-menu{
  position:fixed !important;top:0 !important;left:0 !important;
  width:18.75rem !important;max-width:85vw !important;height:100vh !important;
  background:var(--msc-cream-light) !important;
  border-right:1px solid var(--msc-cream-border) !important;
  box-shadow:4px 0 32px rgba(59,47,38,0.14) !important;
  transform:translateX(-100%) !important;
  transition:transform 0.32s cubic-bezier(0.4,0,0.2,1) !important;
  z-index:99997 !important;
  box-sizing:border-box !important;overflow-y:auto !important;overflow-x:hidden !important;
}
#msc-mobile-menu.msc-panel-open{transform:translateX(0) !important;}

#msc-mobile-menu .msc-panel-header{
  display:flex !important;align-items:center !important;
  justify-content:space-between !important;padding:1.25rem 1.5rem 1rem !important;
  border-bottom:1px solid var(--msc-cream-border) !important;
  position:sticky !important;top:0 !important;
  background:var(--msc-cream-light) !important;z-index:1 !important;
}
#msc-mobile-menu .msc-panel-logo{
  font-family:var(--msc-font-heading) !important;font-size:1.05rem !important;
  font-style:italic !important;color:var(--msc-dark-brown) !important;opacity:0.7 !important;
}
#msc-mobile-menu .msc-panel-close{
  width:2rem !important;height:2rem !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  background:none !important;border:1px solid rgba(92,74,58,0.2) !important;
  border-radius:50% !important;cursor:pointer !important;
  color:var(--msc-dark-brown) !important;font-size:1rem !important;line-height:1 !important;
  flex-shrink:0 !important;
}
#msc-mobile-menu .msc-panel-close:hover{
  background:rgba(92,74,58,0.08) !important;
  border-color:var(--msc-copper) !important;color:var(--msc-copper) !important;
}

#msc-mobile-menu .msc-mobile-inner{display:block !important;padding:1rem 1.5rem 2.5rem !important;}
#msc-mobile-menu ul{display:block !important;margin:0 !important;padding:0 !important;}
#msc-mobile-menu ul li{display:block !important;margin:0 !important;padding:0 !important;}
#msc-mobile-menu ul li a,#msc-mobile-menu .msc-mob-parent{
  display:block !important;
  font-family:var(--msc-font-heading) !important;font-size:1.15rem !important;
  font-weight:400 !important;font-style:italic !important;
  color:var(--msc-dark-brown) !important;text-decoration:none !important;
  letter-spacing:0.02em !important;padding:0.875rem 0 !important;
  border-bottom:1px solid rgba(168,149,122,0.2) !important;
  width:100% !important;text-align:left !important;
  cursor:pointer !important;line-height:1.4 !important;
}
#msc-mobile-menu ul>li:first-child>a,
#msc-mobile-menu ul>li:first-child>.msc-mob-parent-row{
  border-top:1px solid rgba(168,149,122,0.2) !important;
}
#msc-mobile-menu ul li a:hover,
#msc-mobile-menu .msc-mob-parent:hover{color:var(--msc-copper) !important;}

#msc-mobile-menu .msc-mob-parent-row{
  display:flex !important;align-items:center !important;box-sizing:border-box !important;
  justify-content:space-between !important;
  border-bottom:1px solid rgba(168,149,122,0.2) !important;
}
#msc-mobile-menu .msc-mob-parent-row .msc-mob-parent{border-bottom:none !important;flex:1 !important;}

#msc-mobile-menu .msc-mob-arrow{
  width:2.75rem !important;height:2.75rem !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  flex-shrink:0 !important;cursor:pointer !important;
}
#msc-mobile-menu .msc-mob-arrow svg{
  transition:transform 0.28s cubic-bezier(0.4,0,0.2,1) !important;
}
#msc-mobile-menu .msc-mob-arrow.msc-open svg{transform:rotate(180deg);}

#msc-mobile-menu .msc-mob-sub{
  display:block !important;
  max-height:0 !important;
  overflow:hidden !important;
  visibility:hidden !important;
  transition:max-height 0.35s cubic-bezier(0.4,0,0.2,1),visibility 0s linear 0.35s !important;
  background:rgba(168,149,122,0.07) !important;
  border-radius:0 0 6px 6px !important;margin:0 !important;padding:0 !important;
}
#msc-mobile-menu .msc-mob-sub.msc-open{
  max-height:62.5rem !important;
  visibility:visible !important;
  transition:max-height 0.35s cubic-bezier(0.4,0,0.2,1),visibility 0s linear 0s !important;
}
#msc-mobile-menu .msc-mob-sub>li{overflow:hidden !important;}
#msc-mobile-menu .msc-mob-sub li a{
  font-family:var(--msc-font-body) !important;font-size:1rem !important;
  font-weight:400 !important;font-style:normal !important;
  color:var(--msc-brown-mid) !important;padding:0.5625rem 0 0.5625rem 1.25rem !important;
  letter-spacing:0.01em !important;border-top:none !important;
  border-bottom:1px solid rgba(168,149,122,0.12) !important;
}
#msc-mobile-menu .msc-mob-sub li a:hover{color:var(--msc-copper) !important;}

#msc-mobile-menu .msc-mob-cta{
  display:block !important;box-sizing:border-box !important;
  margin-top:1.75rem !important;text-align:center !important;cursor:pointer !important;
  font-family:var(--msc-font-sub) !important;font-size:0.85rem !important;
  font-weight:600 !important;letter-spacing:0.15em !important;text-transform:uppercase !important;
  color:var(--msc-cream-light) !important;background:var(--msc-dark-brown) !important;
  text-decoration:none !important;padding:0.875rem 1.25rem !important;
  border-radius:40px !important;
  box-shadow:0 2px 14px rgba(59,47,38,0.18) !important;
}
#msc-mobile-menu .msc-mob-cta:hover{
  background:var(--msc-copper) !important;
}

@media (max-width:960px){
  #msc-navbar .msc-nav-links{display:none !important;}
  #msc-navbar .msc-cta{display:none !important;}
  #msc-navbar .msc-hamburger{display:flex !important;}
}
@media (max-width:480px){
  #msc-navbar .msc-logo-img{height:2.5rem !important;max-width:8.125rem !important;}
  #msc-mobile-menu{width:17.5rem !important;}
  #msc-mobile-menu .msc-mobile-inner{padding:0.875rem 1.25rem 2.25rem !important;}
  #msc-navbar .msc-search-bar{padding:0.75rem 1.25rem !important;}
}

/* ── Skip-to-content link ── */
#msc-skip-link{
  position:fixed !important;top:-100% !important;left:16px !important;
  z-index:99999 !important;
  font-family:var(--msc-font-sub) !important;font-size:0.85rem !important;font-weight:600 !important;
  color:var(--msc-cream-light) !important;background:var(--msc-dark-brown) !important;
  padding:0.625rem 1.25rem !important;border-radius:0 0 6px 6px !important;
  text-decoration:none !important;
  box-shadow:0 4px 16px rgba(59,47,38,0.2) !important;
}
#msc-skip-link:focus{
  top:0 !important;outline:none !important;
}

/* ── Active page indicators ── */
#msc-navbar .msc-nav-links li.msc-current>a{
  color:var(--msc-copper) !important;
  background-size:70% 1px !important;
}
#msc-navbar .msc-nav-links li.msc-current-ancestor>a{
  color:var(--msc-copper) !important;
}
#msc-navbar .msc-dropdown li.msc-current>a{
  color:var(--msc-copper) !important;
  background:rgba(214,173,96,0.14) !important;
  padding-left:1.625rem !important;
}
#msc-mobile-menu li.msc-current>a{
  color:var(--msc-copper) !important;
}
#msc-mobile-menu li.msc-current-ancestor>.msc-mob-parent-row .msc-mob-parent{
  color:var(--msc-copper) !important;
}

/* ── Keyboard focus-visible ── */
#msc-navbar .msc-nav-links li a:focus-visible,
#msc-navbar .msc-cta:focus-visible,
#msc-navbar .msc-logo:focus-visible,
#msc-navbar .msc-icon-btn:focus-visible,
#msc-navbar .msc-search-input:focus-visible,
#msc-navbar .msc-search-submit:focus-visible,
#msc-navbar .msc-hamburger:focus-visible{
  outline:2px solid var(--msc-copper) !important;
  outline-offset:2px !important;
}
#msc-navbar .msc-dropdown li a:focus-visible{
  outline:2px solid var(--msc-copper) !important;
  outline-offset:-2px !important;
}
#msc-mobile-menu a:focus-visible,
#msc-mobile-menu button:focus-visible{
  outline:2px solid var(--msc-copper) !important;
  outline-offset:2px !important;
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion:reduce){
  #msc-navbar,#msc-navbar *,#msc-navbar *::before,#msc-navbar *::after,
  #msc-mobile-menu,#msc-mobile-menu *,
  #msc-panel-overlay{
    transition:none !important;animation:none !important;
  }
}

body.admin-bar #msc-navbar{top:32px !important;}
@media screen and (max-width:782px){
  body.admin-bar #msc-navbar{top:46px !important;}
}
