.header-banner:empty {
  display: none !important;
}
/************/
/**  MENU  **/
/* ******** */
#language-selector-label {
  display: none!important;
}
/* Style commun à tous les éléments du menu */
#amegamenu .anav-top .amenu-item {
  display: inline-block;
  margin: 0;
}

#amegamenu .amenu-link {
  display: block;
  padding: 12px 20px;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  border-radius: 0;
}

/* MARINE (premier item) */
#amegamenu .mm-1 .amenu-link {
  background-color: #b2dcdf;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
#header .amenu-item .amenu-link {
  padding: 18px 18px 18px 18px;
}

/* TEST 2 */
#amegamenu .mm-2 .amenu-link {
  background-color: #a1c7ab;
}

/* TEST 3 */
#amegamenu .mm-3 .amenu-link {
  background-color: #e0bedd;
}

/* TEST 4 */
#amegamenu .mm-4 .amenu-link {
  background-color: #a28b8c;
}

/* TEST 5 */
#amegamenu .mm-5 .amenu-link {
  background-color: #8b8da1;
}

/* TEST 6 (dernier item) */
#amegamenu .mm-6 .amenu-link {
  background-color: #d8a06d;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.amenu-item .amenu-link:focus, .amenu-item .amenu-link:hover,
#amegamenu.fixed-menu .amenu-item .amenu-link {
    color: white!important;
}

#_desktop_logo {
    flex: unset;
}

/*******************/
/** an_advantages **/
/*******************/
.an_advantages .an_advantages-item-inner,
.an_advantages .an_advantages-item:nth-child(1) .an_advantages-angle-right:before,
.an_advantages .an_advantages-item:nth-child(3) .an_advantages-angle-right:before {
  background-color: #8BA2A2!important;
}
.an_advantages-item-title {
  color: white!important;
}

.an_advantages-item-desc p{
  color: white!important;
}

/************/
/** BANNER **/
/************/
.header-banner {
  display: flex;
  justify-content: center;
  height: unset;
  max-height: unset;
  background-color: #111;
  border-bottom: 4px solid #8ba2a2;
  padding: 5px 0;
}
.header-banner #bandeauTexte {
  text-align: center;
}
#bandeauTexte p {
  color: white;
  font-weight: 500;
  margin-bottom: 0;
}

/****************/
/** SLIDER **/
/****************/
.an_homeslider-block {
  margin-bottom: 0!important;
}
/****************/
/** ADVANTAGES **/
/****************/
.an_advantages {
  margin-top: 0!important;
}
/****************/
/** USEFULLBAR **/
/****************/

/*****************************/
/** VOUS ÊTES PROFESSIONNEL **/
/*****************************/
body#index .push-pro img {
  width: 100%;
}
/************/
/** FOOTER **/
/************/
.credits-footer {
  text-align: end;
}

.an_homeproducts-content .an_homeproducts-banner-textlink {
  display: none;
}
.footer-before {
  background-color: #666;
}
#footer .footer-before-row {
  display: flex;
  justify-content: center;
}
#footer .block_newsletter {
  margin: 0;
  padding: 0;
  background: unset;
}
#footer .block_newsletter h2, #footer .block_newsletter p {
  color: white;
}
.gdpr-newsletter label {
  color: white;
}
.block_newsletter p {
  font-size: 14px;
  line-height: 15px;
}
#footer .links {
  padding: 0;
}

@media (max-width:1000px) {
  #footer .block_newsletter {
    padding: 30px 60px;
  }
}

#main .block-category {
  flex-direction: column;
}
/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 .rte-reassurance .col-xs-12 {
  display: flex;
  align-items: flex-start;
  margin-bottom: 3rem;
}
.rte .row {
  margin-left: -15px;
  margin-right: -15px;
}



/* Icônes un peu plus petites + écart réduit */
.row.rte-reassurance > .col-sm-6 > img{
  width:120px;   /* au lieu de 150 */
  height:120px;
  object-fit:contain;
  display:block;
}

@media (min-width:576px){
  .row.rte-reassurance{
    display:flex;
    flex-wrap:wrap;
  }
  .row.rte-reassurance > .col-sm-6{
    float:none;
    flex:0 0 50%;
    display:flex;
    align-items:flex-start;   /* ou flex-start si tu préfères */
    gap:12px;             /* au lieu de 20 */
    margin-bottom:24px;
    box-sizing:border-box;
  }
  .row.rte-reassurance > .col-sm-6 > div{
    flex:1;
    margin:0;             /* enlève marges parasites */
    padding:0;
  }
}

/* compacter titres/paragraphes */
.row.rte-reassurance h3{ margin:0 0 .25rem; line-height:1.2; }
.row.rte-reassurance p { margin:0; }

/* ===== Étapes : propre et consolidé ===== */
ul.step-create{
  --step-gap: 32px;                  /* espace entre colonnes */
  list-style:none;
  margin:0 0 10px;                   /* rapproché du bouton */
  padding:0;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:var(--step-gap);
  counter-reset:step;
}
ul.step-create > li{
  counter-increment:step;
  width:calc((100% - 2*var(--step-gap))/3);
  text-align:center;
  line-height:1.4;
  padding:0 10px;
  font-size:0.95rem;                 /* légère réduction */
}
ul.step-create > li::before{
  content:counter(step);
  width:64px; height:64px;           /* un poil plus petit pour gagner de la place */
  background:#8ba3a2; border-radius:50%;
  color:#fff; display:flex; align-items:center; justify-content:center;
  font-size:34px; font-weight:700; line-height:1;
  margin:0 auto 10px;
}
/* flèches entre étapes */
ul.step-create > li:not(:last-child)::after{
  content:""; position:absolute; top:35px; right:-28px;
  border-style:solid; border-width:10px 0 10px 14px;
  border-color:transparent transparent transparent #8ba3a2;
  transform:translateY(-50%);
}
/* Titre sur 1 ligne lorsqu'il commence par <strong> (étapes 1 & 2) */
ul.step-create > li > strong:first-child{
  display:block; margin-bottom:.25rem; white-space:nowrap;
}
/* 2 lignes nettes : on ne garde que le DERNIER <br> de chaque li */
ul.step-create > li br{ display:none; }
ul.step-create > li br:last-of-type{ display:inline; }

/* Mobile : on empile proprement */
@media (max-width:575.98px){
  ul.step-create{ display:block; }
  ul.step-create > li{ width:100%; text-align:left; margin-bottom:1rem; padding:0; }
  ul.step-create > li::after{ display:none; }
}

/* ===== Boutons (style unifié, rectangulaire arrondi) ===== */
.mt-2 .text-center{ text-align:center; margin-top:0; }
.shop-callback{ padding:32px 0; text-align:center; }

.shop-callback__title{
  margin:0 0 24px; text-transform:uppercase; letter-spacing:.06em; font-weight:700; color:#6f6f6f;
}
.shop-callback__ctas{ display:flex; justify-content:center; align-items:center; gap:32px; }

.shop-callback .bouton-pro,
.mt-2 .text-center .bouton-pro{
  float:none !important;
  display:inline-flex; align-items:center; justify-content:center;
  min-width:280px; min-height:56px; padding:14px 24px;
  border:0; border-radius:8px !important;
  background:#8ba3a2 !important; background-image:none !important; box-shadow:none !important;
  color:#fff !important; text-transform:uppercase; font-weight:700; letter-spacing:.5px; text-decoration:none;
}
.mt-2 .text-center .bouton-pro{ margin:10px auto 8px !important; }
.shop-callback .bouton-pro:hover,
.mt-2 .text-center .bouton-pro:hover{ filter:brightness(.95); }

@media (max-width:575.98px){
  .shop-callback__ctas{ flex-direction:column; gap:12px; }
  .shop-callback .bouton-pro{ width:100%; max-width:320px; }
}
/* === Overrides pour avoir "Cliquez sur le bouton" sur 1 ligne,
 puis « créer votre compte professionnel ». en dessous === */

ul.step-create > li > strong:first-child{
  display: inline !important;   /* annule le display:block d'avant */
  margin: 0 !important;
  white-space: nowrap;          /* évite un retour entre "Cliquez" et "sur le bouton" */
}

ul.step-create > li br{ 
  display: none;                /* on masque les <br> intermédiaires */
}
ul.step-create > li br:last-of-type{
  display: inline;              /* on garde seulement le DERNIER <br> => 2 lignes max */
}

/* Un peu plus de place + légère réduction de police pour éviter les casses */
ul.step-create{ gap: 32px; }
ul.step-create > li{ padding: 0 12px; font-size: .95rem; }

/* Rond un poil plus petit (gagne de la largeur de texte) */
ul.step-create > li::before{
  width: 64px; height: 64px; font-size: 34px; margin-bottom: 10px;
}
.page-content.page-cms.page-cms-49 ul{
  list-style-position: outside !important;
}
#block-reassurance{
  display: flex;
margin: 0 -15px;
  margin-bottom: 0px;
margin-bottom: 2rem;
}

/* reset de la liste du module */
#block-reassurance ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 24px;               /* espace entre les 3 cartes */
  justify-content: space-between;
  align-items: stretch;
}
#block-reassurance li{
  flex: 1 1 0;
}

/* carte */
#block-reassurance .block-reassurance-item{
  position: relative;
  background: #efefef;     /* fond gris clair comme la maquette */
  border-radius: 4px;
  padding: 48px 24px 24px; /* on laisse de la place pour la pastille au-dessus */
  text-align: center;
  min-height: 210px;       /* homogénéise la hauteur */
  box-sizing: border-box;
}

/* pastille ronde au-dessus de la carte */
#block-reassurance .block-reassurance-item::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);  /* sort à moitié de la carte */
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #8ba3a2;              /* vert/gris de ta maquette */
}

/* icône du module centrée dans la pastille */
#block-reassurance .block-reassurance-item > img{
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  width: 30px;               /* ajuste si besoin */
  height: 30px;
  display: block;
  filter: brightness(100%) contrast(100%); /* icônes pack SVG passent bien sur fond */
}

/* titre */
#block-reassurance .block-reassurance-item .h6{
  display: block;
  margin: 8px 0 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: #6f6f6f;
}

/* texte/paragraphes à l'intérieur (si présents) */
#block-reassurance .block-reassurance-item p{
  margin: 0 0 6px;
  color: #555;
}

/* si tu mets une petite liste inside (case 3 de ta maquette) */
#block-reassurance .block-reassurance-item ul{
  list-style: none;
  padding: 0;
  margin: 8px auto 0;
  text-align: left;
  display: inline-block;   /* pour ne pas prendre toute la largeur */
}
#block-reassurance .block-reassurance-item ul li{
  margin: 4px 0;
  position: relative;
  padding-left: 20px;
}
#block-reassurance .block-reassurance-item ul li::before{
  content: "✔";
  color: #8ba3a2;
  position: absolute;
  left: 0;
  top: 0;
}

/* responsive : empile sur mobile */
@media (max-width: 767.98px){
  #block-reassurance ul{
    flex-direction: column;
    gap: 16px;
  }
}
/* =========================
 BLOCK REASSURANCE — FINAL
 ========================= */

/* grille */
#block-reassurance ul{
  list-style:none; margin:0; padding:0;
  display:flex; gap:24px; justify-content:space-between; align-items:stretch;
}
#block-reassurance li{ flex:1 1 0; }

/* cartes : même hauteur + padding pour la pastille */
#block-reassurance .block-reassurance-item{
  --card-h: 220px;                 /* ← ajuste 210–240px si besoin */
  position:relative;
  height:var(--card-h);
  background:#efefef; border-radius:4px;
  padding:62px 24px 28px;          /* espace sous la pastille */
  text-align:center; box-sizing:border-box;
}

/* pastille + icône */
#block-reassurance .block-reassurance-item::before{
  content:""; position:absolute; left:50%; top:0; transform:translate(-50%,-50%);
  width:56px; height:56px; border-radius:50%; background:#8ba3a2;
}
#block-reassurance .block-reassurance-item > img{
  position:absolute; left:50%; top:0; transform:translate(-50%,-50%);
  width:24px; height:24px; object-fit:contain;
}

/* titres : on masque le texte natif et on injecte celui de la maquette */
#block-reassurance .block-reassurance-item .h6{
  margin:25px 0 18px; color:transparent !important;
}
#block-reassurance .block-reassurance-item .h6::before{
  font:700 22px/1.15 "Titillium Web","Helvetica Neue",Arial,sans-serif;
  letter-spacing:.02em; color:#6f6f6f; text-transform:uppercase; display:block;
}
#block-reassurance li:nth-child(1) .block-reassurance-item .h6::before{ content:"PAIEMENT SÉCURISÉ"; }
#block-reassurance li:nth-child(2) .block-reassurance-item .h6::before{ content:"LIVRAISON RAPIDE"; }
#block-reassurance li:nth-child(2) .block-reassurance-item .h6::after{
  content: "AVEC NUMÉRO DE SUIVI";
display: block;
margin-top: -52px;
font: 700 18px/1.1 "Titillium Web","Helvetica Neue",Arial,sans-serif;
color: #6f6f6f;
}
}
#block-reassurance li:nth-child(3) .block-reassurance-item .h6::before{ content:"UN SERVICE DE QUALITÉ"; }

/* on masque la description fournie par le module pour 1 & 2 */
#block-reassurance li:nth-child(1) .block-reassurance-item .h6 + *,
#block-reassurance li:nth-child(2) .block-reassurance-item .h6 + *{ display:none !important; }

/* CARTE 1 : bandeau moyens de paiement (UNE image bandeau) */
#block-reassurance li:nth-child(1) .block-reassurance-item::after{
  content: "";
  display: block;
  width: 290px;
  height: 92px;
  margin: -19px auto 0;
  background: url(/img/cms/payment_logo.png) center/contain no-repeat;
    background-size: contain;
  background-size: 190px 70px;
}

/* CARTE 2 : bandeau transporteurs (UNE image bandeau) */
#block-reassurance li:nth-child(2) .block-reassurance-item::after{
  content:""; display:block; width:300px; height:36px; margin:10px auto 0;
  background:url(/img/cms/ship_logo.svg) center/contain no-repeat;
}

/* (si tu n’as pas de bandeau unique, remplace le bloc ci-dessus par ceci)
#block-reassurance li:nth-child(2) .block-reassurance-item::after{
  content:""; display:block; width:300px; height:36px; margin:10px auto 0;
  background-repeat:no-repeat; background-size:auto 28px;
  background-position:0 50%, 50% 50%, 100% 50%;
  background-image:url(/img/cms/dpd.png), url(/img/cms/tnt.png), url(/img/cms/colissimo.png);
}
*/

/* CARTE 3 : check-list compacte */
#block-reassurance li:nth-child(3) .block-reassurance-item .h6 + *{ display:none !important; }
#block-reassurance li:nth-child(3) .block-reassurance-item::after{
  content:"✔ 15 jours, satisfait ou remboursé.\A✔ Nos partenaires sont respectueux des normes et certifications Européennes.\A✔ Service client gratuit.";
  white-space:pre-line; display:block; width:78%; margin:-75px auto 0;
  color:#555; font-size:15px; line-height:1.45; text-align:left;
}

/* responsive */
@media (max-width:767.98px){
  #block-reassurance ul{ flex-direction:column; gap:16px; }
  #block-reassurance .block-reassurance-item{ --card-h: 210px; }
  #block-reassurance li:nth-child(1) .block-reassurance-item::after{ width:240px; height:70px; }
  #block-reassurance li:nth-child(2) .block-reassurance-item::after{ width:240px; height:70px; }
}
.brladdbyreference .atc_ref-form {
  position: relative;
  padding: 0px 10px;
}
#amegamenu.fixed-menu .fixed-menu-container {
  padding: 10px 0px;
}

.brladdbyreference {
  padding-top: 10px;
  max-width: 430px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.brladdbyreference .atc_ref-title {
  font-size: 16px;
  color: #333333;
  padding-bottom: 10px;

  padding-left: 10px;
}
.brladdbyreference .atc_ref-subtitle {
  font-size: 13px;
  color: #666666;
  margin-bottom: 19px;
 
  padding-left: 10px;
}
}
#amegamenu.fixed-menu .fixed-menu-container {
  padding: 10px 0px;
}
#header .fixed-menu .logo {
  max-width: 52px;
  max-height: 48px;
}
#header .amenu-item .amenu-link {
  padding: 18px 27px 18px 27px;
  font-size: 15px;
}
html[lang="es"] #header .amenu-item .amenu-link {
  padding: 18px 27px 18px 27px;
  font-size: 11px;
}
.toolbox.is-fixed {
  position: fixed;
  top: 50% !important;
  right: 0;
  z-index: 2000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.toolbox.is-fixed.visible {
  opacity: 1;
  pointer-events: auto;
}
.toolbox {
  position: absolute;
  top: 1030px;
  right: 0;
  border-bottom-left-radius: 10px;
  transform: translateY(-50%);
  z-index: 2000;
}
.product-add-to-cart {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 20px;
}
.product-variants > .product-variants-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 5px !important;
  max-width: 100%;
  overflow: hidden;
}

#amegamenu.fixed-menu .anav-top .amenu-link {
  font-size: 15px;
  padding: 20px 17px !important;

}

.cart-products-count {

  background: #8ba2a2;
 
}
#amegamenu.fixed-menu .fixed-cart-products-count {
  position: absolute;
  top: -4px;
  right: -9px;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  color: #fff;
  background: #8ba2a2;
  font-size: 10px;
  text-align: center;
  line-height: 15px;
}
html[lang="es"] #block-reassurance li:nth-child(1) .block-reassurance-item::after {
  content: "";
  display: block;
  width: 290px;
  height: 92px;
  margin: -61px auto 0;
  background: url(/img/cms/payment_logo_es.png) center/contain no-repeat;
  background-size: 190px 70px;
}

@media (max-width: 767.98px) {
  .toolbox.is-fixed {
    display: none !important;
  }
}

/* Uniformiser la hauteur et l'alignement des cartes blockreassurance_product */
.blockreassurance_product .item-product {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  min-height: 220px;
  box-sizing: border-box;
}



/* Pour mobile : empiler proprement */
@media (max-width: 767.98px) {
  .blockreassurance_product {
    display: block;
  }
  .blockreassurance_product .item-product {
    display: block;
    width: 100%;
    min-width: unset;
    min-height: unset;
    padding: 10px 0;
  }
}

/* Aligner verticalement les items de .blockreassurance_product, icône centrée, texte à gauche */
.blockreassurance_product {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 48px;
}
.blockreassurance_product .item-product {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  min-height: 120px;
  box-sizing: border-box;
  padding: 0;
  gap: 24px;
}
.blockreassurance_product .item-product .item-product-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  min-height: 64px;
}
.blockreassurance_product .item-product .item-product-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}

/* Pour mobile : empiler verticalement */
@media (max-width: 767.98px) {
  .blockreassurance_product {
    gap: 32px;
  }
  .blockreassurance_product .item-product {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
  }
  .blockreassurance_product .item-product .item-product-content {
    text-align: center;
    align-items: center;
  }
}

/* Correction stricte pour .blockreassurance_product : 
   - Icône parfaitement centrée verticalement à gauche
   - Texte parfaitement aligné à gauche, sur la même ligne que l'icône
   - Espacement régulier entre chaque bloc
*/
.blockreassurance_product {
  display: flex;
  flex-direction: column;
  gap: 9px;
  width: 100%;
  align-items: stretch;
}
.blockreassurance_product .item-product {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18px;
  width: 100%;
  min-height: 64px;
  box-sizing: border-box;
  padding: 0;
}
.blockreassurance_product .item-product .item-product-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
}
.blockreassurance_product .item-product .item-product-content {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  align-items: flex-start;
}

/* Pour mobile : empiler verticalement */
@media (max-width: 767.98px) {
  .blockreassurance_product {
    gap: 24px;
  }
  .blockreassurance_product .item-product {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
  }
  .blockreassurance_product .item-product .item-product-content {
    text-align: center;
    align-items: center;
  }
}
#_desktop_clientservice {
  display: none;
}

#header .header-nav {
  margin-bottom: 0;
  border-top: 4px solid #8ba2a2;
}

@media (max-width: 1199px) {

  html[lang="es"] #header .amenu-item .amenu-link {
    padding: 18px 12px 18px 12px;
    font-size: 11px;
  }

  #header .amenu-item .amenu-link {
    padding: 18px 22px 18px 22px;
    font-size: 12px;
  }
}

@media (max-width: 991px) {

  .products-section-title {
    line-height: 32px;
  }
}


#subcategories ul li {
	width: 15%
}

#index #an_brandslider-block {
  margin-bottom: 60px;
}