.elementor-3463 .elementor-element.elementor-element-6dca224b{padding:50px 0px 50px 0px;}.elementor-3463 .elementor-element.elementor-element-26f8612e{width:var( --container-widget-width, 97.857% );max-width:97.857%;--container-widget-width:97.857%;--container-widget-flex-grow:0;}.elementor-3463 .elementor-element.elementor-element-26f8612e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3463 .elementor-element.elementor-element-c131ddc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-3463 .elementor-element.elementor-element-c131ddc.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-3463 .elementor-element.elementor-element-c131ddc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-3463 .elementor-element.elementor-element-c131ddc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for html, class: .elementor-element-26f8612e *//* ====== Bandeau ISO animé amélioré ====== */
.banner-iso {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background: linear-gradient(90deg, #0a1f44, #1e40af, #e3342f, #1e40af);
  background-size: 400% 400%;
  animation: gradientMove 15s ease infinite;
  color: #fff;
  padding: 80px 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 6px 25px rgba(0,0,0,0.25);
}

/* Animation du dégradé */
@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Titre principal */
.banner-iso h2 {
  font-size: 46px;
  font-weight: 800;
  margin: 0 0 15px;
  line-height: 1.3;
  text-transform: uppercase;
  animation: fadeInDown 1.2s ease;
}

/* Mise en valeur du rouge HEM dans le titre */
.banner-iso h2 span {
  color: #e3342f; /* Rouge HEM */
}

/* Texte secondaire */
.banner-iso p {
  font-size: 20px;
  font-weight: 400;
  opacity: 0.95;
  margin: 0 0 30px;
  animation: fadeInUp 1.5s ease;
}

/* Bouton CTA */
.banner-iso .cta-btn {
  background: #e3342f; /* Rouge HEM */
  color: #fff;
  padding: 14px 32px;
  font-size: 18px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  animation: fadeInUp 2s ease;
}
.banner-iso .cta-btn:hover {
  background: #1e40af; /* Bleu HEM au hover */
  transform: scale(1.08);
  box-shadow: 0 6px 16px rgba(0,0,0,0.25);
}

/* Animations */
@keyframes fadeInDown {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6dca224b *//* ====== Séparation bannière / produits ====== */
.banner-section {
  border-bottom: 3px solid #1e40af; /* fine ligne bleue ISO */
  padding-bottom: 20px;
  margin-bottom: 30px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08); /* ombre légère */
}

/* ====== Grille élargie ====== */
.woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px !important;
  margin: 20px auto;
  max-width: 1700px;   /* occupe plus de largeur */
  padding: 0 20px;
}

/* ====== Carte produit ====== */
.woocommerce ul.products li.product {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  transition: all 0.3s ease;

  flex: 1 1 300px;  /* un peu plus large */
  max-width: 360px;
  height: 380px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-c131ddc *//* ====== Cartes produits ====== */
.woocommerce ul.products li.product {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
  min-height: 460px; /* garde une hauteur uniforme */
  position: relative;
}

/* Hover carte */
.woocommerce ul.products li.product:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}

/* ====== Prix en bouton bleu HEM ====== */
.woocommerce ul.products li.product .price {
  display: inline-block;
  background: #1e40af; /* Bleu HEM */
  color: #fff !important;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 6px;
  margin: 10px 0 15px 0; /* espace ajouté avant le bouton */
  min-height: 38px;
  line-height: 1.4em;
  transition: background 0.3s ease, transform 0.2s ease;
  align-self: flex-start;
}

/* Hover sur le prix */
.woocommerce ul.products li.product .price:hover {
  background: #15317e;
  transform: scale(1.05);
}

/* Ancien prix barré */
.woocommerce ul.products li.product .price del {
  font-size: 13px;
  color: #bbb !important;
  margin-right: 6px;
}

/* ====== Bouton Ajouter au panier ====== */
.woocommerce ul.products li.product .button {
  background-color: #e3342f; /* Rouge HEM */
  color: #fff !important;
  font-weight: 600;
  border-radius: 6px;
  padding: 12px 16px;
  text-align: center;
  transition: background-color 0.3s ease, transform 0.2s ease;
  width: 100%;
  margin-top: auto; /* pousse le bouton en bas */
}

.woocommerce ul.products li.product .button:hover {
  background-color: #b91c1c;
  transform: scale(1.05);
}/* End custom CSS */