/* Atlas V21 shared product shell.
   This file intentionally wins over legacy per-page navigation CSS. */

body.atlas-shell-page > nav,
body.atlas-shell-page > header:not(.market-hero):not(#atlasShell),
body.atlas-shell-page > footer:not(#atlasShellFooter){
  display:none !important;
}

#atlasShell{
  display:block !important;
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
  width:100% !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-bottom:1px solid rgba(25,24,20,.07) !important;
  background:rgba(245,241,232,.93) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  color:#111214 !important;
  box-shadow:none !important;
}

#atlasShell *{box-sizing:border-box}

#atlasShell .atlas-shell-nav{
  width:min(1380px,calc(100% - 40px)) !important;
  height:68px !important;
  margin:0 auto !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:190px 1fr auto !important;
  align-items:center !important;
  gap:18px !important;
  border:0 !important;
  background:transparent !important;
  position:relative !important;
  top:auto !important;
}

#atlasShell .atlas-shell-brand{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  width:max-content !important;
  margin:0 !important;
  padding:0 !important;
  color:#111214 !important;
  text-decoration:none !important;
  font:800 20px/1 "Helvetica Neue",Helvetica,Arial,sans-serif !important;
  letter-spacing:-.055em !important;
  border:0 !important;
  background:transparent !important;
}

#atlasShell .atlas-shell-mark{
  position:relative !important;
  display:block !important;
  width:25px !important;
  height:25px !important;
  flex:0 0 25px !important;
  border-radius:7px !important;
  background:#111214 !important;
  transform:none !important;
}
#atlasShell .atlas-shell-mark::before,
#atlasShell .atlas-shell-mark::after{
  content:"" !important;
  position:absolute !important;
  width:7px !important;
  height:7px !important;
  border-radius:2px !important;
  background:#f5f1e8 !important;
}
#atlasShell .atlas-shell-mark::before{left:5px !important;top:5px !important}
#atlasShell .atlas-shell-mark::after{right:5px !important;bottom:5px !important}

#atlasShell .atlas-shell-primary{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:4px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

#atlasShell .atlas-shell-link,
#atlasShell .atlas-shell-summary,
#atlasShell .atlas-shell-mobile-summary{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  min-height:34px !important;
  margin:0 !important;
  padding:8px 11px !important;
  border:1px solid transparent !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#5f625c !important;
  text-decoration:none !important;
  font:600 10px/1 "Helvetica Neue",Helvetica,Arial,sans-serif !important;
  letter-spacing:-.01em !important;
  cursor:pointer !important;
  list-style:none !important;
  box-shadow:none !important;
}
#atlasShell .atlas-shell-summary::-webkit-details-marker,
#atlasShell .atlas-shell-mobile-summary::-webkit-details-marker{display:none !important}

#atlasShell .atlas-shell-link:hover,
#atlasShell .atlas-shell-summary:hover,
#atlasShell details[open] > .atlas-shell-summary,
#atlasShell .atlas-shell-link.active,
#atlasShell .atlas-shell-summary.active{
  background:#fffdf8 !important;
  color:#111214 !important;
  border-color:rgba(21,20,17,.06) !important;
  box-shadow:0 4px 14px rgba(28,24,17,.045) !important;
}

#atlasShell .atlas-shell-dot{
  width:5px !important;
  height:5px !important;
  border-radius:50% !important;
  background:#baff63 !important;
  box-shadow:0 0 0 3px rgba(186,255,99,.15) !important;
}

#atlasShell .atlas-shell-menu{
  position:relative !important;
  margin:0 !important;
  padding:0 !important;
}
#atlasShell .atlas-shell-popover{
  position:absolute !important;
  top:42px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:230px !important;
  padding:7px !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:17px !important;
  background:#111316 !important;
  box-shadow:0 22px 55px rgba(13,13,13,.22) !important;
  color:#fff !important;
  z-index:1010 !important;
}
#atlasShell .atlas-shell-popover::before{
  content:"" !important;
  position:absolute !important;
  top:-8px !important;
  left:calc(50% - 8px) !important;
  width:16px !important;
  height:16px !important;
  transform:rotate(45deg) !important;
  background:#111316 !important;
  border-left:1px solid rgba(255,255,255,.06) !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
}
#atlasShell .atlas-shell-popover a{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  padding:10px 11px !important;
  border-radius:11px !important;
  color:#c7ccc7 !important;
  text-decoration:none !important;
  font:600 9px/1.15 "Helvetica Neue",Helvetica,Arial,sans-serif !important;
  background:transparent !important;
  border:0 !important;
}
#atlasShell .atlas-shell-popover a:hover,
#atlasShell .atlas-shell-popover a.active{
  background:#1c2025 !important;
  color:#fff !important;
}
#atlasShell .atlas-shell-popover small{
  display:block !important;
  margin-top:4px !important;
  color:#727a74 !important;
  font:400 7px/1.35 "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

#atlasShell .atlas-shell-right{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:7px !important;
}
#atlasShell .atlas-shell-search{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:9px 12px !important;
  border:1px solid #c8c2b7 !important;
  border-radius:999px !important;
  background:rgba(255,253,248,.78) !important;
  color:#242520 !important;
  text-decoration:none !important;
  font:700 9px/1 "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
#atlasShell .atlas-shell-search:hover{background:#fff !important}

#atlasShell .atlas-shell-mobile{display:none !important;position:relative !important}

#atlasShellFooter{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-top:1px solid rgba(25,24,20,.08) !important;
  background:#efebe2 !important;
  color:#111214 !important;
}
#atlasShellFooter .atlas-shell-footer-inner{
  width:min(1380px,calc(100% - 40px)) !important;
  min-height:88px !important;
  margin:0 auto !important;
  padding:20px 0 !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:20px !important;
}
#atlasShellFooter .atlas-shell-footer-brand{
  font:800 17px/1 "Helvetica Neue",Helvetica,Arial,sans-serif !important;
  letter-spacing:-.05em !important;
}
#atlasShellFooter .atlas-shell-footer-copy{
  display:block !important;
  margin-top:5px !important;
  color:#7a7d76 !important;
  font:400 8px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
#atlasShellFooter .atlas-shell-footer-links{
  display:flex !important;
  gap:13px !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
}
#atlasShellFooter .atlas-shell-footer-links a{
  color:#686b65 !important;
  text-decoration:none !important;
  font:600 8px/1 "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
#atlasShellFooter .atlas-shell-footer-links a:hover{color:#111214 !important}

@media(max-width:840px){
  #atlasShell .atlas-shell-nav{
    width:calc(100% - 24px) !important;
    grid-template-columns:1fr auto !important;
    height:62px !important;
  }
  #atlasShell .atlas-shell-primary,
  #atlasShell .atlas-shell-right{display:none !important}
  #atlasShell .atlas-shell-mobile{display:block !important}
  #atlasShell .atlas-shell-mobile-popover{
    left:auto !important;
    right:0 !important;
    transform:none !important;
    width:min(300px,calc(100vw - 24px)) !important;
  }
  #atlasShell .atlas-shell-mobile-popover::before{left:auto !important;right:18px !important}
  #atlasShell .atlas-shell-mobile-label{
    padding:9px 10px 4px !important;
    color:#69716a !important;
    font:700 7px/1 "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
  }
  #atlasShellFooter .atlas-shell-footer-inner{
    width:calc(100% - 24px) !important;
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  #atlasShellFooter .atlas-shell-footer-links{justify-content:flex-start !important}
}