.ff-power-guide-nav{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:9px 12px;border:1px solid #e7bea2;border-radius:6px;background:#fff5ec;color:#272a2b;font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;letter-spacing:0;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease}
.ff-power-guide-nav svg{flex:0 0 22px;color:#ab4b13}
.ff-power-guide-nav:hover,.ff-power-guide-nav[aria-current=page]{background:#ffead8;border-color:#cb8657}
.ff-power-guide-nav:focus-visible{outline:3px solid #b94c0d;outline-offset:4px}
@media(max-width:1279px){.ff-power-guide-nav{width:44px;padding:10px}.ff-power-guide-nav>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.ff-power-guide-nav{transition:none}}

@media(max-width:699px){
  store-header.header:has([data-ff-power-guide-nav]) .header__wrapper{grid-template:"main-nav logo secondary-nav"/max-content minmax(0,1fr) max-content;column-gap:8px;padding-inline:16px}
  store-header.header:has([data-ff-power-guide-nav]) .header__main-nav>.header__icon-list,store-header.header:has([data-ff-power-guide-nav]) .header__secondary-nav>.header__icon-list{gap:4px;flex-wrap:nowrap}
  store-header.header:has([data-ff-power-guide-nav]) .header__secondary-nav>.header__icon-list>li:has(>a.hidden){display:none}
  store-header.header:has([data-ff-power-guide-nav]) .header__main-nav>.header__icon-list>.tap-area,store-header.header:has([data-ff-power-guide-nav]) .header__secondary-nav>.header__icon-list>li>.tap-area:not(.hidden){display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px}
  store-header.header:has([data-ff-power-guide-nav]) .header__main-nav>.header__icon-list>.tap-area::before,store-header.header:has([data-ff-power-guide-nav]) .header__secondary-nav>.header__icon-list>li>.tap-area:not(.hidden)::before{inset:0}
  store-header.header:has([data-ff-power-guide-nav]) .header__logo{min-width:0;width:100%;max-width:var(--header-logo-width);justify-self:center}
  store-header.header:has([data-ff-power-guide-nav]) .header__logo-image{width:100%}
}