:root{--hw-nav-bg: transparent;--hw-nav-bg-solid: #fafaf8;--hw-nav-ink: #111111;--hw-nav-muted: #343434;--hw-nav-line: rgba(17, 17, 17, .14);--hw-nav-hover: rgba(17, 17, 17, .055);--hw-nav-signal: #cf252d;--hw-nav-height: 80px}html{scroll-padding-top:calc(var(--hw-nav-height) + env(safe-area-inset-top) + 24px)}.site-header,.template-index .site-header,body:not(.template-index) .site-header{top:0!important;right:0!important;left:0!important;z-index:120;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(18px,2.2vw,44px);align-items:center;width:100%!important;max-width:none!important;min-height:calc(var(--hw-nav-height) + env(safe-area-inset-top));margin:0!important;padding:env(safe-area-inset-top) clamp(24px,3vw,56px) 0!important;color:var(--hw-nav-ink)!important;background:var(--hw-nav-bg)!important;border:0!important;border-bottom:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.template-index .site-header,body:not(.template-index) .site-header{position:fixed!important}.site-header:after{display:none!important}.site-header>.brand-link{grid-column:1;justify-self:start}.site-header>.mode-tabs{grid-column:2;justify-self:center}.site-header>.nav-actions{grid-column:3;justify-self:end}.site-header .brand-link,.template-index .site-header .brand-link,body:not(.template-index) .site-header .brand-link{display:inline-flex;align-items:center;justify-content:center;width:154px;min-height:44px;padding:0;color:var(--hw-nav-ink)!important;background:transparent!important;border:0!important;border-radius:0!important}.site-header .brand-link__wordmark{display:block;width:154px;height:auto;opacity:1;filter:none!important}.site-header .mode-tabs,.template-index .site-header .mode-tabs{display:flex;gap:3px;align-items:center;justify-content:flex-start;min-width:0;padding:0;background:transparent!important;border:0!important;border-radius:0!important}.site-header .mode-button,.template-index .site-header .mode-button,body:not(.template-index) .site-header .mode-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 13px;color:var(--hw-nav-muted)!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:12.5px;font-weight:600;line-height:1;letter-spacing:-.01em;text-transform:none;text-shadow:none!important;white-space:nowrap;transition:color .16s var(--ease, ease),background-color .16s var(--ease, ease)}.site-header .mode-button:before{display:none!important}.site-header .mode-button:after{display:none!important}.site-header .mode-button:hover,.template-index .site-header .mode-button:hover,body:not(.template-index) .site-header .mode-button:hover{color:var(--hw-nav-ink)!important;background:var(--hw-nav-hover)!important}.site-header .mode-button.is-active,.template-index .site-header .mode-button.is-active,body:not(.template-index) .site-header .mode-button.is-active{color:var(--hw-nav-ink)!important;background:transparent!important}.site-header .mode-button.is-active:after{display:none!important}.site-header .nav-actions,.template-index .site-header .nav-actions{display:flex;gap:1px;align-items:center;justify-content:flex-end;min-width:0}.site-header .nav-button,.template-index .site-header .nav-button,body:not(.template-index) .site-header .nav-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 clamp(7px,.65vw,12px);color:var(--hw-nav-muted)!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:clamp(11px,.7vw,12.5px);font-weight:600;line-height:1;letter-spacing:-.01em;text-transform:none;text-shadow:none!important;white-space:nowrap;transition:color .16s var(--ease, ease),background-color .16s var(--ease, ease)}.site-header .nav-button:hover,.template-index .site-header .nav-button:hover,.site-header .brand-menu[open]>.nav-button{color:var(--hw-nav-ink)!important;background:var(--hw-nav-hover)!important}.site-header .nav-button.is-active:after{display:none!important}.site-header .brand-menu>summary.nav-button{list-style:none}.site-header .brand-menu>summary.nav-button::-webkit-details-marker,.site-header .icon-button::-webkit-details-marker,.mobile-menu__trigger::-webkit-details-marker{display:none}.site-header .nav-button:active,.site-header .mode-button:active,.site-header .icon-button:active,.mobile-menu__trigger:active,.mobile-cart:active{transform:translateY(1px)}.site-header .cart-link,.template-index .site-header .cart-link,body:not(.template-index) .site-header .cart-link{gap:7px;margin-left:5px;padding-inline:10px 5px;color:var(--hw-nav-ink)!important;background:transparent!important}.site-header .cart-link:hover,.template-index .site-header .cart-link:hover,body:not(.template-index) .site-header .cart-link:hover{color:var(--hw-nav-ink)!important;background:var(--hw-nav-hover)!important}.cart-link__icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.site-header .cart-link__count,.mobile-cart__count{display:inline-grid;min-width:19px;width:19px;height:19px;padding:0;place-items:center;color:#fff;background:var(--hw-nav-signal);border-radius:999px;font-size:10px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1;text-align:center;vertical-align:middle;flex:0 0 19px}.site-header .cart-link__count:before,.site-header .cart-link__count:after,.mobile-cart__count:before,.mobile-cart__count:after{display:none!important;content:none!important}.site-header .cart-link__count[hidden],.mobile-cart__count[hidden]{display:none}.site-header .icon-button,.template-index .site-header .icon-button,body:not(.template-index) .site-header .icon-button{display:inline-grid;width:44px;min-height:44px;margin-left:1px;padding:0;place-items:center;color:var(--hw-nav-muted)!important;background:transparent!important;border:0!important;border-radius:0!important}.site-header a,.site-header button,.site-header summary,.site-header select{touch-action:manipulation;-webkit-tap-highlight-color:rgba(17,17,17,.12)}.site-header .icon-button:hover,.template-index .site-header .icon-button:hover,.site-header .localization-menu[open] .icon-button{color:var(--hw-nav-ink)!important;background:var(--hw-nav-hover)!important}.site-header .brand-menu .brand-panel,.site-header .localization-panel,body:not(.template-index) .site-header .brand-menu .brand-panel,body:not(.template-index) .site-header .localization-panel{top:calc(100% + 1px);color:var(--hw-nav-ink)!important;background:var(--hw-nav-bg-solid)!important;border:1px solid var(--hw-nav-line)!important;border-radius:0!important;box-shadow:0 18px 44px #1111111f!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.site-header .brand-menu .brand-panel{width:190px}.site-header .brand-panel-button{min-height:44px;color:var(--hw-nav-muted)!important;border-radius:0!important;font-size:12px;font-weight:600;text-transform:none}.site-header .brand-panel-button:hover,.site-header .brand-panel-button:focus-visible{color:var(--hw-nav-ink)!important;background:var(--hw-nav-hover)!important}.site-header .localization-panel .field-label,.site-header .localization-panel select{color:var(--hw-nav-ink)!important}.site-header .localization-panel select{background-color:#fff!important;border-color:var(--hw-nav-line)!important}.site-header a:focus-visible,.site-header button:focus-visible,.site-header summary:focus-visible,.site-header select:focus-visible{outline:2px solid var(--hw-nav-signal)!important;outline-offset:3px}.mobile-menu,.mobile-cart{display:none}@media(max-width:1320px)and (min-width:1181px){.site-header,.template-index .site-header,body:not(.template-index) .site-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;padding-inline:22px!important}.site-header .brand-link,.site-header .brand-link__wordmark{width:138px}.site-header .mode-button,.template-index .site-header .mode-button,body:not(.template-index) .site-header .mode-button{padding-inline:9px;font-size:11.5px}.site-header .nav-button,.template-index .site-header .nav-button,body:not(.template-index) .site-header .nav-button{padding-inline:7px;font-size:11px}}@media(max-width:1180px){:root{--hw-nav-height: 64px}.site-header,.template-index .site-header,body:not(.template-index) .site-header{grid-template-columns:44px minmax(0,1fr) 44px!important;gap:10px!important;min-height:calc(var(--hw-nav-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) calc(14px + env(safe-area-inset-right)) 0 calc(14px + env(safe-area-inset-left))!important}.site-header>.mode-tabs,.site-header>.nav-actions{display:none!important}.site-header>.mobile-menu{grid-column:1;grid-row:1}.site-header>.brand-link{grid-column:2;grid-row:1}.site-header>.mobile-cart{grid-column:3;grid-row:1}.site-header .brand-link,.template-index .site-header .brand-link,body:not(.template-index) .site-header .brand-link{width:min(132px,100%);min-height:44px;justify-self:center}.site-header .brand-link__wordmark{width:132px}.mobile-menu{position:static;display:block;width:44px;height:44px}.mobile-cart,.mobile-menu__trigger{display:inline-flex;width:44px;min-width:44px;min-height:44px;padding:0;align-items:center;justify-content:center;color:var(--hw-nav-ink)!important;background:transparent!important;border:0!important;border-radius:0!important}.mobile-menu__trigger{cursor:pointer;list-style:none}.mobile-menu__trigger span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-cart{position:relative}.mobile-cart svg,.mobile-menu__trigger svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mobile-cart__count{position:absolute;top:0;right:-2px;min-width:18px;height:18px;padding-inline:4px;border:2px solid var(--hw-nav-bg-solid);font-size:9px}.mobile-menu[open] .mobile-menu__trigger{color:var(--hw-nav-signal)!important}.mobile-menu__panel{position:fixed;top:calc(var(--hw-nav-height) + env(safe-area-inset-top));right:0;left:0;z-index:121;display:grid;gap:16px;max-height:calc(100svh - var(--hw-nav-height) - env(safe-area-inset-top));padding:12px calc(18px + env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;color:var(--hw-nav-ink)!important;background:var(--hw-nav-bg-solid)!important;border:0!important;border-bottom:1px solid var(--hw-nav-line)!important;border-radius:0!important;box-shadow:0 24px 54px #1111111f!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.mobile-menu__links{display:grid;grid-template-columns:1fr;gap:0}.mobile-menu__link{position:relative;display:flex;min-width:0;min-height:46px;padding:0 4px;align-items:center;color:var(--hw-nav-muted)!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(17,17,17,.09)!important;border-radius:0!important;font-size:14px;font-weight:550;overflow-wrap:anywhere}.mobile-menu__link:hover,.mobile-menu__link:focus-visible{color:var(--hw-nav-ink)!important;background:var(--hw-nav-hover)!important}.mobile-menu__link--family{color:var(--hw-nav-ink)!important;font-size:15px;font-weight:650}.mobile-menu__link--family.is-active{padding-left:15px}.mobile-menu__link--family.is-active:before{position:absolute;top:50%;left:3px;width:3px;height:18px;background:var(--hw-nav-signal);content:"";transform:translateY(-50%)}.mobile-menu__link--family.is-active:after{display:none!important}.mobile-menu__localization{padding-top:0;border-top:0!important}.mobile-menu__language{display:grid;grid-template-columns:1fr minmax(142px,auto);gap:14px;min-height:48px;align-items:center;color:var(--hw-nav-muted)!important;font-size:12px;font-weight:600}.mobile-menu__language select{min-height:44px;padding:0 34px 0 12px;color:var(--hw-nav-ink)!important;background-color:#fff!important;border:1px solid var(--hw-nav-line)!important;border-radius:0!important}}@media(max-width:390px){.site-header .brand-link,.template-index .site-header .brand-link,body:not(.template-index) .site-header .brand-link{width:min(116px,100%)}.site-header .brand-link__wordmark{width:116px}}@media(prefers-reduced-motion:reduce){.site-header .mode-button,.site-header .mode-button:after,.site-header .nav-button,.mobile-menu__trigger,.mobile-cart{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/hachiware-navigation-v3.css.map?hwv=nav-redesign-20260911-5 */