/* ═══ RESET SCOPED ═══ */

.H,.H *{box-sizing:border-box!important;margin:0!important;padding:0!important}

.H a{text-decoration:none!important;color:inherit!important}

.H ul,.H li{list-style:none!important}

.H button{

  background:transparent!important;

  background-color:transparent!important;

  background-image:none!important;

  border:none!important;

  cursor:pointer!important;

  font-family:inherit!important;

  color:inherit!important;

  -webkit-appearance:none!important;

  -moz-appearance:none!important;

  appearance:none!important;

  -webkit-tap-highlight-color:transparent!important;

}

/* ═══ TOKENS ═══ */

.H{

  --h:66px;

  --h-mobile:60px;

  --ease:cubic-bezier(0.4,0,0.2,1);

  --r-sm:8px;

  --r-md:12px;

  --r-lg:16px;

  --glass-b:rgba(255,255,255,0.07);

  --glass-bv:rgba(52,211,153,0.2);

  --purple:rgba(52, 211, 153,0.12);

  --t1:#e7edf3;

  --t2:rgba(255,255,255,0.88);

  --t3:rgba(231, 237, 243,0.35);

  --wa:#25D366;

  --wa-h:#1ebe58;

}

/* ═══ HEADER WRAPPER ═══ */

.H{

  font-family:'Outfit',-apple-system,BlinkMacSystemFont,sans-serif!important;

  position:fixed!important;

  top:0!important;left:0!important;right:0!important;

  z-index:9999!important;

  contain:layout style!important;

  transition:transform 0.38s var(--ease)!important;

  transform:translateY(0)!important;

}

.H.hidden{transform:translateY(-100%)!important}

.H-strip{

  position:absolute!important;top:0!important;left:0!important;right:0!important;

  height:1px!important;

  background:linear-gradient(90deg,transparent,rgba(139,92,246,0.6) 25%,rgba(232,121,249,0.5) 50%,rgba(96,165,250,0.4) 75%,transparent)!important;

  z-index:3!important;pointer-events:none!important;

}

.H-back{

  position:absolute!important;inset:0!important;

  background:rgba(5,3,12,0.93)!important;

  backdrop-filter:blur(28px) saturate(180%)!important;

  -webkit-backdrop-filter:blur(28px) saturate(180%)!important;

  border-bottom:1px solid var(--glass-b)!important;

  box-shadow:0 1px 0 rgba(255,255,255,0.04) inset,0 6px 32px rgba(0,0,0,0.35)!important;

  transition:background 0.4s var(--ease),box-shadow 0.4s var(--ease)!important;

  will-change:transform!important;z-index:1!important;

}

.H.scrolled .H-back{

  background:rgba(4,2,10,0.97)!important;

  box-shadow:0 1px 0 rgba(255,255,255,0.04) inset,0 14px 50px rgba(0,0,0,0.6)!important;

}

/* ═══ BARRE PRINCIPALE ═══ */

.H-bar{

  position:relative!important;z-index:2!important;

  display:flex!important;align-items:center!important;

  height:var(--h)!important;

  max-width:1360px!important;

  margin:0 auto!important;

  padding:0 40px!important;

  gap:32px!important;

}

/* ═══ LOGO ═══ */

.H-logo{

  flex-shrink:0!important;

  display:flex!important;align-items:center!important;

  position:relative!important;

}

.H-logo img{

  height:42px!important;width:auto!important;display:block!important;

  filter:brightness(1.15) contrast(1.05)!important;

  transition:filter 0.3s var(--ease),transform 0.3s var(--ease)!important;

}

.H-logo:hover img{

  filter:brightness(1.2) drop-shadow(0 0 12px rgba(52, 211, 153,0.5))!important;

  transform:scale(1.04)!important;

}

/* ═══ NAV DESKTOP ═══ */

.H-nav{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important}

.H-nav>ul,.H-nav .menu{display:flex!important;align-items:center!important;gap:2px!important;position:relative!important}

.H-pill{

  position:absolute!important;height:32px!important;

  background:rgba(52, 211, 153,0.1)!important;

  border:1px solid rgba(52, 211, 153,0.18)!important;

  border-radius:var(--r-sm)!important;

  transition:all 0.32s var(--ease)!important;

  pointer-events:none!important;z-index:0!important;opacity:0!important;

  will-change:left,width!important;

}

.H-nav>ul>li,.H-nav .menu>li{position:relative!important;list-style:none!important}

.H-nav>ul>li>a,.H-nav .menu>li>a{

  position:relative!important;z-index:1!important;

  display:flex!important;align-items:center!important;gap:5px!important;

  padding:6px 14px!important;

  font-size:0.875rem!important;font-weight:600!important;

  color:var(--t2)!important;

  border-radius:var(--r-sm)!important;

  transition:color 0.22s var(--ease)!important;

  white-space:nowrap!important;height:32px!important;

}

.H-nav>ul>li>a:hover,.H-nav .menu>li>a:hover{color:var(--t1)!important}

.H-nav>ul>li.current-menu-item>a,

.H-nav>ul>li.current-page-ancestor>a,

.H-nav .menu>li.current-menu-item>a{color:#a7f3d0!important}

.H-chev{

  width:14px!important;height:14px!important;flex-shrink:0!important;

  opacity:0.5!important;

  transition:transform 0.28s var(--ease),opacity 0.28s var(--ease)!important;

}

.H-nav>ul>li:hover .H-chev,.H-nav .menu>li:hover .H-chev{transform:rotate(180deg)!important;opacity:0.9!important}

/* ═══ MEGA DROPDOWN ═══ */

/* Le padding-top crée le pont hoverable entre le bouton et le contenu, sans quoi le survol casse */

.H-drop{

  position:absolute!important;

  top:100%!important;left:50%!important;

  padding-top:14px!important;

  transform:translateX(-50%) translateY(-6px)!important;

  opacity:0!important;visibility:hidden!important;pointer-events:none!important;

  transition:opacity 0.22s var(--ease),transform 0.22s var(--ease),visibility 0.22s!important;

  z-index:200!important;contain:layout paint!important;

}

.H-nav>ul>li:hover .H-drop,.H-nav .menu>li:hover .H-drop{

  opacity:1!important;visibility:visible!important;pointer-events:auto!important;

  transform:translateX(-50%) translateY(0)!important;

}

.H-drop::before{

  content:''!important;position:absolute!important;

  top:9px!important;left:50%!important;

  transform:translateX(-50%) rotate(45deg)!important;

  width:10px!important;height:10px!important;

  background:rgba(8,5,18,0.96)!important;

  border-top:1px solid var(--glass-bv)!important;

  border-left:1px solid var(--glass-bv)!important;

  border-radius:2px 0 0 0!important;

  z-index:1!important;

}

.H-drop-inner{

  position:relative!important;z-index:2!important;

  background:rgba(8,5,18,0.96)!important;

  backdrop-filter:blur(32px) saturate(160%)!important;

  -webkit-backdrop-filter:blur(32px) saturate(160%)!important;

  border:1px solid var(--glass-bv)!important;

  border-radius:var(--r-lg)!important;overflow:hidden!important;

  box-shadow:0 20px 70px rgba(0,0,0,0.65),0 0 0 1px rgba(255,255,255,0.03),inset 0 1px 0 rgba(255,255,255,0.06)!important;

  min-width:520px!important;

}

.H-drop-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:12px!important}

.H-drop-single{display:flex!important;flex-direction:column!important;gap:2px!important;padding:10px!important;min-width:240px!important}

.H-ditem{

  display:flex!important;align-items:center!important;gap:12px!important;

  padding:11px 14px!important;border-radius:var(--r-md)!important;

  border:1px solid transparent!important;

  transition:background 0.18s var(--ease),border-color 0.18s var(--ease)!important;

  position:relative!important;overflow:hidden!important;

}

.H-ditem:hover{background:rgba(255,255,255,0.04)!important;border-color:var(--glass-bv)!important}

.H-ditem-ico{

  width:38px!important;height:38px!important;flex-shrink:0!important;

  border-radius:var(--r-sm)!important;

  display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.1rem!important;

  transition:transform 0.22s var(--ease)!important;

}

.H-ditem:hover .H-ditem-ico{transform:scale(1.08)!important}

.H-ditem-name{font-size:0.875rem!important;font-weight:600!important;color:var(--t1)!important;margin-bottom:2px!important}

.H-ditem:hover .H-ditem-name{color:#a7f3d0!important}

.H-ditem-sub{font-size:0.73rem!important;color:var(--t3)!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

.H-drop-sep{height:1px!important;background:linear-gradient(90deg,transparent,var(--glass-b),transparent)!important;margin:4px 12px!important}

.H-drop-foot{padding:10px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:rgba(52, 211, 153,0.04)!important;border-top:1px solid rgba(52, 211, 153,0.08)!important}

.H-drop-foot-lbl{font-size:0.72rem!important;color:rgba(255,255,255,0.65)!important}

.H a.H-drop-foot-lnk{font-size:0.75rem!important;font-weight:700!important;color:#fff!important;display:flex!important;align-items:center!important;gap:4px!important;transition:gap 0.22s var(--ease)!important}

.H-drop-foot-lnk:hover{gap:7px!important}

/* ═══ ACTIONS DESKTOP ═══ */

.H-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-shrink:0!important;position:relative!important;z-index:2!important}

.H-wa{

  display:flex!important;align-items:center!important;gap:7px!important;

  padding:8px 14px!important;

  background:transparent!important;

  border:1px solid rgba(231,237,243,0.22)!important;

  border-radius:var(--r-sm)!important;

  font-size:0.8rem!important;font-weight:700!important;

  color:#E7EDF3!important;white-space:nowrap!important;

  transition:background 0.25s var(--ease),border-color 0.25s var(--ease),transform 0.25s var(--ease)!important;

  box-shadow:none!important;

}

.H-wa svg{fill:#E7EDF3!important}

.H-wa:hover{background:rgba(231,237,243,0.06)!important;border-color:rgba(231,237,243,0.38)!important;transform:translateY(-1px)!important}

.H-cta{

  display:flex!important;align-items:center!important;gap:7px!important;

  padding:9px 20px!important;

  background:linear-gradient(135deg,#34d399,#0f9d6b)!important;

  border:1px solid rgba(52, 211, 153,0.4)!important;

  border-radius:var(--r-sm)!important;

  font-size:0.85rem!important;font-weight:700!important;

  color:#fff!important;white-space:nowrap!important;

  position:relative!important;overflow:hidden!important;

  transition:box-shadow 0.25s var(--ease),transform 0.25s var(--ease)!important;

  box-shadow:0 4px 18px rgba(109,40,217,0.38),inset 0 1px 0 rgba(255,255,255,0.2)!important;

}

.H-cta svg{stroke:#06231A!important;fill:none!important}

.H-cta::before{

  content:''!important;position:absolute!important;inset:0!important;

  background:linear-gradient(100deg,transparent 30%,rgba(6,35,26,0.14) 50%,transparent 70%)!important;

  background-size:200% auto!important;

  animation:ctaShim 3s linear infinite!important;

  pointer-events:none!important;

}

@keyframes ctaShim{0%{background-position:-200% 0}100%{background-position:200% 0}}

.H-cta:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 8px 28px rgba(52,211,153,0.4),inset 0 1px 0 rgba(255,255,255,0.25)!important}

/* Icône WhatsApp mobile, masquée sur grand écran */

.H-wa-mobile{display:none!important}

/* ═══ SHIMMER TEXTE BOUTONS ═══ */

.H-cta-txt{

  background:linear-gradient(110deg,

    rgba(6,35,26,0.82) 0%,

    rgba(6,35,26,0.82) 38%,

    #06231A 48%,

    #06231A 52%,

    rgba(6,35,26,0.82) 62%,

    rgba(6,35,26,0.82) 100%

  )!important;

  background-size:250% 100%!important;

  -webkit-background-clip:text!important;

  background-clip:text!important;

  -webkit-text-fill-color:transparent!important;

  color:transparent!important;

  animation:txtShim 2.6s linear infinite!important;

  display:inline-block!important;

}

@keyframes txtShim{

  0%{background-position:200% 0}

  100%{background-position:-100% 0}

}

@media(prefers-reduced-motion:reduce){

  .H-cta-txt{animation:none!important;color:#06231A!important;-webkit-text-fill-color:#06231A!important}

}

/* ═══ BURGER ═══ */

.H-burger{

  display:none!important;

  width:44px!important;height:44px!important;

  align-items:center!important;justify-content:center!important;

  background:rgba(255,255,255,0.05)!important;

  backdrop-filter:blur(12px)!important;

  border:1px solid var(--glass-b)!important;

  border-radius:var(--r-sm)!important;

  flex-direction:column!important;gap:5px!important;

  transition:background 0.25s var(--ease),border-color 0.25s var(--ease)!important;

  flex-shrink:0!important;position:relative!important;z-index:2!important;

}

.H-burger:hover,.H-burger:active{background:var(--purple)!important;border-color:var(--glass-bv)!important}

.H-burger span{

  display:block!important;width:20px!important;height:2px!important;

  background:var(--t1)!important;border-radius:2px!important;transform-origin:center!important;

  transition:transform 0.38s var(--ease),opacity 0.28s var(--ease),width 0.28s var(--ease)!important;

}

.H-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}

.H-burger.open span:nth-child(2){opacity:0!important;width:0!important}

.H-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}

/* ═══ WP ADMIN BAR ═══ */

body.admin-bar .H{top:32px!important}

@media screen and (max-width:782px){body.admin-bar .H{top:46px!important}}

/* ═══ OVERLAY ═══ */

.H-overlay{

  position:fixed!important;inset:0!important;

  background:rgba(4,2,10,0.72)!important;

  backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;

  z-index:9997!important;opacity:0!important;visibility:hidden!important;

  transition:opacity 0.38s var(--ease),visibility 0.38s!important;

}

.H-overlay.open{opacity:1!important;visibility:visible!important}

/* ═══ DRAWER MOBILE ═══ */

.H-drawer{

  position:fixed!important;top:0!important;right:0!important;bottom:0!important;

  width:min(360px,92vw)!important;

  background:rgba(6,4,16,0.98)!important;

  backdrop-filter:blur(36px)!important;-webkit-backdrop-filter:blur(36px)!important;

  box-shadow:-20px 0 70px rgba(0,0,0,0.65)!important;

  z-index:9998!important;

  display:flex!important;flex-direction:column!important;

  transform:translateX(100%)!important;

  transition:transform 0.42s var(--ease)!important;

  overflow:hidden!important;will-change:transform!important;

}

.H-drawer.open{transform:translateX(0)!important}

/* ═══ BORDURE LASER ANIMÉE AUTOUR DU DRAWER ═══ */

.H-drawer-border{

  position:absolute!important;

  inset:0!important;

  pointer-events:none!important;

  z-index:2!important;

  opacity:0!important;

  transition:opacity 0.5s var(--ease) 0.3s!important;

}

.H-drawer.open .H-drawer-border{opacity:1!important}

.H-drawer-border::before,

.H-drawer-border::after{

  content:''!important;

  position:absolute!important;

  inset:0!important;

  border:1px solid transparent!important;

  background:

    linear-gradient(180deg,

      rgba(52, 211, 153,0) 0%,

      rgba(52, 211, 153,0.9) 25%,

      rgba(232,121,249,0.9) 50%,

      rgba(96,165,250,0.9) 75%,

      rgba(52, 211, 153,0) 100%

    ) border-box!important;

  -webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0)!important;

  -webkit-mask-composite:xor!important;

  mask-composite:exclude!important;

  background-size:100% 300%!important;

  animation:borderFlow 6s linear infinite!important;

  pointer-events:none!important;

}

.H-drawer-border::after{

  animation:borderFlow 6s linear infinite reverse!important;

  filter:blur(3px)!important;

  opacity:0.6!important;

}

@keyframes borderFlow{

  0%{background-position:0 -300%}

  100%{background-position:0 300%}

}

/* ═══ LASERS VERTICAUX ═══ */

.H-lasers{

  position:absolute!important;

  inset:0!important;

  overflow:hidden!important;

  pointer-events:none!important;

  z-index:0!important;

  opacity:0!important;

  transition:opacity 0.6s var(--ease) 0.2s!important;

}

.H-drawer.open .H-lasers{opacity:1!important}

.H-laser-v{

  position:absolute!important;

  top:-20%!important;

  width:1px!important;

  height:140%!important;

  background:linear-gradient(180deg,

    transparent 0%,

    transparent 25%,

    var(--lc,rgba(52, 211, 153,0.9)) 50%,

    transparent 75%,

    transparent 100%

  )!important;

  filter:blur(0.5px)!important;

  will-change:transform,opacity!important;

}

.H-laser-v::after{

  content:''!important;

  position:absolute!important;

  inset:0 -2px!important;

  background:inherit!important;

  filter:blur(4px)!important;

  opacity:0.5!important;

}

.H-laser-v:nth-child(1){left:8%!important;--lc:rgba(52, 211, 153,0.9)!important;animation:laserV 7s linear infinite!important}

.H-laser-v:nth-child(2){left:20%!important;--lc:rgba(232,121,249,0.7)!important;animation:laserV 9s linear infinite 1.2s!important}

.H-laser-v:nth-child(3){left:33%!important;--lc:rgba(96,165,250,0.8)!important;animation:laserV 6s linear infinite 2.5s!important}

.H-laser-v:nth-child(4){left:46%!important;--lc:rgba(52, 211, 153,0.7)!important;animation:laserV 11s linear infinite 0.6s!important}

.H-laser-v:nth-child(5){left:58%!important;--lc:rgba(232,121,249,0.85)!important;animation:laserV 8s linear infinite 3.4s!important}

.H-laser-v:nth-child(6){left:71%!important;--lc:rgba(96,165,250,0.6)!important;animation:laserV 10s linear infinite 1.8s!important}

.H-laser-v:nth-child(7){left:84%!important;--lc:rgba(52, 211, 153,0.8)!important;animation:laserV 7.5s linear infinite 4s!important}

.H-laser-v:nth-child(8){left:94%!important;--lc:rgba(232,121,249,0.6)!important;animation:laserV 9.5s linear infinite 2.2s!important}

@keyframes laserV{

  0%{transform:translateY(-100%);opacity:0}

  10%{opacity:1}

  90%{opacity:1}

  100%{transform:translateY(100%);opacity:0}

}

@media(prefers-reduced-motion:reduce){

  .H-laser-v{animation:none!important;display:none!important}

  .H-drawer-border::before,.H-drawer-border::after{animation:none!important}

}

/* Contenu au-dessus des lasers et de la bordure */

.H-drawer-top,.H-drawer-body,.H-drawer-foot{position:relative!important;z-index:3!important}

.H-drawer-top{

  display:flex!important;align-items:center!important;justify-content:space-between!important;

  padding:20px 22px!important;border-bottom:1px solid var(--glass-b)!important;flex-shrink:0!important;

}

.H-drawer-logo img{height:30px!important;width:auto!important;filter:brightness(1.1)!important;display:block!important}

.H-close{

  width:40px!important;height:40px!important;

  display:flex!important;align-items:center!important;justify-content:center!important;

  background:rgba(255,255,255,0.05)!important;border:1px solid var(--glass-b)!important;

  border-radius:var(--r-sm)!important;color:rgba(231, 237, 243,0.6)!important;

  transition:all 0.22s var(--ease)!important;

}

.H-close:hover,.H-close:active{background:rgba(239,68,68,0.1)!important;border-color:rgba(239,68,68,0.28)!important;color:#fca5a5!important}

.H-close svg{width:18px!important;height:18px!important}

.H-drawer-body{

  flex:1!important;overflow-y:auto!important;padding:14px 14px 0!important;

  scrollbar-width:thin!important;scrollbar-color:rgba(52, 211, 153,0.25) transparent!important;

  -webkit-overflow-scrolling:touch!important;

}

.H-drawer-body .menu,.H-drawer-body>ul{display:flex!important;flex-direction:column!important;gap:2px!important}

.H-drawer-body .menu li,.H-drawer-body>ul li{list-style:none!important}

.H-m-link{

  display:flex!important;align-items:center!important;justify-content:space-between!important;

  padding:14px 16px!important;font-size:1rem!important;font-weight:600!important;

  color:rgba(231, 237, 243,0.78)!important;border-radius:var(--r-md)!important;

  border:1px solid transparent!important;

  background:transparent!important;background-color:transparent!important;background-image:none!important;

  transition:color 0.2s var(--ease),background 0.2s var(--ease),border-color 0.2s var(--ease),box-shadow 0.2s var(--ease)!important;

  cursor:pointer!important;width:100%!important;text-align:left!important;min-height:48px!important;

  -webkit-appearance:none!important;appearance:none!important;

  -webkit-tap-highlight-color:transparent!important;

}

.H-m-link:hover{color:var(--t1)!important;background:rgba(255,255,255,0.04)!important;border-color:var(--glass-b)!important}

.H-m-link.current{color:#a7f3d0!important}

.H-m-link.active{

  color:#a7f3d0!important;

  background:rgba(52, 211, 153,0.12)!important;

  border-color:rgba(52, 211, 153,0.35)!important;

  box-shadow:0 0 20px rgba(52, 211, 153,0.15),inset 0 1px 0 rgba(255,255,255,0.05)!important;

}

.H-m-link.active span{color:#a7f3d0!important}

.H-m-link.active .H-m-chev{color:#a7f3d0!important;opacity:1!important}

.H-m-chev{width:16px!important;height:16px!important;color:var(--t3)!important;transition:transform 0.28s var(--ease),color 0.2s var(--ease),opacity 0.2s var(--ease)!important;flex-shrink:0!important}

.H-m-link.active .H-m-chev{transform:rotate(180deg)!important}

.H-m-sub{overflow:hidden!important;max-height:0!important;transition:max-height 0.38s var(--ease)!important}

.H-m-sub.open{max-height:500px!important}

.H-m-sub-inner{

  padding:5px 0 5px 10px!important;

  border-left:1px solid rgba(52, 211, 153,0.15)!important;

  margin:3px 0 3px 16px!important;

  display:flex!important;flex-direction:column!important;gap:1px!important;

}

.H-m-sub-inner a{

  display:flex!important;align-items:center!important;gap:10px!important;

  padding:11px 12px!important;font-size:0.9rem!important;font-weight:500!important;

  color:rgba(231, 237, 243,0.62)!important;border-radius:var(--r-sm)!important;

  transition:all 0.18s var(--ease)!important;min-height:42px!important;

}

.H-m-sub-inner a:hover,.H-m-sub-inner a:active{color:var(--t1)!important;background:rgba(52, 211, 153,0.1)!important;padding-left:16px!important}

.H-m-sub-inner a .si{font-size:1rem!important;width:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}

.H-drawer-foot{

  padding:18px 14px 26px!important;border-top:1px solid var(--glass-b)!important;

  flex-shrink:0!important;display:flex!important;flex-direction:column!important;gap:10px!important;

}

.H-drawer-foot .H-wa,

.H-drawer-foot .H-cta{

  width:100%!important;justify-content:center!important;

  padding:14px 20px!important;font-size:0.9rem!important;

}

.H-foot-tagline{text-align:center!important;font-size:0.75rem!important;color:#fff!important;line-height:1.6!important;margin-top:6px!important;font-weight:500!important}

.H-foot-tagline strong{color:#fff!important;font-weight:700!important}

/* ═══════════════════════════════════════

   RESPONSIVE ≤ 1100px (tablette + mobile)

═══════════════════════════════════════ */

@media(max-width:1100px){

  .H-nav{display:none!important}

  .H-wa{display:none!important}

  .H-cta{display:none!important}

  .H-burger{display:flex!important}

  .H-wa-mobile{

    display:flex!important;

    width:44px!important;height:44px!important;

    align-items:center!important;justify-content:center!important;

    background:var(--wa)!important;

    border-radius:var(--r-sm)!important;

    box-shadow:0 4px 14px rgba(37,211,102,0.35),inset 0 1px 0 rgba(255,255,255,0.18)!important;

    transition:background 0.25s var(--ease),transform 0.25s var(--ease)!important;

    flex-shrink:0!important;

  }

  .H-wa-mobile:hover,.H-wa-mobile:active{background:var(--wa-h)!important;transform:scale(1.06)!important}

  .H-wa-mobile svg{width:22px!important;height:22px!important;fill:#fff!important;display:block!important}

  .H-bar{

    display:grid!important;

    grid-template-columns:44px 1fr 44px!important;

    align-items:center!important;

    height:var(--h-mobile)!important;

    padding:0 16px!important;

    gap:12px!important;

  }

  .H-burger{grid-column:1!important;grid-row:1!important;justify-self:start!important}

  .H-logo{grid-column:2!important;grid-row:1!important;justify-self:center!important}

  .H-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important;gap:0!important}

  .H-logo img{height:34px!important}

  .H{--h:60px}

}

@media(max-width:380px){

  .H-bar{padding:0 12px!important;gap:8px!important}

  .H-logo img{height:30px!important}

}

/* Icones du menu des services. Sept traces au meme gabarit, dans
   l'unique accent du site : ce qui distingue un service d'un autre
   est le dessin, pas la teinte. */
.H-ditem-ico{background:rgba(52,211,153,0.10)!important;color:#34D399!important;display:flex!important;align-items:center!important;justify-content:center!important}
.H-ditem-ico svg{display:block!important}
.H-ditem:hover .H-ditem-ico{background:rgba(52,211,153,0.18)!important}