/* region: navigation-2; preserved from harness/output/html-baselines/senfeng-real-html-full-flow/r1/desktop.regions/navigation-2.styles.css */
/* Every ordinary selector is scoped below [data-sth-source-id="navigation-2"]; declarations keep their captured order and values. */
[data-sth-source-id="navigation-2"] { --kik-color-bg-page: #ffffff; --kik-color-bg-surface: #ffffff; --kik-color-bg-surface-alt-1: #f5f7f8; --kik-color-bg-surface-alt-2: #e6eaec; --kik-color-bg-surface-alt-3: #c7cfd3; --kik-color-bg-inverse: #212721; --kik-color-bg-accent: #0085ca; --kik-color-bg-accent-subtle: #e6f3fa; --kik-color-bg-star: #fecf84; --kik-color-text-primary: #212721; --kik-color-text-secondary: #6f736f; --kik-color-text-tertiary: #9b9e9b; --kik-color-text-inverse: #ffffff; --kik-color-text-accent: #0085ca; --kik-color-action-primary: #0085ca; --kik-color-action-secondary: #ffffff; --kik-color-border-default: #c7cfd3; --kik-color-border-subtle: #e6eaec; --kik-color-border-accent: #0085ca; --kik-color-border-inverse: #ffffff; --kik-font-heading: "Poppins",system-ui,-apple-system,"Segoe UI",sans-serif; --kik-font-body: "Poppins",system-ui,-apple-system,"Segoe UI",sans-serif; --kik-text-size-h1: 56px; --kik-text-size-h2: 48px; --kik-text-size-h4: 32px; --kik-text-size-h5: 24px; --kik-text-size-h6: 20px; --kik-text-size-body-lg: 18px; --kik-text-size-body-md: 16px; --kik-text-size-body-sm: 14px; --kik-text-size-body-xsm: 12px; --kik-space-gap-2xs: 4px; --kik-space-gap-xs: 8px; --kik-space-gap-sm: 12px; --kik-space-gap-md: 16px; --kik-space-gap-lg: 24px; --kik-space-gap-xl: 32px; --kik-space-gap-2xl: 48px; --kik-space-inset-2xs: 4px; --kik-space-inset-xs: 8px; --kik-space-inset-sm: 12px; --kik-space-inset-md: 16px; --kik-space-inset-lg: 24px; --kik-space-inset-xl: 32px; --kik-space-gutter-md: 64px; --kik-space-gutter-lg: 80px; --kik-space-section-xs: 32px; --kik-space-section-md: 64px; --kik-radius-sm: 4px; --kik-radius-md: 6px; --kik-radius-lg: 8px; --kik-radius-pill: 100px; --kik-shadow-card: 4px 4px 50px rgba(0,0,0,.08); --ease: cubic-bezier(.22,.61,.36,1); --dur: 220ms; --page-max: 1600px; --gutter: var(--kik-space-gutter-md); }
@media (max-width: 1023px) {
[data-sth-source-id="navigation-2"] { --gutter: 32px; --kik-text-size-h1: 44px; --kik-text-size-h2: 36px; }
}
@media (max-width: 767px) {
[data-sth-source-id="navigation-2"] { --gutter: 16px; --kik-text-size-h1: 40px; --kik-text-size-h2: 40px; --kik-text-size-h4: 24px; --kik-space-section-md: 48px; }
}
[data-sth-source-id="navigation-2"] *, [data-sth-source-id="navigation-2"] ::before, [data-sth-source-id="navigation-2"] ::after { box-sizing: border-box; }
[data-sth-source-id="navigation-2"] { text-size-adjust: 100%; scroll-behavior: smooth; }
[data-sth-source-id="navigation-2"] { margin: 0px; background: var(--kik-color-bg-page); color: var(--kik-color-text-primary); font-family: var(--kik-font-body); font-size: var(--kik-text-size-body-md); line-height: 1.5; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
[data-sth-source-id="navigation-2"] a { color: inherit; text-decoration: none; }
@media (prefers-reduced-motion: reduce) {
[data-sth-source-id="navigation-2"] { scroll-behavior: auto; }
[data-sth-source-id="navigation-2"] *, [data-sth-source-id="navigation-2"] ::before, [data-sth-source-id="navigation-2"] ::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}
[data-sth-source-id="navigation-2"] .nav__links { display: flex; gap: var(--kik-space-gap-xl); align-items: center; position: absolute; left: 50%; transform: translateX(-50%); font-weight: 600; font-size: var(--kik-text-size-body-sm); white-space: nowrap; }
[data-sth-source-id="navigation-2"] .nav__links a { position: relative; padding: 4px 0px; transition: color var(--dur) var(--ease); }
[data-sth-source-id="navigation-2"] .nav__links a::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 2px; background: var(--kik-color-action-primary); transform: scaleX(0); transform-origin: left center; transition: transform var(--dur) var(--ease); }
[data-sth-source-id="navigation-2"] .nav__links a:hover { color: var(--kik-color-text-accent); }
[data-sth-source-id="navigation-2"] .nav__links a:hover::after { transform: scaleX(1); }
@media (max-width: 1279px) {
[data-sth-source-id="navigation-2"] .nav__links { display: none; }
}

/* Base rules the navigation drawer chrome inherits from the captured document. */
[data-sth-source-id="navigation-2"] img { max-width: 100%; height: auto; display: block; }
[data-sth-source-id="navigation-2"] button { font: inherit; color: inherit; background: none; border: 0px; padding: 0px; cursor: pointer; }
[data-sth-source-id="navigation-2"] :focus-visible { outline: 3px solid var(--kik-color-action-primary); outline-offset: 2px; border-radius: 2px; }

/* Mobile drawer: the navigation region owns the drawer that consumes the same menu tree. */
[data-sth-source-id="navigation-2"] .btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--kik-space-gap-2xs); height: 48px; padding: var(--kik-space-inset-sm) var(--kik-space-inset-lg); border-radius: var(--kik-radius-md); font-weight: 600; font-size: var(--kik-text-size-body-md); white-space: nowrap; transition: background-color var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease); }
[data-sth-source-id="navigation-2"] .btn--primary { background: var(--kik-color-action-primary); color: var(--kik-color-text-inverse); }
[data-sth-source-id="navigation-2"] .btn--primary:hover { background: rgb(0, 115, 176); transform: translateY(-1px); box-shadow: rgba(0, 133, 202, 0.28) 0px 6px 16px; }
[data-sth-source-id="navigation-2"] .btn--primary:active { transform: translateY(0px); box-shadow: none; }
[data-sth-source-id="navigation-2"] .btn--block { width: 100%; }
[data-sth-source-id="navigation-2"] .drawer { position: fixed; inset: 0px; z-index: 150; visibility: hidden; pointer-events: none; }
[data-sth-source-id="navigation-2"] .drawer__scrim { position: absolute; inset: 0px; background: rgba(13, 15, 13, 0.5); opacity: 0; transition: opacity var(--dur) var(--ease); }
[data-sth-source-id="navigation-2"] .drawer__panel { position: absolute; inset: 0px auto 0px 0px; width: min(88vw, 340px); background: rgb(255, 255, 255); padding: var(--kik-space-inset-lg); transform: translateX(-100%); transition: transform 300ms var(--ease); display: flex; flex-direction: column; gap: var(--kik-space-gap-lg); overflow-y: auto; }
[data-sth-source-id="navigation-2"] .drawer.is-open { visibility: visible; pointer-events: auto; }
[data-sth-source-id="navigation-2"] .drawer.is-open .drawer__scrim { opacity: 1; }
[data-sth-source-id="navigation-2"] .drawer.is-open .drawer__panel { transform: none; }
[data-sth-source-id="navigation-2"] .drawer__head { display: flex; align-items: center; justify-content: space-between; }
[data-sth-source-id="navigation-2"] .drawer__close { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; }
[data-sth-source-id="navigation-2"] .drawer__close img { width: 20px; height: 20px; }
[data-sth-source-id="navigation-2"] .drawer__links { display: flex; flex-direction: column; }
[data-sth-source-id="navigation-2"] .drawer__links a { padding: 14px 0px; font-weight: 600; font-size: var(--kik-text-size-body-lg); border-bottom: 1px solid var(--kik-color-border-subtle); }

@media (pointer: coarse) {
[data-sth-source-id="navigation-2"] .drawer__close { position: relative; }
[data-sth-source-id="navigation-2"] .drawer__close::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: max(100%, 44px); height: max(100%, 44px); }
}

/* Assembly adaptation: Header and Navigation remain independently editable Shopify
   Sections, while desktop composes both source regions into the captured 73px row. */
.sth-senfeng-navigation-section {
  position: relative;
  /* The preserved Header root is sticky at z-index: 100; this later sibling
     must sit above its opaque row while remaining pointer-transparent. */
  z-index: 101;
  height: 73px;
  margin-top: -73px;
  pointer-events: none;
}
[data-sth-source-id="navigation-2"] {
  display: block;
  position: absolute;
  inset: 50% 0 auto;
  height: 29px;
  transform: translateY(-50%);
  background: transparent;
  overflow: visible;
}
[data-sth-source-id="navigation-2"] .sth-nav__row {
  position: relative;
  max-width: var(--page-max);
  height: 29px;
  margin-inline: auto;
  padding: 0 var(--kik-space-gutter-lg);
}
[data-sth-source-id="navigation-2"] .nav__links { top: 50%; transform: translate(-50%, -50%); pointer-events: auto; }
@media (max-width: 1279px) {
  .sth-senfeng-navigation-section { height: 0; margin-top: 0; }
  [data-sth-source-id="navigation-2"] { height: 0; transform: none; }
  [data-sth-source-id="navigation-2"] .sth-nav__row { height: 0; padding: 0; }
}