/* Shared navigation, modeled on yifang-homepage.html */
.site-topnav,.site-topnav *{box-sizing:border-box}.site-topnav{position:sticky;top:0;z-index:50;background:color-mix(in oklch,var(--bg,#f8f7f3) 90%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border,#dedbd2);color:var(--fg,#302e2a);font-family:var(--font-body,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif)}
.site-topnav-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;width:100%;max-width:1160px;margin-inline:auto;padding:13px 32px}.site-topnav .site-logo{display:inline-flex;align-items:center;justify-self:start}.site-topnav .site-logo-img{display:block;width:auto;height:48px;max-width:100%}
.site-nav-links{display:flex;align-items:center;gap:20px}.site-nav-links>a{position:relative;padding-block:4px;color:var(--muted,#77736d);font-size:14px;white-space:nowrap;text-decoration:none}.site-nav-links>a::after{position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent,#a94f3e);content:'';transition:width .25s ease}.site-nav-links>a:hover{color:var(--fg,#302e2a)}.site-nav-links>a:hover::after{width:100%}
.site-nav-menu{position:relative;display:flex;align-items:center}.site-nav-menu::after{position:absolute;top:100%;right:-6px;left:-6px;height:15px;content:''}.site-nav-parent-label{padding-block:4px;color:var(--muted,#77736d);font-size:14px;white-space:nowrap;cursor:default}.site-nav-menu--products .site-nav-parent-label{position:relative;cursor:pointer;text-decoration:none}.site-nav-menu--products .site-nav-parent-label::after{position:absolute;right:0;bottom:-2px;left:0;height:1px;background:var(--accent,#a94f3e);content:'';transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.site-nav-menu--products:hover .site-nav-parent-label::after,.site-nav-menu--products .site-nav-parent-label:focus-visible::after{transform:scaleX(1)}.site-nav-menu:hover .site-nav-parent-label,.site-nav-menu:focus-within .site-nav-parent-label,.site-nav-menu.is-open .site-nav-parent-label{color:var(--fg,#302e2a)}
.site-nav-toggle{display:grid;place-items:center;width:22px;height:28px;margin-left:2px;padding:0;border:0;background:transparent;color:var(--muted,#77736d);cursor:pointer}.site-nav-toggle svg{width:12px;height:12px;transition:transform .2s ease}.site-nav-menu:hover .site-nav-toggle,.site-nav-menu:focus-within .site-nav-toggle,.site-nav-menu.is-open .site-nav-toggle{color:var(--fg,#302e2a)}.site-nav-menu:hover .site-nav-toggle svg,.site-nav-menu:focus-within .site-nav-toggle svg,.site-nav-menu.is-open .site-nav-toggle svg{transform:rotate(180deg)}.site-nav-toggle:focus-visible{outline:2px solid var(--accent,#a94f3e);outline-offset:2px;border-radius:3px}
.site-nav-dropdown{position:absolute;z-index:60;top:calc(100% + 14px);left:50%;display:grid;grid-template-columns:minmax(160px,1fr);gap:2px;min-width:180px;padding:10px;transform:translateX(-50%);border:1px solid var(--border,#dedbd2);background:var(--surface,#fff);box-shadow:0 16px 34px color-mix(in oklch,var(--fg,#302e2a) 16%,transparent);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease}.site-nav-menu:hover .site-nav-dropdown,.site-nav-menu:focus-within .site-nav-dropdown,.site-nav-menu.is-open .site-nav-dropdown{opacity:1;visibility:visible;pointer-events:auto}.site-nav-dropdown a{padding:8px 10px;color:var(--fg,#302e2a);font-size:13px;line-height:1.35;white-space:nowrap;text-decoration:none}.site-nav-dropdown a:hover,.site-nav-dropdown a:focus-visible{color:var(--fg,#302e2a);background:color-mix(in oklch,var(--accent,#a94f3e) 14%,transparent);outline:none}
.site-nav-dropdown a:focus-visible,.site-nav-links>a:focus-visible,.site-nav-menu--products .site-nav-parent-label:focus-visible,.site-logo:focus-visible{outline:2px solid var(--accent,#a94f3e);outline-offset:3px}.site-topnav-right{display:flex;align-items:center;justify-self:end;gap:22px}.site-lang-switch{display:inline-flex;align-items:center;gap:14px}.site-lang-switch button{position:relative;padding:0;border:0;background:transparent;color:var(--muted,#77736d);font:500 13px/1.4 var(--font-body,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif);letter-spacing:.02em;cursor:pointer;transition:color .2s ease}.site-lang-switch button+button::before{position:absolute;top:50%;left:-10px;color:var(--border,#dedbd2);content:'/';transform:translateY(-50%)}.site-lang-switch button:hover{color:var(--fg,#302e2a)}.site-lang-switch button.is-active{color:var(--accent,#a94f3e)}.site-lang-switch button:focus-visible{outline:2px solid var(--accent,#a94f3e);outline-offset:3px;border-radius:2px}
/* Mobile navigation: expose a thumb-sized menu control and a scrollable drawer. */
.site-mobile-toggle{display:none;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--border,#dedbd2);border-radius:50%;background:transparent;color:var(--fg,#302e2a);cursor:pointer}
.site-mobile-toggle svg{width:21px;height:21px}
.site-mobile-toggle:focus-visible{outline:2px solid var(--accent,#a94f3e);outline-offset:3px}
@media(max-width:860px){
  .site-topnav-inner{position:static;grid-template-columns:minmax(0,1fr) auto;gap:12px}
  .site-topnav-right{gap:12px}
  .site-topnav-right{grid-column:2;grid-row:1}
  .site-mobile-toggle{display:grid}
  .site-nav-links,.site-nav-links.is-open{position:absolute;top:100%;right:0;left:0;z-index:55;display:none;max-height:calc(100dvh - 70px);overflow-y:auto;overscroll-behavior:contain;padding:8px 20px 16px;border-bottom:1px solid var(--border,#dedbd2);background:var(--bg,#f8f7f3);box-shadow:0 16px 28px color-mix(in oklch,var(--fg,#302e2a) 12%,transparent)}
  .site-nav-links.is-open{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:0}
  .site-nav-links>a{display:flex;align-items:center;min-height:48px;padding:8px 10px;border-top:1px solid var(--border,#dedbd2);font-size:15px}
  .site-nav-links>a:first-child{border-top:0}
  .site-nav-menu{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;border-top:1px solid var(--border,#dedbd2)}
  .site-nav-menu::after{display:none}
  .site-nav-parent-label,.site-nav-menu--products .site-nav-parent-label{display:flex;align-items:center;min-height:48px;padding:8px 10px;font-size:15px;cursor:pointer}
  .site-nav-toggle{width:44px;height:44px;margin:0}
  .site-nav-toggle svg{width:16px;height:16px}
  .site-nav-dropdown,.site-nav-menu:hover .site-nav-dropdown,.site-nav-menu:focus-within .site-nav-dropdown{position:static;grid-column:1/-1;display:none;min-width:0;gap:0;padding:0 0 8px;transform:none;border:0;background:transparent;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transition:none}
  .site-nav-menu.is-open .site-nav-dropdown{display:grid}
  .site-nav-menu:focus-within:not(.is-open) .site-nav-dropdown{display:none}
  .site-nav-dropdown a{display:flex;align-items:center;min-height:44px;padding:8px 12px 8px 24px;border-top:1px solid color-mix(in oklch,var(--border,#dedbd2) 65%,transparent);font-size:14px;white-space:normal}
  .site-nav-menu .site-nav-toggle svg{transform:none}
  .site-nav-menu.is-open .site-nav-toggle svg{transform:rotate(180deg)}
}
@media(max-width:860px){.site-topnav-inner{grid-template-columns:1fr auto;gap:12px}.site-nav-links{display:none}.site-topnav-right{gap:12px}}@media(max-width:600px){.site-topnav-inner{padding:13px 20px}.site-topnav .site-logo-img{height:40px}}@media(prefers-reduced-motion:reduce){.site-topnav *,.site-topnav *::before,.site-topnav *::after{scroll-behavior:auto;transition-duration:.01ms!important}}

.site-nav-menu[data-od-id="nav-menu-about"] .site-nav-parent-label{position:relative;cursor:pointer;text-decoration:none}.site-nav-menu[data-od-id="nav-menu-about"] .site-nav-parent-label::after{position:absolute;right:0;bottom:-2px;left:0;height:1px;background:var(--accent,#a94f3e);content:'';transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.site-nav-menu[data-od-id="nav-menu-about"]:hover .site-nav-parent-label::after,.site-nav-menu[data-od-id="nav-menu-about"] .site-nav-parent-label:focus-visible::after{transform:scaleX(1)}.site-nav-menu[data-od-id="nav-menu-about"] .site-nav-parent-label:focus-visible{outline:2px solid var(--accent,#a94f3e);outline-offset:3px}
.pagefoot { height: auto; min-height: 0; padding-block: 22px 20px; }
.pagefoot .foot-grid { padding-bottom: 10px; row-gap: 12px; }
.pagefoot .foot-col h4 { margin-bottom: 8px; }
.pagefoot .foot-col a { line-height: 1.65; }
.pagefoot .foot-col p { line-height: 1.45; }
.pagefoot .foot-brand .qr-grid { margin-top: 12px; }
.pagefoot .qr-grid { gap: 10px; }
.pagefoot .foot-contact .contact-lines p + p { margin-top: 4px; }
.pagefoot .foot-bottom { padding-top: 8px; }
.site-footer { height: auto; min-height: 0; padding-block: 12px 10px; }
.site-footer .footer-row { gap: 14px; row-gap: 12px; }
.site-footer .footer-brand span { margin-top: 2px; }
.site-footer .footer-links { gap: 12px; line-height: 1.4; }
.site-footer .footer-contact { line-height: 1.4; }
.site-footer .footer-contact p { margin: 0; }
.site-footer .footer-contact p + p { margin-top: 4px; }
.site-footer .footer-bottom { margin-top: 8px; padding-top: 8px; }
@media(max-width:860px){.site-footer .footer-row{row-gap:10px}}
@media(max-width:600px){.site-footer .footer-row{row-gap:10px}}
html[lang="en"] .pagefoot .foot-brand .logo-word{font-size:16px;letter-spacing:0;white-space:nowrap}
html[lang="en"] .pagefoot .foot-contact .contact-lines p:nth-last-child(-n+2){font-size:11px;letter-spacing:-.02em;line-height:1.45;white-space:nowrap}