#harmoni-site-header{--ink:#302923;--paper:oklch(.975 .008 80);--soft:oklch(.94 .012 75);--coffee:oklch(.32 .04 40);--line:#ded6cc;--body:Manrope,Arial,sans-serif;--display:'Cormorant Garamond',Georgia,serif;font-family:var(--body);color:var(--ink);font-size:14px;line-height:1.6;letter-spacing:0;position:sticky;top:-32px;z-index:99;width:100%;clear:both}
#harmoni-site-header *,#harmoni-site-header *::before,#harmoni-site-header *::after{box-sizing:border-box}
#harmoni-site-header [hidden]{display:none!important}
#harmoni-site-header a{color:var(--ink);text-decoration:none;box-shadow:none}
#harmoni-site-header .announcement{min-height:32px;background:var(--soft);display:flex;align-items:center;justify-content:center;gap:24px;font-size:10px;padding:6px 20px}
#harmoni-site-header .announcement a{font-weight:600}
#harmoni-site-header .header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;margin:0;background:var(--paper);border-bottom:1px solid var(--line);width:100%;position:relative}
#harmoni-site-header .logo{display:block;flex-shrink:0}
#harmoni-site-header .logo img{width:172px;height:44px;display:block;object-fit:contain}
#harmoni-site-header .desktop-nav{display:flex;gap:30px;font-size:12px}
#harmoni-site-header .desktop-nav a{padding:12px 0;position:relative}
#harmoni-site-header .desktop-nav a:hover{color:#916558}
#harmoni-site-header .header-tools{display:flex;gap:12px}
#harmoni-site-header .icon-button{width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:var(--ink);position:relative;padding:8px;border-radius:0;cursor:pointer;box-shadow:none;min-width:0;min-height:0;line-height:1;font:inherit;margin:0}
#harmoni-site-header .icon-button img{width:20px;height:20px;display:block}
#harmoni-site-header .icon-button:hover{background:var(--soft)}
#harmoni-site-header .menu-toggle{display:none}
#harmoni-site-header .mobile-nav{position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:20px;box-shadow:0 12px 15px #0001}
#harmoni-site-header .mobile-nav a{display:block;font-family:var(--display);font-size:23px;padding:12px 0}
#harmoni-site-header dialog{border:1px solid var(--line);padding:28px;width:min(620px,calc(100% - 28px));max-width:none;max-height:85dvh;color:var(--ink);background:var(--paper);box-shadow:0 20px 80px #0002;font-family:var(--body);margin:auto}
#harmoni-site-header dialog::backdrop{background:#30292370;backdrop-filter:blur(4px)}
#harmoni-site-header .dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
#harmoni-site-header .dialog-heading h2{font-family:var(--display);font-size:32px;line-height:1.1;font-weight:400;margin:0;color:var(--ink)}
#harmoni-site-header .close-dialog{font-size:30px}
#harmoni-site-header form{margin:0}
#harmoni-site-header .search-field{display:block;border-bottom:1px solid var(--line);padding-bottom:10px;margin:0}
#harmoni-site-header .search-field input{width:100%;border:0;background:transparent;font-family:var(--body);font-size:16px;line-height:1.5;color:var(--ink);padding:10px 0;box-shadow:none;margin:0}
#harmoni-site-header .search-submit{margin-top:20px;width:100%;color:#fff;background:var(--coffee);border:0;min-height:48px;border-radius:0;font-family:var(--body);font-size:14px;cursor:pointer}
#harmoni-site-header .harmoni-cart-count{position:absolute;top:-1px;right:-1px;background:var(--coffee);color:#fff;border-radius:50%;font-size:10px;line-height:17px;min-width:17px;text-align:center}
#harmoni-site-header a:focus-visible,#harmoni-site-header button:focus-visible,#harmoni-site-header input:focus-visible{outline:2px solid #916558;outline-offset:4px}
html:has(body.harmoni-shared-header){overflow-x:clip!important;overflow-y:visible!important;scroll-padding-top:100px}
body.harmoni-shared-header:not(.xoo-wsc-cart-active):not(.filter-drawer-open){overflow:visible!important}
body.admin-bar #harmoni-site-header{top:0}
body.harmoni-shared-header:not(.admin-bar) #page{padding-top:0!important}
@media(max-width:1050px){#harmoni-site-header .header{padding-inline:28px}#harmoni-site-header .desktop-nav{gap:18px}}
@media(max-width:780px){#harmoni-site-header{top:0}#harmoni-site-header .announcement{display:none}#harmoni-site-header .header{height:64px;padding-inline:18px}#harmoni-site-header .logo img{width:132px;height:36px}#harmoni-site-header .desktop-nav{display:none}#harmoni-site-header .header-tools{gap:2px}#harmoni-site-header .icon-button{width:34px;height:38px}#harmoni-site-header .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px}#harmoni-site-header .menu-toggle span{display:block;width:18px;height:1px;background:var(--ink)}body.admin-bar #harmoni-site-header{top:46px}}
@media(max-width:370px){#harmoni-site-header .header{padding-inline:14px}#harmoni-site-header .logo img{width:118px}#harmoni-site-header .icon-button{width:32px}}
:is(#harmoni-site-header,#harmoni-home) .mobile-nav{border-bottom:1px solid #d9d0c5;box-shadow:0 12px 20px -8px #30292330!important;max-height:calc(100dvh - 80px);overflow-y:auto}
@media(max-width:780px){:is(#harmoni-site-header,#harmoni-home) .menu-toggle span{position:absolute;left:50%;top:50%;margin:0 0 0 -9px;width:18px;height:1px;transition:transform .22s ease;transform-origin:center}:is(#harmoni-site-header,#harmoni-home) .menu-toggle span:first-child{transform:translateY(-3px)}:is(#harmoni-site-header,#harmoni-home) .menu-toggle span:last-child{transform:translateY(3px)}:is(#harmoni-site-header,#harmoni-home) .menu-toggle[aria-expanded=true] span:first-child{transform:rotate(45deg)}:is(#harmoni-site-header,#harmoni-home) .menu-toggle[aria-expanded=true] span:last-child{transform:rotate(-45deg)}}
@media(prefers-reduced-motion:reduce){:is(#harmoni-site-header,#harmoni-home) .menu-toggle span{transition:none}}