/* 06/11/2026 (Raph SEC « les images sont pas alignees ») : menu Top Selection > Top Exclu (colonne 254) : la grille des tuiles
   etait rentree de ~37 px de chaque cote par rapport aux onglets (padding 15 + 20 - marge 10 + padding des tuiles 5).
   On l'elargit pour que les images tombent pile sous les onglets, avec 14 px entre tuiles comme entre onglets. Ordinateur seulement. */
@media (min-width: 992px) {
  .ets_mm_megamenu .gfc-col-254 .mm_blocks_li .ets_mm_block_content > ul.mm_mnu_display_img { margin-left: -44px !important; margin-right: -44px !important; }
  .ets_mm_megamenu .gfc-col-254 .mm_blocks_li .ets_mm_block_content > ul.mm_mnu_display_img > li { padding-left: 7px !important; padding-right: 7px !important; }
}
/* v b (Raph SEC2 06/11) : la barre de defilement (17 px) n'apparait que sur les onglets longs et decalait les images de
   quelques pixels selon l'onglet : on reserve toujours sa place -> positions identiques quel que soit l'onglet. */
@media (min-width: 992px) {
  .ets_mm_megamenu ul.mm_columns_ul.gfc-mm-a-onglets { scrollbar-gutter: stable; }
}
/* v c (Julien 06/11 « 2 cases vides c'est bizarre ») : Top Exclu, une rangee incomplete (moins de 4 tuiles) est centree,
   dans le menu et sur la page Top Exclu / Top Selection (memes blocs ek_top-exclu-N). */
.ets_mm_block[class*="ek_top-exclu-"] ul.mm_mnu_display_img:has(> li:last-child:nth-child(-n+3)) { justify-content: center !important; }
/* v e (Julien 06/11 « un separateur ca serait mieux ») : trait orange entre les e-liquides et le materiel (1re rangee materiel = celle de la tuile 5865) */
.ets_mm_block[class*="ek_top-exclu-"]:has(li.data-sub-cat-5865) { border-top: 2px solid #f58220; margin-top: 14px !important; padding-top: 18px !important; }
/* v f : meme chose sur la PAGE Top Exclu (grille .gfc-top-marques, une ul par rangee) et sa section dans Top Selection (.gfc-ts-1064) */
body.cat-5864 .gfc-top-marques > ul:has(> li:last-child:nth-child(-n+3)),
.gfc-ts-1064 ul:has(> li:last-child:nth-child(-n+3)) { justify-content: center !important; }
body.cat-5864 .gfc-top-marques > ul:has(a[href*="/5865-"]),
.gfc-ts-1064 ul:has(a[href*="/5865-"]) { border-top: 2px solid #f58220; margin-top: 14px !important; padding-top: 18px !important; }
/* v g (Raph SEC 06/11) : Top Materiel (colonne 250) : titres verticaux « Top Puffs » / « Top Pods » retires, grille alignee sur les onglets comme Top Exclu */
.ets_mm_megamenu .gfc-col-250 .ets_mm_block.ek_top-puffs > h4,
.ets_mm_megamenu .gfc-col-250 .ets_mm_block.ek_top-pods > h4 { display: none !important; }
@media (min-width: 992px) {
  .ets_mm_megamenu .gfc-col-250 .mm_blocks_li .ets_mm_block_content > ul.mm_mnu_display_img { margin-left: -44px !important; margin-right: -44px !important; }
  .ets_mm_megamenu .gfc-col-250 .mm_blocks_li .ets_mm_block_content > ul.mm_mnu_display_img > li { padding-left: 7px !important; padding-right: 7px !important; }
  .ets_mm_megamenu .gfc-col-250 .ets_mm_block.ek_top-puffs > .ets_mm_block_content,
  .ets_mm_megamenu .gfc-col-250 .ets_mm_block.ek_top-pods > .ets_mm_block_content { width: 100% !important; max-width: 100% !important; flex: 1 1 100% !important; }
}
/* v h (Raph 06/11) : TOUS les titres de blocs de Top Materiel (Top Puffs, Pods, Mod/Box, Kits, Atomiseurs) masques,
   et meme alignement sur les onglets pour Top E-liquide (col 249) et Top DIY (col 251). */
.ets_mm_megamenu .gfc-col-250 .ets_mm_block.mm_block_type_category > h4 { display: none !important; }
@media (min-width: 992px) {
  .ets_mm_megamenu .gfc-col-249 .mm_blocks_li .ets_mm_block_content > ul.mm_mnu_display_img,
  .ets_mm_megamenu .gfc-col-251 .mm_blocks_li .ets_mm_block_content > ul.mm_mnu_display_img { margin-left: -44px !important; margin-right: -44px !important; }
  .ets_mm_megamenu .gfc-col-249 .mm_blocks_li .ets_mm_block_content > ul.mm_mnu_display_img > li,
  .ets_mm_megamenu .gfc-col-251 .mm_blocks_li .ets_mm_block_content > ul.mm_mnu_display_img > li { padding-left: 7px !important; padding-right: 7px !important; }
  .ets_mm_megamenu .gfc-col-250 .ets_mm_block.mm_block_type_category > .ets_mm_block_content { width: 100% !important; max-width: 100% !important; flex: 1 1 100% !important; }
}
