/* Compact bilingual navigation stays beside the official logo. */
.header.reference-header{flex-wrap:nowrap;align-items:center;gap:clamp(12px,1.6vw,22px);padding:10px 3%;min-height:76px;box-sizing:border-box}
.header.reference-header.hero-header{flex-wrap:nowrap;min-height:70px;padding:9px 20px;gap:clamp(14px,2vw,26px);border-radius:99px}
.header.reference-header .brand{flex:0 0 auto;min-width:0}.header.reference-header .brand img{display:block;width:clamp(132px,11.5vw,164px);height:auto}
.header.reference-header .nav.reference-nav,.header.reference-header .nav.reference-nav.is-open{display:flex;flex-direction:row;flex-wrap:nowrap;flex:1 1 0;min-width:0;width:auto;justify-content:space-between;gap:clamp(8px,.9vw,14px);padding:0;overflow:visible}
.header.reference-header .reference-nav .nav-dropdown{flex:0 0 auto;width:auto}
.header.reference-header .reference-nav .nav-dropdown>summary,.header.reference-header .reference-nav>.nav-direct{font-size:11px;min-height:46px;padding:4px 0;gap:5px;align-items:center;justify-content:center}
.header.reference-header .reference-nav .nav-label{display:flex;flex-direction:column;gap:2px;text-align:center;white-space:nowrap}
.header.reference-header .reference-nav .nav-ja{display:block;font:900 11px/1.3 'Fufu Noto',Arial,sans-serif;letter-spacing:0;color:#34304d}
.header.reference-header .reference-nav .nav-en{display:block;font:400 9px/1.25 Arial,sans-serif;letter-spacing:.07em;color:#766786}
.header.reference-header .reference-nav .nav-chevron{font-size:11px;padding:0;align-self:center}
.header.reference-header .reference-nav>.nav-shop{min-height:48px;padding:7px 14px;gap:9px;border-radius:30px;border:1px solid #e4d9ed;background:#eee7fc}
.header.reference-header .reference-nav .nav-shop-arrow{font-size:17px}
.header.reference-header .reference-nav .nav-submenu a{font-size:13px;min-height:46px}
@media(min-width:1600px){.header.reference-header .reference-nav .nav-ja{font-size:13px}.header.reference-header .reference-nav .nav-en{font-size:10.5px}}
@media(max-width:1180px){.header.reference-header,.header.reference-header.hero-header{gap:12px;padding:10px 16px}.header.reference-header.hero-header{width:calc(100% - 90px)}.header.reference-header .brand img{width:132px}.header.reference-header .nav.reference-nav,.header.reference-header .nav.reference-nav.is-open{flex:1 1 0;width:auto;justify-content:space-between;gap:9px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#c4b1d1 transparent;padding:2px 0}.header.reference-header .reference-nav .nav-ja{font-size:10px}.header.reference-header .reference-nav .nav-en{font-size:8.5px}.header.reference-header .reference-nav>.nav-shop{padding:6px 11px}.header.reference-header .reference-nav .nav-dropdown>summary,.header.reference-header .reference-nav>.nav-direct{min-height:46px}}
@media(max-width:760px){.header.reference-header{gap:12px;padding:9px 12px}.header.reference-header.hero-header{width:calc(100% - 52px);padding:9px 12px;gap:12px;top:29px}.header.reference-header .brand img{width:96px}.header.reference-header .nav.reference-nav,.header.reference-header .nav.reference-nav.is-open{gap:17px;justify-content:flex-start}.header.reference-header .reference-nav .nav-ja{font-size:12px}.header.reference-header .reference-nav .nav-en{font-size:10px}.header.reference-header .reference-nav .nav-dropdown>summary,.header.reference-header .reference-nav>.nav-direct{min-height:48px;gap:5px}.header.reference-header .reference-nav>.nav-shop{padding:6px 13px}}
@media(max-width:540px){.header.reference-header.hero-header{width:calc(100% - 36px);top:21px;border-radius:24px}.header.reference-header .brand img{width:88px}.header.reference-header .nav.reference-nav,.header.reference-header .nav.reference-nav.is-open{gap:15px}}
@media(prefers-reduced-motion:reduce){.header.reference-header .reference-nav{scroll-behavior:auto}}

.header.reference-header.hero-header{left:0;right:0;transform:none;margin-left:auto;margin-right:auto;backdrop-filter:none}