.fr-header { background: var(--fr-color-surface); border-bottom: var(--fr-rule-width) solid var(--fr-color-rule); color: var(--fr-color-ink-strong); position: relative; z-index: 50; }
.fr-header__inner { align-items: center; display: grid; grid-template-columns: minmax(215px, 1fr) auto minmax(215px, 1fr); margin-inline: auto; max-width: var(--fr-page-max); min-height: 44px; padding-inline: var(--fr-page-gutter); }
.fr-header__brand { align-items: center; border-right: var(--fr-rule-width) solid var(--fr-color-rule); display: flex; height: 26px; padding-right: var(--fr-space-8); text-decoration: none; width: max-content; }
.fr-header__brand-name { font-family: var(--fr-font-display); font-size: clamp(1.45rem, 2.15vw, 2.1rem); font-weight: var(--fr-weight-black); letter-spacing: -.045em; line-height: .8; text-transform: uppercase; white-space: nowrap; }
.fr-header__nav { justify-self: center; }
.fr-header__menu { display: flex; gap: clamp(1.75rem, 4vw, 4rem); list-style: none; margin: 0; padding: 0; }
.fr-header__menu a { color: inherit; font-size: var(--fr-text-sm); font-weight: var(--fr-weight-bold); letter-spacing: -.01em; text-decoration: none; }
.fr-header__menu a:hover, .fr-header__menu a:focus-visible, .fr-header__menu .current-menu-item > a { color: var(--fr-color-vermilion); }
.fr-header__actions { align-items: center; border-left: var(--fr-rule-width) solid var(--fr-color-rule); display: flex; gap: var(--fr-space-5, 1.25rem); height: 26px; justify-self: end; padding-left: var(--fr-space-8); }
.fr-header__icon-link, .fr-header__menu-toggle { align-items: center; background: transparent; border: 0; color: inherit; display: inline-flex; height: 28px; justify-content: center; padding: 0; position: relative; text-decoration: none; width: 28px; }
.fr-header__icon-link:hover, .fr-header__icon-link:focus-visible, .fr-header__menu-toggle:hover, .fr-header__menu-toggle:focus-visible { color: var(--fr-color-vermilion); }
.fr-header__icon-link svg, .fr-header__menu-toggle svg { height: 21px; stroke: currentColor; width: 21px; }
.fr-header__cart-count { align-items: center; background: var(--fr-color-vermilion); border-radius: 50%; color: var(--fr-color-on-dark); display: flex; font-family: var(--fr-font-data); font-size: .625rem; font-weight: var(--fr-weight-bold); height: 15px; justify-content: center; line-height: 1; position: absolute; right: -4px; top: -2px; width: 15px; }
.fr-header__menu-toggle { cursor: pointer; display: none; }

@media (max-width: 48rem) {
	.fr-header__inner { grid-template-columns: 1fr auto; min-height: 54px; }
	.fr-header__brand { height: 30px; }
	.fr-header__nav { background: var(--fr-color-surface); border-bottom: var(--fr-rule-width) solid var(--fr-color-rule); box-shadow: 0 12px 24px rgb(16 17 16 / 10%); display: none; left: 0; padding: var(--fr-space-6) var(--fr-page-gutter); position: absolute; right: 0; top: 100%; }
	.fr-header__nav.is-open { display: block; }
	.fr-header__menu { flex-direction: column; gap: 0; }
	.fr-header__menu li { border-top: var(--fr-rule-width) solid var(--fr-color-rule); }
	.fr-header__menu a { display: block; font-size: var(--fr-text-base); padding-block: var(--fr-space-4); }
	.fr-header__actions { gap: var(--fr-space-2); padding-left: var(--fr-space-4); }
	.fr-header__icon-link--account { display: none; }
	.fr-header__menu-toggle { display: inline-flex; }
}