/* ==========================================================================
   Lagoona : en-tête v2 (refonte 2026)
   En ligne depuis le 28/10/2026, chargé dans head.tpl.
   ========================================================================== */

:root {
  --lg-navy: #111111;
  --lg-navy-soft: #333333;
  --lg-teal: #28c1bb;
  --lg-teal-dark: #1a9e99;
  --lg-teal-soft: #e9f8f7;
  --lg-ink: #14161a;
  --lg-muted: #5b6170;
  --lg-line: #e7e9ee;
  --lg-soft: #f4f5f8;
  --lg-radius: 999px;
  --lg-font: "Roboto", -apple-system, "Segoe UI", Arial, sans-serif;

  --lg-i-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  --lg-i-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
  --lg-i-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.5-1.5 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3 .5-4.5 2-1.5-1.5-2.7-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4 3 5.5l7 7Z'/%3E%3C/svg%3E");
  --lg-i-bag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l1 14H5L6 7Z'/%3E%3Cpath d='M9 7V6a3 3 0 0 1 6 0v1'/%3E%3C/svg%3E");
  --lg-i-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
  --lg-i-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2' width='12' height='20' rx='2.5'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E");
  --lg-i-watch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='3'/%3E%3Cpath d='m9 6 .5-4h5l.5 4M9 18l.5 4h5l.5-4'/%3E%3C/svg%3E");
  --lg-i-tablet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E");
  --lg-i-laptop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h14a1 1 0 0 1 1 1v10H4V6a1 1 0 0 1 1-1Z'/%3E%3Cpath d='M2 19h20'/%3E%3C/svg%3E");
  --lg-i-desktop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='14' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E");
  --lg-i-headphones: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18v-6a9 9 0 0 1 18 0v6'/%3E%3Cpath d='M21 19a2 2 0 0 1-2 2h-1v-6h3ZM3 19a2 2 0 0 0 2 2h1v-6H3Z'/%3E%3C/svg%3E");
  --lg-i-wrench: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.8-3.8a6 6 0 0 1-7.9 7.9l-6.9 6.9a2.1 2.1 0 0 1-3-3l6.9-6.9a6 6 0 0 1 7.9-7.9l-3.8 3.8Z'/%3E%3C/svg%3E");
  --lg-i-headset: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E");
  --lg-i-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
  --lg-i-help: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3M12 17h.01'/%3E%3C/svg%3E");
  --lg-i-file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z'/%3E%3Cpath d='M14 2v6h6M8 13h8M8 17h5'/%3E%3C/svg%3E");
  --lg-i-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
  --lg-i-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
  --lg-i-return: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E");
  --lg-i-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
  --lg-i-bag-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l1 14H5L6 7Z'/%3E%3Cpath d='M9 7V6a3 3 0 0 1 6 0v1M12 11v6M9 14h6'/%3E%3C/svg%3E");
  --lg-i-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");
  --lg-i-chevron-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E");
  --lg-i-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --lg-i-tag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8Z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E");
  --lg-i-sparkle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v4M12 17v4M3 12h4M17 12h4M5.6 5.6l2.8 2.8M15.6 15.6l2.8 2.8M5.6 18.4l2.8-2.8M15.6 8.4l2.8-2.8'/%3E%3C/svg%3E");
  --lg-i-chevron-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 6-6 6 6 6'/%3E%3C/svg%3E");
  --lg-i-call: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2Z'/%3E%3C/svg%3E");
  --lg-i-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E");
  --lg-i-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

/* ==========================================================================
   Base
   ========================================================================== */

#header {
  background: #fff;
  font-family: var(--lg-font);
  -webkit-font-smoothing: antialiased;
}

.lg-container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

/* Icône générique : un pseudo-élément masqué par un SVG, coloré par currentColor */
.lg-usp::before,
.lg-topbar__links #bonmenu a::before,
.lg-actions a.bon-tooltip::before,
.lg-actions a.wishlist-tooltip::before,
.lg-search .search-form-inner::before,
.lg-nav .mm_menu_content_title::before {
  content: "";
  flex: none;
  display: block;
  background: currentColor;
  -webkit-mask: var(--lg-icon) center / contain no-repeat;
  mask: var(--lg-icon) center / contain no-repeat;
}

/* ==========================================================================
   Bandeau du haut
   ========================================================================== */

.lg-topbar {
  background: var(--lg-navy);
  color: #fff;
  font-size: 13px;
}

.lg-topbar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 38px;
}

.lg-topbar__usp {
  display: flex;
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lg-usp {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-weight: 500;
  white-space: nowrap;
}

.lg-usp::before {
  width: 16px;
  height: 16px;
  color: var(--lg-teal);
}

.lg-usp--france { --lg-icon: var(--lg-i-pin); }
.lg-usp--check  { --lg-icon: var(--lg-i-shield); }
.lg-usp--return { --lg-icon: var(--lg-i-return); }

.lg-topbar__links #bonmenu .menu-list {
  display: flex;
  gap: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lg-topbar__links #bonmenu .menu-item {
  margin: 0;
  padding: 0;
}

.lg-topbar__links #bonmenu i {
  display: none !important;
}

.lg-topbar__links #bonmenu a {
  display: flex;
  align-items: center;
  gap: 6px;
  color: rgba(255, 255, 255, .78);
  font-size: 13px;
  line-height: 38px;
  text-decoration: none;
  transition: color .15s;
}

.lg-topbar__links #bonmenu a::after {
  display: none !important;
}

.lg-topbar__links #bonmenu a::before {
  width: 15px;
  height: 15px;
}

.lg-topbar__links #bonmenu a:hover {
  color: #fff;
}

.lg-topbar__links #bonmenu .menu-item:nth-child(1) a { --lg-icon: var(--lg-i-wrench); }
.lg-topbar__links #bonmenu .menu-item:nth-child(2) a { --lg-icon: var(--lg-i-headset); }
.lg-topbar__links #bonmenu .menu-item:nth-child(3) a { --lg-icon: var(--lg-i-info); }
.lg-topbar__links #bonmenu .menu-item:nth-child(4) a { --lg-icon: var(--lg-i-help); }
.lg-topbar__links #bonmenu .menu-item:nth-child(5) a { --lg-icon: var(--lg-i-file); }

/* ==========================================================================
   Ligne principale : logo, recherche, actions
   ========================================================================== */

.lg-header {
  background: #fff;
}

.lg-header__main {
  display: flex;
  align-items: center;
  gap: 40px;
  height: 84px;
}

.lg-logo {
  flex: none;
  display: block;
  line-height: 0;
}

.lg-logo img.logo {
  display: block;
  width: auto;
  max-width: none;
  height: 42px;
}

.lg-burger {
  display: none;
}

/* --- Recherche --- */

.lg-search {
  flex: 1;
  max-width: 640px;
}

.lg-search .bonsearch {
  position: relative;
  width: 100%;
  margin: 0;
  float: none;
}

.lg-search .bonsearch_button,
.lg-search .bonsearch-microphone,
.lg-search .icon-text {
  display: none !important;
}

.lg-search .bonsearch_box {
  display: block !important;
  position: static !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.lg-search #searchbox {
  width: 100%;
  margin: 0;
}

.lg-search .search-form-inner {
  position: relative;
}

.lg-search .search-form-inner::before {
  --lg-icon: var(--lg-i-search);
  position: absolute;
  top: 50%;
  left: 18px;
  z-index: 1;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  color: var(--lg-muted);
  pointer-events: none;
}

.lg-search #input_search {
  width: 100% !important;
  height: 50px;
  margin: 0;
  padding: 0 132px 0 46px;
  border: 1.5px solid var(--lg-line);
  border-radius: var(--lg-radius);
  background: var(--lg-soft);
  color: var(--lg-ink);
  font: 400 15px/1 var(--lg-font);
  box-shadow: none;
  outline: none;
  transition: background .15s, border-color .15s, box-shadow .15s;
}

.lg-search #input_search::placeholder {
  color: var(--lg-muted);
  opacity: 1;
}

.lg-search #input_search:hover {
  border-color: #d5d8e0;
}

.lg-search #input_search:focus {
  background: #fff;
  border-color: var(--lg-navy);
  box-shadow: 0 0 0 4px rgba(32, 46, 95, .08);
}

.lg-search .bonsearch_btn {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 40px;
  margin: 0;
  padding: 0 22px;
  border: 0;
  border-radius: var(--lg-radius);
  background: var(--lg-navy);
  color: #fff;
  cursor: pointer;
  font-size: 0;
  transition: background .15s;
}

.lg-search .bonsearch_btn::after {
  content: "Rechercher";
  font: 600 14px/40px var(--lg-font);
}

.lg-search .bonsearch_btn:hover {
  background: var(--lg-navy-soft);
}

.lg-search .search_popup {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 1000;
}

/* --- Actions : compte, favoris, panier --- */

.lg-actions {
  flex: none;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}

.lg-actions > div {
  position: relative;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.lg-actions .icon-text,
.lg-actions a > i,
.lg-actions .wishlist-tooltip img,
.lg-actions .blockcart .no-items.alert {
  display: none !important;
}

.lg-actions .blockcart,
.lg-actions .blockcart .header,
.lg-actions .user-info,
.lg-actions .block-wishlist {
  position: relative;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
}

.lg-actions a.bon-tooltip,
.lg-actions a.wishlist-tooltip {
  position: relative;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 64px;
  height: 56px;
  margin: 0;
  padding: 0 8px;
  border-radius: 12px;
  color: var(--lg-ink) !important;
  text-decoration: none !important;
  transition: background .15s, color .15s;
}

.lg-actions a.bon-tooltip:hover,
.lg-actions a.wishlist-tooltip:hover {
  background: var(--lg-soft);
  color: var(--lg-navy) !important;
}

.lg-actions a.bon-tooltip::before,
.lg-actions a.wishlist-tooltip::before {
  width: 24px;
  height: 24px;
}

.lg-actions a.bon-tooltip::after,
.lg-actions a.wishlist-tooltip::after {
  font: 500 12px/1 var(--lg-font);
  white-space: nowrap;
}

.lg-actions #_desktop_user_info a.bon-tooltip { --lg-icon: var(--lg-i-user); }
.lg-actions #_desktop_user_info a.bon-tooltip::after { content: "Compte"; }
.lg-actions #bonwishlist a.wishlist-tooltip { --lg-icon: var(--lg-i-heart); }
.lg-actions #bonwishlist a.wishlist-tooltip::after { content: "Favoris"; }
.lg-actions #_desktop_cart a.bon-tooltip { --lg-icon: var(--lg-i-bag); }
.lg-actions #_desktop_cart a.bon-tooltip::after { content: "Panier"; }

.lg-actions .cart-products-count,
.lg-actions .wishlist-count {
  position: absolute !important;
  top: 2px !important;
  right: auto !important;
  left: 50% !important;
  min-width: 18px;
  height: 18px;
  margin: 0 0 0 4px !important;
  padding: 0 5px;
  border: 2px solid #fff;
  border-radius: 10px;
  background: var(--lg-teal) !important;
  color: #fff !important;
  font: 700 10px/14px var(--lg-font);
  text-align: center;
  box-sizing: content-box;
}

/* Fenêtres au survol (connexion, favoris) */

.lg-actions .bon-login-popup,
.lg-actions #wishlist-popup {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  z-index: 1001;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

@media (min-width: 992px) {
  .lg-actions #_desktop_user_info:hover .bon-login-popup,
  .lg-actions #bonwishlist:hover #wishlist-popup {
    display: block !important;
  }
}

.lg-actions .bon-login-popup {
  width: 260px !important;
  margin-top: 8px;
  padding: 16px !important;
  border: 1px solid var(--lg-line) !important;
  border-radius: 14px;
  background: #fff !important;
  box-shadow: 0 16px 40px rgba(20, 22, 26, .12) !important;
}

.lg-actions .bon-login-popup::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  height: 12px;
}

.lg-actions .bon-login-popup .bon-login.btn {
  display: block;
  width: 100%;
  margin: 0 0 8px;
  padding: 11px 16px;
  border: 1.5px solid var(--lg-navy);
  border-radius: var(--lg-radius);
  background: var(--lg-navy);
  color: #fff;
  font: 600 14px/1.2 var(--lg-font);
  text-transform: none;
  box-shadow: none;
}

.lg-actions .bon-login-popup .bon-login.btn + .bon-login.btn {
  background: #fff;
  color: var(--lg-navy);
  font-size: 0;
}

.lg-actions .bon-login-popup .bon-login.btn + .bon-login.btn::after {
  content: "Créer un compte";
  font-size: 14px;
}

.lg-actions .bon-login-popup .bon-facebooklogin-button {
  width: 100%;
  border-radius: var(--lg-radius);
  text-transform: none;
}

/* ==========================================================================
   Menu des catégories (ets_megamenu)
   ========================================================================== */

.lg-nav {
  background: #fff;
  border-top: 1px solid var(--lg-line);
  border-bottom: 1px solid var(--lg-line);
}

.lg-nav .ets_mm_megamenu,
.lg-nav .ets_mm_megamenu_content {
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

.lg-nav .mm_menu_content_title img,
.lg-nav .mm_menu_content_title .mm_arrow {
  display: none !important;
}

/* Libellés propres à la place des majuscules saisies dans le module */
.lg-nav .mm_menu_content_title {
  font-size: 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.lg-nav .mm_menu_content_title::after {
  font: 600 15px/1 var(--lg-font);
  color: inherit;
}

.lg-nav .mm_menus_li > a[href*="iphone"] .mm_menu_content_title { --lg-icon: var(--lg-i-phone); }
.lg-nav .mm_menus_li > a[href*="iphone"] .mm_menu_content_title::after { content: "iPhone"; }
.lg-nav .mm_menus_li > a[href*="apple-watch"] .mm_menu_content_title { --lg-icon: var(--lg-i-watch); }
.lg-nav .mm_menus_li > a[href*="apple-watch"] .mm_menu_content_title::after { content: "Apple Watch"; }
.lg-nav .mm_menus_li > a[href*="Ipad"] .mm_menu_content_title,
.lg-nav .mm_menus_li > a[href*="ipad"] .mm_menu_content_title { --lg-icon: var(--lg-i-tablet); }
.lg-nav .mm_menus_li > a[href*="Ipad"] .mm_menu_content_title::after,
.lg-nav .mm_menus_li > a[href*="ipad"] .mm_menu_content_title::after { content: "iPad"; }
.lg-nav .mm_menus_li > a[href*="macbook"] .mm_menu_content_title { --lg-icon: var(--lg-i-laptop); }
.lg-nav .mm_menus_li > a[href*="macbook"] .mm_menu_content_title::after { content: "MacBook"; }
.lg-nav .mm_menus_li > a[href*="imac"] .mm_menu_content_title { --lg-icon: var(--lg-i-desktop); }
.lg-nav .mm_menus_li > a[href*="imac"] .mm_menu_content_title::after { content: "iMac"; }
.lg-nav .mm_menus_li > a[href*="accessoires"] .mm_menu_content_title { --lg-icon: var(--lg-i-headphones); }
.lg-nav .mm_menus_li > a[href*="accessoires"] .mm_menu_content_title::after { content: "Accessoires"; }

@media (min-width: 992px) {
  .lg-nav .mm_menus_ul {
    display: flex !important;
    justify-content: center;
    gap: 4px;
    margin: 0;
    padding: 8px 0;
  }

  .lg-nav .mm_menus_li {
    float: none !important;
    width: auto !important;
    border: 0 !important;
  }

  .lg-nav .mm_menus_li > a {
    display: flex !important;
    align-items: center;
    height: 44px;
    padding: 0 18px !important;
    border-radius: var(--lg-radius);
    color: var(--lg-ink) !important;
    text-decoration: none;
    transition: background .15s, color .15s;
  }

  .lg-nav .mm_menus_li > a:hover,
  .lg-nav .mm_menus_li:hover > a {
    background: var(--lg-teal-soft);
    color: var(--lg-navy) !important;
  }

  .lg-nav .mm_menu_content_title {
    display: flex !important;
    align-items: center;
    gap: 9px;
    height: auto !important;
    padding: 0 !important;
    color: inherit !important;
  }

  .lg-nav .mm_menu_content_title::before {
    width: 20px;
    height: 20px;
    color: var(--lg-teal-dark);
  }

  .lg-nav .mm_columns_ul {
    border: 0 !important;
    border-top: 1px solid var(--lg-line) !important;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 20px 40px rgba(20, 22, 26, .10) !important;
  }
}

/* ==========================================================================
   Tablette et mobile
   ========================================================================== */

@media (max-width: 991px) {
  .lg-container {
    padding: 0 12px;
  }

  .lg-topbar {
    font-size: 12px;
  }

  .lg-topbar__inner {
    justify-content: center;
    min-height: 32px;
  }

  .lg-usp:not(:first-child),
  .lg-topbar__links {
    display: none !important;
  }

  .lg-header {
    position: sticky;
    top: 0;
    z-index: 900;
    border-bottom: 1px solid var(--lg-line);
  }

  .lg-header__main {
    flex-wrap: wrap;
    gap: 0;
    height: auto;
    padding-top: 6px;
    padding-bottom: 10px;
  }

  .lg-burger {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    margin: 0 2px 0 -8px;
    padding: 0 11px;
    border: 0;
    border-radius: 12px;
    background: none;
    cursor: pointer;
  }

  .lg-burger span {
    display: block;
    height: 2px;
    border-radius: 2px;
    background: var(--lg-navy);
  }

  .lg-burger span:nth-child(2) {
    width: 70%;
  }

  .lg-logo {
    margin-right: auto;
  }

  .lg-logo img.logo {
    height: 30px;
  }

  .lg-actions {
    gap: 0;
  }

  .lg-actions #bonwishlist {
    display: none !important;
  }

  .lg-actions a.bon-tooltip {
    min-width: 44px;
    height: 44px;
    padding: 0;
  }

  .lg-actions a.bon-tooltip::after {
    display: none;
  }

  .lg-actions .cart-products-count {
    top: 0 !important;
  }

  .lg-search {
    order: 10;
    flex: 0 0 100%;
    max-width: none;
    margin-top: 6px;
  }

  .lg-search #input_search {
    height: 46px;
    padding-right: 56px;
    font-size: 16px; /* évite le zoom automatique sur iPhone */
  }

  .lg-search .bonsearch_btn {
    width: 38px;
    height: 38px;
    top: 4px;
    right: 4px;
    padding: 0;
  }

  .lg-search .bonsearch_btn::after {
    content: "";
    position: absolute;
    inset: 10px;
    background: #fff;
    -webkit-mask: var(--lg-i-search) center / contain no-repeat;
    mask: var(--lg-i-search) center / contain no-repeat;
  }

  /* La barre « Menu » d'ets_megamenu est remplacée par le burger :
     masquée mais conservée pour garder le tiroir fonctionnel. */
  .lg-nav {
    position: relative;
    z-index: 1000;
    border: 0;
  }

  .lg-nav .ybc-menu-toggle {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none;
  }

  .lg-nav .ets_mm_megamenu_content .container {
    min-height: 0 !important;
  }

  /* Tiroir */
  .lg-nav .mm_menus_ul {
    z-index: 10001 !important;
    background: #fff !important;
    box-shadow: 0 0 0 100vmax rgba(20, 22, 26, .45), 8px 0 24px rgba(0, 0, 0, .15) !important;
  }

  .lg-nav .mm_menus_ul .close_menu {
    width: 100% !important;
    background: var(--lg-navy) !important;
  }

  .lg-nav .mm_menus_ul .close_menu,
  .lg-nav .mm_menus_ul .close_menu * {
    color: #fff !important;
    font: 600 15px/26px var(--lg-font) !important;
  }

  .lg-nav .mm_menus_li {
    width: 100% !important;
    border-bottom: 1px solid var(--lg-line) !important;
  }

  .lg-nav .mm_menus_li > a {
    display: block;
    padding: 15px 20px !important;
    color: var(--lg-ink) !important;
  }

  .lg-nav .mm_menu_content_title {
    display: flex !important;
    align-items: center;
    gap: 14px;
    color: var(--lg-ink) !important;
  }

  .lg-nav .mm_menu_content_title::before {
    width: 22px;
    height: 22px;
    color: var(--lg-teal-dark);
  }

  .lg-nav .mm_menu_content_title::after {
    font-size: 16px;
  }
}

/* ==========================================================================
   Correctifs : neutralise les styles du thème qui interfèrent
   ========================================================================== */

.lg-search #input_search {
  padding-left: 46px !important;
}

.lg-search .bonsearch_btn::before {
  display: none !important;
}

.lg-search .bonsearch_btn::after {
  display: block !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  -webkit-mask: none !important;
  mask: none !important;
  color: #fff !important;
  font: 600 14px/40px var(--lg-font) !important;
}

/* Les éléments masqués du titre (texte, image) ne doivent pas créer d'espace */
.lg-nav .mm_menu_content_title {
  gap: 0 !important;
}

.lg-nav .mm_menu_content_title::before {
  margin-right: 10px;
}

/* Pastilles : compactes, masquées quand elles valent 0 (classe posée en JS) */
.lg-actions .cart-products-count,
.lg-actions .wishlist-count {
  width: auto !important;
  min-width: 10px;
  height: 14px;
  padding: 0 4px !important;
  line-height: 14px !important;
}

.lg-actions .lg-zero {
  display: none !important;
}

@media (max-width: 991px) {
  .lg-search .bonsearch_btn::after {
    content: "" !important;
    position: absolute !important;
    inset: 10px !important;
    background: #fff !important;
    -webkit-mask: var(--lg-i-search) center / contain no-repeat !important;
    mask: var(--lg-i-search) center / contain no-repeat !important;
  }
}

@media (min-width: 992px) {
  .lg-search .bonsearch_btn {
    width: auto !important;
    min-width: 0 !important;
    height: 40px !important;
    padding: 0 22px !important;
    overflow: visible !important;
  }
}

.lg-search .bonsearch_btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.lg-search .bonsearch_btn::after {
  line-height: 1 !important;
}

.lg-search #input_search,
.lg-search .bonsearch_box,
.lg-search #searchbox {
  box-shadow: none !important;
}

.lg-actions .bon-login-popup .bon-login.btn {
  border: 1.5px solid var(--lg-navy) !important;
  background: var(--lg-navy) !important;
  color: #fff !important;
}

.lg-actions .bon-login-popup .bon-login.btn + .bon-login.btn {
  background: #fff !important;
  color: var(--lg-navy) !important;
}

.lg-actions .bon-login-popup .bon-login.btn:hover {
  background: var(--lg-navy-soft) !important;
  color: #fff !important;
}

/* Bouton de recherche toujours centré verticalement dans le champ */
.lg-search #input_search {
  box-sizing: border-box !important;
  height: 50px !important;
}

.lg-search .bonsearch_btn {
  top: 50% !important;
  right: 5px !important;
  height: 40px !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
}

@media (max-width: 991px) {
  .lg-search #input_search {
    height: 46px !important;
  }

  .lg-search .bonsearch_btn {
    right: 4px !important;
    width: 38px !important;
    height: 38px !important;
  }
}

.lg-search .bonsearch_btn,
.lg-search .bonsearch_btn:focus {
  background: var(--lg-navy) !important;
  box-shadow: none !important;
}

.lg-search .bonsearch_btn:hover {
  background: var(--lg-navy-soft) !important;
}

.lg-search .search-form-inner,
.lg-search .bonsearch {
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
}