/* ==========================================================================
   CR Nexora Gift — shared site chrome (header + footer)
   Loaded after site.css on products / product / about pages.
   ========================================================================== */
.site-head{border-bottom:1px solid var(--color-divider);background:var(--color-bg);
  position:sticky;top:0;z-index:20}
.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);
  max-width:var(--page);margin:0 auto;padding:var(--space-4) var(--gutter);position:relative}
.nav-brand{display:flex;align-items:center;font-family:var(--font-heading);font-size:23px;color:var(--color-text);
  text-decoration:none;letter-spacing:-.02em}
.nav-brand img{display:block;height:70px;width:auto}
.nav-brand{gap:13px}
.nav-brand .brand-mark{height:54px;width:auto}
.brand-word{display:flex;flex-direction:column;line-height:1}
.brand-name{font-family:var(--font-heading);font-size:27px;letter-spacing:.01em;color:var(--color-text)}
.brand-sub{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.44em;color:var(--color-accent-700);margin-top:4px}
.nav-brand .brand-lockup{height:86px;width:auto}
@media (max-width:560px){.nav-brand .brand-lockup{height:64px}}
.nav-links{display:flex;align-items:center;gap:var(--space-6);font-size:14px;font-weight:600}
.nav-links a{color:var(--color-text);text-decoration:none}
.nav-links a:hover{color:var(--color-accent-700)}
.nav-links a[aria-current="page"]{color:var(--color-accent-700);text-decoration:underline;text-underline-offset:5px}
.nav-right{display:flex;align-items:center;gap:var(--space-3)}
.nav-burger{display:none;width:44px;height:44px;border:0;background:transparent;cursor:pointer;border-radius:999px}
.nav-burger span{display:block;width:20px;height:2px;margin:0 auto;background:var(--color-text);
  box-shadow:0 6px 0 var(--color-text),0 -6px 0 var(--color-text)}
.nav-burger:hover{background:rgba(32,30,29,.07)}

.site-foot{background:var(--color-neutral-900);color:var(--color-neutral-200);
  padding-block:calc(var(--space-8)*1.3) var(--space-8)}
.site-foot .foot-brand{color:var(--color-bg)}
.site-foot .foot-brand img{display:block;height:110px;width:auto}
.site-foot p{max-width:280px;font-size:13.5px;color:var(--color-neutral-400)}
.site-foot h5{color:var(--color-neutral-500)}
.site-foot .foot-links a{color:var(--color-neutral-200)}
.site-foot .foot-links a:hover{color:var(--color-accent-300)}
.site-foot .foot-base{color:var(--color-neutral-500)}

@media (max-width:820px){
  .nav-links{display:none}
  .nav-links.open{display:flex;position:absolute;left:0;right:0;top:100%;flex-direction:column;
    align-items:flex-start;gap:var(--space-4);background:var(--color-bg);
    border-bottom:1px solid var(--color-divider);padding:var(--space-6) var(--gutter);z-index:25}
  .nav-burger{display:block}
  .nav-right .tag{display:none}
}