/* HF header layout from pizza style.min.css — scoped vars (ne pas écraser --line du body) */
.hd-wrap{
  --navy:#003366;
  --navy-dark:#092142;
  --green:#1C8048;
  --green-hover:#166A3B;
  --trait:#5BC889;
  --text:#0F1F33;
  --bg:#F7F7F7;
  --white:#ffffff;
  --line:#E2E8F0;
  --muted:#5A6B7D;
  --pill:999px;
  position:sticky;
  top:0;
  z-index:70;
}
.hd-wrap a{color:inherit;text-decoration:none}
.hd-wrap .container{max-width:1240px;margin:0 auto;padding:0 20px;width:100%}
.hd-wrap,.hd-wrap.scrolled,.hd-wrap.open{background:#FFFFFF;padding:14px 0}
.hd-pill,.hd-wrap.scrolled .hd-pill,.hd-wrap.open .hd-pill{background:#FFFFFF;border:1px solid var(--line);border-radius:var(--pill);min-height:72px;display:flex;align-items:center;gap:24px;padding:10px 14px 10px 28px}
.logo{display:flex;flex-direction:column;line-height:1.1;flex-shrink:0}
.logo-name{font-weight:800;font-size:20px;color:var(--navy);letter-spacing:.5px;display:flex;align-items:center;gap:8px}
.logo-name::after{content:none;display:none}
.logo-sub{font-size:11px;color:var(--text)}
.hd-nav{display:flex;align-items:center;gap:22px;margin-left:auto;font-weight:600;font-size:14.5px;color:var(--navy)}
.hd-nav>a:hover{color:var(--green)}
.drop{position:relative}
.drop>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:5px;font-weight:600;color:var(--navy)}
.drop>summary::-webkit-details-marker{display:none}
.drop>summary .caret{font-size:10px}
.drop[open]>summary{color:var(--green)}
.drop-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(0,34,68,.14);padding:10px;min-width:190px;z-index:60;display:flex;flex-direction:column}
.drop-menu a{padding:9px 14px;border-radius:10px;font-size:14px;font-weight:500;color:var(--text);white-space:nowrap}
.drop-menu a:hover{background:var(--bg);color:var(--navy)}
.drop-menu a.on{color:var(--green);font-weight:700}
.hd-right{display:flex;align-items:center;gap:12px;flex-shrink:0}
.lang-pill{border:1px solid var(--line);border-radius:var(--pill);padding:8px 16px;background:var(--white);font-size:13.5px}
.lang-drop .drop-menu{left:auto;right:0;transform:none;max-height:320px;overflow:auto}
.mmenu{display:none}
@media(max-width:1024px){.hd-nav{display:none}.mmenu{display:block}.mmenu>summary{list-style:none;border:1px solid var(--line);border-radius:var(--pill);padding:8px 16px;cursor:pointer;font-weight:700;color:var(--navy);font-size:13.5px}.mmenu>summary::-webkit-details-marker{display:none}.mmenu .drop-menu{right:0;left:auto;transform:none}.f-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){body{font-size:14px}.groupbar .gb-left{display:none}.gb-in{justify-content:center}.gb-langs{gap:10px;flex-wrap:wrap;justify-content:center}.hd-pill{padding:8px 10px 8px 18px;gap:10px}.hd-right .btn{display:none}.hero-card{height:auto;min-height:480px}.hero-content{padding:64px 30px}.hero-content h1{font-size:32px}.hero-arrow{display:none}.sec{padding:52px 0}.sec-head h2{font-size:26px}.prod-grid,.qa-grid,.usage-grid{grid-template-columns:1fr}.about-grid,.env-banner,.prod-hero,.contact-panel{grid-template-columns:1fr}.strip{grid-template-columns:repeat(2,1fr)}.about-big{font-size:32px}.env-body{padding:36px 26px}.contact-panel{padding:30px}.cp-form{grid-template-columns:1fr;padding:24px}.page-head h1{font-size:30px}.gcard{flex:0 0 82%}.car-btn{display:none}.f-grid{grid-template-columns:1fr}.f-sites{grid-template-columns:1fr 1fr}}
.hd-wrap{position:sticky;top:0;z-index:70}
.hd-pill{transition:min-height .3s,box-shadow .3s}
.hd-wrap.scrolled .hd-pill{min-height:56px;box-shadow:0 12px 32px rgba(0,34,68,.14)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hslide,.hslide .hero-img,.hslide .hero-content>*,.btn::after,.pcard-img img,.hd-pill{transition:none!important}.hslide .hero-img{transform:none!important}.marquee-track{animation:none}.marquee{overflow-x:auto}.rv{opacity:1;transform:none}.hslide .hero-content>*{opacity:1;transform:none}}
.lang-pill{display:inline-flex;align-items:center;gap:7px}
.lang-pill svg{color:var(--navy);flex-shrink:0}
@media(max-width:768px){.groupbar .gb-left{display:block;white-space:normal;overflow:visible;text-overflow:clip;text-align:center;line-height:1.5}.groupbar .gb-left a{text-decoration:underline}.hd-pill{gap:8px;padding:8px 8px 8px 14px}.logo-name{font-size:17px}.logo-sub{font-size:10px}.lang-pill{padding:7px 12px;font-size:12.5px}.mmenu>summary{padding:7px 12px;font-size:12.5px}}
.lang-drop .drop-menu{max-height:70vh}
.logo-sub b{font-weight:700}
@media(max-width:480px){.logo-name{font-size:13.5px;letter-spacing:0}.lang-pill svg{display:none}.lang-pill{padding-left:9px;padding-right:9px}}
.logo-domain{font-size:11px;color:#1C8048;line-height:1.1;margin-top:1px}
@media(max-width:480px){.logo-domain{font-size:10px}}
.logo-domain{color:#1C8048;font-weight:600}
.hd-pill .logo{align-items:flex-start}
.hd-pill .logo-name{flex-direction:column;align-items:stretch;width:max-content;max-width:100%;gap:2px}
.hd-pill .logo-name::after{content:none!important;display:none!important}
.hd-pill .logo .logo-domain,.hd-pill .logo .logo-sub{display:block;margin-top:2px;font-size:13px;font-weight:700;color:#1C8048!important;letter-spacing:.02em;line-height:1.1;white-space:nowrap}
@media (max-width:480px){.hd-pill .logo .logo-domain,.hd-pill .logo .logo-sub{font-size:12px}.hd-pill .logo-name{gap:2px}}


/* products drop long list 1330 */.hd-nav .drop:not(.lang-drop) .drop-menu{max-height:min(70vh,520px);overflow:auto;min-width:280px;left:0;transform:none}
.hd-nav .drop:not(.lang-drop) .drop-menu a{white-space:normal;line-height:1.35}

/* FIX mobile 390: garder pastille + burger visibles */
@media (max-width:1024px){
  .hd-wrap .container{padding:0 12px}
  .hd-wrap .hd-pill{min-height:64px;gap:8px;padding:8px 8px 8px 14px!important;overflow:visible}
  .hd-wrap .logo{flex:0 1 auto!important;min-width:0;max-width:calc(100% - 96px)}
  .hd-wrap .logo-name{font-size:15px!important;letter-spacing:0}
  .hd-wrap .logo .logo-domain{font-size:10px!important;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .hd-wrap .hd-right{flex:0 0 auto!important;margin-left:auto;gap:4px!important}
  .hd-wrap .lang-drop{flex:0 0 auto}
  .hd-wrap summary.lang-pill{
    min-height:36px;padding:6px 10px!important;font-size:12.5px!important;
    max-width:none;flex:0 0 auto
  }
  .hd-wrap .ea-burger{display:inline-flex!important;flex:0 0 auto!important}
}
@media (max-width:400px){
  .hd-wrap summary.lang-pill{padding:6px 8px!important}
  .hd-wrap .ea-burger{width:40px!important;height:40px!important}
}