@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@400;500;600;700&display=swap');._picture-image_tztde_1 {
  display: block;
  height: 100%;
  width: 100%;
}


/* Self-contained font for the nav menu items, so the block does not depend on
   the host page providing 'Montserrat Alternates'. */
._legacy-header__header_m3cok_5 {
  height: 100%;
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

  /* Theme tokens — Mondial Relay (default).
     Fall back to the host page CSS variables when present. */
  --mrh-primary: var(--color-primary, #cd0a6c);
  --mrh-nav-link-hover: var(--color-accent-2, #cd0a6c);
  --mrh-bottom-bar-bg: var(--color-primary, #cd0a6c);
  --mrh-bottom-bar-fg: #fff;
  --mrh-bottom-bar-hover: var(--color-accent-4, rgba(0, 0, 0, 0.15));
  /* Call-to-action button (last nav item). */
  --mrh-cta-border: var(--color-primary, #cd0a6c);
  --mrh-cta-text: var(--color-primary, #cd0a6c);
  --mrh-cta-hover-bg: var(--color-primary, #cd0a6c);
  --mrh-cta-hover-text: #fff;
  /* Mobile chrome (menu button + cart/user actions). */
  --mrh-menu-border: var(--mrh-primary);
  --mrh-action-bg: transparent;
  --mrh-action-fg: var(--mrh-primary);
  /* Font shared by both menus (top nav links + bottom bar). */
  --mrh-menu-font: 'Montserrat Alternates', sans-serif;
}
/* Theme tokens — InPost (yellow bottom bar, dark text). */
._legacy-header__header_m3cok_5[data-theme-variant='inpost'] {
  --mrh-primary: #424143;
  --mrh-nav-link-hover: #000000;
  --mrh-bottom-bar-bg: #ffcb04;
  --mrh-bottom-bar-fg: #424143;
  --mrh-bottom-bar-hover: #f8b12a;
  --mrh-cta-border: #424143;
  --mrh-cta-text: #424143;
  --mrh-cta-hover-bg: #ffcb04;
  --mrh-cta-hover-text: #1a1a1a;
  --mrh-menu-border: #ffcd00;
  --mrh-action-bg: #ffcd00;
  --mrh-action-fg: #fff;
}
._legacy-header__container_m3cok_46 {
  margin: 0 auto;
  display: flex;
  min-height: 90px;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
}
@media (min-width: 768px) {
  ._legacy-header__container_m3cok_46 {
    min-height: 108px;
  }
}
._legacy-header__mobile-controls_m3cok_61 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
@media (min-width: 768px) {
  ._legacy-header__mobile-controls_m3cok_61 {
    display: none;
  }
}
._legacy-header__menu-button_m3cok_74 {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  padding: 0;
  border: 2px solid var(--mrh-menu-border);
  background: transparent;
  cursor: pointer;
  color: var(--mrh-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Icon swap driven purely by the popover's open state — no JS.
   The burger shows while the mobile menu is closed and turns into a cross
   once it is open. The popover stays in the DOM, so :has() still matches it. */
._legacy-header__menu-icon-close_m3cok_91 {
  display: none;
}
._legacy-header__header_m3cok_5:has(._legacy-header__mobile-menu_m3cok_95:popover-open)
  ._legacy-header__menu-icon-open_m3cok_96 {
  display: none;
}
._legacy-header__header_m3cok_5:has(._legacy-header__mobile-menu_m3cok_95:popover-open)
  ._legacy-header__menu-icon-close_m3cok_91 {
  display: block;
}
._legacy-header__logo-link_m3cok_105 {
  display: block;
}
._legacy-header__logo-link_m3cok_105 img {
  height: 60px;
  max-height: 60px;
  max-width: 112px;
  object-fit: contain;
}
@media (min-width: 768px) {
  ._legacy-header__logo-link_m3cok_105 {
    flex-grow: 0;
  }
}
._legacy-header__desktop-nav_m3cok_122 {
  display: none;
  align-items: center;
  gap: 1.25rem;
}
@media (min-width: 768px) {
  ._legacy-header__desktop-nav_m3cok_122 {
    display: flex;
    gap: 1.25rem;
  }
}
@media (min-width: 1024px) {
  ._legacy-header__desktop-nav_m3cok_122 {
    gap: 1.75rem;
  }
}
@media (min-width: 1280px) {
  ._legacy-header__desktop-nav_m3cok_122 {
    gap: 1.25rem;
  }
}
._legacy-header__nav-menu_m3cok_147 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  text-align: center;
}
@media (min-width: 768px) {
  ._legacy-header__nav-menu_m3cok_147 {
    gap: 1.25rem;
  }
}
@media (min-width: 1024px) {
  ._legacy-header__nav-menu_m3cok_147 {
    gap: 1.75rem;
  }
}
@media (min-width: 1280px) {
  ._legacy-header__nav-menu_m3cok_147 {
    gap: 1.25rem;
  }
}
._legacy-header__nav-item_m3cok_172 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  a:not(._a-btn_m3cok_178) {
    color: var(--mrh-primary);
  }
  a:not(._a-btn_m3cok_178):hover {
    color: var(--mrh-nav-link-hover);
  }
}
._legacy-header__nav-menu_m3cok_147 li:last-child {
  max-width: none;
}
@media (min-width: 768px) {
  ._legacy-header__nav-item_m3cok_172 {
    /*max-width: 100px;*/
    font-size: 0.9375rem;
  }

  ._legacy-header__nav-menu_m3cok_147 li:last-child {
    max-width: none;
  }
}
@media (min-width: 1024px) {
  ._legacy-header__nav-menu_m3cok_147 li:last-child {
    max-width: none;
  }
}
._legacy-header__nav-link_m3cok_207 {
  color: inherit;
  text-decoration: none;
  font-family: var(--mrh-menu-font);
  font-weight: 600;
}
._legacy-header__nav-menu_m3cok_147 li._highlighted_m3cok_214 ._legacy-header__nav-link_m3cok_207 {
  font-family: var(--font-family-secondary), sans-serif;
  font-weight: bold;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: all 0.1s ease-in-out;
  width: fit-content;
  font-size: 0.9375rem;
  padding: 17px 24px;
  border: 2px solid var(--mrh-cta-border);
  background-color: white;
  color: var(--mrh-cta-text);
}
._legacy-header__nav-menu_m3cok_147 li._highlighted_m3cok_214 ._legacy-header__nav-link_m3cok_207:hover {
  color: var(--mrh-cta-hover-text);
  background-color: var(--mrh-cta-hover-bg);
}
._legacy-header__last-nav-link_m3cok_236:hover {
  color: var(--mrh-cta-hover-text);
  background-color: var(--mrh-cta-hover-bg);
  transform: scale(0.95);
  filter: brightness(110%);
}
._legacy-header__last-nav-link_m3cok_236 svg {
  pointer-events: none;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
}
._legacy-header__mobile-actions_m3cok_250 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  ._legacy-header__mobile-actions_m3cok_250 {
    display: none;
  }
}
._legacy-header__action-link_m3cok_263 {
  color: var(--mrh-action-fg);
  background-color: var(--mrh-action-bg);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
}
/* InPost: cart/user become filled, rounded squares with white icons,
   matching the bordered menu button. */
._legacy-header__header_m3cok_5[data-theme-variant='inpost'] ._legacy-header__action-link_m3cok_263 {
  width: 40px;
  height: 40px;
  border-radius: 10px;
}
._legacy-header__header_m3cok_5[data-theme-variant='inpost'] ._legacy-header__action-link_m3cok_263 svg {
  width: 24px;
  height: 24px;
  fill: #424143;
  /*stroke: #424143;*/
  color: #424143;
}
._legacy-header__bottom-bar_m3cok_289 {
  display: none;
  background-color: var(--mrh-bottom-bar-bg);
  font-family: var(--mrh-menu-font);
}
@media (min-width: 768px) {
  ._legacy-header__bottom-bar_m3cok_289 {
    display: block;
  }
}
._legacy-header__bottom-bar-list_m3cok_301 {
  margin: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  list-style: none;
}
._legacy-header__bottom-bar-item_m3cok_310 {
  display: flex;
  align-items: center;
  & > * {
    font-weight: 600;
  }
}
._legacy-header__bottom-bar-item--user_m3cok_318 {
  position: relative;
}
._legacy-header__bottom-bar-link_m3cok_322 {
  white-space: nowrap;
  padding: 1rem;
  font-size: 0.875rem;
  color: var(--mrh-bottom-bar-fg);
  text-decoration: none;
  display: flex;
  align-items: center;
  transition: background-color 0.2s;
}
._legacy-header__bottom-bar-link_m3cok_322:hover {
  background-color: var(--mrh-bottom-bar-hover);
}
._legacy-header__bottom-bar-button_m3cok_337 {
  border: 0;
  background: transparent;
  font-family: inherit;
  cursor: pointer;
  /* Anchor for the user submenu popover (which lives in the top layer). */
  anchor-name: --mrh-user-anchor;
}
._legacy-header__bottom-bar-button_m3cok_337:hover,
._legacy-header__bottom-bar-item--user_m3cok_318:has(._legacy-header__user-submenu_m3cok_347:popover-open)
  ._legacy-header__bottom-bar-button_m3cok_337 {
  background-color: var(--mrh-bottom-bar-hover);
}
._legacy-header__bottom-bar-link_m3cok_322 svg {
  margin-right: 0.5rem;
}
._legacy-header__bottom-bar-text_m3cok_356 {
  margin-left: 0.5rem;
  color: var(--mrh-bottom-bar-fg);
}
/* User (Connexion) menu — native popover anchored under its trigger button.
   Opens on Enter/click, light-dismisses on Esc and outside click, and its links
   are only tab-reachable while open. No JS. */
._legacy-header__user-submenu_m3cok_347 {
  /* Reset the UA popover box (centered, bordered, padded). */
  margin: 0;
  border: 0;
  overflow: visible;

  /* Anchor to the trigger: below it, left edges aligned. */
  position-anchor: --mrh-user-anchor;
  top: anchor(bottom);
  left: anchor(left);
  right: auto;
  bottom: auto;
  margin-top: 8px;

  min-width: 360px;
  width: max-content;
  padding: 1.5rem;
  background: #fff;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
  z-index: 30;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._legacy-header__user-submenu_m3cok_347:not(:popover-open) {
  display: none;
}
._legacy-header__user-submenu-link_m3cok_393 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  width: 100%;
  padding: 0.75rem 1rem;
  border: 0;
  background: #ffcd00;
  color: #424143;
  text-decoration: none;
  font-family: var(--mrh-menu-font);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  transition: filter 0.2s ease-in-out;
}
._legacy-header__user-submenu-link_m3cok_393:hover,
._legacy-header__user-submenu-link_m3cok_393:focus-visible {
  filter: brightness(0.96);
  outline: none;
}
._legacy-header__user-submenu-action_m3cok_418:disabled {
  cursor: wait;
  opacity: 0.75;
}
/* Mobile menu — native popover overlay below the header bar. Toggled by the
   burger button, closes on Esc / outside click, zero JS. */
._legacy-header__mobile-menu_m3cok_95 {
  /* Reset the UA popover box. */
  margin: 0;
  border: 0;
  padding: 0;
  inset: auto;

  position: fixed;
  top: 90px;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  height: calc(100vh - 90px);
  background: #fff;
  flex-direction: column;
  overflow: hidden;
  animation: _slideDown_m3cok_1 0.3s ease-out;
}
._legacy-header__mobile-menu_m3cok_95:popover-open {
  display: flex;
}
/* The mobile menu is a mobile-only affordance; never surface it on desktop. */
@media (min-width: 768px) {
  ._legacy-header__mobile-menu_m3cok_95:popover-open {
    display: none;
  }
}
/* Lock background scroll while the mobile menu is open (replaces the old
   body.style.overflow toggle that required JS). */
html:has(._legacy-header__mobile-menu_m3cok_95:popover-open) {
  overflow: hidden;
}
@keyframes _slideDown_m3cok_1 {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
._legacy-header__mobile-menu-list_m3cok_473 {
  padding: 0;
  margin: 0;
  list-style: none;
}
._legacy-header__mobile-menu-item_m3cok_479 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 3rem;
  border-top: 1px solid #e0e0e0;
  padding: 0.75rem;
  font-family: var(--font-family-secondary), sans-serif;
  font-weight: normal;
}
._legacy-header__mobile-menu-link_m3cok_491 {
  color: inherit;
  text-decoration: none;
}
._navigation-language_144kw_1 {
  display: flex;
  align-items: center;
}

._navigation-language__trigger_144kw_6 {
  font-family: 'Montserrat Alternates', sans-serif;
  border-radius: 0;
  border: none;
  padding: 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--mrh-bottom-bar-fg, #fff);
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: all 0.2s ease-in-out;
  /* Anchor for the language popover (which lives in the top layer). */
  anchor-name: --mrh-lang-anchor;
}

._navigation-language__trigger_144kw_6:hover,
._navigation-language_144kw_1:has(._navigation-language__content_144kw_24:popover-open) ._navigation-language__trigger_144kw_6 {
  background-color: var(--mrh-bottom-bar-hover, var(--color-accent-4));
}

._navigation-language__trigger-icon_144kw_28 {
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
}

/* Language list — native popover anchored under the trigger, right-aligned.
   Opens on Enter/click, light-dismisses on Esc / outside click, its links are
   only tab-reachable while open. No JS. */
._navigation-language__content_144kw_24 {
  /* Reset the UA popover box. */
  margin: 0;
  border: 0;
  padding: 0;

  /* Anchor to the trigger: below it, right edges aligned. */
  position-anchor: --mrh-lang-anchor;
  top: anchor(bottom);
  right: anchor(right);
  left: auto;
  bottom: auto;
  margin-top: 8px;

  background-color: #fff;
  font-family: 'Montserrat Alternates', sans-serif;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  width: 140px;
  max-height: 60vh;
  overflow-y: auto;
  z-index: 50;
}

._navigation-language__content_144kw_24:not(:popover-open) {
  display: none;
}

._navigation-language__item_144kw_64 {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  color: #1f2937;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
  white-space: nowrap;
}

._navigation-language__item_144kw_64:hover,
._navigation-language__item_144kw_64:focus-visible,
._navigation-language__item--selected_144kw_78 {
  outline: none;
  background-color: var(--color-accent-4);
}

/* InPost: highlighted item gets a light grey background and gold label
   instead of the MR magenta accent. The dropdown is in the top layer, so the
   theme is carried on the content element rather than inherited from the header. */
._navigation-language__content_144kw_24[data-theme-variant='inpost'] ._navigation-language__item_144kw_64:hover,
._navigation-language__content_144kw_24[data-theme-variant='inpost'] ._navigation-language__item_144kw_64:focus-visible,
._navigation-language__content_144kw_24[data-theme-variant='inpost'] ._navigation-language__item--selected_144kw_78 {
  background-color: #f3f4f6;
  color: #f5a800;
}
/*$vite$:1*/