html{overflow-x:clip}body{overflow-x:clip}
.hx-header-root{--hx-cyan-text:#13162A;--hx-ink-2:#1B2036;--hx-soft:var(--hx-ink-soft,#3A5560);--hx-hdr-h:72px;--hx-hdr-h-s:60px}
.hx-header-root *,.hx-header-root *::before,.hx-header-root *::after{box-sizing:border-box}
.hx-header-root .hx-wrap{max-width:var(--hx-maxw,1240px);margin:0 auto;padding:0 20px;width:100%}
.hx-hdr-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body>header.elementor:has(.hx-header-root),
body>header.elementor:has(.hx-header-root) :is(.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-widget,.elementor-widget-container,.elementor-shortcode,.e-con,.e-con-inner),
.hx-header-root{display:contents}
.hx-header-root [hidden]{display:none!important}
/* 1.1.5 : neutralise les polices du kit Elementor (Poppins/Lexend, 0,1,1) sur les éléments de l'en-tête ; (0,1,2) < règles à 2 classes. */
html .hx-header-root :is(a,button,label,input,select,textarea,h1,h2,h3,h4,h5,h6){font-family:inherit}
.hx-header-root :is(a,button,summary,input):focus-visible{outline:2px solid var(--hx-cyan-deep,#2B2F45)!important;outline-offset:2px}
/* Barre d'annonce */
.hx-hdr-announce{background:var(--hx-ink,#13162A);color:#fff;font-family:var(--hx-sans);font-size:.78rem;font-weight:600;letter-spacing:.01em}
.hx-hdr-announce .hx-wrap{display:flex;align-items:center;justify-content:center;gap:.4em 1.1em;min-height:34px;flex-wrap:wrap;text-align:center}
.hx-hdr-announce span{display:inline-flex;align-items:center;gap:.45em;white-space:nowrap}
.hx-hdr-announce svg{width:14px;height:14px;color:var(--hx-cyan,#00A8B0);flex:0 0 auto}
.hx-hdr-announce .hx-hdr-dot{opacity:.35}
/* 1.3.0 — rotateur mobile (CSS porté de .eu 1.19.0) */
.hx-hdr-ann-rot{display:none}
.hx-rot{position:relative;overflow:hidden}
.hx-rot-list{display:grid;margin:0;padding:0;list-style:none}
.hx-rot-item{grid-area:1/1;display:flex;align-items:center;justify-content:center;min-width:0;margin:0;opacity:0;pointer-events:none;transform:translateX(100%)}
.hx-rot-item.is-out{transform:translateX(-100%);opacity:1}
.hx-rot-item.is-on,.hx-rot:not(.is-ready) .hx-rot-item:first-child{opacity:1;transform:none;pointer-events:auto}
.hx-rot-item.is-on,.hx-rot-item.is-out{transition:transform .4s cubic-bezier(.25,1,.5,1)}
@media(prefers-reduced-motion:reduce){.hx-rot-item{transition:none!important}}
/* Barre principale */
.hx-hdr{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--hx-line,#E2ECEE);font-family:var(--hx-sans);color:var(--hx-ink,#13162A)}
.hx-hdr.is-scrolled{box-shadow:0 8px 24px -18px rgba(19,22,42,.35)}
.hx-hdr-bar{display:flex;align-items:center;gap:10px;height:var(--hx-hdr-h);transition:height .2s ease}
.hx-hdr.is-scrolled .hx-hdr-bar{height:var(--hx-hdr-h-s)}
.hx-header-root .hx-hdr-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--hx-ink,#13162A);flex:0 0 auto;line-height:1}
.hx-header-root .hx-hdr-logo:hover,.hx-header-root .hx-hdr-logo:focus{color:var(--hx-ink,#13162A)}
.hx-hdr-logo-svg{width:154px;height:40px;display:block;transition:width .2s ease,height .2s ease}
.hx-hdr.is-scrolled .hx-hdr-logo-svg{width:131px;height:34px}
.hx-hdr-pro{font-family:var(--hx-sans);font-weight:800;font-size:.68rem;letter-spacing:.18em;color:#fff;background:var(--hx-ink,#13162A);padding:.42em .6em .36em;border-radius:6px;line-height:1;transform:translateY(1px)}
/* Nav desktop : 3 univers */
.hx-hdr-nav{display:flex;align-items:center;margin-left:14px;min-width:0;flex:0 1 auto}
.hx-hdr-nav>ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.hx-hdr-item{position:static;list-style:none;margin:0;padding:0}
.hx-header-root .hx-hdr-navlink{background:none!important;border:0!important;box-shadow:none!important;min-height:44px!important;margin:0!important;text-transform:none!important;letter-spacing:normal!important;padding:.55em .85em!important;border-radius:var(--hx-btn-radius,10px)!important;font-family:var(--hx-sans);font-weight:700;font-size:.94rem;line-height:1.2;color:var(--hx-ink,#13162A);text-decoration:none!important;display:inline-flex;align-items:center;gap:.4em;white-space:nowrap;cursor:pointer;transition:background .16s,color .16s}
.hx-header-root .hx-hdr-navlink:focus{color:var(--hx-ink,#13162A);background-color:transparent}
/* 1.4.4 (Kevin 16/10) : survol au gabarit de .eu = filet teal sous l'onglet, plus de pilule menthe. */
.hx-header-root .hx-hdr-navlink{position:relative}
.hx-header-root .hx-hdr-navlink:hover,.hx-header-root .hx-hdr-navlink:focus-visible,.hx-hdr-item.is-open>.hx-hdr-navlink{background:none!important;color:var(--hx-ink,#13162A)!important}
.hx-header-root .hx-hdr-navlink::after{content:"";position:absolute;left:.85em;right:.85em;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:var(--hx-cyan,#00A8B0);transform:scaleX(0);transition:transform .22s ease;pointer-events:none}
.hx-header-root .hx-hdr-navlink:hover::after,.hx-header-root .hx-hdr-navlink:focus-visible::after,.hx-hdr-item.is-open>.hx-hdr-navlink::after{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){.hx-header-root .hx-hdr-navlink::after{transition:none}}
.hx-hdr-navlink .hx-hdr-ico-chev{width:14px;height:14px;transition:transform .2s;opacity:.7}
.hx-hdr-item.is-open>.hx-hdr-navlink .hx-hdr-ico-chev{transform:rotate(180deg)}
/* Méga-menu */
.hx-hdr-mega{position:absolute;left:0;right:0;top:100%;background:var(--hx-paper,#fff);border-top:1px solid var(--hx-line,#E2ECEE);box-shadow:0 24px 40px -24px rgba(19,22,42,.28);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:transform .18s ease,opacity .12s ease,visibility 0s linear .18s;z-index:55;max-height:calc(100vh - var(--hx-mega-top,110px));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hx-cyan,#00A8B0) transparent}
.hx-hdr-mega:focus{outline:none}
.hx-hdr-item.is-open>.hx-hdr-mega{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
/* Sans JS : survol / focus clavier ouvrent le méga (les liens de la barre restent de vrais liens). */
.hx-header-root:not(.is-js) .hx-hdr-has-mega:is(:hover,:focus-within)>.hx-hdr-mega{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.hx-header-root .hx-hdr-mega-in{display:grid;gap:24px 40px;padding:26px 20px 30px;align-items:start}
.hx-hdr-mega-marque{grid-template-columns:minmax(0,1.45fr) minmax(0,1.15fr) minmax(0,.8fr)}
.hx-hdr-mega-mb{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.85fr)}
.hx-hdr-mega-actifs{grid-template-columns:minmax(0,3.2fr) minmax(0,.9fr)}
/* 1.5.5 : variantes du méga « Marque Blanche » (≥ 1181 px ; en dessous, rendu inchangé). Services en pilules, puce ronde (MB). */
@media (min-width:1181px){
.hx-hdr-mega-mb.is-va,.hx-hdr-mega-mb.is-vb{grid-auto-flow:row dense;align-items:start;position:relative}
.hx-hdr-mega-mb:is(.is-va,.is-vb)>section:nth-of-type(2){display:contents}
.hx-hdr-mega-mb:is(.is-va,.is-vb) .hx-hdr-mega-title.is-spaced{margin-top:0}
.hx-hdr-mega-mb:is(.is-va,.is-vb) .hx-hdr-sublinks{flex-direction:row;flex-wrap:wrap;gap:8px}
.hx-header-root .hx-hdr-mega-mb:is(.is-va,.is-vb) .hx-hdr-sublink{margin:0;align-items:center;min-height:36px;padding:0 14px;border-radius:var(--hx-btn-radius,10px);background:#fff;border:1px solid var(--hx-line,#E2ECEE);font-size:.875rem;font-weight:600}
.hx-header-root .hx-hdr-mega-mb:is(.is-va,.is-vb) .hx-hdr-sublink svg{display:none}
.hx-header-root .hx-hdr-mega-mb:is(.is-va,.is-vb) .hx-hdr-sublink::before{content:'';flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--hx-cyan,#00A8B0)}
.hx-header-root .hx-hdr-mega-mb:is(.is-va,.is-vb) .hx-hdr-sublink:hover{border-color:var(--hx-ink,#13162A);color:var(--hx-ink,#13162A)}
.hx-hdr-mega-mb:is(.is-va,.is-vb)::before{content:'';z-index:0;border-radius:var(--hx-radius,16px);background:linear-gradient(160deg,var(--hx-mint,#E9F8F8),var(--hx-mint-2,#F3FBFB));border:1px solid var(--hx-line,#E2ECEE)}
.hx-hdr-mega-mb:is(.is-va,.is-vb)>*,.hx-hdr-mega-mb:is(.is-va,.is-vb)>section>*{position:relative;z-index:1}
/* A : Créez votre marque | les 2 produits | colonne droite pleine hauteur (encart + services) */
.hx-hdr-mega-mb.is-va{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(7,auto) 1fr;gap:0 36px}
.hx-hdr-mega-mb.is-va>section:first-child{grid-column:1;grid-row:1/-1}
.hx-hdr-mega-mb.is-va>section>*{grid-column:2}
.hx-hdr-mega-mb.is-va>section>.hx-hdr-link{margin-bottom:22px}
.hx-hdr-mega-mb.is-va::before{grid-column:3;grid-row:1/-1;align-self:stretch}
.hx-hdr-mega-mb.is-va>.hx-hdr-col-card{grid-column:3;grid-row:1/5}
.hx-header-root .hx-hdr-mega-mb.is-va .hx-hdr-col-card .hx-hdr-card{background:none;border:0;padding:22px 22px 18px}
.hx-hdr-mega-mb.is-va>section>:is(#hx-hdr-t-services,.hx-hdr-sublinks,.hx-hdr-more){grid-column:3;margin-left:22px;margin-right:22px}
.hx-hdr-mega-mb.is-va>section>#hx-hdr-t-services{grid-row:5;padding-top:16px;border-top:1px solid var(--hx-line,#E2ECEE)}
.hx-hdr-mega-mb.is-va>section>.hx-hdr-sublinks{grid-row:6}
.hx-hdr-mega-mb.is-va>section>.hx-hdr-more{grid-row:7;margin-bottom:20px;justify-self:start}
/* B : Créez votre marque | 2 produits | encart réduit ; bande basse : Services en ligne + Découvrir l offre */
/* 1.5.7 : colonnes qui finissent à la même hauteur (lignes 2 et 4 égales), encart sans vide (bouton dans l'encart, en bas), titre de l'encart visible. */
.hx-hdr-mega-mb.is-vb{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,.95fr);grid-template-rows:auto minmax(0,1fr) auto minmax(0,1fr) auto;gap:0 32px}
.hx-hdr-mega-mb.is-vb>section:first-child{grid-column:1;grid-row:1/5}
.hx-hdr-mega-mb.is-vb>section>*{grid-column:2}
.hx-hdr-mega-mb.is-vb>section>.hx-hdr-link{margin-bottom:0;align-self:stretch;align-items:center}
.hx-hdr-mega-mb.is-vb>section>.hx-hdr-mega-title.is-spaced:not(#hx-hdr-t-services){padding-top:18px}
.hx-hdr-mega-mb.is-vb .hx-hdr-card-eyebrow,.hx-hdr-mega-mb.is-vb .hx-hdr-steps,.hx-hdr-mega-mb.is-vb .hx-hdr-card>.hx-btn{position:relative;z-index:1}
.hx-hdr-mega-mb.is-vb>.hx-hdr-col-card,.hx-hdr-mega-mb.is-vb>.hx-hdr-col-card>.hx-hdr-card{display:contents}
.hx-hdr-mega-mb.is-vb .hx-hdr-card-eyebrow{grid-column:3;grid-row:1;margin:20px 22px 0}
.hx-hdr-mega-mb.is-vb .hx-hdr-steps{grid-column:3;grid-row:2/5;align-self:stretch;justify-content:center;gap:12px;margin:0 22px;padding:0 0 64px}
.hx-hdr-mega-mb.is-vb::before{grid-column:3;grid-row:1/5;align-self:stretch}
.hx-hdr-mega-mb.is-vb::after{content:'';grid-column:1/-1;grid-row:5;align-self:stretch;margin:22px -20px -30px;background:#F7FAFB;box-shadow:0 0 0 100vmax #F7FAFB,0 -1px 0 100vmax var(--hx-line,#E2ECEE);clip-path:inset(-1px -100vmax 0);z-index:0}
.hx-hdr-mega-mb.is-vb>section>:is(#hx-hdr-t-services,.hx-hdr-sublinks,.hx-hdr-more){grid-row:5;position:relative;z-index:1}
.hx-hdr-mega-mb.is-vb>section>#hx-hdr-t-services{grid-column:1;align-self:center;margin:40px 0 0}
.hx-hdr-mega-mb.is-vb>section>.hx-hdr-sublinks{grid-column:1/3;margin:40px 0 0 112px;align-self:center}
.hx-hdr-mega-mb.is-vb>section>.hx-hdr-more{grid-column:3;justify-self:end;align-self:center;margin-top:40px}
.hx-hdr-mega-mb.is-vb .hx-hdr-card>.hx-btn{grid-column:3;grid-row:4;justify-self:start;align-self:end;margin:0 22px 20px}
}
.hx-header-root .hx-hdr-mega-title{font-family:var(--hx-sans);font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--hx-soft);font-weight:700;margin:0 0 12px;line-height:1.2;text-decoration:none}
.hx-header-root .hx-hdr-mega-title.is-spaced{margin-top:22px}
.hx-header-root .hx-hdr-subtitle{font-family:var(--hx-sans);font-size:.8rem;font-weight:700;color:var(--hx-soft);margin:16px 0 6px;line-height:1.2}
.hx-header-root .hx-hdr-cvm .hx-hdr-subtitle{margin-top:4px}
.hx-header-root .hx-hdr-besoin{gap:10px}
.hx-header-root .hx-hdr-dcell.hx-hdr-besoin{display:flex;align-items:center}
.hx-hdr-mega-empty{margin:0;font-size:.9rem;color:var(--hx-soft)}
/* En-tête de colonne cliquable (Créez votre marque) */
.hx-header-root .hx-hdr-colhead{margin:0 0 12px;font-family:var(--hx-sans);line-height:1.2}
.hx-header-root .hx-hdr-colhead a{display:inline-flex;align-items:center;gap:.4em;font-size:1.06rem;font-weight:800;color:var(--hx-title,#0D0F10);text-decoration:none}
.hx-header-root .hx-hdr-colhead a svg{color:var(--hx-cyan-text);transition:transform .16s}
.hx-header-root .hx-hdr-colhead a:hover{color:var(--hx-cyan-text)}
.hx-header-root .hx-hdr-colhead a:hover svg{transform:translateX(2px)}
.hx-header-root .hx-hdr-colhead small{display:block;margin-top:3px;font-size:.84rem;font-weight:600;color:var(--hx-soft)}
.hx-hdr-cvm{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1.2fr);gap:0 24px}
.hx-header-root .hx-hdr-cvm .hx-hdr-mlist.is-2col{column-gap:24px}
/* Listes simples (formes, besoins, actifs) */
.hx-hdr-mlist{list-style:none;margin:0;padding:0;display:grid;gap:0 12px}
.hx-hdr-mlist.is-2col{grid-template-columns:repeat(2,minmax(0,1fr))}
.hx-hdr-mlist li{margin:0;padding:0;min-width:0}
.hx-header-root .hx-hdr-ml{display:flex;align-items:center;min-height:36px;padding:6px 10px;margin:0 -10px;border-radius:var(--hx-radius-sm,10px);font-size:.94rem;font-weight:600;line-height:1.25;color:var(--hx-ink,#13162A);text-decoration:none;transition:background .16s,color .16s}
.hx-header-root .hx-hdr-ml:hover,.hx-header-root .hx-hdr-ml:focus-visible{background:var(--hx-mint,#E9F8F8);color:var(--hx-cyan-text)}
.hx-hdr-actifs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px}
/* Gammes */
.hx-hdr-gammes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px}
.hx-hdr-gammes li{margin:0;padding:0}
.hx-header-root .hx-hdr-gamme{display:flex;align-items:center;gap:11px;padding:6px 10px;margin:0 -10px;min-height:44px;border-radius:var(--hx-radius-sm,10px);text-decoration:none;color:var(--hx-ink,#13162A);transition:background .16s}
.hx-header-root .hx-hdr-gamme:hover,.hx-header-root .hx-hdr-gamme:focus-visible{background:var(--hx-mint,#E9F8F8);color:var(--hx-ink,#13162A)}
.hx-hdr-gamme-dot{width:12px;height:12px;border-radius:50%;background:var(--g,#00A8B0);flex:0 0 auto;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 0 0 4px var(--g,#00A8B0)}
.hx-hdr-gamme-txt{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.hx-hdr-gamme-txt b{font-weight:700;font-size:.94rem}
.hx-hdr-gamme-txt small{font-size:.8rem;color:var(--hx-soft);margin-top:2px}
/* Pastilles de concentration */
.hx-hdr-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.hx-hdr-chips li{margin:0;padding:0}
.hx-header-root .hx-hdr-chip{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:34px;padding:0 12px;border-radius:var(--hx-btn-radius,10px);background:#fff;border:1px solid var(--hx-line,#E2ECEE);box-shadow:0 1px 3px rgba(19,22,42,.06);font-size:.86rem;font-weight:700;color:var(--hx-ink,#13162A);text-decoration:none;white-space:nowrap;transition:border-color .16s,color .16s,background .16s}
.hx-header-root .hx-hdr-chip:hover,.hx-header-root .hx-hdr-chip:focus-visible{border-color:var(--hx-cyan,#00A8B0);color:var(--hx-cyan-text);background:var(--hx-mint-2,#F3FBFB)}
/* Liens avec pictogramme */
.hx-header-root .hx-hdr-link{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:var(--hx-radius-sm,10px);text-decoration:none;color:var(--hx-ink,#13162A);transition:background .16s,border-color .16s}
.hx-header-root .hx-hdr-link:hover,.hx-header-root .hx-hdr-link:focus-visible{background:var(--hx-mint,#E9F8F8);color:var(--hx-ink,#13162A)}
.hx-header-root .hx-hdr-link.is-feature{border:1px solid var(--hx-line,#E2ECEE);background:var(--hx-mint-2,#F3FBFB)}
.hx-header-root .hx-hdr-link.is-feature:hover,.hx-header-root .hx-hdr-link.is-feature:focus-visible{border-color:var(--hx-cyan,#00A8B0)}
.hx-hdr-link-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--hx-cta-bg,#13162A);color:#fff;flex:0 0 auto}
.hx-hdr-link-txt{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.hx-hdr-link-txt b{font-weight:700;font-size:.96rem}
.hx-hdr-link-txt small{font-size:.84rem;color:var(--hx-soft);margin-top:3px}
.hx-hdr-sublinks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}
.hx-hdr-sublinks li{margin:0;padding:0}
.hx-header-root .hx-hdr-sublink{display:flex;align-items:flex-start;gap:8px;padding:5px 10px;margin:0 -10px;border-radius:8px;font-size:.92rem;line-height:1.3;color:var(--hx-ink,#13162A);text-decoration:none}
.hx-header-root .hx-hdr-sublink svg{color:var(--hx-cyan-text);flex:0 0 auto;margin-top:3px}
.hx-header-root .hx-hdr-sublink:hover,.hx-header-root .hx-hdr-sublink:focus-visible{background:var(--hx-mint,#E9F8F8);color:var(--hx-cyan-text)}
.hx-hdr-apart{margin-top:12px;padding-top:8px;border-top:1px solid var(--hx-line,#E2ECEE)}
.hx-header-root .hx-hdr-quote{font-style:normal;font-size:inherit;font-weight:700;color:var(--hx-cyan-text);white-space:nowrap;margin-left:2px}
.hx-header-root .hx-hdr-more{display:inline-flex;align-items:center;gap:.35em;margin-top:8px;min-height:32px;font-size:.9rem;font-weight:700;color:var(--hx-cyan-text);text-decoration:none}
.hx-header-root .hx-hdr-more:hover{text-decoration:none;color:var(--hx-ink,#13162A)}
/* Cartes de mise en avant (desktop uniquement) */
.hx-header-root .hx-hdr-card{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:var(--hx-radius,16px);background:linear-gradient(160deg,var(--hx-mint,#E9F8F8),var(--hx-mint-2,#F3FBFB));border:1px solid var(--hx-line,#E2ECEE);text-decoration:none;color:var(--hx-ink,#13162A);font-size:.9rem;line-height:1.45;transition:border-color .16s,transform .16s}
.hx-header-root a.hx-hdr-card:hover{border-color:var(--hx-cyan,#00A8B0);transform:translateY(-1px);color:var(--hx-ink,#13162A)}
.hx-hdr-card-eyebrow{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--hx-cyan-text)}
.hx-hdr-card b{font-size:1.02rem;line-height:1.25;font-family:var(--hx-sans)}
.hx-hdr-card-cta{display:inline-flex;align-items:center;gap:.35em;font-weight:700;color:var(--hx-cyan-text);margin-top:4px}
.hx-hdr-card .hx-btn{align-self:flex-start;margin-top:6px}
.hx-hdr-steps{list-style:none;counter-reset:hxs;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.hx-hdr-steps li{counter-increment:hxs;position:relative;padding-left:34px;margin:0;font-size:.88rem;line-height:1.4;color:var(--hx-ink,#13162A)}
.hx-hdr-steps li::before{content:counter(hxs);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:#fff;border:1.5px solid var(--hx-cyan,#00A8B0);color:var(--hx-cyan-text);font:800 .75rem/21px var(--hx-sans);text-align:center}
.hx-hdr-steps.is-bullets li{padding-left:20px}
.hx-hdr-steps.is-bullets li::before{content:'';top:.5em;width:8px;height:8px;border:0;background:var(--hx-cyan,#00A8B0)}
/* Boutons (scopés) */
.hx-header-root .hx-btn{font-family:var(--hx-sans);font-weight:700;border:0;border-radius:var(--hx-btn-radius,10px);padding:.8em 1.4em;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5em;transition:.18s;text-decoration:none;text-align:center;line-height:1.2;white-space:nowrap;min-height:44px}
.hx-header-root .hx-btn-primary{background:var(--hx-btn-teal,#13162A);color:#fff;box-shadow:0 3px 10px -4px rgba(19,22,42,.2)}
.hx-header-root .hx-btn-primary:hover,.hx-header-root .hx-btn-primary:focus-visible{background:var(--hx-btn-teal-hover,#2B2F45);color:#fff;transform:translateY(-1px)}
/* 1.4.4 (Kevin 16/10) : « Demander un compte pro » en encre de .eu (#13162A). */
.hx-header-root .hx-btn-primary.hx-hdr-btn-ink{background:var(--hx-ink,#13162A);color:#fff;box-shadow:0 3px 10px -4px rgba(19,22,42,.30)}
.hx-header-root .hx-btn-primary.hx-hdr-btn-ink:hover,.hx-header-root .hx-btn-primary.hx-hdr-btn-ink:focus-visible{background:#2A3050;color:#fff}
.hx-header-root .hx-btn-primary.hx-hdr-btn-ink:focus-visible{outline:3px solid var(--hx-cyan,#00A8B0);outline-offset:2px}
.hx-header-root .hx-btn-ghost{background:#fff;color:var(--hx-ink,#13162A);border:1.5px solid var(--hx-line,#E2ECEE)}
.hx-header-root .hx-btn-ghost:hover,.hx-header-root .hx-btn-ghost:focus-visible{border-color:var(--hx-cyan,#00A8B0);color:var(--hx-cyan-text)}
.hx-header-root .hx-btn-sm{padding:.6em 1.1em;font-size:.84rem;min-height:40px}
/* Outils droite : recherche + Compte pro */
.hx-hdr-tools{margin-left:auto;display:flex;align-items:center;gap:10px;flex:0 0 auto}
.hx-hdr-search{display:flex;align-items:center;background:var(--hx-cloud,#F5F9FA);border:1px solid var(--hx-line,#E2ECEE);border-radius:var(--hx-btn-radius,10px);height:44px;width:44px;overflow:hidden;transition:width .2s ease,border-color .16s;margin:0;padding:0}
.hx-hdr-search.is-open,.hx-hdr-search:focus-within{width:240px;border-color:var(--hx-cyan,#00A8B0)}
.hx-header-root .hx-hdr-search-btn{width:42px;height:42px;min-width:42px;flex:0 0 auto;border:0!important;background:none!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:50%!important;display:grid;place-items:center;cursor:pointer;color:var(--hx-soft)}
.hx-header-root .hx-hdr-search-btn:focus{color:var(--hx-soft);background-color:transparent}
.hx-header-root .hx-hdr-search-btn:hover{color:var(--hx-cyan-text)}
.hx-header-root .hx-hdr-search input[type=search]{border:0;background:transparent;width:100%;min-width:0;height:42px;font:inherit;font-family:var(--hx-body,inherit);font-size:.94rem;color:var(--hx-ink,#13162A);outline:none;padding:0 12px 0 0;margin:0;box-shadow:none;-webkit-appearance:none;appearance:none}
.hx-hdr-search input::placeholder{color:var(--hx-soft)}
.hx-hdr-search input::-webkit-search-decoration,.hx-hdr-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.hx-header-root .hx-hdr-acct{display:inline-flex;align-items:center;gap:.4em;min-height:44px;padding:.55em .7em;border-radius:var(--hx-btn-radius,10px);font-family:var(--hx-sans);font-weight:700;font-size:.9rem;color:var(--hx-ink,#13162A);text-decoration:none;white-space:nowrap;transition:background .16s,color .16s}
.hx-header-root .hx-hdr-acct:hover,.hx-header-root .hx-hdr-acct:focus-visible{background:var(--hx-mint,#E9F8F8);color:var(--hx-cyan-text)}
.hx-header-root .hx-hdr-acct svg{flex:0 0 auto}
.hx-header-root .hx-hdr-iconbtn{position:relative;width:44px;height:44px;min-width:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--hx-ink,#13162A);text-decoration:none;transition:background .16s,color .16s;flex:0 0 auto}
.hx-header-root .hx-hdr-iconbtn:focus{color:var(--hx-ink,#13162A);background-color:transparent}
.hx-header-root .hx-hdr-iconbtn:hover,.hx-header-root .hx-hdr-iconbtn:focus-visible{background:var(--hx-mint,#E9F8F8);color:var(--hx-cyan-text)}
.hx-hdr-cartcount{position:absolute;top:3px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--hx-btn-teal,#13162A);color:#fff;font-size:.62rem;font-weight:800;line-height:17px;text-align:center;font-family:var(--hx-sans)}
.hx-header-root .hx-hdr-mobile-only{display:none}
/* Burger */
.hx-header-root .hx-hdr-burger{display:none;width:44px;height:44px;min-width:44px!important;min-height:44px!important;border-radius:var(--hx-btn-radius,10px)!important;border:1.5px solid var(--hx-line,#E2ECEE)!important;background:none!important;box-shadow:none!important;padding:0!important;margin:0!important;cursor:pointer;place-items:center;color:var(--hx-ink,#13162A);flex:0 0 auto}
.hx-header-root .hx-hdr-burger:focus{color:var(--hx-ink,#13162A);background-color:transparent}
/* Tiroir mobile plein écran */
.hx-hdr-scrim{position:fixed;inset:0;background:rgba(19,22,42,.45);opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s linear .2s;z-index:998}
.hx-hdr-scrim.is-on{opacity:1;visibility:visible;transition-delay:0s}
.hx-hdr-drawer{position:fixed;top:0;left:0;bottom:0;width:min(100%,440px);background:var(--hx-paper,#fff);z-index:999;transform:translateX(-102%);visibility:hidden;transition:transform .26s ease,visibility 0s linear .26s;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;font-family:var(--hx-sans);color:var(--hx-ink,#13162A);box-shadow:0 0 60px rgba(19,22,42,.25)}
.hx-hdr-drawer.is-on{transform:none;visibility:visible;transition-delay:0s}
.hx-hdr-dhead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--hx-line,#E2ECEE);min-height:64px;flex:0 0 auto}
.hx-hdr-dhead .hx-hdr-logo-svg{width:120px;height:31px}
.hx-header-root .hx-hdr-close{width:44px;height:44px;min-width:44px!important;border-radius:12px!important;border:1.5px solid var(--hx-line,#E2ECEE)!important;background:none!important;box-shadow:none!important;padding:0!important;margin:0!important;display:grid;place-items:center;cursor:pointer;color:var(--hx-ink,#13162A)}
.hx-header-root .hx-hdr-close:focus{color:var(--hx-ink,#13162A);background-color:transparent}
.hx-hdr-dsearch{display:flex;align-items:center;gap:6px;margin:14px 16px 4px;background:var(--hx-cloud,#F5F9FA);border:1px solid var(--hx-line,#E2ECEE);border-radius:var(--hx-btn-radius,10px);height:52px;padding:0 3px 0 14px;flex:0 0 auto}
.hx-hdr-dsearch:focus-within{border-color:var(--hx-cyan,#00A8B0)}
.hx-hdr-dsearch svg{color:var(--hx-soft);flex:0 0 auto}
.hx-header-root .hx-hdr-dsearch input[type=search]{flex:1;min-width:0;border:0;background:transparent;height:46px;font:inherit;font-family:var(--hx-body,inherit);font-size:1rem;color:var(--hx-ink,#13162A);outline:none;padding:0;margin:0;box-shadow:none;-webkit-appearance:none;appearance:none}
.hx-header-root .hx-hdr-dsearch input::placeholder{color:var(--hx-soft)}
.hx-header-root .hx-hdr-dsearch button{height:44px;min-width:56px;padding:0 14px!important;border:0!important;border-radius:var(--hx-btn-radius,10px)!important;background:var(--hx-ink,#13162A)!important;color:#fff;font-family:var(--hx-sans);font-weight:700;font-size:.88rem;cursor:pointer;box-shadow:none!important;margin:0!important;min-height:0!important}
.hx-hdr-dnav{padding:4px 16px 16px;flex:1 0 auto}
/* Accordéons natifs <details> : 1er niveau (univers) et 2e niveau (sous-groupes, repliés) */
.hx-header-root details>summary{list-style:none;cursor:pointer}
.hx-header-root details>summary::-webkit-details-marker{display:none}
.hx-hdr-acc{border-bottom:1px solid var(--hx-line,#E2ECEE)}
.hx-header-root .hx-hdr-acc>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:8px 2px;font-size:1.06rem;font-weight:800;color:var(--hx-title,#0D0F10);line-height:1.2}
.hx-header-root details>summary .hx-hdr-ico-chev{flex:0 0 auto;transition:transform .2s;color:var(--hx-soft)}
.hx-header-root details[open]>summary>.hx-hdr-ico-chev{transform:rotate(180deg);color:var(--hx-cyan-text)}
.hx-hdr-acc-panel{padding:0 0 12px}
.hx-hdr-sub{border-radius:12px;margin:0 0 6px;background:var(--hx-cloud,#F5F9FA)}
.hx-header-root .hx-hdr-sub>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:8px 14px;font-size:1rem;font-weight:700;color:var(--hx-ink,#13162A);line-height:1.2;border-radius:12px}
.hx-header-root .hx-hdr-sub>summary small{font-size:.84rem;font-weight:600;color:var(--hx-soft);margin-left:4px}
.hx-hdr-sub[open]{background:var(--hx-mint-2,#F3FBFB);box-shadow:inset 0 0 0 1px var(--hx-line,#E2ECEE)}
.hx-hdr-sub-in{padding:0 10px 12px}
.hx-hdr-dlist,.hx-hdr-dgrid{list-style:none;margin:0;padding:0}
.hx-hdr-dlist li,.hx-hdr-dgrid li{margin:0;padding:0;min-width:0}
.hx-hdr-dgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.hx-header-root .hx-hdr-dcell{display:flex;align-items:center;gap:9px;min-height:44px;height:100%;padding:8px 12px;border-radius:10px;background:#fff;border:1px solid var(--hx-line,#E2ECEE);font-size:.94rem;font-weight:600;line-height:1.2;color:var(--hx-ink,#13162A);text-decoration:none}
.hx-header-root .hx-hdr-dcell:hover,.hx-header-root .hx-hdr-dcell:focus-visible{border-color:var(--hx-cyan,#00A8B0);color:var(--hx-cyan-text)}
.hx-header-root .hx-hdr-dcell>span{display:flex;flex-direction:column;min-width:0}
.hx-header-root .hx-hdr-dcell b{font-weight:700;font-size:.94rem}
.hx-header-root .hx-hdr-dcell small{font-size:.8rem;font-weight:500;color:var(--hx-soft);margin-top:2px}
.hx-header-root .hx-hdr-dcell-gamme{min-height:54px}
.hx-hdr-dlabel{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--hx-soft);margin:14px 2px 8px;line-height:1.2}
.hx-hdr-sub-in>.hx-hdr-dlabel:first-child{margin-top:4px}
.hx-hdr-dnav .hx-hdr-chips{gap:6px}
.hx-hdr-dnav .hx-hdr-chip{min-height:44px;min-width:60px}
.hx-header-root .hx-hdr-drow{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--hx-ink,#13162A);font-size:.94rem;font-weight:600;line-height:1.25;transition:background .16s}
.hx-header-root .hx-hdr-drow:hover,.hx-header-root .hx-hdr-drow:focus-visible{background:var(--hx-mint,#E9F8F8);color:var(--hx-ink,#13162A)}
.hx-header-root .hx-hdr-drow.is-strong{font-weight:700;color:var(--hx-cyan-text)}
.hx-header-root .hx-hdr-drow svg{flex:0 0 auto}
.hx-header-root .hx-hdr-drow>span{display:flex;flex-direction:column;min-width:0}
.hx-header-root .hx-hdr-drow small{font-size:.84rem;font-weight:500;color:var(--hx-soft);margin-top:2px}
.hx-header-root .hx-hdr-dlink{min-height:52px;padding:8px 14px;margin:0 0 6px;font-size:1rem;font-weight:700;background:var(--hx-cloud,#F5F9FA);border-radius:12px}
.hx-header-root .hx-hdr-daide{display:flex;align-items:center;min-height:48px;padding:0 2px;margin-top:6px;font-size:.94rem;font-weight:600;color:var(--hx-soft);text-decoration:none}
.hx-header-root .hx-hdr-daide:hover{color:var(--hx-cyan-text)}
/* Compte pro : fixé en bas du tiroir */
.hx-hdr-dfoot{position:sticky;bottom:0;z-index:2;margin-top:auto;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--hx-paper,#fff);border-top:1px solid var(--hx-line,#E2ECEE);box-shadow:0 -10px 24px -18px rgba(19,22,42,.35);display:flex;flex-direction:column;gap:8px;flex:0 0 auto}
.hx-hdr-dfoot p{margin:0;font-size:.84rem;color:var(--hx-soft);line-height:1.35;text-align:center}
.hx-hdr-dfoot-btns{display:grid;grid-template-columns:1fr auto;gap:8px}
.hx-header-root .hx-hdr-dfoot .hx-btn{padding:.75em 1em;font-size:.88rem;min-height:46px}
.hx-hdr-dfoot-acct{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.hx-header-root .hx-hdr-dfoot-acct a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:6px 4px;border-radius:12px;border:1px solid var(--hx-line,#E2ECEE);background:#fff;font-size:.8rem;font-weight:700;color:var(--hx-ink,#13162A);text-decoration:none;text-align:center;line-height:1.15}
.hx-header-root .hx-hdr-dfoot-acct a:hover,.hx-header-root .hx-hdr-dfoot-acct a:focus-visible{border-color:var(--hx-cyan,#00A8B0);color:var(--hx-cyan-text)}
.hx-hdr-dfoot-acct .hx-hdr-cartcount{top:5px;right:calc(50% - 22px)}
/* 1.4.0 — pictogrammes de .eu (carré coloré + picto blanc) et tiroir mobile au gabarit .hx-drow de .eu */
.hx-hdr-tile{width:30px;height:30px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;background:var(--g,var(--hx-cta-bg,#13162A));color:#fff}
.hx-hdr-tile svg{width:17px;height:17px;display:block;stroke:#fff;stroke-width:1.8;fill:none}
.hx-header-root .hx-hdr-gamme .hx-hdr-tile{width:34px;height:34px;border-radius:10px;box-shadow:0 1px 2px rgba(19,22,42,.08)}
.hx-header-root .hx-hdr-gamme .hx-hdr-tile svg{width:19px;height:19px}
.hx-header-root .hx-hdr-ml .hx-hdr-tile{width:28px;height:28px;border-radius:8px}
.hx-header-root .hx-hdr-ml .hx-hdr-tile svg{width:16px;height:16px}
.hx-header-root .hx-hdr-ml:has(.hx-hdr-tile){gap:10px}
.hx-hdr-dlines{list-style:none;margin:0;padding:0}
.hx-hdr-dlines li{margin:0;padding:0}
.hx-header-root .hx-hdr-dline{display:flex!important;align-items:center;gap:12px;width:100%!important;box-sizing:border-box;min-height:52px;margin:0!important;padding:14px 18px!important;border:0!important;border-bottom:1px solid var(--hx-line,#E2ECEE)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-family:var(--hx-sans)!important;font-size:1.05rem!important;font-weight:600!important;line-height:1.25!important;letter-spacing:normal!important;text-transform:none!important;text-align:left;color:var(--hx-ink,#13162A)!important;text-decoration:none!important;cursor:pointer;-webkit-appearance:none;appearance:none}
.hx-header-root .hx-hdr-dline:hover,.hx-header-root .hx-hdr-dline:focus-visible,.hx-header-root .hx-hdr-dline:active{background:#F4F7F8!important}
.hx-header-root .hx-hdr-dline:focus-visible,.hx-header-root .hx-hdr-dbtn:focus-visible,.hx-header-root .hx-hdr-dback:focus-visible,.hx-header-root .hx-hdr-dall:focus-visible{outline:2px solid var(--hx-cyan,#00A8B0)!important;outline-offset:-2px}
.hx-hdr-dnav .hx-hdr-dline{padding:12px 2px!important}
.hx-hdr-dline-txt{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.hx-hdr-dline-lbl{line-height:1.2}
.hx-hdr-dline-txt small{font-family:var(--hx-sans);font-weight:600;font-size:.72rem;letter-spacing:.01em;color:#54707B;line-height:1.15}
.hx-hdr-dline-chev{width:8px;height:8px;flex:0 0 auto;border-right:1.5px solid #AEBFC4;border-top:1.5px solid #AEBFC4;transform:rotate(45deg);margin-right:2px}
.hx-hdr-dlines.is-sub .hx-hdr-dline{min-height:48px;font-size:.98rem!important;font-weight:500!important;padding-left:60px!important}
.hx-hdr-dnav .hx-hdr-dlines.is-sub .hx-hdr-dline{padding-left:44px!important}
.hx-hdr-dgroup{display:flex;align-items:center;gap:12px;margin:16px 18px 4px;font-family:var(--hx-sans);font-size:.98rem;font-weight:700;color:var(--hx-ink,#13162A);line-height:1.2}
.hx-hdr-dnav .hx-hdr-dgroup{margin:14px 2px 4px}
.hx-hdr-dbtns{display:flex;flex-direction:column;gap:8px;margin:12px 0 4px}
.hx-header-root .hx-hdr-dbtn{display:flex!important;align-items:center;gap:12px;width:100%!important;box-sizing:border-box;min-height:52px;margin:0!important;padding:12px 16px!important;border:0!important;border-radius:12px!important;background:#13162A!important;box-shadow:none!important;color:#fff!important;font-family:var(--hx-sans)!important;font-size:1rem!important;font-weight:600!important;line-height:1.25!important;letter-spacing:normal!important;text-transform:none!important;text-align:left;text-decoration:none!important;cursor:pointer;-webkit-appearance:none;appearance:none}
.hx-header-root .hx-hdr-dbtn:hover,.hx-header-root .hx-hdr-dbtn:active{background:#1B2740!important}
.hx-hdr-dbtn .hx-hdr-dline-txt small{color:rgba(255,255,255,.85)}
.hx-hdr-dbtn .hx-hdr-dline-chev{border-color:#fff}
.hx-hdr-drawer.is-sub .hx-hdr-dsearch,.hx-hdr-drawer.is-sub .hx-hdr-dnav{display:none}
.hx-hdr-dpanel{flex:1 0 auto;padding:0 0 16px}
.hx-hdr-dpanel[hidden]{display:none}
.hx-hdr-dpanel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;padding:4px 10px 4px 8px;border-bottom:1px solid var(--hx-line,#E2ECEE)}
.hx-header-root .hx-hdr-dback{display:inline-flex!important;align-items:center;gap:6px;min-height:44px;padding:0 10px!important;margin:0!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;color:var(--hx-ink,#13162A)!important;font-family:var(--hx-sans)!important;font-size:.82rem!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;cursor:pointer}
.hx-hdr-dback svg{transform:rotate(90deg)}
.hx-header-root .hx-hdr-dall{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;font-family:var(--hx-sans);font-size:.92rem;font-weight:600;color:var(--hx-cyan-text,#13162A);text-decoration:none!important}
.hx-header-root .hx-hdr-dall:hover{color:var(--hx-ink,#13162A)}
.hx-hdr-dpanel-title{margin:14px 18px 6px;font-family:var(--hx-sans);font-size:1.15rem;font-weight:800;color:var(--hx-title,#0D0F10);line-height:1.2}
.hx-hdr-avis{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.hx-hdr-stars{color:#F5B301;letter-spacing:1px;font-size:.85em}
/* 1.4.1 — recherche prédictive et cloche (modules optionnels) */
.hx-hdr-psearch{display:flex;align-items:center;width:140px;min-width:0}
.hx-hdr-psearch>*{min-width:0!important;max-width:100%}
@media (min-width:1440px){.hx-hdr-psearch{width:200px}}
.hx-hdr-cloche{display:inline-flex;align-items:center}
/* 1.4.2 : la règle de base AVANT la media query (en 1.4.1 elle venait après et masquait la rangée entre 1040 et 1199 px). */
.hx-hdr-msearch{display:none;position:relative}
/* Moins de 1200 px : pas la place dans la barre => rangée pleine largeur sous l'en-tête, comme sur .eu. */
@media (max-width:1199px){.hx-hdr-psearch{display:none}.hx-hdr-msearch{display:block;padding:0 16px 10px}}
/* 1.4.3 : règle 1040-1199 px sur .hx-rch-lb retirée — depuis hexa3pro-recherche 0.2.0, c'est le panneau .hx-rch-pop qui porte le positionnement. */
/* 1.4.3 (Kevin 16/10) — compte en picto seul (silhouette .eu, trait 1,7) ; contour de focus clavier visible. */
.hx-header-root .hx-hdr-tools .hx-hdr-ico{stroke-width:1.5}
.hx-header-root .hx-hdr-tools .hx-hdr-iconbtn>svg{width:22px;height:22px}
.hx-header-root .hx-hdr-cloche svg{width:22px;height:22px;stroke-width:1.5}
/* 1.4.3 (Kevin 16/10 : « reprends les polices et icônes du .eu pour les onglets ») — libellés Manrope 15 px 600, interlettrage
   .01em, encre ; chevron fin de .eu (6 px, trait 1,5, opacité .6) ; pastille du panier encre à chiffre blanc 11 px (17,9:1). */
.hx-header-root .hx-hdr-navlink{font-weight:600!important;font-size:.9375rem!important;letter-spacing:.01em!important;gap:.4em}
.hx-hdr-chev{display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:-3px 0 0 .05em;opacity:.6;transition:transform .2s,margin .2s,opacity .2s;flex:0 0 auto}
.hx-hdr-item.is-open>.hx-hdr-navlink .hx-hdr-chev{transform:rotate(-135deg);margin-top:3px;opacity:1}
.hx-header-root .hx-hdr-tools .hx-hdr-cartcount{top:3px;right:1px;min-width:18px;height:18px;padding:0 3px;border-radius:9px;background:var(--hx-ink,#13162A);font-size:.6875rem;line-height:18px;box-shadow:0 0 0 2px #fff}
.hx-header-root .hx-hdr-iconbtn:focus-visible,.hx-header-root .hx-hdr-acct:focus-visible{outline:2px solid var(--hx-cyan-deep,#2B2F45)!important;outline-offset:2px}
.hx-header-root .hx-hdr-tools a,.hx-header-root .hx-hdr-tools a:hover,.hx-header-root .hx-hdr-tools a:focus{text-decoration:none!important}
/* 1.5.5 (H1) : vue pro à 360 px, cloche + compte + panier tenaient 17 px de trop. */
@media (max-width:374px){.hx-header-root .hx-hdr-tools{gap:var(--hx-s2,8px)}.hx-header-root .hx-hdr-tools .hx-hdr-iconbtn,.hx-header-root .hx-hdr-tools .hx-hdr-acct{width:38px;min-width:38px}.hx-header-root .hx-hdr-cloche{min-width:38px;justify-content:center}.hx-header-root .hx-hdr-bar{gap:var(--hx-s2,8px)}.hx-header-root .hx-hdr-burger{width:40px;min-width:40px!important}.hx-header-root .hx-hdr-logo-svg,.hx-header-root .hx-hdr.is-scrolled .hx-hdr-logo-svg{width:100px;height:26px}}
/* 1.4.3 — recherche prédictive dans la barre (≥ 1200 px), au gabarit du champ .hx-hdrfield de .eu : le champ prend l'espace
   libre entre la nav et les icônes (marges fixes, la nav ne rétrécit jamais => plus de chevauchement du chevron « Nos actifs »),
   44 px comme les entrées de nav, fond menthe très clair et filet menthe fin au repos (gabarit .hx-hdrfield de .eu), blanc et
   teal au survol/focus. 1.4.8 : l'habillage du champ (fond, filet, survol, focus, loupe) est passé dans hexa3pro-recherche
   0.4.0 (style « Écrin ») ; ICI ne restent que la largeur, le placement, la typo et le micro. */
@media (min-width:1200px){
.hx-hdr-bar--sf{gap:12px}
.hx-hdr-bar--sf .hx-hdr-nav{flex:0 0 auto;margin:0 0 0 8px}
.hx-hdr-bar--sf .hx-hdr-tools{flex:1 1 auto;min-width:0;margin-left:0;gap:10px}
.hx-hdr-bar--sf .hx-hdr-psearch{flex:1 1 auto;width:auto;min-width:220px;max-width:520px;margin:0 auto 0 16px}
.hx-hdr-bar--sf .hx-hdr-psearch>.hx-rch{width:100%}
.hx-header-root .hx-hdr-psearch .hx-rch-form{max-width:none;margin:0}
.hx-header-root .hx-hdr-psearch .hx-rch-mic{width:40px;height:40px;min-width:40px;flex-basis:40px;color:var(--hx-cyan-deep,#2B2F45)}
.hx-header-root .hx-hdr-psearch .hx-rch-q,.hx-header-root .hx-hdr-psearch .hx-rch-hint{font-family:var(--hx-sans,Manrope,system-ui,sans-serif);font-weight:500;font-size:15px!important;color:#3A5560}
.hx-header-root .hx-hdr-psearch .hx-rch-q{color:var(--hx-ink,#13162A)}
.hx-header-root .hx-hdr-psearch .hx-rch-q{height:42px}
.hx-header-root .hx-hdr-bar--sf .hx-hdr-acct{padding:.55em .75em}
}
/* 1200-1439 px : on dégage la place du champ (≥ 260 px demandés par le module recherche 0.2.0 pour que l'invite animée ne soit
   pas coupée) en resserrant la nav et les marges — jamais le libellé « Commande rapide » (Kevin 16/10). */
@media (min-width:1200px) and (max-width:1439px){.hx-header-root .hx-hdr-bar--sf .hx-hdr-navlink{padding-left:.5em!important;padding-right:.5em!important}.hx-header-root .hx-hdr-bar--sf .hx-hdr-navlink--split{padding-right:.1em!important}.hx-hdr-bar--sf{gap:8px}.hx-hdr-bar--sf .hx-hdr-psearch{margin-left:12px}.hx-header-root .hx-hdr-bar--sf .hx-hdr-acct{padding:.55em .55em}}
@media (min-width:1200px) and (max-width:1279px){.hx-header-root .hx-hdr-bar--sf .hx-hdr-navlink{padding-left:.42em!important;padding-right:.42em!important}.hx-hdr-bar--sf .hx-hdr-psearch{margin-left:8px}.hx-hdr-bar--sf .hx-hdr-tools{gap:2px}}
/* ≥ 1440 px : la barre (et elle seule) s'élargit à 1480 px pour donner 360-520 px au champ ; les méga-menus gardent leur gabarit. */
@media (min-width:1440px){.hx-header-root .hx-hdr-bar--sf{max-width:1480px}}
/* 1.4.3 — « Marque Hexa3 » scindé : libellé-lien vers le catalogue + chevron-bouton (44 px de haut, 28 px de large). */
.hx-hdr-item:has(>.hx-hdr-navchev){display:flex;align-items:center}
.hx-header-root .hx-hdr-navlink--split{padding-right:.15em!important}
.hx-header-root .hx-hdr-navchev{display:inline-grid;place-items:center start;width:40px;min-width:40px!important;height:44px;min-height:44px!important;padding:0 0 0 6px!important;margin:0!important;border:0!important;border-radius:var(--hx-pill,999px)!important;background:none!important;box-shadow:none!important;color:var(--hx-ink,#13162A);cursor:pointer}
.hx-header-root .hx-hdr-navchev:hover,.hx-hdr-item.is-open>.hx-hdr-navchev{background:none!important;color:var(--hx-cyan-text,#13162A)!important}
.hx-header-root .hx-hdr-navchev:focus-visible{outline:3px solid var(--hx-ink,#13162A)!important;outline-offset:-3px;color:var(--hx-ink,#13162A)!important;background:transparent!important}
.hx-hdr-item.is-open>.hx-hdr-navchev .hx-hdr-chev{transform:rotate(-135deg);margin-top:3px;opacity:1}
/* 1.4.5 (H1) : chevron collé au libellé (glyphe à ≈ 5 px du texte, comme les onglets à chevron intégré), zone 40 × 44 px sans
   chevauchement ; filet teal sous le LIBELLÉ quand on survole le chevron, qu'il a le focus clavier ou qu'il a ouvert le méga. */
.hx-header-root .hx-hdr-bar .hx-hdr-item .hx-hdr-navlink--split{padding-right:0!important}
.hx-header-root .hx-hdr-navlink--split::after{right:0}
.hx-hdr-item:has(>.hx-hdr-navchev:hover)>.hx-hdr-navlink::after,.hx-hdr-item:has(>.hx-hdr-navchev:focus-visible)>.hx-hdr-navlink::after{transform:scaleX(1)}
/* 1.4.5 : recherche ouverte (hexa3pro-recherche 0.3.0) — la bande blanche recouvre la barre ; on y masque nav, outils et méga-menus. */
.hx-header-root.hx-srch-on .hx-hdr-bar>*{visibility:hidden}
.hx-header-root.hx-srch-on .hx-hdr-mega{display:none!important}
.hx-hdr-dbtns--top{margin:4px 0 8px}
/* 1.4.3 — un seul panneau ouvert : tant qu'un méga-menu est ouvert, la liste de la recherche est masquée (le JS envoie aussi
   hx-rch:close au module recherche pour remettre son état à jour). */
.hx-header-root.hx-mega-on .hx-hdr-psearch .hx-rch-pop,.hx-header-root.hx-mega-on .hx-hdr-psearch .hx-rch-lb{display:none!important}
/* 1.5.4 : carré picto des familles du méga « Nos actifs » (24 px, picto 16 px) ; encart « Alternatives au CBD ». */
.hx-header-root .hx-hdr-mega-title.has-tile{display:flex;align-items:center;gap:10px}
.hx-hdr-mega-title .hx-hdr-tile{width:24px;height:24px;border-radius:7px}.hx-hdr-mega-title .hx-hdr-tile svg{width:16px;height:16px}
.hx-hdr-actifs-main{min-width:0}
/* Titres sur 1 ou 2 lignes (« Vitamines & minéraux ») : rangée de titres commune (subgrid), les listes partent toutes à la même hauteur. */
@supports (grid-template-rows:subgrid){.hx-hdr-actifs{grid-template-rows:auto auto}.hx-hdr-actifs>.hx-hdr-col{display:grid;grid-row:span 2;grid-template-rows:subgrid}.hx-hdr-actifs>.hx-hdr-col>.hx-hdr-mega-title{align-self:center}.hx-hdr-actifs>.hx-hdr-col>.hx-hdr-mlist{align-self:start}}
.hx-hdr-altcbd{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:20px 0 0;padding:14px 18px;border-radius:var(--hx-radius,16px);background:linear-gradient(160deg,var(--hx-mint,#E9F8F8),var(--hx-mint-2,#F3FBFB));border:1px solid var(--hx-line,#E2ECEE)}
.hx-hdr-altcbd-txt{display:flex;flex-direction:column;gap:2px;flex:1 1 240px;min-width:0}
.hx-header-root .hx-hdr-altcbd-t{margin:0;font-family:var(--hx-sans);font-size:1rem;font-weight:700;line-height:1.25;color:var(--hx-ink,#13162A)}
.hx-hdr-altcbd-txt span{font-size:.9rem;line-height:1.4;color:var(--hx-soft)}
.hx-header-root .hx-hdr-altcbd-tl,.hx-header-root .hx-hdr-altcbd-tl:hover{color:inherit;text-decoration:none!important}
.hx-hdr-altcbd-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.hx-header-root .hx-hdr-altcbd-a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:var(--hx-btn-radius,10px);background:#fff;border:1px solid var(--hx-line,#E2ECEE);box-shadow:0 1px 2px rgba(19,22,42,.08);color:var(--hx-ink,#13162A);font-size:.9rem;font-weight:600;line-height:1.2;text-decoration:none!important;transition:border-color .16s}
.hx-header-root .hx-hdr-altcbd-a:hover,.hx-header-root .hx-hdr-altcbd-a:focus-visible{border-color:var(--hx-cyan,#00A8B0);color:var(--hx-ink,#13162A)}
.hx-hdr-altcbd.is-d{margin:20px 18px 8px;padding:14px 16px;align-items:flex-start}.hx-hdr-dnav .hx-hdr-altcbd.is-d{margin:18px 2px 8px}
.hx-hdr-altcbd.is-d .hx-hdr-altcbd-txt{flex:1 1 0}.hx-hdr-altcbd.is-d .hx-hdr-altcbd-list{flex:1 0 100%}.hx-header-root .hx-hdr-altcbd.is-d .hx-hdr-altcbd-a{min-height:40px}
@media (prefers-reduced-motion:reduce){.hx-header-root .hx-hdr-altcbd-a{transition:none}}
/* 1.5.6 : menu « Outils HexaPRO™ » (barre, comptes connectés) — bouton au style de l'ancien lien « Commande rapide », panneau
   ancré sous le bouton (pas pleine largeur), lignes picto + libellé + aide, aucun soulignement, focus visible. */
.hx-header-root .hx-hdr-tooldd{position:relative;display:flex;align-items:center}
.hx-header-root .hx-hdr-toolbtn{border:0;background:transparent;cursor:pointer;margin:0;line-height:1.2}
.hx-header-root .hx-hdr-toolbtn:hover,.hx-header-root .hx-hdr-tooldd.is-open .hx-hdr-toolbtn{background:var(--hx-mint,#E9F8F8)}
.hx-header-root .hx-hdr-toolbtn:focus-visible{outline:3px solid var(--hx-ink,#13162A);outline-offset:2px}
.hx-header-root .hx-hdr-toolbtn .hx-hdr-chev{display:inline-block;width:6px;height:6px;margin-left:.15em;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .16s}
.hx-header-root .hx-hdr-tooldd.is-open .hx-hdr-toolbtn .hx-hdr-chev{transform:translateY(1px) rotate(-135deg)}
.hx-header-root .hx-hdr-dd{left:auto;right:0;top:calc(100% + 6px);width:300px;max-height:none;overflow:visible;padding:8px;border:1px solid var(--hx-line,#E2ECEE);border-radius:14px;box-shadow:0 18px 40px -18px rgba(19,22,42,.32)}
.hx-hdr-ddlist{margin:0;padding:0;list-style:none;display:grid;gap:var(--hx-s2,8px)}.hx-hdr-ddlist>li[hidden]{display:none!important}
.hx-header-root .hx-hdr-ddl{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 10px;border-radius:10px;color:var(--hx-ink,#13162A);text-decoration:none!important;transition:background .14s}
.hx-header-root .hx-hdr-ddl:hover,.hx-header-root .hx-hdr-ddl:focus-visible{background:var(--hx-mint,#E9F8F8);color:var(--hx-ink,#13162A)}
.hx-header-root .hx-hdr-ddl:focus-visible{outline:3px solid var(--hx-ink,#13162A);outline-offset:-3px}
.hx-hdr-ddico{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:var(--hx-mint,#E9F8F8);color:var(--hx-ink,#13162A)}
.hx-hdr-ddl.is-main .hx-hdr-ddico{background:var(--hx-ink,#13162A);color:#fff}
.hx-hdr-ddtxt{display:flex;flex-direction:column;gap:var(--hx-s1,4px);min-width:0}
.hx-header-root .hx-hdr-ddtxt b{font-family:var(--hx-sans);font-size:.95rem;font-weight:600;line-height:1.25}
.hx-header-root .hx-hdr-ddl.is-main .hx-hdr-ddtxt b{font-weight:800}
.hx-header-root .hx-hdr-ddtxt small{font-size:.82rem;line-height:1.3;color:var(--hx-soft,#5B6475)}
.hx-hdr-ddlist.is-d{padding:2px 0 8px}.hx-header-root .hx-hdr-ddl.is-d{min-height:56px}
@media (max-width:1199px){.hx-header-root .hx-hdr-toolbtn .hx-hdr-chev{display:none}}
/* Responsive */
/* 1.4.3 : repli en picto seulement sous 1200 px (au-dessus, « Commande rapide » garde son libellé). */
@media (max-width:1199px){.hx-header-root .hx-hdr-acct span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hx-header-root .hx-hdr-acct{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%}.hx-header-root .hx-hdr-acct svg{width:21px;height:21px}}
@media (max-width:1180px){.hx-hdr-bar{gap:8px}.hx-hdr-nav{margin-left:4px}.hx-header-root .hx-hdr-navlink{font-size:.9rem;padding:.55em .65em!important}.hx-hdr-logo-svg{width:139px;height:36px}.hx-hdr-search.is-open,.hx-hdr-search:focus-within{width:190px}
.hx-hdr-mega-marque{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.hx-hdr-mega-mb{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.hx-hdr-mega-actifs{grid-template-columns:1fr}.hx-hdr-mega-in>.hx-hdr-col-card{display:none}}
/* 1.1.8 : menu centré entre le logo et la loupe (Damien 08/10) — l'espace libre est partagé à parts égales de part et d'autre de la nav. */
@media (min-width:1040px){.hx-hdr-nav{margin-left:auto;margin-right:auto}.hx-hdr-tools{margin-left:0}}
@media (max-width:1039px){
.hx-hdr-nav,.hx-hdr-search{display:none}
.hx-header-root .hx-hdr-desktop-only{display:none!important}
.hx-header-root .hx-hdr-burger{display:grid}
.hx-header-root .hx-hdr-mobile-only{display:inline-flex}
.hx-hdr-bar{gap:10px}
.hx-hdr-tools{gap:10px}
}
@media (max-width:640px){
.hx-header-root .hx-wrap{padding:0 16px}
.hx-header-root{--hx-hdr-h:64px;--hx-hdr-h-s:56px}
.hx-hdr-logo-svg,.hx-hdr.is-scrolled .hx-hdr-logo-svg{width:120px;height:31px}
.hx-hdr-pro{font-size:.58rem;padding:.4em .5em .34em}
.hx-header-root .hx-hdr-logo{gap:7px}
.hx-hdr-announce .hx-hdr-ann-static{display:none}
.hx-hdr-ann-rot{display:block}
.hx-hdr-ann-rot .hx-rot-list{height:30px}
.hx-hdr-ann-rot .hx-rot-item{padding:0 16px;line-height:1.2;text-align:center}
.hx-hdr-ann-rot .hx-rot-item>span{display:inline-flex;align-items:center;gap:.45em;white-space:nowrap}
.hx-hdr-drawer{width:100%;box-shadow:none}
}
@media (prefers-reduced-motion:reduce){.hx-header-root *,.hx-header-root *::before,.hx-header-root *::after{transition:none!important;animation:none!important}}
/* 1.6.2 (24/10, verdict lot-24-10 R2/R3) : écarts de l'en-tête sur l'échelle --hx-s*, aucun cliquable à moins de 8 px. */
.hx-hdr-announce .hx-wrap{gap:var(--hx-s1,4px) var(--hx-s3,12px);min-height:0;padding-top:var(--hx-s3,12px);padding-bottom:var(--hx-s3,12px)}
.hx-hdr-announce span{line-height:18px}
.hx-hdr-ann-rot .hx-rot-list{height:42px}
.hx-header-root .hx-hdr-logo{gap:var(--hx-s2,8px)}
.hx-header-root .hx-rch-form{gap:var(--hx-s2,8px)}
.hx-header-root .hx-hdr-tools,.hx-hdr-bar--sf .hx-hdr-tools{gap:var(--hx-s2,8px)}
.hx-header-root .hx-hdr-tools .hx-hdr-iconbtn{width:38px;min-width:38px}
.hx-header-root .hx-hdr-tools .hx-btn-sm{min-height:44px}
@media (max-width:1039px){.hx-header-root .hx-hdr-bar{gap:var(--hx-s2,8px);justify-content:space-between}.hx-header-root .hx-hdr-logo{margin-right:auto}}
@media (max-width:1199px){.hx-hdr-msearch{padding:2px 20px 12px}}
@media (max-width:640px){.hx-hdr-msearch{padding:2px 16px 12px}}
@media (min-width:1040px){.hx-hdr-nav>ul{gap:var(--hx-s2,8px)}.hx-header-root .hx-hdr-bar .hx-hdr-navlink{padding-left:8px!important;padding-right:8px!important}.hx-header-root .hx-hdr-bar .hx-hdr-item .hx-hdr-navlink--split{padding-right:0!important}.hx-header-root .hx-hdr-navchev{width:24px;min-width:24px!important;margin-left:var(--hx-s2,8px)!important;padding:0!important;place-items:center}}
@media (min-width:1200px){.hx-hdr-bar--sf{gap:var(--hx-s2,8px)}.hx-hdr-bar--sf .hx-hdr-nav{margin:0}.hx-hdr-bar--sf .hx-hdr-psearch{margin-left:var(--hx-s4,16px)}body:not(.logged-in) .hx-hdr-bar--sf .hx-hdr-psearch{max-width:none;margin-right:0}/* 1.6.5 (Kevin 26/10 « quand on n'est pas connecté réduis l'écart ») : recherche collée aux icônes (12 px) */.hx-header-root .hx-hdr-bar .hx-hdr-psearch .hx-rch .hx-rch-form{height:48px!important}
.hx-header-root .hx-hdr-bar .hx-hdr-psearch .hx-rch .hx-rch-mic,.hx-header-root .hx-hdr-bar .hx-hdr-psearch .hx-rch .hx-rch-go{width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important}
.hx-header-root .hx-hdr-bar .hx-hdr-psearch .hx-rch input[type=search]{height:44px!important}
.hx-header-root .hx-hdr-bar .hx-hdr-psearch .hx-rch .hx-rch-q,.hx-header-root .hx-hdr-bar .hx-hdr-psearch .hx-rch .hx-rch-hint{line-height:20px!important}}
.hx-header-root .hx-hdr-toolbtn .hx-hdr-chev{transform:translateY(1px) rotate(45deg)}
/* 1.6.2 : tiroir (menu Outils HexaPRO™ sous 1200 px) sur l'échelle, aucun cliquable à moins de 8 px. */
.hx-hdr-dnav .hx-hdr-acc+.hx-hdr-acc{margin-top:var(--hx-s2,8px)}
.hx-header-root .hx-hdr-daide{margin-top:var(--hx-s2,8px)}
.hx-hdr-dfoot-acct{gap:var(--hx-s2,8px)}
.hx-header-root .hx-hdr-dfoot-acct a{gap:var(--hx-s1,4px)}
.hx-header-root .hx-hdr-dfoot-acct a>span{align-self:stretch;text-align:center}
.hx-header-root .hx-hdr-close{border-radius:var(--hx-btn-radius,10px)!important}
.hx-hdr-ddlist.is-d{padding:var(--hx-s2,8px) 0;gap:var(--hx-s3,12px)}.hx-header-root .hx-hdr-ddl.is-d{min-height:52px;padding:var(--hx-s1,4px) 2px}
@media (min-width:1200px){.hx-header-root .hx-hdr-bar--sf .hx-hdr-tools .hx-hdr-iconbtn.hx-hdr-me{width:32px;min-width:32px}.hx-header-root .hx-hdr-bar--sf .hx-hdr-acct.hx-hdr-toolbtn{padding-left:var(--hx-s2,8px);padding-right:var(--hx-s2,8px)}}
.hx-header-root .hx-hdr-iconbtn,.hx-header-root .hx-hdr-acct,.hx-header-root .hx-hdr-search-btn{border-radius:var(--hx-btn-radius,10px)!important}
.hx-hdr-flag{display:inline-flex;vertical-align:-1px;margin-left:calc(var(--hx-s2,8px) - .45em)}.hx-hdr-announce .hx-hdr-flag svg{width:18px;height:12px}.hx-hdr-flag svg{display:block;border-radius:2px;box-shadow:0 0 0 1px rgba(19,22,42,.15)}
/* 1.7.0 (27/10, Kevin « problème de polices, d'espace, trop simple et pas pro, rajoute des blocs en bas comme .eu ») — tiroir mobile.
   Échelle typo unique du tiroir : titres 17 px (800) · corps 15 px (600) · méta 14 px ; écarts sur --hx-s* ; aucun lien souligné. */
.hx-header-root .hx-hdr-drawer a,.hx-header-root .hx-hdr-drawer a:hover,.hx-header-root .hx-hdr-drawer a:focus{text-decoration:none!important}
.hx-header-root .hx-hdr-drawer a:focus-visible,.hx-header-root .hx-hdr-drawer summary:focus-visible{outline:3px solid var(--hx-ink,#13162A);outline-offset:-3px;border-radius:var(--hx-btn-radius,10px)}
.hx-hdr-drawer .hx-hdr-dnav{padding:var(--hx-s2,8px) var(--hx-s4,16px) 0;flex:0 0 auto}
.hx-hdr-drawer.is-sub .hx-hdr-dmore{display:none}
.hx-hdr-drawer .hx-hdr-dnav .hx-hdr-acc+.hx-hdr-acc{margin-top:var(--hx-s2,8px)}
.hx-header-root .hx-hdr-drawer .hx-hdr-acc>summary{justify-content:flex-start;gap:var(--hx-s3,12px);min-height:60px;padding:var(--hx-s2,8px) 0}
.hx-header-root .hx-hdr-drawer .hx-hdr-acc>summary>.hx-hdr-ico-chev{margin-left:auto}
.hx-hdr-utile{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:var(--hx-btn-radius,10px);background:var(--hx-mint,#E9F8F8);color:var(--hx-ink,#13162A)}
.hx-hdr-utile.is-hex{border-radius:0;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);background:var(--hx-ink,#13162A);color:#fff}
.hx-hdr-utile.is-rond{border-radius:50%;background:var(--hx-cyan,#00A8B0);color:var(--hx-ink,#13162A)}
.hx-hdr-utile svg{width:18px;height:18px;display:block}
.hx-hdr-utxt{display:flex;flex-direction:column;gap:var(--hx-s1,4px);min-width:0}
.hx-header-root .hx-hdr-utxt b{font-family:var(--hx-sans);font-size:17px;font-weight:800;line-height:1.25;color:var(--hx-title,#0D0F10)}
.hx-header-root .hx-hdr-utxt small{font-family:var(--hx-sans);font-size:14px;font-weight:500;line-height:1.3;color:var(--hx-soft,#3A5560)}
/* Lignes des panneaux : corps 15, méta 14 (au lieu de 16,8 / 11,5 px) */
.hx-header-root .hx-hdr-drawer .hx-hdr-dline{font-size:15px!important;font-weight:600!important}
.hx-header-root .hx-hdr-drawer .hx-hdr-dlines.is-sub .hx-hdr-dline{font-size:15px!important;font-weight:500!important}
.hx-hdr-drawer .hx-hdr-dline-txt{gap:var(--hx-s1,4px)}
.hx-hdr-drawer .hx-hdr-dline-txt small{font-size:14px;font-weight:500;letter-spacing:normal;color:var(--hx-soft,#3A5560);line-height:1.3}
.hx-header-root .hx-hdr-drawer .hx-hdr-dbtn{font-size:15px!important}
.hx-hdr-drawer .hx-hdr-dbtn .hx-hdr-dline-txt small{color:rgba(255,255,255,.85)}
.hx-hdr-drawer .hx-hdr-dgroup{font-size:15px;font-weight:800}
.hx-header-root .hx-hdr-drawer .hx-hdr-dback{font-size:14px!important}
.hx-header-root .hx-hdr-drawer .hx-hdr-dall{font-size:14px;font-weight:700}
.hx-header-root .hx-hdr-drawer .hx-hdr-dcell,.hx-header-root .hx-hdr-drawer .hx-hdr-dcell b{font-size:15px}
.hx-header-root .hx-hdr-drawer .hx-hdr-dcell small,.hx-hdr-drawer .hx-hdr-dlabel{font-size:14px}
/* Blocs du bas (déclinés de .eu) */
.hx-hdr-dmore{display:flex;flex-direction:column;gap:var(--hx-s5,24px);padding:var(--hx-s5,24px) var(--hx-s4,16px);flex:1 0 auto}
.hx-hdr-dmore section{margin:0}
.hx-header-root .hx-hdr-dmore p{margin:0}
.hx-header-root .hx-hdr-why-t,.hx-header-root .hx-hdr-dblock-t,.hx-header-root .hx-hdr-help-t{font-family:var(--hx-sans);font-size:17px;font-weight:800;line-height:1.25;color:var(--hx-title,#0D0F10)}
.hx-hdr-why{background:var(--hx-ink,#13162A);border-radius:var(--hx-r-card,16px);padding:var(--hx-s5,24px) var(--hx-s4,16px);color:#fff}
.hx-header-root .hx-hdr-why .hx-hdr-why-t{color:#fff;margin:0 0 var(--hx-s4,16px)}
.hx-hdr-why ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--hx-s3,12px)}
.hx-hdr-why li{display:flex;align-items:center;gap:var(--hx-s3,12px);margin:0;padding:0}
.hx-hdr-hexi{position:relative;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;color:#fff}
.hx-hdr-hexi-f{position:absolute;inset:0;width:44px;height:44px;fill:rgba(0,168,176,.16);stroke:var(--hx-cyan,#00A8B0);stroke-width:1.6;stroke-linejoin:round}
.hx-hdr-hexi>.hx-hdr-ico{position:relative;width:18px;height:18px}
.hx-header-root .hx-hdr-drawer .hx-hdr-ddtxt b{font-size:15px;font-weight:700;line-height:1.3}
.hx-header-root .hx-hdr-drawer .hx-hdr-ddtxt small{font-size:14px;font-weight:500;line-height:1.3;color:var(--hx-soft,#3A5560)}
.hx-header-root .hx-hdr-why .hx-hdr-ddtxt b{color:#fff}
.hx-header-root .hx-hdr-why .hx-hdr-ddtxt small{color:rgba(255,255,255,.8)}
.hx-header-root .hx-hdr-dblock .hx-hdr-dblock-t{margin:0 0 var(--hx-s4,16px)}
.hx-hdr-dmore .hx-hdr-ddlist.is-d{padding:0;gap:var(--hx-s3,12px)}
.hx-header-root .hx-hdr-dmore .hx-hdr-ddl.is-d{min-height:44px;padding:0;gap:var(--hx-s3,12px);border-radius:var(--hx-btn-radius,10px)}
.hx-header-root .hx-hdr-dmore .hx-hdr-ddl.is-d:hover,.hx-header-root .hx-hdr-dmore .hx-hdr-ddl.is-d:focus-visible{background:transparent}
.hx-hdr-drawer .hx-hdr-ddico{flex:0 0 44px;width:44px;height:44px;border-radius:var(--hx-btn-radius,10px)}
.hx-header-root .hx-hdr-dmore .hx-hdr-ddl:hover .hx-hdr-ddico{background:var(--hx-ink,#13162A);color:#fff}
.hx-hdr-help{display:flex;flex-direction:column;gap:var(--hx-s3,12px);padding:var(--hx-s4,16px);border:1px solid var(--hx-line,#E2ECEE);border-radius:var(--hx-r-card,16px);background:var(--hx-mint-2,#F3FBFB)}
.hx-hdr-help .hx-hdr-ddico{background:#fff;box-shadow:inset 0 0 0 1px var(--hx-line,#E2ECEE)}
.hx-hdr-help-top{display:flex;align-items:center;gap:var(--hx-s3,12px)}
.hx-hdr-help-acts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--hx-s3,12px)}
.hx-header-root .hx-hdr-help .hx-hdr-help-a{display:inline-flex;align-items:center;justify-content:center;gap:var(--hx-s2,8px);min-height:44px;padding:12px 20px;font-size:15px;border-radius:var(--hx-btn-radius,10px)!important}
.hx-hdr-help-a svg{flex:0 0 auto}
/* Barre fixée en bas : méta 14, boutons 44 px / 15 px, écarts 12 */
.hx-hdr-drawer .hx-hdr-dfoot{gap:var(--hx-s3,12px);padding:var(--hx-s3,12px) var(--hx-s4,16px) calc(var(--hx-s3,12px) + env(safe-area-inset-bottom))}
.hx-hdr-drawer .hx-hdr-dfoot p{font-size:14px;color:var(--hx-soft,#3A5560)}
.hx-hdr-drawer .hx-hdr-dfoot-btns{gap:var(--hx-s3,12px)}
@media (max-width:429px){.hx-hdr-drawer .hx-hdr-dfoot-btns{grid-template-columns:minmax(0,1fr)}} /* les deux boutons (12 × 20 px) ne tiennent côte à côte qu'à partir de 430 px */
.hx-header-root .hx-hdr-dhead .hx-hdr-logo{min-height:44px;display:inline-flex;align-items:center}
.hx-header-root .hx-hdr-drawer .hx-hdr-dfoot .hx-btn{min-height:44px;padding:12px 20px;font-size:15px;border-radius:var(--hx-btn-radius,10px)!important}
.hx-hdr-drawer .hx-hdr-dfoot-acct{grid-template-columns:minmax(0,1fr) auto auto;gap:var(--hx-s3,12px)}
.hx-header-root .hx-hdr-drawer .hx-hdr-dfoot-acct a{flex-direction:row;gap:var(--hx-s2,8px);min-height:44px;min-width:44px;padding:0 var(--hx-s3,12px);border-radius:var(--hx-btn-radius,10px);font-size:15px;font-weight:700}
.hx-header-root .hx-hdr-drawer .hx-hdr-dfoot-acct a.is-main{background:var(--hx-ink,#13162A);border-color:var(--hx-ink,#13162A);color:#fff}
.hx-header-root .hx-hdr-drawer .hx-hdr-dfoot-acct a.is-main:hover{background:var(--hx-cta-hover,#2B2F45);color:#fff}
.hx-header-root .hx-hdr-drawer .hx-hdr-dfoot-acct a.is-ico{width:44px;padding:0}
.hx-header-root .hx-hdr-drawer .hx-hdr-dfoot-acct a>span{align-self:auto}
.hx-hdr-drawer .hx-hdr-dfoot-acct .hx-hdr-cartcount{top:2px;right:2px}
/* 1.7.0 — contenu des accordéons et sous-panneaux : rangées encadrées (rectangle 10 px) espacées de 8 px, plus de filets collés ;
   sous-listes (actifs) en grille de 2 ; titres de groupe sur le même bord gauche ; écarts sur l'échelle. */
.hx-hdr-drawer .hx-hdr-acc-panel{padding:var(--hx-s2,8px) 0 var(--hx-s4,16px)}
.hx-hdr-drawer .hx-hdr-dlines{display:flex;flex-direction:column;gap:var(--hx-s2,8px)}
.hx-hdr-drawer .hx-hdr-dlines.is-sub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--hx-s2,8px)}
.hx-header-root .hx-hdr-drawer .hx-hdr-dline,.hx-header-root .hx-hdr-drawer .hx-hdr-dnav .hx-hdr-dline,.hx-header-root .hx-hdr-drawer .hx-hdr-dlines.is-sub .hx-hdr-dline,.hx-header-root .hx-hdr-drawer .hx-hdr-dnav .hx-hdr-dlines.is-sub .hx-hdr-dline{min-height:52px;height:100%;gap:var(--hx-s3,12px);padding:var(--hx-s2,8px) var(--hx-s3,12px)!important;border:0!important;border-radius:var(--hx-btn-radius,10px)!important;background:var(--hx-cloud,#F5F9FA)!important}
.hx-header-root .hx-hdr-drawer .hx-hdr-dlines.is-sub .hx-hdr-dline{min-height:48px}
.hx-header-root .hx-hdr-drawer .hx-hdr-dline:hover,.hx-header-root .hx-hdr-drawer .hx-hdr-dline:focus-visible,.hx-header-root .hx-hdr-drawer .hx-hdr-dline:active{background:var(--hx-mint,#E9F8F8)!important}
.hx-hdr-drawer .hx-hdr-dlines.is-sub .hx-hdr-dline-chev{display:none}
.hx-hdr-drawer .hx-hdr-dline .hx-hdr-tile{width:32px;height:32px;border-radius:8px}
.hx-hdr-drawer .hx-hdr-dbtns{gap:var(--hx-s2,8px);margin:var(--hx-s2,8px) 0 0}
.hx-hdr-drawer .hx-hdr-dbtns--top{margin:0 0 var(--hx-s2,8px)}
.hx-header-root .hx-hdr-drawer .hx-hdr-dbtn{min-height:52px;gap:var(--hx-s3,12px);padding:var(--hx-s2,8px) var(--hx-s3,12px)!important;border-radius:var(--hx-btn-radius,10px)!important}
.hx-hdr-drawer .hx-hdr-dbtn .hx-hdr-tile{width:32px;height:32px;border-radius:8px}
.hx-hdr-drawer .hx-hdr-dgroup,.hx-hdr-drawer .hx-hdr-dnav .hx-hdr-dgroup{gap:var(--hx-s3,12px);margin:var(--hx-s5,24px) 0 var(--hx-s3,12px)}
.hx-hdr-drawer .hx-hdr-acc-panel>.hx-hdr-dgroup:first-child,.hx-hdr-drawer .hx-hdr-dpanel-title+.hx-hdr-dgroup{margin-top:0}
.hx-hdr-drawer .hx-hdr-dgroup .hx-hdr-tile{width:32px;height:32px;border-radius:8px}
.hx-hdr-drawer .hx-hdr-altcbd.is-d,.hx-hdr-drawer .hx-hdr-dnav .hx-hdr-altcbd.is-d{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:var(--hx-s2,8px) var(--hx-s3,12px);margin:var(--hx-s5,24px) 0 0;padding:var(--hx-s4,16px);border-radius:var(--hx-r-card,16px)}
.hx-hdr-drawer .hx-hdr-altcbd.is-d .hx-hdr-tile{width:32px;height:32px;border-radius:8px}
.hx-hdr-drawer .hx-hdr-altcbd.is-d .hx-hdr-altcbd-txt{display:contents}.hx-hdr-drawer .hx-hdr-altcbd.is-d .hx-hdr-altcbd-txt>span{grid-column:1/-1}
.hx-header-root .hx-hdr-drawer .hx-hdr-altcbd-t{font-size:15px;font-weight:800;line-height:32px}
.hx-hdr-drawer .hx-hdr-altcbd-txt span{font-size:14px;line-height:1.4}
.hx-hdr-drawer .hx-hdr-altcbd.is-d .hx-hdr-altcbd-list{grid-column:1/-1;gap:var(--hx-s2,8px);margin-top:var(--hx-s1,4px)}
.hx-header-root .hx-hdr-drawer .hx-hdr-altcbd.is-d .hx-hdr-altcbd-a{min-height:44px;padding:0 var(--hx-s4,16px);font-size:15px}
/* Sous-panneaux (« < Menu / Tout voir ») sur la même grille que le tiroir */
.hx-hdr-drawer .hx-hdr-dpanel{padding:0 var(--hx-s4,16px) var(--hx-s5,24px)}
.hx-hdr-drawer .hx-hdr-dpanel-head{gap:var(--hx-s2,8px);min-height:56px;margin:0 calc(-1 * var(--hx-s4,16px));padding:var(--hx-s1,4px) var(--hx-s2,8px)}
.hx-hdr-drawer .hx-hdr-dpanel-title{margin:var(--hx-s5,24px) 0 var(--hx-s4,16px);font-size:17px}