#health-nav-1{--hn1-accent:var(--btn-primary-light-background-color,#2C3A2E);--hn1-on:var(--btn-primary-light-color,#fff);--hn1-bar:#FDFBF7;--hn1-ink:#23271f;--hn1-soft:#7c8175;--hn1-line:rgba(35,39,31,.11);z-index:1000;border:0;margin:0;padding:0;color:var(--hn1-ink)}#health-nav-1.navbar-fixed-top,#health-nav-1.navbar-absolute-top{left:0;right:0}#health-nav-1.dark{--hn1-accent:var(--btn-primary-dark-background-color,#E8C9A0);--hn1-on:var(--btn-primary-dark-color,#1a1a1a);--hn1-bar:#181c15;--hn1-ink:#F1ECE2;--hn1-soft:#a7ab9d;--hn1-line:rgba(255,255,255,.13)}#health-nav-1 *{box-sizing:border-box}#health-nav-1 .nav-bg{position:absolute;inset:0;background:var(--hn1-bar);z-index:-1}#health-nav-1 a{text-decoration:none;color:inherit}#health-nav-1 ul{list-style:none;margin:0;padding:0}#health-nav-1 .hn1-ann{background:transparent;border-bottom:1px solid var(--hn1-line);text-align:center}#health-nav-1 .hn1-ann-txt{margin:0;padding:6px 16px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--hn1-soft)}#health-nav-1 .hn1-ann-txt span{color:var(--hn1-accent)}#health-nav-1 .hn1-shell{max-width:1300px;margin:0 auto;padding:0 30px}#health-nav-1 .hn1-row{display:flex;align-items:center;gap:24px;min-height:76px;flex-wrap:nowrap}#health-nav-1 .hn1-brand-cont{display:flex;flex-direction:column;justify-content:center;line-height:1;flex:0 0 auto;min-width:0}#health-nav-1 #navbar-brand .logo{display:flex;align-items:center}#health-nav-1 #navbar-brand .default-logo,#health-nav-1 .hn1-word{margin:0;font-weight:700;font-size:clamp(19px,2.1vw,25px);letter-spacing:-.01em;line-height:1;color:var(--hn1-ink);white-space:nowrap}#health-nav-1 .mobile-logo{display:none}#health-nav-1 .hn1-tag{margin:3px 0 0;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--hn1-soft);white-space:nowrap;font-weight:600}#health-nav-1 #navbar{flex:1 1 auto;min-width:0;padding:0;border:0;box-shadow:none;background:transparent}#health-nav-1 .hn1-panel-head{display:none}#health-nav-1 .hn1-menu{display:flex;align-items:center;gap:6px;justify-content:center;flex-wrap:wrap}#health-nav-1 .hn1-menu>li{position:relative}#health-nav-1 .hn1-menu>li>a{position:relative;display:block;padding:9px 14px;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--hn1-ink);white-space:nowrap;transition:color .2s ease}#health-nav-1 .hn1-menu>li>a:hover{color:var(--hn1-accent)}#health-nav-1 .hn1-menu>li>a::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:1.5px;background:var(--hn1-accent);transform:scaleX(0);transform-origin:left;transition:transform .26s ease}#health-nav-1 .hn1-menu>li>a:hover::after{transform:scaleX(1)}#health-nav-1 .hn1-menu .arrow{display:inline-block;width:5px;height:5px;margin-left:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.45}#health-nav-1 .sub-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:194px;background:var(--hn1-bar);border:1px solid var(--hn1-line);border-radius:12px;box-shadow:0 20px 44px -22px rgba(0,0,0,.38);padding:7px;opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:40}#health-nav-1 .hn1-menu>li:hover>.sub-menu,#health-nav-1 .hn1-account:hover .sub-menu,#health-nav-1 .sub-menu:focus-within{opacity:1;visibility:visible;transform:translateY(0)}#health-nav-1 .sub-menu li a{display:block;padding:8px 12px;border-radius:8px;font-size:13px;color:var(--hn1-ink);transition:background .15s ease,color .15s ease}#health-nav-1 .sub-menu li a:hover{background:rgba(128,128,128,.1);color:var(--hn1-accent)}#health-nav-1 .sub-menu .divider{height:1px;margin:5px 4px;background:var(--hn1-line)}#health-nav-1 .sub-menu li{position:relative}#health-nav-1 .sub-menu li>a{display:flex;align-items:center;justify-content:space-between;gap:10px}#health-nav-1 .sub-menu .sub-menu{top:-8px;left:calc(100% + 6px)}#health-nav-1 .sub-menu li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}#health-nav-1 .arrow-sub-menu{display:inline-block;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);opacity:.5;flex:0 0 auto}#health-nav-1 .hn1-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex:0 0 auto}#health-nav-1 .hn1-svg{width:20px;height:20px;display:block;color:var(--hn1-ink);stroke-width:1.85;transition:color .2s ease}#health-nav-1 .hn1-actions a:hover .hn1-svg{color:var(--hn1-accent)}#health-nav-1 .hn1-search .input-group-btn .btn .hn1-svg{width:18px;height:18px}#health-nav-1 .hn1-cta .hn1-svg{width:17px;height:17px}#health-nav-1 .hn1-panel-head .close .hn1-svg{width:18px;height:18px}#health-nav-1 .hn1-account>a,#health-nav-1 .hn1-ico a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;transition:background .18s ease}#health-nav-1 .hn1-account>a:hover,#health-nav-1 .hn1-ico a:hover{background:rgba(128,128,128,.1)}#health-nav-1 .hn1-search .navbar-form{margin:0}#health-nav-1 .hn1-search .input-group-cont{position:relative;display:flex;align-items:center}#health-nav-1 #navigation-products-search-input{width:188px;max-width:22vw;height:38px;padding:0 38px 0 16px;border:1px solid var(--hn1-line);border-radius:999px;background:transparent;color:var(--hn1-ink);font-size:13px;transition:width .25s ease,border-color .2s ease}#health-nav-1 #navigation-products-search-input:focus{outline:none;border-color:var(--hn1-accent)}#health-nav-1 #navigation-products-search-input::placeholder{color:var(--hn1-soft)}#health-nav-1 .hn1-search .input-group-btn{position:absolute;right:3px}#health-nav-1 .hn1-search .input-group-btn .btn{background:none;border:0;padding:0 11px;height:36px;color:var(--hn1-soft);box-shadow:none}#health-nav-1 .search-results{left:auto;right:0;min-width:230px}#health-nav-1 .hn1-account{position:relative;display:flex;align-items:center}#health-nav-1 .hn1-account .sub-menu{right:0;left:auto}#health-nav-1 .hn1-ico{position:relative}#health-nav-1 .hn1-ico .subtotal{position:absolute;top:1px;right:1px;min-width:15px;height:15px;padding:0 3px;display:flex;align-items:center;justify-content:center;background:var(--hn1-accent);color:var(--hn1-on);font-size:9.5px;font-weight:700;border-radius:999px;line-height:1;border:1.5px solid var(--hn1-bar)}#health-nav-1 .subtotal.hn1-empty{display:none}#health-nav-1 .hn1-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;margin-left:8px;border-radius:999px;background:var(--hn1-accent);color:var(--hn1-on);font-size:13px;font-weight:700;border:0;box-shadow:none;transition:transform .2s ease,filter .2s ease;white-space:nowrap;flex:0 0 auto}#health-nav-1 .hn1-cta:hover{transform:translateY(-1px);filter:brightness(1.08)}#health-nav-1 .hn1-cta i{font-size:15px}#health-nav-1 .navbar-toggle{display:none;width:40px;height:40px;padding:0;background:none;border:0;box-shadow:none}#health-nav-1 .hn1-burger,#health-nav-1 .hn1-burger::before,#health-nav-1 .hn1-burger::after{display:block;width:21px;height:2px;background:var(--hn1-ink);border-radius:2px}#health-nav-1 .hn1-burger{position:relative;margin:0 auto}#health-nav-1 .hn1-burger::before{content:"";position:absolute;top:-6px;left:0}#health-nav-1 .hn1-burger::after{content:"";position:absolute;top:6px;left:0}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:999;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.overlay.show{opacity:1;visibility:visible}body.overlay-active{overflow:hidden}@media (max-width:1024px){#health-nav-1 .hn1-ann{display:none}#health-nav-1 .navbar-toggle{display:flex;align-items:center;justify-content:center;order:-1;flex:0 0 auto}#health-nav-1 .hn1-row{min-height:60px;gap:10px}#health-nav-1 .hn1-brand-cont{margin-right:auto}#health-nav-1 .hn1-tag{display:none}#health-nav-1 .hn1-search,#health-nav-1 .hn1-account,#health-nav-1 .hn1-wish{display:none}#health-nav-1 .hn1-cta{width:42px;height:42px;padding:0;margin-left:4px;border-radius:50%;justify-content:center;gap:0}#health-nav-1 .hn1-cta span{display:none}#health-nav-1 .hn1-cta .hn1-svg{width:19px;height:19px}#health-nav-1 #navbar.navbar-collapse{display:flex !important;flex-direction:column;height:100dvh !important;max-height:100dvh;padding:0;margin:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;left:0;width:min(84vw,340px);background:var(--hn1-bar);box-shadow:24px 0 60px -30px rgba(0,0,0,.5);transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1040;border-right:1px solid var(--hn1-line)}#health-nav-1 #navbar.navbar-collapse.show{transform:translateX(0)}#health-nav-1 .hn1-panel-head{display:flex;align-items:center;gap:12px;height:58px;padding:0 20px;border-bottom:1px solid var(--hn1-line);position:relative;z-index:5;background:var(--hn1-bar)}#health-nav-1 .hn1-panel-title{font-size:17px;font-weight:700;margin-right:auto;color:var(--hn1-ink)}#health-nav-1 .hn1-panel-head .close{background:none;border:0;font-size:17px;color:var(--hn1-ink);order:2}#health-nav-1 .hn1-panel-head .back-button{display:none}#health-nav-1 .hn1-panel-head .login{order:1;padding:8px 16px}#health-nav-1 .hn1-menu{flex-direction:column;align-items:stretch;gap:0;padding:6px 0}#health-nav-1 .hn1-menu>li>a{padding:14px 22px;font-size:15px;letter-spacing:.02em}#health-nav-1 .hn1-menu>li>a::after{display:none}#health-nav-1 .hn1-menu .sub-menu{display:none}#health-nav-1 .hn1-menu>li>a{display:flex;align-items:center;justify-content:space-between}#health-nav-1 .arrow,#health-nav-1 .arrow-sub-menu,#health-nav-1 .arrow-mobile{display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);opacity:.5;margin:0;flex:0 0 auto}#health-nav-1 .sub-menu-mobile{position:absolute;top:0;left:0;width:100%;height:100%;list-style:none;margin:0;padding:64px 0 6px;background:var(--hn1-bar);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2}#health-nav-1 .sub-menu-mobile>li>a{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;font-size:15px;color:var(--hn1-ink)}#health-nav-1 .sub-menu-mobile>li>a:hover{color:var(--hn1-accent)}#health-nav-1 .hn1-panel-head .back-button{display:none;align-items:center;gap:9px;background:none;border:0;color:var(--hn1-ink);font-size:14px;font-weight:600;padding:0;cursor:pointer}#health-nav-1 .hn1-panel-head .back-button .arrow-right{display:inline-block;width:8px;height:8px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}}@media (max-width:576px){#health-nav-1 .hn1-shell{padding:0 16px}}@media (prefers-reduced-motion:reduce){#health-nav-1 *,#health-nav-1 *::before,#health-nav-1 *::after,.overlay{transition:none !important;animation:none !important}}#health-nav-1 #navbar-brand a,#health-nav-1 .hn1-word{display:inline-block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}#health-nav-1 #navbar-brand a img,#health-nav-1 .default-logo img{max-width:190px;max-height:40px;height:auto;width:auto}@media (max-width:1024px){#health-nav-1 #navbar-brand a,#health-nav-1 .hn1-word{max-width:150px}}#health-nav-1{--hn1-bar:rgba(255,255,255,.72);--hn1-ink:#22323c;--hn1-soft:#6b8089;--hn1-line:rgba(22,48,58,.10);--hn1-accent:var(--btn-primary-light-background-color,#0fb5a6);--hn1-on:var(--btn-primary-light-color,#ffffff);--hn1-tint:rgba(15,181,166,.10)}#health-nav-1.dark{--hn1-bar:rgba(18,28,33,.72);--hn1-ink:#e8f0f2;--hn1-soft:#9fb4bb;--hn1-line:rgba(255,255,255,.10);--hn1-accent:var(--btn-primary-dark-background-color,#2dd4bf);--hn1-on:#0e1a1f;--hn1-tint:rgba(45,212,191,.14)}#health-nav-1 .nav-bg{background:var(--hn1-bar);-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);border-bottom:1px solid var(--hn1-line);box-shadow:0 6px 24px rgba(20,50,60,.05)}#health-nav-1 .nav-bg::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--hn1-accent),transparent);opacity:.85}#health-nav-1 .hn1-shell{border-bottom:0}#health-nav-1 .hn1-row{min-height:74px;gap:18px}#health-nav-1 .hn1-brand-cont{flex-direction:row;align-items:center;gap:11px}#health-nav-1 .hn1-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:var(--hn1-tint);color:var(--hn1-accent);flex:0 0 auto;box-shadow:inset 0 0 0 1px var(--hn1-line)}#health-nav-1 .hn1-mark svg{width:25px;height:21px}#health-nav-1 #navbar-brand a,#health-nav-1 .hn1-word{font-weight:700 !important;font-size:clamp(18px,1.9vw,22px) !important;letter-spacing:-.01em !important;text-transform:none !important;color:var(--hn1-ink) !important}#health-nav-1 .hn1-menu{gap:5px}#health-nav-1 .hn1-menu>li>a{padding:9px 15px;border-radius:11px;font-size:14px;font-weight:600;letter-spacing:0;color:var(--hn1-ink);transition:background .18s,color .18s}#health-nav-1 .hn1-menu>li>a::after{display:none}#health-nav-1 .hn1-menu>li>a:hover{background:var(--hn1-tint);color:var(--hn1-accent)}#health-nav-1 .hn1-menu .arrow{border-color:currentColor}#health-nav-1 .hn1-account>a,#health-nav-1 .hn1-ico a{border-radius:12px;width:42px;height:42px;color:var(--hn1-ink);transition:background .18s,color .18s}#health-nav-1 .hn1-account>a:hover,#health-nav-1 .hn1-ico a:hover{background:var(--hn1-tint);color:var(--hn1-accent)}#health-nav-1 .hn1-svg{stroke-width:1.9}#health-nav-1 .hn1-ico .subtotal{background:var(--hn1-accent);color:var(--hn1-on);border:2px solid #fff;top:-3px;right:-4px}#health-nav-1 #navigation-products-search-input{border:1px solid var(--hn1-line);border-radius:13px;height:42px;background:rgba(255,255,255,.6);box-shadow:inset 0 1px 3px rgba(20,50,60,.05)}#health-nav-1 #navigation-products-search-input:focus{border-color:var(--hn1-accent);box-shadow:0 0 0 3px var(--hn1-tint)}#health-nav-1 .hn1-cta{background:var(--hn1-accent);color:var(--hn1-on);border:0;border-radius:13px;padding:11px 19px;font-size:14px;font-weight:700;box-shadow:0 6px 16px rgba(15,181,166,.30);transition:transform .18s,box-shadow .18s}#health-nav-1 .hn1-cta:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(15,181,166,.40);filter:none}#health-nav-1 .hn1-cta .hn1-svg{stroke:var(--hn1-on)}#health-nav-1 .sub-menu{border:1px solid var(--hn1-line);border-radius:14px;box-shadow:0 14px 38px rgba(20,50,60,.13);background:rgba(255,255,255,.97)}#health-nav-1 .sub-menu li a{border-radius:9px;font-weight:600}#health-nav-1 .hn1-panel-title{font-weight:700}@media (max-width:1024px){#health-nav-1 .hn1-cta{width:44px;height:44px;padding:0;border-radius:13px;justify-content:center}#health-nav-1 .hn1-cta span{display:none}#health-nav-1 .hn1-cta .hn1-svg{display:block;margin:0}#health-nav-1 .hn1-mark{width:36px;height:36px;border-radius:11px}#health-nav-1 .hn1-row{gap:10px}}#health-nav-1 .hn1-menu{flex-wrap:nowrap}#health-nav-1 .hn1-menu>li{flex:0 0 auto}#health-nav-1 .hn1-menu>li>a{white-space:nowrap;padding:9px 13px}#health-nav-1 .hn1-search .form-control{width:170px}@media (min-width:1025px){#health-nav-1 .hn1-row{gap:15px}}#health-nav-1 .mobile-logo{display:none !important}#health-nav-1 #navbar-brand,#health-nav-1 #navbar-brand a,#health-nav-1 .logo,#health-nav-1 .nv-brand-cont{display:flex;align-items:center}
/* [RITA-NAV-FIX 2026-07-12] anti-chevauchement menu/recherche + dropdown recherche visible */
#health-nav-1 .hn1-shell{max-width:1400px}
#health-nav-1 .hn1-menu{flex-wrap:nowrap!important;justify-content:flex-start!important}
#health-nav-1 .hn1-menu>li>a{letter-spacing:0}
#health-nav-1 .hn1-row{gap:14px}
#health-nav-1 .hn1-menu{gap:2px}
#health-nav-1 .hn1-menu>li>a{padding:8px 11px;font-size:13px}
#health-nav-1 .hn1-actions{gap:4px}
#health-nav-1 #navigation-products-search-input{width:150px;max-width:17vw}
#health-nav-1 .hn1-cta{padding:10px 15px}
/* Laptops (<=1366px) : CTA en icone seule -> le menu tient sur une seule ligne */
@media (max-width:1366px){
  #health-nav-1 .hn1-cta{width:44px;height:44px;padding:0;justify-content:center}
  #health-nav-1 .hn1-cta span{display:none}
  #health-nav-1 .hn1-cta .hn1-svg{display:block;margin:0}
  #health-nav-1 #navigation-products-search-input{width:132px}
}
/* La recherche mobile injectee par nav.js ne doit apparaitre QUE dans le tiroir mobile */
@media (min-width:1025px){
  #health-nav-1 .dvt-mobile-search,.dvt-mobile-search{display:none!important}
}
/* Dropdown de recherche : le theme garde .sub-menu cache ; nav.js utilise .show */
#health-nav-1 .hn1-search .search-results.show,
#health-nav-1 .search-results.dvt-ss-host.show{display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}

/* [RITA-LOGO 2026-07-12] Logo nav agrandi (40 -> 56px, 44px en mobile) */
#health-nav-1 #navbar-brand a img,#health-nav-1 .default-logo img,#health-nav-1 #logo-nav{max-height:56px !important;max-width:240px !important;height:auto !important;width:auto !important}
@media (max-width:1024px){
  #health-nav-1 #navbar-brand a img,#health-nav-1 .default-logo img,#health-nav-1 #logo-nav{max-height:44px !important}
}

/* [RITA-SEARCH 2026-07-13] Recherche modernisée : loupe en background de l'input (fiable),
   bouton transparent cliquable par-dessus, conteneurs rétrécis au champ, aligné 42px. */
#health-nav-1 .hn1-search{display:inline-flex;align-items:center;flex:0 0 auto;width:auto;padding:0}
#health-nav-1 .hn1-search .navbar-form{margin:0;width:auto;display:inline-block}
#health-nav-1 .hn1-search .input-group-cont{position:relative;display:inline-block;width:auto;vertical-align:middle}
#health-nav-1 #navigation-products-search-input{
  width:180px;max-width:20vw;height:42px;display:block;
  padding:0 42px 0 18px;
  border:1px solid var(--hn1-line);border-radius:999px;
  background-color:rgba(20,50,60,.05);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%232b2230' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px 18px;
  color:var(--hn1-ink);font-size:14px;
  transition:width .22s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
#health-nav-1 #navigation-products-search-input::placeholder{color:var(--hn1-soft);opacity:1}
#health-nav-1 #navigation-products-search-input:hover{background-color:rgba(20,50,60,.08)}
#health-nav-1 #navigation-products-search-input:focus{outline:none;background-color:#fff;border-color:var(--hn1-accent);box-shadow:0 0 0 3px var(--hn1-tint)}
/* bouton submit = overlay transparent cliquable sur la loupe (icône masquée) */
#health-nav-1 .hn1-search .input-group-btn{position:absolute!important;right:0;top:0;height:100%;width:42px;margin:0;padding:0;display:flex;align-items:center;justify-content:center}
#health-nav-1 .hn1-search .input-group-btn .btn{width:42px;height:100%;min-width:0;padding:0;margin:0;background:transparent;border:0;box-shadow:none;cursor:pointer}
#health-nav-1 .hn1-search .input-group-btn .btn .hn1-svg{display:none}
@media (max-width:1366px){ #health-nav-1 #navigation-products-search-input{width:162px} }
@media (max-width:1120px){ #health-nav-1 #navigation-products-search-input{width:148px} }

/* FIX 2026-07-14 (rapport client): text CTA + wordmark overflowed the bar under ~520px
   (bouton "Shop/Join now" coupé). Compact CTA + tighter wordmark clamp. */
@media (max-width:520px){
  #health-nav-1 .hn1-cta{ padding:7px 10px !important; font-size:10.5px !important; letter-spacing:0 !important; margin-left:2px !important; white-space:nowrap; }
  #health-nav-1 .hn1-word, #health-nav-1 #navbar-brand a{ max-width:104px !important; }
  #health-nav-1 .hn1-row{ gap:7px !important; }
  #health-nav-1 .navbar-toggle{ width:36px !important; }
}

/* FIX 2026-07-14c (rapport client): search reveal (pattern header-8) — the results dropdown
   is revealed by the SECTION's own CSS so it works even with a stale cached nav.js.
   Scoped to the desktop form; the mobile drawer keeps its static-flow placement below. */
#health-nav-1 .form-search .search-results.show{
  padding:0; position:absolute !important; top:100% !important;
  border:1px solid rgba(15,23,42,.10); border-radius:12px; background:#fff;
  min-width:300px !important; max-width:min(440px,94vw); max-height:320px !important;
  overflow-y:auto !important; overflow-x:hidden; z-index:1200 !important;
  display:block !important; visibility:visible !important; opacity:1 !important; transform:none !important;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
}
#health-nav-1 .form-search .search-results:not(.show){ display:none !important; }
#health-nav-1 .dvt-mobile-search .search-results.show{
  position:static !important; display:block !important; visibility:visible !important;
  opacity:1 !important; transform:none !important; width:100% !important; min-width:0 !important;
  max-width:100% !important; margin-top:8px; border:1px solid rgba(0,0,0,.08); border-radius:12px;
  background:#fff; max-height:min(52vh,420px) !important; overflow-y:auto !important;
}
#health-nav-1 .dvt-mobile-search .search-results:not(.show){ display:none !important; }

/* FIX 2026-07-14d (rapport client): drawer search hidden on desktop — the mobile drawer's
   injected search field must never show >=1025px; rule owned by the section CSS (cache-proof). */
@media (min-width:1025px){ #health-nav-1 .dvt-mobile-search{ display:none !important; } }

/* FIX 2026-07-22 (fleet nav audit) — drawer tap targets were under the 44px mobile floor. */
@media (max-width:1025px){
  #health-nav-1 #navbar #menu-container-dynamic > li > a{ min-height:48px; display:flex; align-items:center; justify-content:space-between; }
  #health-nav-1 #navbar .sub-menu-mobile > li > a{ min-height:48px; display:flex; align-items:center; }
}

/* FIX 2026-07-24-dvt-hide */
@media (min-width:1026px){
  #health-nav-1 .dvt-bar-search,
  #health-nav-1 .dvt-mobile-search,
  #health-nav-1 .dvt-panel-account,
  #health-nav-1 .dvt-panel-cta{ display:none !important; }
}

/* FIX 2026-07-28-brandclamp — le logo injecté (/get-logo-menu, /get-menu-footer-column) arrive avec un
   style INLINE (width:Npx;height:auto) et sans garantie de ratio : seul !important le
   neutralise. Le PLAFOND voyage avec le clamp car un store baké peut être une
   génération de design en retard et ne pas avoir la règle du catalogue (constaté sur
   floraplus : logo footer rendu 1600x1600). Il est posé en :where() = spécificité NULLE,
   donc toute règle réelle de la section (y compris responsive) le remplace.
   Racines tolérantes au suffixe --N. Voir navigations/NAV-SPEC.md §4. */
:where([id="health-nav-1"], [id^="health-nav-1--"]) :where(#navbar-brand, .logo, .default-logo) :where(img){
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center;
}
:where([id="health-nav-1"], [id^="health-nav-1--"]) :where(#navbar-brand, .logo, .default-logo) :where(img){
  max-height:40px;
  max-width:190px;
}

/* FIX 2026-07-28-textalign — `front/css/style.css` contient, dans @media (max-width:992px) :
     .text-md-left, .text-md-right, body { text-align:center }
   TOUT le corps de page est donc centré sous 992px, et la nav en HÉRITE : nom de la boutique et
   items du tiroir se retrouvaient centrés sans qu'aucune règle de section ne le demande (rapport
   client 28/07 : « le titre n'est pas aligné », « les titres sont centrés alors qu'ils doivent
   être à gauche »). On coupe l'héritage à la racine de la section ; `start` et non `left` pour
   rester correct en RTL. Toute règle de la section qui centre volontairement (barre d'annonce,
   logo centré…) reste prioritaire, sa spécificité étant supérieure. Voir NAV-SPEC.md §10. */
@media (max-width:992px){
  [id="health-nav-1"], [id^="health-nav-1--"]{ text-align:start; }
}

/* FIX 2026-07-28-drawer — corrections du tiroir mobile (rapport client 28/07, 2e vague). Voir NAV-SPEC.md §8. */
@media (max-width:1025px){
  [id="health-nav-1"] .navbar-collapse,
  [id^="health-nav-1--"] .navbar-collapse{
  }
  /* nav.js ajoute la classe .nav-bg au PANNEAU (#navbar) sous 1025px : toute regle decorative
     .nav-bg de la section non scopee en enfant direct le frappe. jewelry-nav-1 y perdait son
     opacite (0.73 → tiroir translucide, « il est transparent »). Garde limitee a l'etat OUVERT,
     car de nombreuses navs animent l'ouverture via opacity 0→1. */
  [id="health-nav-1"] .navbar-collapse.show,
  [id^="health-nav-1--"] .navbar-collapse.show{ opacity:1 !important; }
}

/* FIX 2026-07-29-brandcenter — marque centrée dans la barre mobile.
   MESURE (rendu catalogue à 390px, nom « ecommerce18 » injecté comme le serveur) : la marque
   flottait dans l'espace restant, non symétrique, avec un centre décalé de -74 à +39px selon
   la nav. On la sort du flux et on la centre sur la NAV (pas sur la rangée, qui peut être en
   retrait). La typo passe en responsive : plusieurs navs rendaient le nom en 24px sur mobile,
   une taille pensée pour le desktop, ce qui le faisait déborder du budget symétrique.
   L'icône de recherche de la barre est CONSERVÉE (ajoutée exprès le 17/07 : le champ du
   tiroir n'était pas trouvé par les utilisateurs). */
@media (max-width:1025px){
  [id="health-nav-1"], [id^="health-nav-1--"]{ position:relative; }
  [id="health-nav-1"] .navbar-btns, [id^="health-nav-1--"] .navbar-btns{ margin-inline-start:auto; }
  [id="health-nav-1"] #navbar-brand, [id^="health-nav-1--"] #navbar-brand{
    position:absolute; inset-inline-start:50%; transform:translateX(-50%);
    max-width:calc(100vw - 230px) !important; text-align:center; pointer-events:none;
  }
  [id="health-nav-1"] #navbar-brand a, [id^="health-nav-1--"] #navbar-brand a{ pointer-events:auto; }
  [id="health-nav-1"] #navbar-brand h3.default-logo, [id^="health-nav-1--"] #navbar-brand h3.default-logo,
  [id="health-nav-1"] #navbar-brand .default-logo, [id^="health-nav-1--"] #navbar-brand .default-logo{
    font-size:clamp(15px, 4.4vw, 18px) !important;
    max-width:none !important; overflow:visible;
    text-align:center; margin-inline:auto;
  }
}

/* [NAV-MOBILE-FIX 2026-08-20] Trois défauts mobile corrigés d'un bloc.
   (1) LOGO DANS LA RECHERCHE + RECHERCHE EN DOUBLE : le bloc [RITA-SEARCH 2026-07-13] plus haut
       réaffiche `.hn1-search{display:inline-flex}` SANS media query. Il écrasait donc le
       `display:none` que le thème pose en `@media (max-width:1024px)` (même spécificité, règle
       postérieure => elle gagne). Résultat sur 390px : le champ (width:180px/max-width:20vw = 78px)
       se posait PAR-DESSUS le logo, en plus de la loupe `.dvt-bar-search` injectée par nav.js pour
       le mobile => deux recherches. On restaure l'intention du thème : recherche du thème = DESKTOP.
   (2) MENU HAMBURGER QUI LAISSE VOIR LA PAGE : le drawer utilise `background:var(--hn1-bar)`, or
       --hn1-bar vaut rgba(255,255,255,.72) — une valeur pensée pour l'effet verre de la BARRE, pas
       pour un panneau plein écran. Le contenu de la page transparaissait sous les liens du menu
       (4 chevauchements mesurés). On rend le drawer OPAQUE (barre inchangée).
   Ne touche QUE <=1024px : le desktop reste strictement identique. */
@media (max-width:1024px){
  #health-nav-1 .hn1-search{ display:none !important; }

  #health-nav-1 #navbar.navbar-collapse,
  #health-nav-1 .hn1-panel-head,
  #health-nav-1 .sub-menu-mobile{ background:#FFFFFF !important; }
  #health-nav-1.dark #navbar.navbar-collapse,
  #health-nav-1.dark .hn1-panel-head,
  #health-nav-1.dark .sub-menu-mobile{ background:#121C21 !important; }
  /* le drawer porte aussi .nav-bg (blur + fond translucide) : on neutralise sur le panneau seul */
  #health-nav-1 #navbar.navbar-collapse.nav-bg{
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
}

/* [NAV-MOBILE-FIX 2026-08-20 — suite] (3) DOUBLE CONNEXION dans le panneau mobile.
   nav.js injecte `.dvt-panel-account` (« Sign in », libellé ANGLAIS non traduit, -> /login) alors que
   le thème fournit DÉJÀ son bouton « Connexion » dans `.hn1-panel-head` (-> /dashboard, qui redirige
   vers /login en 2 sauts pour un visiteur anonyme : vérifié). Deux entrées de connexion, dont une en
   anglais sur un site FR. On retire l'injectée, on garde celle du thème (traduite).
   NB : on GARDE `.dvt-mobile-search` — le thème masque sa propre recherche sous 1024px, c'est donc
   la seule du panneau ; la retirer priverait le mobile de recherche. */
@media (max-width:1024px){
  #health-nav-1 .dvt-panel-account{ display:none !important; }
}

/* [23/09/2026] Sélecteur de langue dans l'en-tête (FR / AR / EN) — rempli par nav.js depuis /get-available-languages. */
.hn1-lang .lang-dropdown-header-choice-lang{position:relative;display:inline-block}
.hn1-lang .lang-btn-heder{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:transparent;border:0;border-radius:50%;cursor:pointer;transition:background .18s ease}
.hn1-lang .lang-btn-heder:hover{background:rgba(128,128,128,.1)}
.hn1-lang .lang-btn-heder:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.hn1-lang .lang-icon{width:22px;height:22px;border-radius:50%;object-fit:cover;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.hn1-lang .lang-menu-header{position:absolute;top:calc(100% + 8px);right:0;min-width:170px;margin:0;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);border:1px solid #edf2f7;list-style:none;padding:8px 0;z-index:1000}
.hn1-lang .lang-menu-header li{margin:0;padding:0}
.hn1-lang .lang-menu-header li a{display:flex;align-items:center;gap:10px;padding:10px 16px;color:#2d3748;text-decoration:none;font-size:14px;white-space:nowrap}
.hn1-lang .lang-menu-header li a:hover{background:#f7fafc;color:#1a202c}
.hn1-lang .lang-menu-header li a img{width:18px;height:18px;border-radius:3px;object-fit:cover}
[dir="rtl"] .hn1-lang .lang-menu-header{right:auto;left:0}