.site-header{--header-brand:#66aa51;--header-forest:#1a4d2e;--header-gray-300:#d1d5db;--header-gray-500:#6b7280;--header-gray-600:#4b5563;--header-gray-700:#374151;--header-gray-900:#111827;--header-gray-50:#f9fafb;--header-max-width:1280px;--header-drawer-width:288px;font-family:Noto Sans JP,system-ui,-apple-system,sans-serif;width:100%}.site-header__nav{background-color:#fff;border-bottom:1px solid var(--header-gray-300)}.site-header__inner{align-items:center;box-sizing:border-box;display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:var(--header-max-width);padding:12px 16px}.site-header__brand{align-items:center;display:flex;flex-shrink:0;gap:8px;text-decoration:none}.site-header__brand-img{display:block;object-fit:contain}.site-header__brand-text{line-height:1.25}.site-header__brand-name{color:var(--header-brand);display:block;font-size:18px;font-weight:700}.site-header__brand-tagline{color:var(--header-gray-500);display:block;font-size:10px}.site-header__desktop-nav{align-items:center;display:none;gap:24px;list-style:none;margin:0;padding:0}.site-header__desktop-link{color:var(--header-gray-700);font-size:14px;text-decoration:none;transition:color .15s ease}.site-header__desktop-link:hover{color:var(--header-brand)}.site-header__actions{align-items:center;display:flex;gap:8px}.site-header__login{color:var(--header-gray-700);display:none;font-size:14px;text-decoration:none}.site-header__login:hover{color:var(--header-forest)}.site-header__register{background-color:var(--header-forest);border-radius:6px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:8px 12px;text-decoration:none;transition:opacity .15s ease}.site-header__register:hover{opacity:.9}.site-header__favorites{align-items:center;color:var(--header-gray-600);display:flex;position:relative;text-decoration:none}.site-header__icon{display:block;height:20px;width:20px}.site-header__icon--lg{height:24px;width:24px}.site-header__favorites-count{align-items:center;background-color:var(--header-forest);border-radius:9999px;color:#fff;display:flex;font-size:10px;height:16px;justify-content:center;position:absolute;right:-8px;top:-8px;width:16px}.site-header__drawer-close,.site-header__menu-toggle{align-items:center;background:transparent;border:0;color:var(--header-gray-700);cursor:pointer;display:flex;padding:4px}.site-header__menu-toggle .site-header__icon.is-hidden{display:none}.site-header__backdrop{background-color:rgba(0,0,0,.4);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:40}.site-header__backdrop.is-open{opacity:1;pointer-events:auto}.site-header__drawer{background-color:#fff;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;max-width:85vw;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:var(--header-drawer-width);z-index:50}.site-header__drawer.is-open{transform:translateX(0)}.site-header__drawer-header{align-items:center;border-bottom:1px solid var(--header-gray-300);display:flex;justify-content:space-between;padding:16px}.site-header__drawer-title{color:var(--header-gray-900);font-size:14px;font-weight:500}.site-header__drawer-nav{flex:1;overflow-y:auto;padding:16px}.site-header__drawer-list{list-style:none;margin:0;padding:0}.site-header__drawer-list>li+li{margin-top:4px}.site-header__drawer-link{border-radius:6px;color:var(--header-gray-700);display:block;font-size:14px;padding:12px;text-decoration:none;transition:color .15s ease,background-color .15s ease}.site-header__drawer-link:hover{background-color:var(--header-gray-50);color:var(--header-brand)}.site-header__drawer-login{border-top:1px solid var(--header-gray-300);margin-top:24px;padding-top:24px}@media (min-width:640px){.site-header__actions{gap:16px}.site-header__login{display:inline}.site-header__register{font-size:14px;padding:8px 16px}.site-header__drawer-login{display:none}}@media (min-width:1024px){.site-header__inner{gap:24px;padding-left:32px;padding-right:32px}.site-header__desktop-nav{display:flex}.site-header__backdrop,.site-header__drawer,.site-header__menu-toggle{display:none}}