/* GATARD Product Pro 4.6.44 — centrage visuel réel des onglets sur mobile
   Le compteur est totalement sorti du flux et une réserve symétrique gauche/droite
   garde le couple icône + libellé au centre géométrique de chaque onglet.
*/
@media (max-width:767px){
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a:nth-child(n){
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(4px,1.25vw,6px)!important;
    min-width:0!important;
    /* Même réserve des deux côtés = centre visuel exact malgré le compteur absolu. */
    padding-left:clamp(27px,7.7vw,34px)!important;
    padding-right:clamp(27px,7.7vw,34px)!important;
    text-align:center!important;
  }

  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-v417-tab-icon,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-v4100-tab-icon,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-online-tab-icon{
    flex:0 0 clamp(22px,6.3vw,27px)!important;
    width:clamp(22px,6.3vw,27px)!important;
    height:clamp(22px,6.3vw,27px)!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    align-self:center!important;
  }

  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-v417-tab-icon img,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-v4100-tab-icon img,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-online-tab-icon img{
    display:block!important;
    width:clamp(17px,4.9vw,21px)!important;
    height:clamp(17px,4.9vw,21px)!important;
    margin:auto!important;
    object-fit:contain!important;
  }

  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a > strong{
    flex:0 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    font-size:clamp(9.1px,2.7vw,11px)!important;
    line-height:1.08!important;
    font-weight:750!important;
    letter-spacing:-.028em!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  /* Le compteur n'influence jamais le centre du couple icône + texte. */
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-v4629-tab-count{
    position:absolute!important;
    right:clamp(5px,1.6vw,7px)!important;
    top:50%!important;
    min-width:19px!important;
    height:19px!important;
    padding:0 5px!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    font-size:9.2px!important;
    z-index:2!important;
  }
}

/* Écrans étroits : conserve le mot complet sans casser le centrage. */
@media (max-width:359px){
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a:nth-child(n){
    gap:3px!important;
    padding-left:23px!important;
    padding-right:23px!important;
  }

  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a > strong{
    font-size:8.55px!important;
    letter-spacing:-.042em!important;
  }

  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-v417-tab-icon,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-v4100-tab-icon,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-online-tab-icon{
    flex-basis:20px!important;
    width:20px!important;
    height:20px!important;
  }

  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-v417-tab-icon img,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-v4100-tab-icon img,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-online-tab-icon img{
    width:16px!important;
    height:16px!important;
  }

  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-online-tabs.gpp-v417-tabs.gpp-v424-tabs.gpp-v4630-sticky > a .gpp-v4629-tab-count{
    right:4px!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 4px!important;
    font-size:8.8px!important;
  }
}