body.post-type-archive-product .woocommerce-products-header{margin-top:0!important;padding-top:0!important}Ou si c’est et_pb_section_0 :css
body.post-type-archive-product .et_pb_section_0{margin-top:0!important;padding-top:0!important}Le bloc que tu as en ce moment :css
body.post-type-archive-product .NOM_DE_TA_CLASSE{margin-top:0!important;padding-top:0!important}doit être supprimé ou remplacé par la version avec le vrai nom,pas conservé tel quel.
Dès que tu me donnes la vraie valeur de class="..." (par ex. et_pb_section_0 ou woocommerce-products-header),je te renvoie un CSS complet prêt à coller,sans placeholder.
​
pardon il n'a pas été copié : voici la div qui pose problème :  == $0
Merci, là on a l’info clé : le bloc qui crée l’espace a seulement la classe container.

On va donc le cibler directement sur la page Boutique.

Ajoute ce bloc tout en bas de ton CSS personnalisé (et supprime complètement la ligne avec .NOM_DE_TA_CLASSE si elle y est encore) :

css
/* Resserer le container qui entoure le header boutique */
body.post-type-archive-product .container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
Tu peux laisser aussi ce que tu as déjà sur #content > .container, #main-content, etc., mais ce sélecteur va enfin toucher ce  précis sur la Boutique.
​

Ensuite :

Sauvegarde.

Vide le cache (W3TC + navigateur).

Recharge la Boutique.

L’espace au‑dessus du menu catégories devrait se réduire nettement.

refait moi le css globale svp
Voici un CSS global propre, avec la bonne règle pour .container et sans le placeholder .NOM_DE_TA_CLASSE. Tu peux remplacer tout le CSS personnalisé par ce bloc unique.

css
/*** Enlever la ligne de séparation contenu / sidebar ***/
#main-content .container:before {
  background: none;
}

/*** Masquer la sidebar ***/
#sidebar {
  display: none;
}

/*** Étendre la zone de contenu en pleine largeur ***/
@media (min-width: 1024px) {
  #left-area {
    width: 100%;
    padding: 23px 0 0 !important;
    float: none !important;
  }
}

/*** Boutique WooCommerce : 6 produits par ligne (30 par page via snippet PHP) ***/
@media (min-width: 1024px) {

  /* Grille 6 colonnes sur Boutique + catégories produits */
  body.post-type-archive-product ul.products,
  body.tax-product_cat ul.products,
  body.woocommerce-page ul.products,
  body.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 20px !important;
  }

  /* Items produits sans largeur fixe ni float */
  body.post-type-archive-product ul.products li.product,
  body.tax-product_cat ul.products li.product,
  body.woocommerce-page ul.products li.product,
  body.woocommerce ul.products li.product {
    width: auto !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
  }
}

/*** Corriger le “trou” en haut à gauche de la grille (éléments fantômes) ***/
.woocommerce .products ul::before,
.woocommerce .products ul::after,
.woocommerce ul.products::before,
.woocommerce ul.products::after {
  content: none !important;
  display: none !important;
}

/*** Menu texte des catégories en haut de la Boutique ***/
.sj-shop-cats-text-menu {
  max-width: 1080px;
  padding: 0 20px;
  margin: 0 auto 5px auto !important;  /* collé à ce qui précède, 5px au-dessus du breadcrumb */
}

.sj-shop-cats-text-menu ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sj-shop-cats-text-menu li {
  margin: 0;
}

.sj-shop-cats-text-menu a {
  display: inline-block;
  padding: 4px 10px;
  font-size: 14px;
  text-decoration: none;
  color: #333;
  border-radius: 20px;
  background: #f5f5f5;
}

.sj-shop-cats-text-menu a:hover {
  background: #2ea3f2;
  color: #fff;
}

/*** Réduire l'espace vertical autour du fil d'Ariane et du titre WooCommerce ***/
.woocommerce-breadcrumb {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.woocommerce-page .entry-title,
.woocommerce-products-header__title {
  margin-top: 5px !important;
  margin-bottom: 8px !important;
}

/*** Resserer le bloc global qui contient titre + breadcrumb ***/
.woocommerce-products-header,
.woocommerce .woocommerce-breadcrumb + .woocommerce-products-header,
.woocommerce .woocommerce-breadcrumb {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Réduire le padding haut de la container WooCommerce */
.woocommerce #content > .container,
.woocommerce-page #content > .container {
  padding-top: 0 !important;
}

/*** Resserer au maximum tout le bloc d'en-tête de la boutique ***/
body.post-type-archive-product #main-content,body.post-type-archive-product #content-area,body.post-type-archive-product #left-area{margin-top:0!important;padding-top:0!important}body.post-type-archive-product .sj-shop-cats-text-menu{margin-top:0!important}body.post-type-archive-product .et_pb_section,body.post-type-archive-product .et_pb_row{margin-top:0!important;padding-top:0!important}body.post-type-archive-product .container{margin-top:5px!important;padding-top:0!important}