/* Approved header finish. All rules are opt-in and confined to the real navigation. */
body.lob-header-motion #lobnho-pill-nav .pill-nav {
  --nav-h: 52px;
  --pill-pad-x: 16px;
  --pill-gap: 4px;
  --glass-bg: rgba(12, 10, 16, .94);
  --glass-border: rgba(255, 152, 251, .28);
  --glass-blur: 8px;
  --noise-opacity: 0;
  gap: 8px;
}
body.lob-header-motion #lobnho-pill-nav :is(.pill-logo, .pill-nav-items, .gl-cart-btn, .gl-lang-btn, .gl-lang-menu, .gl-lang-option, .mobile-menu-popover, .mobile-menu-link) { border-radius: 2px; }
body.lob-header-motion #lobnho-pill-nav .mobile-menu-button { border-radius: 2px !important; }
body.lob-header-motion #lobnho-pill-nav :is(.pill-logo, .gl-cart-btn) { width: 52px; height: 52px; }
body.lob-header-motion #lobnho-pill-nav .gl-lang-btn { height: 52px; padding-inline: 12px; }
body.lob-header-motion #lobnho-pill-nav :is(.pill-logo, .pill-nav-items, .gl-cart-btn, .gl-lang-btn, .mobile-menu-button) { box-shadow: 0 8px 24px #0005, inset 0 1px 0 #ffffff06; }
body.lob-header-motion #lobnho-pill-nav .pill-logo::before { border-radius: 2px; }
body.lob-header-motion #lobnho-pill-nav .pill-logo,
body.lob-header-motion #lobnho-pill-nav .pill-logo::before,
body.lob-header-motion #lobnho-pill-nav .pill-logo::after {
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body.lob-header-motion #lobnho-pill-nav a.pill-logo.glass-surface { border-color: transparent; }
body.lob-header-motion #lobnho-pill-nav .pill-nav-items::after {
  border-radius: 2px;
  opacity: .7;
  background: linear-gradient(#ff98fb 0 0) left top / 8px 1px no-repeat, linear-gradient(#ff98fb 0 0) left top / 1px 8px no-repeat, linear-gradient(#ff98fb 0 0) right bottom / 8px 1px no-repeat, linear-gradient(#ff98fb 0 0) right bottom / 1px 8px no-repeat;
}
body.lob-header-motion #lobnho-pill-nav .pill { border: 1px solid transparent; border-radius: 2px; background: transparent; color: #e8deed; font-weight: 700; letter-spacing: .07em; }
body.lob-header-motion #lobnho-pill-nav .pill .hover-circle { box-shadow: 0 0 0 6px var(--lobnho-pink); }
body.lob-header-motion #lobnho-pill-nav .pill--accent .hover-circle { box-shadow: 0 0 0 6px var(--lobnho-pink-soft); }
body.lob-header-motion #lobnho-pill-nav .pill.is-active { color: #fff1ff; background: rgba(255, 0, 246, .11); border-color: rgba(255, 152, 251, .3); }
body.lob-header-motion #lobnho-pill-nav .pill.is-active::after { width: 16px; height: 2px; bottom: 0; border-radius: 0; }
body.lob-header-motion #lobnho-pill-nav .pill--account { border-color: rgba(255, 152, 251, .4); color: #ffb2fc; background: rgba(255, 0, 246, .08); }
body.lob-header-motion #lobnho-pill-nav :is(.pill--accent, .mobile-menu-link--accent) { border-color: rgba(255, 152, 251, .56); background: rgba(255, 0, 246, .14); }
body.lob-header-motion #lobnho-pill-nav :is(.gl-cart-btn, .gl-lang-btn, .mobile-menu-button):hover { color: #fff1ff; background: #211225; border-color: #ff98fb8f; }
body.lob-header-motion #lobnho-pill-nav :is(.gl-lang-btn, .mobile-menu-button)[aria-expanded="true"] { border-color: #ff98fb9e; background: #28142d; }
body.lob-header-motion #lobnho-pill-nav :is(.gl-cart-badge, .lob-notification-badge) { border-radius: 2px; color: #17051b; background: #ff98fb; box-shadow: 0 0 0 1px #ff98fb4d; }
body.lob-header-motion #lobnho-pill-nav .gl-lang-menu { min-width: 148px; padding: 4px; border-color: #ff98fb66; background: #100c16fa; box-shadow: 0 12px 40px #0008; }
body.lob-header-motion #lobnho-pill-nav .gl-lang-option { min-height: 44px; color: #cdbfd3; }
body.lob-header-motion #lobnho-pill-nav .gl-lang-option.is-active { background: #ff00f61f; color: #fff1ff; box-shadow: inset 2px 0 #ff98fb; }
body.lob-header-motion #lobnho-pill-nav .mobile-menu-popover { padding: 4px; background: #100c16fa; border-color: #ff98fb66; }
body.lob-header-motion #lobnho-pill-nav .mobile-menu-list { padding: 0; gap: 4px; }
body.lob-header-motion #lobnho-pill-nav .mobile-menu-link { display: flex; align-items: center; justify-content: flex-start; gap: 8px; min-height: 48px; padding: 12px 16px; border: 1px solid transparent; color: #ddd2e3; background: #ffffff04; font-weight: 600; }
body.lob-header-motion #lobnho-pill-nav .mobile-menu-link.is-active { border-color: #ff98fb4d; background: #ff00f617; color: #fff1ff; box-shadow: inset 2px 0 #ff98fb; }
body.lob-header-motion #lobnho-pill-nav .mobile-menu-link--account { border: 1px solid #ff98fb66; color: #ffb2fc; background: #ff00f614; }
body.lob-header-motion #lobnho-pill-nav :is(a, button):focus-visible { outline: 2px solid #ff98fb; outline-offset: 3px; }
body.lob-header-motion #lobnho-pill-nav .pill:focus-visible { outline-offset: -3px; }
body.lob-header-motion #lobnho-pill-nav :is(.gl-cart-btn, .gl-lang-btn, .mobile-menu-button):active { transform: scale(.97); }

/* Additive layers never intercept navigation, menus or account/cart controls. */
body.lob-header-motion #lobnho-pill-nav :is(.lob-header-indicator, .lob-header-track, .lob-header-beam) { pointer-events: none !important; }
body.lob-header-motion #lobnho-pill-nav :is(.lob-header-indicator, .lob-header-track) { display: none; }
body.lob-header-motion[data-header-motion-enabled="true"] #lobnho-pill-nav .lob-header-indicator {
  display: block;
  position: absolute;
  z-index: 3;
  bottom: 1px;
  left: 0;
  width: 1px;
  height: 3px;
  background: #ff98fb;
  box-shadow: 0 0 12px #ff00f685;
  transform-origin: left center;
  opacity: 0;
  transition: transform 380ms cubic-bezier(.22, 1.15, .36, 1), opacity 140ms ease;
}
body.lob-header-motion[data-header-motion-enabled="true"] #lobnho-pill-nav .lob-header-indicator[data-visible="true"] { opacity: 1; }
body.lob-header-motion[data-header-motion-enabled="true"] #lobnho-pill-nav .lob-header-track {
  display: block;
  position: absolute;
  z-index: 2;
  inset: auto 0 -5px;
  height: 2px;
  overflow: hidden;
  background: #ff98fb16;
}
body.lob-header-motion #lobnho-pill-nav .lob-header-beam {
  display: block;
  width: 28%;
  height: 100%;
  background: linear-gradient(90deg, transparent, #ff00f6 30%, #ffcffd 65%, transparent);
  transform: translate3d(-120%, 0, 0);
}
body.lob-header-motion[data-header-motion-enabled="true"] #lobnho-pill-nav .lob-header-beam { animation: lob-header-beam-travel 5.6s ease-in-out infinite; }
body.lob-header-motion[data-header-motion-paused="true"] #lobnho-pill-nav .lob-header-beam { animation-play-state: paused !important; }
body.lob-header-motion[data-header-motion-enabled="true"] #lobnho-pill-nav :is(.pill, .gl-cart-btn, .gl-lang-btn, .mobile-menu-button) {
  translate: 0 0;
  transition: translate 260ms cubic-bezier(.22, 1.2, .36, 1), background-color 160ms ease, border-color 160ms ease;
}
@media (hover: hover) and (pointer: fine) {
  body.lob-header-motion[data-header-motion-enabled="true"] #lobnho-pill-nav :is(.pill, .gl-cart-btn, .gl-lang-btn, .mobile-menu-button):hover { translate: 0 -4px; }
}
body.lob-header-motion[data-header-motion-enabled="true"] #lobnho-pill-nav :is(.pill, .gl-cart-btn, .gl-lang-btn, .mobile-menu-button):focus-visible { translate: 0 -3px; }
body.lob-header-motion[data-header-motion-enabled="true"] #lobnho-pill-nav :is(.pill, .gl-cart-btn, .gl-lang-btn, .mobile-menu-button):active { translate: 0 -1px; }
@keyframes lob-header-beam-travel {
  0%, 12% { transform: translate3d(-120%, 0, 0); opacity: 0; }
  18%, 46% { opacity: .9; }
  54%, 100% { transform: translate3d(470%, 0, 0); opacity: 0; }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  body.lob-header-motion #lobnho-pill-nav .pill-nav { --pill-pad-x: 12px; gap: 5px; }
}
@media (max-width: 1024px) {
  body.lob-header-motion .lobnho-nav-layer { padding: max(16px, env(safe-area-inset-top)) 16px 0; }
  body.lob-header-motion #lobnho-pill-nav .pill-nav-container { width: 100%; max-width: 640px; }
  body.lob-header-motion #lobnho-pill-nav :is(.pill-logo, .gl-cart-btn, .gl-lang-btn) { width: 48px; height: 48px; }
  body.lob-header-motion #lobnho-pill-nav .mobile-menu-button { width: 48px !important; min-width: 48px !important; max-width: 48px !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; }
}
@media (max-width: 360px) {
  body.lob-header-motion .lobnho-nav-layer { padding-inline: 12px; }
  body.lob-header-motion #lobnho-pill-nav .pill-nav { gap: 4px; }
  body.lob-header-motion #lobnho-pill-nav :is(.pill-logo, .gl-cart-btn, .gl-lang-btn) { width: 44px; height: 44px; }
  body.lob-header-motion #lobnho-pill-nav .mobile-menu-button { width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.lob-header-motion #lobnho-pill-nav :is(a, button, span, svg, img, div),
  body.lob-header-motion #lobnho-pill-nav ::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  body.lob-header-motion #lobnho-pill-nav .pill-logo img { transform: none !important; }
  body.lob-header-motion #lobnho-pill-nav .lob-header-beam { animation: none !important; }
}