/* Brand header chrome on every page (theme pages replace the Razzi header).
   Subset of home.css scoped so it can load alongside the theme stylesheet.
   MIRROR OF home.css: the header/dialog/mobile-nav rules below must stay in
   sync with the identical rules in home.css (brand pages) — edit both. */
:root {
  --nm-rice:#f3eee4;
  --nm-ink:#111510;
  --nm-red:#b9251e;
  --nm-mango:#e89926;
  --nm-green:#264026;
  --nm-indigo:#183a5a;
  --font-ui:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
  --font-display:Didot,"Bodoni 72","Playfair Display","Bodoni MT","Times New Roman",serif;
  --font-thai-inspired:system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  --nm-speed:1;
}
/* The theme's empty header slot is hidden; the brand header replaces it. The
   campaign bar (red coupons banner) stays visible below it. */
body.nm-global-header #site-header,
body.nm-global-header #site-header-minimized,
body.nm-global-header #topbar,
body.nm-global-header #topbar-mobile{display:none!important}
body.nm-global-header .site-header,
body.nm-global-header .site-header *,
body.nm-global-header .mobile-nav,
body.nm-global-header .mobile-nav *,
body.nm-global-header .site-dialog-backdrop,
body.nm-global-header .site-dialog-backdrop *{box-sizing:border-box}
body.nm-global-header .skip-link { position:fixed; inset:1rem auto auto 1rem; z-index:130; padding:.7rem 1rem; background:var(--nm-ink); color:white; transform:translateY(-200%); }
body.nm-global-header .skip-link:focus { transform:none; }
body.nm-global-header .site-header { position:sticky; top:0; inset:0 0 auto; z-index:120; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; height:90px; padding:0 2.3vw; background:transparent; color:var(--nm-ink); -webkit-backdrop-filter:blur(0) saturate(100%); backdrop-filter:blur(0) saturate(100%); transition:background-color calc(.4s / var(--nm-speed)) ease,backdrop-filter calc(.4s / var(--nm-speed)) ease,-webkit-backdrop-filter calc(.4s / var(--nm-speed)) ease; }
body.nm-global-header .site-header a,
body.nm-global-header .site-header button { color:inherit; }
body.nm-global-header .site-header .menu-button,
body.nm-global-header .site-header .icon-button,
body.nm-global-header .site-header .bag-count,
body.nm-global-header .site-header .cart-count,
body.nm-global-header .site-header .nm-wishlist-icon,
body.nm-global-header .site-header .search-icon { color:var(--nm-ink); }
body.nm-global-header .site-header.is-scrolled { background:var(--nm-rice); background:color-mix(in srgb,var(--nm-rice) 68%,transparent); -webkit-backdrop-filter:blur(18px) saturate(180%); backdrop-filter:blur(18px) saturate(180%); }
body.nm-global-header .site-header.is-compact{height:64px}
body.nm-global-header .site-header.is-compact .header-logo{width:48px;height:48px}
body.nm-global-header .site-header.is-compact .brand-name{font-size:.95rem}
body.nm-global-header .site-header.is-compact .desktop-nav{font-size:.62rem;gap:1.5rem}
body.nm-global-header .site-header.is-compact .state-button{min-width:6.4rem;padding:.5rem .7rem!important;font-size:.62rem!important}
body.nm-global-header .site-header.is-compact .icon-button svg,body.nm-global-header .site-header.is-compact .nm-wishlist-icon svg,body.nm-global-header .site-header.is-compact .cart-icon svg{width:16px;height:16px}
@media(min-width:821px){body.nm-global-header .site-header.is-compact{height:64px;margin-bottom:26px}}
@media(max-width:820px){body.nm-global-header .site-header.is-compact{height:60px}body.nm-global-header .site-header.is-compact .header-logo{width:48px;height:48px}body.nm-global-header .site-header.is-compact .header-actions{gap:.5rem}}
body.nm-global-header .wordmark { display:inline-flex;align-items:center;gap:.85rem;width:max-content;font-size:clamp(.72rem,.95vw,.9rem);font-weight:800;letter-spacing:.13em; }
body.nm-global-header .header-logo{width:72px;height:72px;object-fit:contain;border:0;mix-blend-mode:normal;filter:none}
body.nm-global-header .brand-name{display:inline-block;white-space:nowrap;font-family:var(--font-thai-inspired);font-size:1.08rem;font-weight:600;line-height:1.15;letter-spacing:0}.brand-name::after{content:none}.status-dot { color:var(--nm-red); }
body.nm-global-header .desktop-nav { display:flex; gap:2rem; font-size:.72rem; text-transform:uppercase; letter-spacing:.1em; }
body.nm-global-header .desktop-nav a,body.nm-global-header .header-actions button,body.nm-global-header .header-actions a { transition:opacity .2s ease; }
body.nm-global-header .desktop-nav a:hover,body.nm-global-header .header-actions button:hover,body.nm-global-header .header-actions a:hover { opacity:.55; }
body.nm-global-header .header-actions { justify-self:end; display:flex; align-items:center; gap:.75rem; }
body.nm-global-header .header-actions button { border:0; background:none; cursor:pointer; }
body.nm-global-header .icon-button,body.nm-global-header .bag-count,body.nm-global-header .cart-count { display:inline-flex; align-items:center; justify-content:center; }
body.nm-global-header .icon-button { padding:0; }
body.nm-global-header .bag-count,body.nm-global-header .cart-count { gap:.3rem; font-size:.58rem!important; letter-spacing:.1em; white-space:nowrap; }
body.nm-global-header .search-icon,body.nm-global-header .nm-wishlist-icon,body.nm-global-header .cart-icon { display:inline-flex; }
body.nm-global-header .icon-button svg,body.nm-global-header .nm-wishlist-icon svg,body.nm-global-header .cart-icon svg { display:block; width:18px; height:18px; }
body.nm-global-header .nm-wishlist-icon svg { fill:none; stroke:currentColor; }
body.nm-global-header .nm-wishlist-icon.has-items svg { fill:currentColor; }
body.nm-global-header .state-button { min-width:7.2rem; padding:.55rem .8rem!important; border:1px solid currentColor!important; border-radius:999px!important; font-size:.67rem!important; letter-spacing:.09em; }
body[data-shop-state="open"] .state-button { color:var(--nm-rice); border-color:var(--nm-red)!important; background:var(--nm-red); }
body.nm-global-header .menu-button { display:none; align-items:center; gap:.5rem; padding:0; border:0; background:none; cursor:pointer; color:inherit; font-size:.7rem!important; text-transform:uppercase; letter-spacing:.08em; }
body.nm-global-header .menu-button .menu-icon { display:inline-flex; }
body.nm-global-header .menu-button .menu-icon svg { width:18px; height:auto; }
body.nm-global-header .desktop-nav-list{display:flex;gap:2rem;margin:0;padding:0;list-style:none}
body.nm-global-header .mobile-nav-list{display:flex;flex-direction:column;gap:1.4rem;margin:0;padding:0;list-style:none}
body.nm-global-header .mobile-nav a{color:inherit}
body.nm-global-header .desktop-nav .current-menu-item>a{color:var(--nm-red)}
body.nm-global-header .mobile-nav .current-menu-item>a{border-bottom:1px solid}
body.nm-global-header .mobile-nav{position:fixed;z-index:200;inset:0;display:flex;flex-direction:column;gap:1.4rem;padding:6rem 2rem 2.5rem;background:var(--nm-red);color:var(--nm-rice);font-family:var(--font-display);font-size:clamp(2.8rem,13vw,5rem);overflow-y:auto;-webkit-overflow-scrolling:touch}
body.nm-global-header .mobile-nav::before,body.nm-global-header .mobile-nav::after{content:"";margin:auto;flex-shrink:0}
body.nm-global-header .mobile-nav button{width:max-content;padding:0;border:0;background:transparent;color:inherit;font-family:inherit;font-size:inherit;text-align:left;cursor:pointer}
body.nm-global-header .mobile-nav .menu-close{position:absolute;top:1.1rem;right:1.1rem;display:block;padding:0;border:0;background:transparent;color:var(--nm-rice);line-height:1;cursor:pointer}
body.nm-global-header .mobile-nav .menu-close:hover{background:transparent;color:var(--nm-mango)}
body.nm-global-header .mobile-nav .menu-close svg{display:block;width:1.75rem;height:1.75rem}
body.nm-global-header .site-dialog-backdrop{position:fixed;z-index:300;inset:0;display:grid;place-items:center;padding:2rem;background:rgba(17,21,16,.72);backdrop-filter:blur(10px)}
body.nm-global-header .site-dialog{position:relative;display:flex;flex-direction:column;width:min(48rem,100%);max-height:min(86vh,52rem);overflow:hidden;padding:clamp(2rem,5vw,4.5rem);background:var(--nm-rice);color:var(--nm-ink);box-shadow:0 28px 90px rgba(0,0,0,.3)}
body.nm-global-header .site-dialog-scroll{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
body.nm-global-header .site-dialog-scroll>span{display:block;margin-bottom:2rem;font-size:.58rem;letter-spacing:.15em}
body.nm-global-header .site-dialog h2{max-width:39rem;margin:0;font-family:var(--font-display);font-size:clamp(2.8rem,6vw,6rem);font-weight:400;line-height:.9;letter-spacing:-.045em}
body.nm-global-header .site-dialog-scroll>p{max-width:37rem;margin:2rem 0;font-family:var(--font-display);font-size:clamp(1.05rem,1.7vw,1.4rem);line-height:1.55}
body.nm-global-header .dialog-close{position:absolute;right:1.2rem;top:1rem;z-index:2;width:2.7rem;height:2.7rem;border:1px solid;border-radius:50%;background:transparent;color:#000;font-size:1.6rem;line-height:1;cursor:pointer}
body.nm-global-header .info-dialog.site-dialog{position:fixed;inset:0;width:auto;max-width:none;max-height:none;padding:clamp(2.5rem,6vw,5rem);border-radius:0;box-shadow:none}
body.nm-global-header .info-dialog .site-dialog-scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;overscroll-behavior:contain}
body.nm-global-header .site-dialog .order-window-interval{margin:2.5rem 0 0;padding-top:1.5rem;border-top:1px solid var(--nm-border);font-family:var(--font-ui);font-size:.6rem;letter-spacing:.13em;text-transform:uppercase;line-height:1.7}.site-dialog .order-window-interval strong{display:block;margin-top:.4rem;font-family:var(--font-display);font-size:clamp(1.1rem,1.8vw,1.45rem);font-weight:400;letter-spacing:0;text-transform:none;color:var(--nm-red)}
body.nm-global-header .search-dialog input{width:100%;margin-top:2.5rem;padding:1rem 0;border:0;border-bottom:2px solid;outline:0;background:transparent;font-size:clamp(1rem,2vw,1.5rem);letter-spacing:.06em}
body.nm-global-header .search-results{margin-top:2rem;border-top:1px solid var(--nm-border)}
body.nm-global-header .search-results a{width:100%;display:grid;grid-template-columns:1fr auto;gap:.35rem 1rem;padding:1.25rem 0;border-bottom:1px solid var(--nm-border);text-align:left}
body.nm-global-header .search-results a span{grid-column:1;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;opacity:.65}
body.nm-global-header .search-results a strong{grid-column:1;font-family:var(--font-display);font-size:1.5rem;font-weight:400}
body.nm-global-header .search-results a b{grid-column:2;grid-row:1/3;align-self:center;font-weight:400}
body.nm-global-header .search-results>p{padding:1.2rem 0}
body.nm-global-header .site-dialog .order-window-more{margin:.6rem 0 0;display:grid;gap:.55rem;justify-items:start;font-family:var(--font-ui)}
body.nm-global-header .order-window-more a{display:inline-flex;align-items:center;gap:.55rem;padding-bottom:.4rem;border-bottom:1px solid var(--nm-red);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--nm-red);transition:opacity .2s ease}
body.nm-global-header .order-window-more a:hover{opacity:.7}
body.nm-global-header .order-window-more a span{font-size:1.05rem}
body.nm-global-header .motion-dot{position:fixed;z-index:40;right:1.35rem;bottom:1.35rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--nm-red);pointer-events:none;transform-origin:center}
body.nm-global-header .site-dialog-backdrop[hidden],body.nm-global-header .mobile-nav[hidden]{display:none!important}
body.nm-global-header button:focus-visible,body.nm-global-header a:focus-visible { outline:3px solid var(--nm-indigo); outline-offset:4px; }
body.admin-bar .site-header{top:32px}
@media(max-width:820px){
  body.nm-global-header .site-header{position:sticky;top:0;left:auto;right:auto;height:92px;grid-template-columns:1fr auto 1fr;gap:1rem;padding-inline:1.1rem;z-index:120}
  body.nm-global-header .desktop-nav,body.nm-global-header .state-button{display:none}
  body.nm-global-header .menu-button{display:inline-flex;grid-column:1;justify-self:start}
  body.nm-global-header .wordmark{grid-column:2;justify-self:center;gap:0}
  body.nm-global-header .header-actions{grid-column:3;justify-self:end;gap:.7rem}
  body.nm-global-header .icon-button{display:inline-flex}
  body.nm-global-header .header-logo{width:70px;height:70px}
  body.nm-global-header .brand-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
}
@media(max-width:820px){
  body.nm-global-header .header-actions .icon-button,
  body.nm-global-header .header-actions .bag-count,
  body.nm-global-header .header-actions .cart-count {
    position: relative;
    width: 2.1rem;
    height: 2.1rem;
    padding: 0;
    justify-content: center;
  }
  body.nm-global-header .header-actions .nm-wishlist-num,
  body.nm-global-header .header-actions .cart-count-num {
    position: absolute;
    top: -.1rem;
    right: -.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1rem;
    height: 1rem;
    padding: 0 .22rem;
    border-radius: 999px;
    background: var(--nm-red);
    color: var(--nm-rice);
    font-size: .5rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    white-space: nowrap;
  }
  body.nm-global-header .search-results a strong{font-size:1.2rem}
}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}
@media(prefers-reduced-motion:reduce){body.nm-global-header *{animation-duration:.01ms!important;transition-duration:.01ms!important}}