/* =========================================================
   RETRO-ATELIER 2.0 — PrestaShop 8.2.x
   Child theme of Classic
   Visual direction: military workshop / heritage / premium
   ========================================================= */

:root{
  --ra-khaki:#667451;
  --ra-khaki-dark:#30382a;
  --ra-khaki-deep:#20261d;
  --ra-cream:#f3eee2;
  --ra-paper:#ebe4d3;
  --ra-red:#c7352e;
  --ra-red-dark:#9f2b26;
  --ra-gold:#b59a55;
  --ra-ink:#1f231d;
  --ra-white:#fff;
  --ra-radius:4px;
  --ra-shadow:0 8px 24px rgba(0,0,0,.10);
}

html,body{
  background:var(--ra-cream);
  color:var(--ra-ink);
}

body{
  font-family:Arial,Helvetica,sans-serif;
}

a{
  color:var(--ra-khaki-dark);
}
a:hover{
  color:var(--ra-red);
}

/* ---------- HEADER ---------- */

#header{
  background:var(--ra-khaki-deep);
  color:var(--ra-cream);
}

#header .header-nav{
  background:#525C36;
  color:var(--ra-cream);
  border:0;
}

#header .header-nav a{
  color:#fff;
}

#header .header-top{
  background:var(--ra-cream);
  padding:12px 0 14px;
  position:relative;
}

#header .header-top > .container{
  max-width:1400px;
}

#header #_desktop_logo{
  width:300px;
  flex:0 0 300px;
  padding:4px 12px 10px 0;
}

#header #_desktop_logo img.logo{
  width:300px;
  max-width:300px;
  height:auto;
}

/* Main right header zone */
#header .header-top-right{
  min-width:0;
  position:static;
  padding-bottom:0;
}

/* Main navigation is rendered by displayNavFullWidth, outside header-top. */
#header #_desktop_top_menu{
  position:relative;
  left:auto; right:auto; bottom:auto;
  width:100%;
  margin:0;
  border-radius:0;
  min-height:50px;
  z-index:20;
  background:#525C36;
}

#header #_desktop_top_menu .top-menu{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:space-between;
  width:100%;
  max-width:1400px;
  min-height:50px;
  margin:0 auto;
  padding:0 8px;
  box-sizing:border-box;
  white-space:nowrap;
}

#header #_desktop_top_menu .top-menu > li{
  flex:1 1 0; min-width:0; white-space:nowrap; text-align:center;
}
#header #_desktop_top_menu .top-menu > li > a{
  color:#fff; font-size:15px; font-weight:700;
  padding:15px 7px; text-transform:uppercase; white-space:nowrap;
}
#header #_desktop_top_menu .top-menu > li > a:hover,
#header #_desktop_top_menu .top-menu > li:hover > a{color:#fff;background:rgba(255,255,255,.08);}
#header #_desktop_top_menu .sub-menu{background:#30382a;box-shadow:0 10px 24px rgba(0,0,0,.25);border:0;}
#header #_desktop_top_menu .sub-menu a{color:var(--ra-cream);}
#header #_desktop_top_menu .sub-menu a:hover{color:#fff;background:var(--ra-red);}

/* Search */
#header #search_widget{
  margin:10px 0 12px;
}

#header #search_widget form{
  display:flex;
}

#header #search_widget input{
  height:46px;
  border:2px solid #d4cdbb;
  border-radius:4px 0 0 4px;
  background:#fff;
  box-shadow:none;
}

#header #search_widget button{
  height:46px;
  min-width:52px;
  border:0;
  background:var(--ra-red);
  color:#fff;
  border-radius:0 4px 4px 0;
}

#header #search_widget button:hover{
  background:var(--ra-red-dark);
}

/* ---------- HOME / HERO ---------- */

#index #wrapper{
  background:var(--ra-cream);
}

#index #content{
  max-width:none;
}

#index .container{
  max-width:1400px;
}

#index #carousel{
  margin:0 0 22px;
  border-radius:0;
  overflow:hidden;
  box-shadow:var(--ra-shadow);
}

#index #carousel img{
  width:100%;
  height:auto;
  display:block;
}

#index #carousel .caption{
  background:linear-gradient(90deg,rgba(20,24,18,.88),rgba(20,24,18,0));
  left:0;
  right:auto;
  bottom:0;
  top:0;
  width:60%;
  padding:70px 45px 35px;
  text-align:left;
}

#index #carousel .caption h2{
  color:#fff;
  font-weight:900;
  text-shadow:0 2px 5px rgba(0,0,0,.45);
}

#index #carousel .caption-description{
  color:#fff;
}

/* ---------- HOME SECTIONS ---------- */

#index #content > .products-section-title,
#index .products-section-title{
  color:var(--ra-ink);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.5px;
  margin:30px 0 20px;
}

#index .products{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  margin-left:0;
  margin-right:0;
}

/* PrestaShop wraps each product miniature in .product (Bootstrap column).
   Reset that column width so the CSS grid can size the cards correctly. */
#index .products > .product{
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto !important;
  float:none !important;
  padding-left:0;
  padding-right:0;
}

#index .products > .product .product-miniature{
  width:100%;
  max-width:none;
  padding:0;
  background:#fff;
  border:1px solid #ded7c7;
  border-radius:var(--ra-radius);
  overflow:hidden;
  box-shadow:0 3px 12px rgba(0,0,0,.06);
  transition:transform .18s ease,box-shadow .18s ease;
}

#index .products > .product-miniature:hover{
  transform:translateY(-3px);
  box-shadow:var(--ra-shadow);
}

#index .product-miniature .thumbnail-container{
  background:#fff;
}

#index .product-miniature .product-description{
  padding:12px 14px 15px;
  background:#fff;
}

#index .product-miniature .product-title a{
  color:var(--ra-ink);
  font-weight:700;
}

#index .product-miniature .price{
  color:var(--ra-red);
  font-size:18px;
  font-weight:900;
}

/* Hide the old promotional banner: the hero/slider is the visual lead. */
#index .banner{
  display:none !important;
}

/* The old Lorem ipsum block should not dominate the new homepage. */
#index #custom-text{
  margin:28px auto;
  padding:28px;
  max-width:1100px;
  background:var(--ra-paper);
  border-top:4px solid var(--ra-khaki);
  border-bottom:1px solid #d7cfbc;
}

/* Other native product sections */
#index #new-products,
#index #prices-drop,
#index #best-sellers{
  margin-top:34px;
}

#index #new-products .products,
#index #prices-drop .products,
#index #best-sellers .products{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  margin-left:0;
  margin-right:0;
}

#index #new-products .products > .product,
#index #prices-drop .products > .product,
#index #best-sellers .products > .product{
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto !important;
  float:none !important;
  padding-left:0;
  padding-right:0;
}

#index #new-products .products > .product .product-miniature,
#index #prices-drop .products > .product .product-miniature,
#index #best-sellers .products > .product .product-miniature{
  width:100%;
  max-width:none;
}

/* ---------- BUTTONS ---------- */

.btn-primary,
.btn-primary:active,
.btn-primary:focus{
  background:var(--ra-red);
  border-color:var(--ra-red);
  color:#fff;
}

.btn-primary:hover{
  background:var(--ra-red-dark);
  border-color:var(--ra-red-dark);
}

/* ---------- FOOTER ---------- */

#footer{
  background:#525C36;
  color:var(--ra-cream);
  margin-top:50px;
}

#footer a{
  color:#fff;
}

#footer a:hover{
  color:#fff;
}

#footer .footer-container{
  background:transparent;
}

/* ---------- RESPONSIVE ---------- */

@media (max-width:1199px){
  #header #_desktop_logo{
    width:250px;
    flex-basis:250px;
  }
  #header .header-top{
    padding-bottom:14px;
  }
  #header #_desktop_logo img.logo{
    width:250px;
    max-width:250px;
  }
  #header #_desktop_top_menu .top-menu > li > a{
    font-size:11px;
    padding-left:4px;
    padding-right:4px;
  }
}

@media (max-width:991px){
  #header .header-top{
    padding-bottom:0;
  }
  #header .header-top-right{
    padding-bottom:0;
  }
  #header .header-top{
    padding-bottom:8px;
  }

  #header #_desktop_logo{
    width:100%;
    flex-basis:auto;
    text-align:center;
  }

  #header #_desktop_logo img.logo{
    width:260px;
    max-width:80%;
  }

  #header #_desktop_top_menu .top-menu{
    flex-wrap:wrap;
    justify-content:center;
  }

  #header #_desktop_top_menu .top-menu > li > a{
    font-size:12px;
    padding:10px 6px;
  }

  #index .products,
  #index #new-products .products,
  #index #prices-drop .products,
  #index #best-sellers .products{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #index #carousel .caption{
    width:100%;
    padding:30px 25px;
  }
}

@media (max-width:575px){
  #index .products,
  #index #new-products .products,
  #index #prices-drop .products,
  #index #best-sellers .products{
    grid-template-columns:1fr;
  }

  #header #_desktop_logo img.logo{
    width:230px;
  }
}


/* RETRO-ATELIER 2.1.6 — PANIER + HAUTEUR CARTES PRODUITS */

/* Panier : texte rouge RETRO-ATELIER */
#header .header-nav #_desktop_cart a,
#header .header-nav .blockcart a,
#header .header-nav .blockcart .header,
#header .header-nav .cart-products-count {
  color: #C7352E !important;
}

/* Toutes les fiches produits ont une hauteur identique */
#products .product-miniature,
.featured-products .product-miniature,
.product-accessories .product-miniature,
.product-miniature {
  height: 450px;
  min-height: 450px;
}

#products .product-miniature .thumbnail-container,
.featured-products .product-miniature .thumbnail-container,
.product-accessories .product-miniature .thumbnail-container,
.product-miniature .thumbnail-container {
  height: 450px;
  min-height: 450px;
  display: flex;
  flex-direction: column;
}

#products .product-miniature .thumbnail-top,
.featured-products .product-miniature .thumbnail-top,
.product-accessories .product-miniature .thumbnail-top,
.product-miniature .thumbnail-top {
  flex: 0 0 auto;
}

#products .product-miniature .product-description,
.featured-products .product-miniature .product-description,
.product-accessories .product-miniature .product-description,
.product-miniature .product-description {
  flex: 1 1 auto;
  min-height: 120px;
}

#products .product-miniature .product-title,
.featured-products .product-miniature .product-title,
.product-accessories .product-miniature .product-title {
  min-height: 44px;
}

@media (max-width: 767px) {
  #products .product-miniature,
  .featured-products .product-miniature,
  .product-accessories .product-miniature,
  .product-miniature,
  #products .product-miniature .thumbnail-container,
  .featured-products .product-miniature .thumbnail-container,
  .product-accessories .product-miniature .thumbnail-container,
  .product-miniature .thumbnail-container {
    height: 410px;
    min-height: 410px;
  }
}


/* =========================================================
   RETRO-ATELIER 2.1.7 — NOTRE SÉLECTION / 6 PRODUITS
   ========================================================= */

/* Rename only the featured-products heading. */

/* Six compact cards on one line for the homepage selection. */
#index .featured-products .products{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  margin-left:0;
  margin-right:0;
}

#index .featured-products .products > .product{
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto !important;
  float:none !important;
  padding-left:0;
  padding-right:0;
}

#index .featured-products .product-miniature{
  height:260px;
  min-height:260px;
  width:100%;
  max-width:none;
}

#index .featured-products .product-miniature .thumbnail-container{
  height:260px;
  min-height:260px;
}

#index .featured-products .product-miniature .thumbnail-top{
  flex:0 0 auto;
}

#index .featured-products .product-miniature .product-description{
  flex:1 1 auto;
  min-height:0;
  padding:8px 10px 10px;
  display:flex;
  flex-direction:column;
}

#index .featured-products .product-miniature .product-title{
  min-height:36px;
  margin-bottom:5px;
  font-size:13px;
  line-height:1.2;
}

#index .featured-products .product-miniature .product-title a{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

#index .featured-products .ra-product-buyrow{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

#index .featured-products .product-price-and-shipping{
  margin:0;
  text-align:left;
}

#index .featured-products .product-miniature .price{
  font-size:16px;
  line-height:1;
  white-space:nowrap;
}

#index .featured-products .ra-add-to-cart-form{
  margin:0;
  flex:0 0 auto;
}

#index .featured-products .ra-add-to-cart{
  width:38px;
  height:38px;
  padding:0;
  border:0;
  border-radius:4px;
  background:#B59A55;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background .15s ease, transform .15s ease;
}

#index .featured-products .ra-add-to-cart:hover{
  background:#C7352E;
  transform:translateY(-1px);
}

#index .featured-products .ra-add-to-cart .material-icons{
  font-size:20px;
}

/* Keep the other homepage product sections at four columns. */
@media (max-width:1199px){
  #index .featured-products .products{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:991px){
  #index .featured-products .products{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:575px){
  #index .featured-products .products{
    grid-template-columns:1fr;
  }
}


/* RETRO-ATELIER 2.1.8 — STYLE NOTRE SÉLECTION */
.featured-products .products-section-title,
.featured-products h2,
.featured-products .h2 {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-size: 28px !important;
}

/* Titres produits : Arial, plus petits, non gras, hauteur maîtrisée */
.featured-products .product-title,
.featured-products .product-title a {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 18px !important;
}

/* Prix : même taille que le titre, non gras */
.featured-products .price,
.featured-products .product-price-and-shipping .price {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 18px !important;
}

/* Une hauteur fixe pour réserver la place au titre et conserver le panier/prix visibles */
.featured-products .product-title {
  height: 36px !important;
  max-height: 36px !important;
  overflow: hidden !important;
  margin-bottom: 4px !important;
}

/* Limitation visuelle à 2 lignes : les titres trop longs sont tronqués proprement */
.featured-products .product-title a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Zone basse compacte : prix et bouton panier restent toujours disponibles */
.featured-products .product-description {
  min-height: 0 !important;
  height: auto !important;
  padding-top: 8px !important;
}


/* RETRO-ATELIER 2.1.9 — SUPPRESSION APERÇU RAPIDE */
/* Le bouton reste dans le HTML mais est totalement masqué,
   afin de ne pas réserver d'espace au-dessus du titre. */
.featured-products .quick-view,
.featured-products .quick-view-mobile,
.featured-products .quick-view-link,
.featured-products a.quick-view,
.featured-products .js-product-miniature-quick-view,
.product-miniature .quick-view,
.product-miniature .quick-view-mobile,
.product-miniature .quick-view-link,
.product-miniature a.quick-view,
.product-miniature .js-product-miniature-quick-view {
  display: none !important;
}


/* RETRO-ATELIER 2.1.10 — MINIATURES PROPRES SANS QUICK VIEW */

/* Plus aucune zone réservée au survol entre la photo et le texte */
#index .featured-products .product-miniature .highlighted-informations,
.featured-products .product-miniature .highlighted-informations {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Le texte commence directement sous la photo et est aligné à gauche */
#index .featured-products .product-miniature .product-description,
.featured-products .product-miniature .product-description {
  text-align: left !important;
  align-items: stretch !important;
}

#index .featured-products .product-miniature .product-title,
#index .featured-products .product-miniature .product-title a,
.featured-products .product-miniature .product-title,
.featured-products .product-miniature .product-title a {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* RETRO-ATELIER 2.1.11 — SUPPRESSION COMPLÈTE DE LA ZONE QUICK VIEW */

/* The Quick View area is gone; collapse any inherited Classic spacing/divider. */
#index .featured-products .product-miniature .thumbnail-top,
.featured-products .product-miniature .thumbnail-top {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

#index .featured-products .product-miniature .thumbnail-top::before,
#index .featured-products .product-miniature .thumbnail-top::after,
.featured-products .product-miniature .thumbnail-top::before,
.featured-products .product-miniature .thumbnail-top::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

#index .featured-products .product-miniature .thumbnail,
#index .featured-products .product-miniature .product-thumbnail,
.featured-products .product-miniature .thumbnail,
.featured-products .product-miniature .product-thumbnail {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  display: block !important;
}

#index .featured-products .product-miniature .product-description,
.featured-products .product-miniature .product-description {
  margin-top: 0 !important;
  padding-top: 2px !important;
  border-top: 0 !important;
}

/* Prix en gras comme demandé. */
#index .featured-products .product-miniature .price,
.featured-products .product-miniature .price {
  font-weight: 700 !important;
}


/* RETRO-ATELIER 2.1.12 — SUPPRESSION DU TRAIT AU SURVOL */
/* Neutralise le style de survol du lien image hérité du thème Classic. */
#index .featured-products .product-miniature .thumbnail-top a,
#index .featured-products .product-miniature .thumbnail-top a:hover,
#index .featured-products .product-miniature .thumbnail-top a:focus,
#index .featured-products .product-miniature .thumbnail-top a:active,
.featured-products .product-miniature .thumbnail-top a,
.featured-products .product-miniature .thumbnail-top a:hover,
.featured-products .product-miniature .thumbnail-top a:focus,
.featured-products .product-miniature .thumbnail-top a:active {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  text-decoration: none !important;
}

#index .featured-products .product-miniature .thumbnail-top picture,
#index .featured-products .product-miniature .thumbnail-top img,
.featured-products .product-miniature .thumbnail-top picture,
.featured-products .product-miniature .thumbnail-top img {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  vertical-align: top !important;
}

/* Aucun effet graphique ne doit apparaître entre l'image et le titre. */
#index .featured-products .product-miniature .thumbnail-top:hover,
.featured-products .product-miniature .thumbnail-top:hover {
  border: 0 !important;
  box-shadow: none !important;
}

/* RETRO-ATELIER 2.1.13 — CARTES PRODUITS : SUPPRESSION STRUCTURELLE DU SURVOL CLASSIC */
/* Le thème Classic positionne certaines zones de la miniature en overlay au survol.
   Ici la sélection de la page d'accueil est volontairement une carte statique. */
#index .featured-products .product-miniature .thumbnail-container,
#index .featured-products .product-miniature .thumbnail-container:hover {
  display:flex !important;
  flex-direction:column !important;
  position:relative !important;
  overflow:hidden !important;
}

#index .featured-products .product-miniature .thumbnail-top,
#index .featured-products .product-miniature .thumbnail-top:hover {
  position:static !important;
  flex:0 0 auto !important;
  overflow:hidden !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  transform:none !important;
  bottom:auto !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
}

#index .featured-products .product-miniature .product-description,
#index .featured-products .product-miniature:hover .product-description,
#index .featured-products .product-miniature .product-description:hover {
  position:static !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  transform:none !important;
  bottom:auto !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  margin:0 !important;
  border:0 !important;
  border-top:0 !important;
  box-shadow:none !important;
  background:#fff !important;
}

/* Aucun trait, pseudo-élément ou transition ne doit être généré au passage de la souris. */
#index .featured-products .product-miniature:hover,
#index .featured-products .product-miniature:hover .thumbnail-top,
#index .featured-products .product-miniature:hover .thumbnail-top a,
#index .featured-products .product-miniature:hover .thumbnail-top picture,
#index .featured-products .product-miniature:hover .thumbnail-top img,
#index .featured-products .product-miniature:hover .product-description,
#index .featured-products .product-miniature:hover .product-title,
#index .featured-products .product-miniature:hover .product-title a {
  border-top:0 !important;
  border-bottom:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
}

#index .featured-products .product-miniature .thumbnail-top::before,
#index .featured-products .product-miniature .thumbnail-top::after,
#index .featured-products .product-miniature .product-description::before,
#index .featured-products .product-miniature .product-description::after,
#index .featured-products .product-miniature:hover .thumbnail-top::before,
#index .featured-products .product-miniature:hover .thumbnail-top::after,
#index .featured-products .product-miniature:hover .product-description::before,
#index .featured-products .product-miniature:hover .product-description::after {
  display:none !important;
  content:none !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Titre de section : uniquement NOTRE SÉLECTION, à gauche et sans gras. */
#index .featured-products .products-section-title,
#index .featured-products .products-section-title::after {
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:28px !important;
  font-weight:400 !important;
  text-align:left !important;
  text-transform:uppercase !important;
  letter-spacing:.2px !important;
}

/* Le texte est maintenant fourni directement par le template : aucun pseudo-texte. */
#index .featured-products .products-section-title::after {
  content:none !important;
  display:none !important;
}


/* RETRO-ATELIER 2.1.14 — IMAGE / TITLE COLLÉS + PANIER KHAKI */
/* La zone image doit avoir exactement la hauteur réelle de l'image :
   aucun espace vide ne doit rester avant le titre. */
#index .featured-products .product-miniature .thumbnail-top,
#index .featured-products .product-miniature .thumbnail-top a,
#index .featured-products .product-miniature .thumbnail-top picture {
  display:block !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  line-height:0 !important;
  font-size:0 !important;
}

#index .featured-products .product-miniature .thumbnail-top a {
  width:100% !important;
}

#index .featured-products .product-miniature .thumbnail-top img {
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:none !important;
}

/* Aucun remplissage parasite entre l'image et le titre. */
#index .featured-products .product-miniature .product-description {
  padding-top:0 !important;
  margin-top:0 !important;
}

#index .featured-products .product-miniature .product-title {
  margin-top:0 !important;
  padding-top:8px !important;
}

/* Panier RETRO-ATELIER : vert kaki demandé. */
#index .featured-products .ra-add-to-cart,
#index .featured-products .ra-add-to-cart:hover,
#index .featured-products .ra-add-to-cart:focus,
#index .featured-products .ra-add-to-cart:active {
  background:#828A5D !important;
  color:#fff !important;
}


/* RETRO-ATELIER 2.1.15 — TITRE COLLÉ À L’IMAGE + PANIER TOUJOURS PRÉSENT */
/* Le titre doit commencer immédiatement sous la photo. */
#index .featured-products .product-miniature .product-description,
#index .featured-products .product-miniature .product-description:hover {
  padding-top:0 !important;
  margin-top:0 !important;
}

#index .featured-products .product-miniature .product-title,
#index .featured-products .product-miniature .product-title a {
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Le bouton de personnalisation est visuellement identique au panier direct. */
#index .featured-products .ra-product-customize {
  text-decoration:none !important;
}

#index .featured-products .ra-add-to-cart,
#index .featured-products .ra-product-customize,
#index .featured-products .ra-add-to-cart:hover,
#index .featured-products .ra-product-customize:hover,
#index .featured-products .ra-add-to-cart:focus,
#index .featured-products .ra-product-customize:focus,
#index .featured-products .ra-add-to-cart:active,
#index .featured-products .ra-product-customize:active {
  background:#828A5D !important;
  color:#fff !important;
  text-decoration:none !important;
}


/* RETRO-ATELIER 2.1.16 — MENU ALIGNÉ SUR LE CARROUSEL + PANIER HEADER CLAIR */
/* Le bandeau de menu utilise exactement le même conteneur que le carrousel. */
#header .ra-menu-wrap.container{
  width:100%;
  max-width:1400px;
  margin-left:auto;
  margin-right:auto;
  padding-left:15px;
  padding-right:15px;
  box-sizing:border-box;
}

#header .ra-menu-wrap #_desktop_top_menu{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  box-sizing:border-box;
}

#header .ra-menu-wrap #_desktop_top_menu .top-menu{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
}

/* Le panier du bandeau supérieur passe en gris clair, comme demandé. */
#header .header-nav #_desktop_cart,
#header .header-nav #_desktop_cart .blockcart,
#header .header-nav .blockcart{
  background:#F0F0F0 !important;
}

#header .header-nav #_desktop_cart a,
#header .header-nav .blockcart a,
#header .header-nav .blockcart .header,
#header .header-nav .cart-products-count{
  color:#C7352E !important;
}

/* Pas de marge entre le menu et le carrousel. */
#index #carousel{
  margin-top:0 !important;
}

/* =========================================================
   RETRO-ATELIER 2.1.17 — ALIGNEMENT MENU / CARROUSEL + PANIER
   ========================================================= */

/* Le menu doit avoir exactement la même largeur visuelle que le carrousel. */
#index #carousel,
#header .ra-menu-wrap.container{
  width:calc(100% - 30px) !important;
  max-width:1300px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* Le menu reste strictement dans son conteneur : plus de débordement ni bande noire. */
#header .ra-menu-wrap.container{
  padding-left:0 !important;
  padding-right:0 !important;
  overflow:hidden !important;
}

#header .ra-menu-wrap #_desktop_top_menu,
#header .ra-menu-wrap #_desktop_top_menu .top-menu{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Aucun espace vertical entre la barre de menu et le carrousel. */
#index #carousel{
  margin-top:0 !important;
  transform:none !important;
}

#index #carousel:first-child,
#index #carousel{
  top:0 !important;
}

/* Le panier du bandeau : espace avec "Dépannage" + icône légèrement décalée à gauche. */
#header .header-nav #_desktop_cart,
#header .header-nav #_desktop_cart .blockcart,
#header .header-nav .blockcart{
  background:#F0F0F0 !important;
  margin-left:14px !important;
}

#header .header-nav #_desktop_cart a,
#header .header-nav .blockcart a{
  background:#F0F0F0 !important;
  color:#C7352E !important;
  padding-left:6px !important;
  padding-right:12px !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
}

#header .header-nav #_desktop_cart .material-icons,
#header .header-nav .blockcart .material-icons{
  color:#C7352E !important;
  margin-left:-2px !important;
  margin-right:2px !important;
}

/* =========================================================
   RETRO-ATELIER 2.1.18 — MENU EXACTEMENT SUR LE CARROUSEL
   ========================================================= */
@media (min-width:1200px){
  /* =========================================================
     RETRO-ATELIER 2.1.19 — MENU CALÉ SUR LE BLOC DU CARROUSEL
     ========================================================= */

  /* Le bord visuel souhaité correspond au bloc central de la page.
     On verrouille le bandeau à 1276px et on le centre. */
  #header .ra-menu-wrap.container,
  #header .ra-menu-wrap.container #_desktop_top_menu,
  #header #_desktop_top_menu{
    width:1276px !important;
    max-width:1276px !important;
    min-width:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  /* Le bandeau ne doit jamais peindre en dehors de ses limites. */
  #header .ra-menu-wrap.container{
    overflow:hidden !important;
    background:#525C36 !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu{
    overflow:hidden !important;
    background:#525C36 !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu .top-menu,
  #header #_desktop_top_menu .top-menu{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  /* Aucun débordement horizontal des éléments de menu. */
  #header .ra-menu-wrap.container #_desktop_top_menu .top-menu > li{
    min-width:0 !important;
    flex:1 1 0 !important;
  }

  /* Le carrousel vient directement sous la barre, sans chevauchement. */
  #index #carousel{
    margin-top:-19px !important;
  }
}

/* =========================================================
   RETRO-ATELIER 2.1.20 — FOND DU HEADER / MENU STRICTEMENT CADRÉ
   ========================================================= */
@media (min-width:1200px){
  /* Le fond sombre appartient uniquement à la barre de menu,
     pas à toute la largeur du header. */
  #header{
    background:var(--ra-cream) !important;
  }

  /* Le bandeau vert reste strictement limité au même bloc que le carrousel. */
  #header .ra-menu-wrap.container{
    width:1276px !important;
    max-width:1276px !important;
    min-width:1276px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:0 !important;
    background:#525C36 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu{
    width:1276px !important;
    max-width:1276px !important;
    min-width:1276px !important;
    margin:0 !important;
    padding:0 !important;
    background:#525C36 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu .top-menu{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }
}

/* =========================================================
   RETRO-ATELIER 2.1.21 — MENU + CARROUSEL PLEINE LARGEUR
   ========================================================= */
@media (min-width:1200px){
  /* La barre verte occupe toute la largeur de l'écran. */
  #header .ra-menu-wrap.container{
    position:relative !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:100vw !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:#525C36 !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  /* Le contenu du menu reste centré et ne s'étale pas aux extrémités. */
  #header .ra-menu-wrap.container #_desktop_top_menu{
    width:100% !important;
    max-width:1400px !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    background:#525C36 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu .top-menu{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu .top-menu > li{
    min-width:0 !important;
    flex:1 1 0 !important;
  }

  /* Le carrousel passe lui aussi en pleine largeur écran. */
  #index #carousel{
    position:relative !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:100vw !important;
    max-width:none !important;
    margin-top:0 !important;
    margin-bottom:22px !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
  }

  #index #carousel img{
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    display:block !important;
  }
}

/* =========================================================
   RETRO-ATELIER 2.1.22 — RECHERCHE CENTRÉE + PANIER À DROITE
   ========================================================= */
@media (min-width:992px){
  /* La zone de recherche devient l'élément central du header. */
  #header .header-top-right{
    position:relative !important;
    min-height:150px !important;
    padding:0 !important;
  }

  #header #search_widget{
    width:560px !important;
    max-width:560px !important;
    margin:46px auto 0 !important;
    position:relative !important;
    z-index:30 !important;
  }

  #header #search_widget form{
    width:100% !important;
  }

  #header #search_widget input{
    width:100% !important;
    height:52px !important;
    border:2px solid #d4cdbb !important;
    border-radius:4px !important;
    padding-left:48px !important;
    box-sizing:border-box !important;
  }

  /* Loupe rouge, directement dans la zone de recherche. */
  #header #search_widget button{
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:48px !important;
    min-width:48px !important;
    height:52px !important;
    padding:0 !important;
    background:transparent !important;
    color:#C7352E !important;
    border:0 !important;
    border-radius:4px 0 0 4px !important;
    z-index:2 !important;
  }

  #header #search_widget button:hover{
    background:transparent !important;
    color:#C7352E !important;
  }

  #header #search_widget button .material-icons,
  #header #search_widget button i{
    color:#C7352E !important;
  }

  /* Le panier quitte la ligne verte supérieure et vient à droite
     de la recherche, dans la zone crème du header. */
  #header .header-nav{
    position:static !important;
  }

  #header .header-nav #_desktop_cart{
    position:absolute !important;
    top:115px !important;
    left:calc(50% + 280px) !important;
    margin:0 !important;
    z-index:40 !important;
  }

  #header .header-nav #_desktop_cart .blockcart,
  #header .header-nav #_desktop_cart a{
    margin:0 !important;
  }

  /* Centrage strict des six rubriques. */
  #header .ra-menu-wrap.container #_desktop_top_menu .top-menu{
    justify-content:center !important;
    text-align:center !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu .top-menu > li{
    text-align:center !important;
  }
}


/* =========================================================
   RETRO-ATELIER 2.1.23 — HEADER FINAL
   LOGO GAUCHE / RECHERCHE CENTRÉE / PANIER DROITE
   ========================================================= */

@media (min-width: 992px) {

  /* The header row is a true 2-zone layout:
     fixed logo at left + flexible right zone. */
  #header .header-top > .container > .row:first-child {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  #header #_desktop_logo {
    flex: 0 0 300px !important;
    width: 300px !important;
    max-width: 300px !important;
    margin: 0 !important;
  }

  #header .header-top-right {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 150px !important;
    position: relative !important;
    padding: 0 !important;
  }

  /* Search is centered in the available right-hand area. */
  #header .ra-header-search {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 560px !important;
    max-width: calc(100% - 180px) !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    z-index: 30 !important;
  }

  #header .ra-header-search #search_widget {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  #header .ra-header-search #search_widget form {
    width: 100% !important;
    position: relative !important;
  }

  #header .ra-header-search #search_widget input {
    width: 100% !important;
    height: 52px !important;
    border: 2px solid #d4cdbb !important;
    border-radius: 4px !important;
    padding-left: 48px !important;
    box-sizing: border-box !important;
  }

  #header .ra-header-search #search_widget button {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 52px !important;
    padding: 0 !important;
    background: transparent !important;
    color: #C7352E !important;
    border: 0 !important;
    border-radius: 4px 0 0 4px !important;
    z-index: 2 !important;
  }

  #header .ra-header-search #search_widget button:hover,
  #header .ra-header-search #search_widget button .material-icons,
  #header .ra-header-search #search_widget button i {
    background: transparent !important;
    color: #C7352E !important;
  }

  /* Cart lives in the same cream header row, flush to the right. */
  #header .ra-header-cart {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    z-index: 40 !important;
  }

  #header .ra-header-cart #_desktop_cart,
  #header .ra-header-cart .blockcart {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  #header .ra-header-cart a {
    color: #C7352E !important;
    background: transparent !important;
    white-space: nowrap !important;
  }

  /* The old cart in the green top bar is hidden on desktop. */
  #header .header-nav #_desktop_cart {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  #header .ra-header-search {
    width: 620px !important;
    max-width: calc(100% - 190px) !important;
  }
}

@media (max-width: 991px) {
  #header .ra-header-cart {
    display: none !important;
  }
}


/* =========================================================
   RETRO-ATELIER 2.1.24 — HEADER ALIGNEMENT FINAL
   LOGO VRAIMENT À GAUCHE / PANIER VRAIMENT À DROITE
   ========================================================= */

@media (min-width: 992px) {
  /* On libère uniquement le header crème de la largeur Bootstrap.
     Le menu vert conserve sa propre largeur/alignement. */
  #header .header-top {
    position: relative !important;
  }

  #header .header-top > .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  #header .header-top > .container > .row:first-child {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #header #_desktop_logo {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  #header #_desktop_logo h1 {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
  }

  /* La zone intermédiaire ne crée plus son propre repère :
     recherche et panier se positionnent par rapport au header entier. */
  #header .header-top-right {
    position: static !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-height: 150px !important;
    padding: 0 !important;
  }

  /* Recherche centrée sur toute la largeur de l'écran. */
  #header .ra-header-search {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 620px !important;
    max-width: calc(100vw - 620px) !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    z-index: 30 !important;
  }

  /* Panier tout à droite, avec seulement 30px de marge écran. */
  #header .ra-header-cart {
    position: absolute !important;
    top: 50% !important;
    right: 30px !important;
    transform: translateY(-50%) !important;
    z-index: 40 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #header .ra-header-search {
    width: 520px !important;
    max-width: calc(100vw - 560px) !important;
  }
}


/* =========================================================
   RETRO-ATELIER 2.1.26 — PANIER CARTON
   Remplace l'icône chariot par le carton RETRO ATELIER
   et affiche "Mon panier" sous le carton.
   ========================================================= */

@media (min-width: 992px) {
  #header .ra-header-cart {
    width: 120px !important;
    height: 112px !important;
    right: 30px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #header .ra-header-cart #_desktop_cart,
  #header .ra-header-cart .blockcart {
    width: 120px !important;
    height: 112px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #header .ra-header-cart .blockcart a {
    position: relative !important;
    width: 120px !important;
    height: 112px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #C7352E !important;
    text-decoration: none !important;
    font-size: 0 !important;
    line-height: 1 !important;
  }

  /* Le carton fourni par Nicolas. */
  #header .ra-header-cart .blockcart a::before {
    content: "" !important;
    display: block !important;
    width: 98px !important;
    height: 79px !important;
    flex: 0 0 79px !important;
    background: url("../img/cart-box.png") center center / contain no-repeat !important;
  }

  /* Texte sous le carton. */
  #header .ra-header-cart .blockcart a::after {
    content: "Mon panier" !important;
    display: block !important;
    margin-top: 3px !important;
    color: #C7352E !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    white-space: nowrap !important;
  }

  /* On masque les textes/nombres natifs du module pour éviter le doublon. */
  #header .ra-header-cart .blockcart .cart-products-count,
  #header .ra-header-cart .blockcart .cart-total,
  #header .ra-header-cart .blockcart .header,
  #header .ra-header-cart .blockcart .material-icons,
  #header .ra-header-cart .blockcart i {
    display: none !important;
  }
}

@media (max-width: 991px) {
  /* Le panier desktop est déjà masqué ; le panier mobile reste géré par PrestaShop. */
  #header .ra-header-cart {
    display: none !important;
  }
}


/* =========================================================
   RETRO-ATELIER 2.1.27 — PANIER CARTON FIX
   Le module ps_shoppingcart n'utilise pas forcément un <a>
   directement sous .blockcart : on cible donc aussi .header.
   ========================================================= */
@media (min-width: 992px) {
  #header .ra-header-cart {
    display: block !important;
    width: 125px !important;
    height: 120px !important;
    right: 30px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    overflow: visible !important;
  }

  #header .ra-header-cart .blockcart {
    display: block !important;
    width: 125px !important;
    height: 120px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  /* Le lien/élément cliquable réel du module. */
  #header .ra-header-cart .blockcart .header,
  #header .ra-header-cart .blockcart > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 125px !important;
    height: 120px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #C7352E !important;
    text-decoration: none !important;
    font-size: 0 !important;
    line-height: 1 !important;
    cursor: pointer !important;
  }

  #header .ra-header-cart .blockcart .header::before,
  #header .ra-header-cart .blockcart > a::before {
    content: "" !important;
    display: block !important;
    width: 100px !important;
    height: 78px !important;
    flex: 0 0 78px !important;
    margin: 0 !important;
    background: url("../img/cart-box.png") center center / contain no-repeat !important;
  }

  #header .ra-header-cart .blockcart .header::after,
  #header .ra-header-cart .blockcart > a::after {
    content: "Mon panier" !important;
    display: block !important;
    margin-top: 5px !important;
    color: #C7352E !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 23px !important;
    white-space: nowrap !important;
  }

  /* On masque tout le contenu natif : seul notre visuel reste visible. */
  #header .ra-header-cart .blockcart .header > *,
  #header .ra-header-cart .blockcart > a > *,
  #header .ra-header-cart .blockcart .cart-products-count,
  #header .ra-header-cart .blockcart .cart-total,
  #header .ra-header-cart .blockcart .material-icons,
  #header .ra-header-cart .blockcart i,
  #header .ra-header-cart .blockcart span {
    display: none !important;
  }
}


/* =========================================================
   RETRO-ATELIER 2.1.28 — HEADER COMPACT + NAVIGATION CENTRÉE
   1. Header beige moins haut
   2. Liens de la barre supérieure poussés à droite
   3. Rubriques du menu centrées dans la barre verte
   ========================================================= */

@media (min-width: 992px) {
  /* 1 — Réduction de la hauteur du bandeau beige */
  #header .header-top {
    padding-top: 6px !important;
    padding-bottom: 8px !important;
  }

  #header .header-top > .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  #header .header-top > .container > .row:first-child {
    min-height: 120px !important;
    height: 120px !important;
    align-items: center !important;
  }

  #header .header-top-right {
    min-height: 120px !important;
    height: 120px !important;
  }

  #header .ra-header-cart {
    height: 100px !important;
    width: 115px !important;
    right: 30px !important;
  }

  #header .ra-header-cart .blockcart {
    height: 100px !important;
    width: 115px !important;
  }

  #header .ra-header-cart .blockcart .header,
  #header .ra-header-cart .blockcart > a {
    height: 100px !important;
    width: 115px !important;
  }

  #header .ra-header-cart .blockcart .header::before,
  #header .ra-header-cart .blockcart > a::before {
    width: 88px !important;
    height: 68px !important;
    flex-basis: 68px !important;
  }

  #header .ra-header-cart .blockcart .header::after,
  #header .ra-header-cart .blockcart > a::after {
    margin-top: 3px !important;
    font-size: 17px !important;
    line-height: 21px !important;
  }

  /* 2 — Barre supérieure : tous les éléments à droite */
  #header .header-nav > .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  #header .header-nav > .container > .row {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #header .header-nav .hidden-sm-down {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }

  #header .header-nav .hidden-sm-down > [class*="col-md-5"] {
    display: none !important;
  }

  #header .header-nav .hidden-sm-down > .right-nav {
    width: auto !important;
    max-width: none !important;
    margin-left: auto !important;
    float: none !important;
    text-align: right !important;
    padding-right: 0 !important;
  }

  /* 3 — Menu : barre pleine largeur, contenu réellement centré */
  #header .ra-menu-wrap.container #_desktop_top_menu {
    width: 1276px !important;
    max-width: 1276px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu .top-menu {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: space-between !important;
    text-align: center !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu .top-menu > li {
    flex: 1 1 0 !important;
    text-align: center !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu .top-menu > li > a {
    display: block !important;
    text-align: center !important;
  }
}

/* =========================================================
   RETRO-ATELIER 2.1.29 — CORRECTION DROPDOWN + MENU VRAIMENT CENTRÉ
   ========================================================= */
@media (min-width: 992px) {
  /* Supprime le rectangle blanc parasite du sélecteur de langue.
     Le menu réapparaît au survol pour conserver son fonctionnement. */
  #header .header-nav .dropdown-menu {
    display: none !important;
  }

  #header .header-nav .dropdown:hover > .dropdown-menu,
  #header .header-nav .dropdown.open > .dropdown-menu,
  #header .header-nav .dropdown.show > .dropdown-menu {
    display: block !important;
  }

  /* La barre verte reste pleine largeur, mais son contenu est centré
     dans un bloc fixe de 1400 px. */
  #header .ra-menu-wrap.container #_desktop_top_menu {
    width: 1400px !important;
    max-width: 1400px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu .top-menu {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    justify-content: space-between !important;
    text-align: center !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu .top-menu > li {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu .top-menu > li > a {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }
}

@media (min-width: 992px) and (max-width: 1450px) {
  #header .ra-menu-wrap.container #_desktop_top_menu {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* =========================================================
   RETRO-ATELIER 2.1.30 — BARRE HAUTE + MENU PLEINE LARGEUR
   - Connexion / icône sur une seule ligne
   - Menu réellement centré sur toute la largeur
   ========================================================= */
@media (min-width: 992px) {
  /* Barre supérieure : tous les éléments restent sur UNE seule ligne. */
  #header .header-nav .hidden-sm-down > .right-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 18px !important;
    white-space: nowrap !important;
  }

  #header .header-nav .right-nav > * {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    float: none !important;
    white-space: nowrap !important;
  }

  #header .header-nav #_desktop_user_info,
  #header .header-nav #_desktop_user_info > div,
  #header .header-nav #_desktop_user_info .user-info,
  #header .header-nav #_desktop_user_info a {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }

  #header .header-nav #_desktop_user_info a {
    gap: 6px !important;
    line-height: 1 !important;
  }

  #header .header-nav #_desktop_user_info .material-icons,
  #header .header-nav #_desktop_user_info i {
    display: inline-block !important;
    vertical-align: middle !important;
    flex: 0 0 auto !important;
    line-height: 1 !important;
  }

  /* Le conteneur du menu prend toute la largeur de la barre verte. */
  #header .ra-menu-wrap.container {
    width: 100vw !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu .top-menu {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: stretch !important;
    align-items: stretch !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu .top-menu > li {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu .top-menu > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
}


/* =========================================================
   RETRO-ATELIER 2.1.31 — LANGUE AU SURVOL
   ========================================================= */
@media (min-width: 992px) {
  #header .header-nav .language-selector a,
  #header .header-nav .language-selector > a,
  #header .header-nav .language-selector .expand-more {
    transition: color .15s ease !important;
  }

  #header .header-nav .language-selector:hover > a,
  #header .header-nav .language-selector:hover > a .expand-more,
  #header .header-nav .language-selector > a:hover,
  #header .header-nav .language-selector > a:hover .expand-more {
    color: #C7352E !important;
  }

  #header .header-nav .language-selector .dropdown-menu a:hover,
  #header .header-nav .language-selector .dropdown-menu a:focus {
    color: #C7352E !important;
    background: transparent !important;
  }
}


/* =========================================================
   RETRO-ATELIER 2.1.32 — SELECTEUR DE LANGUE ROBUSTE
   - Survol Français -> rouge #C7352E
   - Dropdown langues lisible et non vide si plusieurs langues actives
   - Ne masque plus tous les dropdowns du header
   ========================================================= */
@media (min-width: 992px) {
  /* Annule l'ancien masquage trop général des menus déroulants du header. */
  #header .header-nav .dropdown-menu {
    display: block !important;
    visibility: visible !important;
  }

  /* Le menu de langue est caché par défaut, puis affiché au survol/clic. */
  #header .header-nav #_desktop_language_selector .dropdown-menu,
  #header .header-nav .language-selector-wrapper .dropdown-menu,
  #header .header-nav .language-selector .dropdown-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  #header .header-nav #_desktop_language_selector:hover .dropdown-menu,
  #header .header-nav #_desktop_language_selector .dropdown.show .dropdown-menu,
  #header .header-nav .language-selector-wrapper:hover .dropdown-menu,
  #header .header-nav .language-selector-wrapper .dropdown.show .dropdown-menu,
  #header .header-nav .language-selector:hover .dropdown-menu,
  #header .header-nav .language-selector.show .dropdown-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Texte du sélecteur : noir normalement, rouge au survol. */
  #header .header-nav #_desktop_language_selector,
  #header .header-nav #_desktop_language_selector *,
  #header .header-nav .language-selector-wrapper,
  #header .header-nav .language-selector-wrapper *,
  #header .header-nav .language-selector,
  #header .header-nav .language-selector * {
    transition: color .15s ease !important;
  }

  #header .header-nav #_desktop_language_selector:hover,
  #header .header-nav #_desktop_language_selector:hover *,
  #header .header-nav #_desktop_language_selector a:hover,
  #header .header-nav #_desktop_language_selector .expand-more:hover,
  #header .header-nav .language-selector-wrapper:hover,
  #header .header-nav .language-selector-wrapper:hover *,
  #header .header-nav .language-selector:hover,
  #header .header-nav .language-selector:hover * {
    color: #C7352E !important;
  }

  /* Liste des langues : fond clair, texte lisible et largeur correcte. */
  #header .header-nav #_desktop_language_selector .dropdown-menu,
  #header .header-nav .language-selector-wrapper .dropdown-menu,
  #header .header-nav .language-selector .dropdown-menu {
    min-width: 150px !important;
    width: auto !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    background: #F3EEE2 !important;
    border: 1px solid #D8D0BF !important;
    box-shadow: 0 3px 8px rgba(0,0,0,.15) !important;
    z-index: 9999 !important;
  }

  #header .header-nav #_desktop_language_selector .dropdown-menu li,
  #header .header-nav .language-selector-wrapper .dropdown-menu li,
  #header .header-nav .language-selector .dropdown-menu li {
    display: block !important;
    width: 100% !important;
  }

  #header .header-nav #_desktop_language_selector .dropdown-menu a,
  #header .header-nav .language-selector-wrapper .dropdown-menu a,
  #header .header-nav .language-selector .dropdown-menu a {
    display: block !important;
    width: 100% !important;
    padding: 8px 14px !important;
    color: #1F231D !important;
    background: transparent !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  #header .header-nav #_desktop_language_selector .dropdown-menu a:hover,
  #header .header-nav #_desktop_language_selector .dropdown-menu a:focus,
  #header .header-nav .language-selector-wrapper .dropdown-menu a:hover,
  #header .header-nav .language-selector-wrapper .dropdown-menu a:focus,
  #header .header-nav .language-selector .dropdown-menu a:hover,
  #header .header-nav .language-selector .dropdown-menu a:focus {
    color: #C7352E !important;
    background: #EBE4D3 !important;
  }
}


/* =========================================================
   RETRO-ATELIER 2.1.33 — VERT UNIFIÉ #414A2B
   Barre supérieure + menu principal + footer
   ========================================================= */
#header .header-nav,
#header .header-nav a,
#header .ra-menu-wrap.container,
#header .ra-menu-wrap.container #_desktop_top_menu,
#header .ra-menu-wrap.container #_desktop_top_menu .top-menu,
#footer,
#footer .footer-container {
  background-color:#414A2B !important;
}

#header .ra-menu-wrap.container #_desktop_top_menu .top-menu > li,
#header .ra-menu-wrap.container #_desktop_top_menu .top-menu > li > a {
  background-color:#414A2B !important;
}


/* =========================================================
   RETRO-ATELIER 2.1.34 — CARROUSEL SOUS LE MENU +30 PX
   - Suppression de l'espace beige entre menu et carrousel
   - Hauteur du carrousel augmentée de 30 px sur desktop
   ========================================================= */
@media (min-width: 992px) {
  /* Le carrousel remonte directement contre la barre de menu. */
  #index #carousel {
    margin-top: -24px !important;
    margin-bottom: 22px !important;
  }

  /* Hauteur actuelle ~335 px -> nouvelle hauteur ~365 px (+30 px). */
  #index #carousel,
  #index #carousel .carousel-inner,
  #index #carousel .carousel-item {
    height: 365px !important;
    max-height: 365px !important;
  }

  #index #carousel img {
    width: 100% !important;
    height: 365px !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }
}


/* RETRO-ATELIER 2.1.35 — suppression du fin liseré entre menu et carrousel */
@media (min-width: 992px) {
  #header .ra-menu-wrap,
  #header .ra-menu-wrap.container,
  #header .ra-menu-wrap .top-menu,
  #header .ra-menu-wrap nav {
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  #index #carousel {
    margin-top: -25px !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  #index #carousel::before,
  #index #carousel::after {
    display: none !important;
    content: none !important;
  }
}


/* =========================================================
   RETRO-ATELIER 2.1.36 — PANIER CLIQUABLE + COMPTEUR
   Le panier personnalisé remplace l'ancien rendu du module,
   mais conserve un vrai lien vers la page panier.
   ========================================================= */
@media (min-width: 992px) {
  #header .ra-header-cart {
    width: 125px !important;
    height: 100px !important;
    right: 30px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 100 !important;
    overflow: visible !important;
  }

  #header .ra-header-cart .ra-cart-link {
    width: 125px !important;
    height: 100px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #C7352E !important;
    text-decoration: none !important;
    cursor: pointer !important;
    font-size: 0 !important;
    line-height: 1 !important;
  }

  #header .ra-header-cart .ra-cart-box {
    display: block !important;
    width: 88px !important;
    height: 68px !important;
    flex: 0 0 68px !important;
    background: url("../img/cart-box.png") center center / contain no-repeat !important;
  }

  #header .ra-header-cart .ra-cart-label {
    display: block !important;
    margin-top: 3px !important;
    color: #C7352E !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 21px !important;
    white-space: nowrap !important;
  }

  #header .ra-header-cart .ra-cart-count {
    display: inline-block !important;
    color: #C7352E !important;
    font-size: 17px !important;
    font-weight: 700 !important;
  }

  #header .ra-header-cart .ra-cart-link:hover .ra-cart-label,
  #header .ra-header-cart .ra-cart-link:hover .ra-cart-count {
    color: #9F2B26 !important;
  }
}


/* =========================================================
   RETRO-ATELIER 2.1.37 — PANIER : LIEN RÉEL + COMPTEUR
   ========================================================= */
@media (min-width: 992px) {
  #header .ra-header-cart {
    pointer-events: auto !important;
  }

  #header .ra-header-cart .ra-cart-link {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1000 !important;
    cursor: pointer !important;
  }

  #header .ra-header-cart .ra-cart-count {
    margin: 0 !important;
  }
}


/* =========================================================
   RETRO-ATELIER 2.1.47 — MENU DÉROULANT : CORRECTION CIBLÉE
   Base 2.1.37 conservée intégralement.
   Cause identifiée : plusieurs règles historiques du custom.css
   mettent le conteneur desktop du menu en overflow:hidden, ce qui
   coupe le .popover sub-menu de PrestaShop.
   ========================================================= */
@media (min-width: 992px) {
  /* Le dropdown doit pouvoir sortir du bandeau vert. */
  #header .ra-menu-wrap.container,
  #header .ra-menu-wrap.container #_desktop_top_menu,
  #header .ra-menu-wrap.container #_desktop_top_menu .top-menu {
    overflow: visible !important;
  }

  /* Chaque rubrique devient le repère du sous-menu. */
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li {
    position: relative !important;
    overflow: visible !important;
  }

  /* Masqué par défaut : on ne change rien à l'aspect du menu principal. */
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li > .sub-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 5px 0 !important;
    overflow: visible !important;
    float: none !important;
    transform: none !important;
    background: #414A2B !important;
    border: 0 !important;
    border-top: 3px solid #C7352E !important;
    border-radius: 0 !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.28) !important;
    z-index: 999999 !important;
    box-sizing: border-box !important;
  }

  /* Ouverture UNIQUEMENT au survol de la rubrique parente. */
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:hover > .sub-menu,
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:focus-within > .sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Le ul imbriqué de PrestaShop ne doit surtout pas reprendre
     le flex du menu principal : une sous-catégorie par ligne. */
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li > .sub-menu > ul.top-menu,
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li > .sub-menu > ul[data-depth] {
    display: block !important;
    position: static !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    flex: none !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
    background: transparent !important;
    list-style: none !important;
    box-sizing: border-box !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li > .sub-menu > ul.top-menu > li,
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li > .sub-menu > ul[data-depth] > li {
    display: block !important;
    position: static !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    flex: none !important;
    clear: both !important;
    text-align: left !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li > .sub-menu > ul.top-menu > li > a,
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li > .sub-menu > ul[data-depth] > li > a {
    display: block !important;
    width: 100% !important;
    min-height: 38px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 18px !important;
    color: #F3EEE2 !important;
    background: #414A2B !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    text-align: left !important;
    white-space: normal !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li > .sub-menu > ul.top-menu > li > a:hover,
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li > .sub-menu > ul[data-depth] > li > a:hover {
    color: #FFFFFF !important;
    background: #C7352E !important;
  }
}



/* =========================================================
   RETRO-ATELIER 2.1.52 — MEGA MENU
   Base 2.1.48 conservée.
   IMPORTANT : on ne touche PAS au mécanisme d'ouverture du
   dropdown 2.1.47/2.1.48. On ne modifie que sa présentation
   pour la première rubrique : PIÈCES DÉTACHÉES.
   ========================================================= */
@media (min-width: 992px) {
  /* Grand panneau de la première rubrique uniquement. */
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:first-child > .sub-menu {
    left: 0 !important;
    right: auto !important;
    width: 100vw !important;
    min-width: 0 !important;
    max-width: 1400px !important;
    padding: 18px 28px 22px !important;
    background: #F7F5EE !important;
    border-top: 3px solid #C7352E !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.25) !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  /* Les sous-catégories principales : une colonne par catégorie. */
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:first-child > .sub-menu > ul.top-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 42px !important;
    position: static !important;
    float: none !important;
    overflow: visible !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  /* Chaque sous-catégorie principale occupe sa propre colonne. */
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:first-child > .sub-menu > ul.top-menu > li {
    display: block !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    float: none !important;
    clear: none !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  /* Titre de la sous-catégorie. */
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:first-child > .sub-menu > ul.top-menu > li > a {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 10px !important;
    padding: 8px 0 !important;
    color: #252525 !important;
    background: transparent !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    text-align: left !important;
    white-space: normal !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:first-child > .sub-menu > ul.top-menu > li > a:hover {
    color: #C7352E !important;
    background: transparent !important;
  }

  /* Sous-sous-catégories : toujours ouvertes dans chaque colonne. */
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:first-child > .sub-menu > ul.top-menu > li > .sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:first-child > .sub-menu > ul.top-menu > li > .sub-menu > ul.top-menu {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    float: none !important;
    overflow: visible !important;
    background: transparent !important;
    list-style: none !important;
    box-sizing: border-box !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:first-child > .sub-menu > ul.top-menu > li > .sub-menu > ul.top-menu > li {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    float: none !important;
    clear: both !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:first-child > .sub-menu > ul.top-menu > li > .sub-menu > ul.top-menu > li > a {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 5px 0 !important;
    color: #333333 !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    text-align: left !important;
    white-space: normal !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:first-child > .sub-menu > ul.top-menu > li > .sub-menu > ul.top-menu > li > a:hover {
    color: #C7352E !important;
    background: transparent !important;
  }
}

/* =========================================================
   RETRO-ATELIER 2.1.55 — NIVEAU 3 : EMPILAGE VERTICAL FORCÉ
   Base 2.1.52 conservée : le survol et les 4 colonnes ne sont
   volontairement PAS modifiés.
   ========================================================= */
@media (min-width: 992px) {
  /* Le niveau 2 reste la grille des 4 colonnes. */
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:first-child > .sub-menu > ul[data-depth="1"] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: stretch !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    float: none !important;
    overflow: visible !important;
  }

  /* Chaque colonne est indépendante. */
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:first-child > .sub-menu > ul[data-depth="1"] > li {
    display: block !important;
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 14px !important;
    position: static !important;
    float: none !important;
    clear: none !important;
    overflow: visible !important;
  }

  /* Tous les niveaux 2 sont affichés normalement dans leur colonne. */
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:first-child > .sub-menu > ul[data-depth="1"] > li > .sub-menu {
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* CRITIQUE : data-depth=2 devient une colonne verticale forcée.
     On utilise flex-column plutôt que de dépendre de .top-menu. */
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu ul[data-depth="2"] {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    float: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    list-style: none !important;
  }

  /* Une seule ligne physique par sous-sous-catégorie. */
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu ul[data-depth="2"] > li {
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    float: none !important;
    clear: both !important;
    overflow: visible !important;
    transform: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu ul[data-depth="2"] > li > a {
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    transform: none !important;
    float: none !important;
    color: #333333 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    text-align: left !important;
    white-space: normal !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu ul[data-depth="2"] > li > a:hover {
    color: #C7352E !important;
    background: transparent !important;
  }
}


/* =========================================================
   RETRO-ATELIER 2.1.56 — MASQUER LE NIVEAU 4
   Les catégories de niveau 3 restent visibles comme intitulés,
   mais leurs propres sous-catégories ne sont pas affichées
   dans le mega-menu.
   ========================================================= */
@media (min-width: 992px) {
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:first-child .sub-menu ul[data-depth="3"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:first-child .sub-menu ul[data-depth="3"] > li {
    display: none !important;
  }
}


/* =========================================================
   RETRO-ATELIER 2.1.57 — SOUS-MENUS DES AUTRES RUBRIQUES
   Même présentation que le mega-menu : fond crème, texte sombre
   normal, accent rouge au survol.
   Le mega-menu de PIÈCES DÉTACHÉES (première rubrique) n'est PAS modifié.
   ========================================================= */
@media (min-width: 992px) {
  /* Tous les sous-menus des rubriques principales sauf PIÈCES DÉTACHÉES. */
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:not(:first-child) > .sub-menu {
    display: block;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    background: #F7F5EE !important;
    border: 0 !important;
    border-top: 3px solid #C7352E !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.25) !important;
    box-sizing: border-box !important;
  }

  /* La mécanique de survol reste celle qui fonctionne déjà. */
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:not(:first-child):hover > .sub-menu,
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:not(:first-child):focus-within > .sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Liste interne : une vraie colonne verticale. */
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:not(:first-child) > .sub-menu > ul.top-menu,
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:not(:first-child) > .sub-menu > ul[data-depth="1"] {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    float: none !important;
    flex: none !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    background: transparent !important;
    list-style: none !important;
    box-sizing: border-box !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:not(:first-child) > .sub-menu > ul.top-menu > li,
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:not(:first-child) > .sub-menu > ul[data-depth="1"] > li {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    float: none !important;
    flex: none !important;
    clear: both !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:not(:first-child) > .sub-menu > ul.top-menu > li > a,
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:not(:first-child) > .sub-menu > ul[data-depth="1"] > li > a {
    display: block !important;
    width: 100% !important;
    min-height: 38px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 9px 18px !important;
    color: #333333 !important;
    background: #F7F5EE !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    text-align: left !important;
    white-space: normal !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:not(:first-child) > .sub-menu > ul.top-menu > li > a:hover,
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:not(:first-child) > .sub-menu > ul[data-depth="1"] > li > a:hover {
    color: #C7352E !important;
    background: #F7F5EE !important;
  }

  /* Si une autre rubrique possède elle aussi un niveau inférieur,
     on conserve la même présentation propre et verticale. */
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li:not(:first-child) > .sub-menu ul[data-depth="2"] {
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 0 0 14px !important;
    background: transparent !important;
  }
}

/* =========================================================
   RETRO-ATELIER 2.1.59 — VRAIE LOUPE DE PS_SEARCHBAR
   PrestaShop 8 utilise <i class="material-icons search">search</i>
   directement dans le formulaire (pas un bouton).
   ========================================================= */
@media (min-width: 768px) {
  #header .ra-header-search #search_widget i.material-icons.search,
  #header .ra-header-search #search_widget i.search {
    color: #C7352E !important;
  }
}

/* =========================================================
   RETRO-ATELIER 2.1.60 — HEADER : LOGO + BARRE SUPERIEURE
   - Même hauteur de bande beige, logo agrandi pour la remplir
   - Barre kaki supérieure réduite de 10 px sur desktop
   ========================================================= */
@media (min-width: 992px) {
  /* La bande beige garde sa hauteur actuelle : on fixe uniquement
     sa hauteur et on centre le contenu à l'intérieur. */
  #header .header-top {
    height: 154px !important;
    min-height: 154px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #header .header-top > .container,
  #header .header-top > .container > .row {
    height: 100% !important;
  }

  /* Logo agrandi sans augmenter la bande beige. */
  #header #_desktop_logo {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 12px 0 0 !important;
    box-sizing: border-box !important;
  }

  #header #_desktop_logo h1 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
  }

  #header #_desktop_logo img.logo {
    width: 340px !important;
    max-width: none !important;
    height: 136px !important;
    max-height: 136px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  #header .header-top-right {
    height: 100% !important;
  }

  /* Barre kaki supérieure : environ 10 px plus basse, sans toucher
     au menu principal situé en dessous. */
  #header .header-nav {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    overflow: visible !important;
  }

  #header .header-nav > .container,
  #header .header-nav > .container > .row,
  #header .header-nav .hidden-sm-down {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
  }

  #header .header-nav .hidden-sm-down {
    align-items: center !important;
  }

  #header .header-nav .right-nav,
  #header .header-nav .right-nav > * {
    line-height: 34px !important;
  }

  #header .header-nav a {
    line-height: 34px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* =========================================================
   RETRO-ATELIER 2.1.62 — HEADER : BANDE BEIGE -10 PX
   - Bande beige réduite de 30 px au total
   - Logo centré verticalement et horizontalement dans sa zone
   ========================================================= */
@media (min-width: 992px) {
  #header .header-top {
    height: 124px !important;
    min-height: 124px !important;
    max-height: 124px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #header .header-top > .container,
  #header .header-top > .container > .row {
    height: 124px !important;
    min-height: 124px !important;
    max-height: 124px !important;
  }

  #header #_desktop_logo {
    height: 124px !important;
    min-height: 124px !important;
    max-height: 124px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #header #_desktop_logo h1 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #header #_desktop_logo img.logo {
    width: 330px !important;
    max-width: 100% !important;
    height: 114px !important;
    max-height: 114px !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
  }

  #header .header-top-right {
    height: 124px !important;
    min-height: 124px !important;
    max-height: 124px !important;
  }
}


/* =========================================================
   RETRO-ATELIER 2.1.63 — TEXTE MENU PRINCIPAL +2 PX
   ========================================================= */
@media (min-width: 992px) {
  #header #_desktop_top_menu .top-menu > li > a {
    font-size: 15px !important;
  }
}

/* =========================================================
   RETRO-ATELIER 2.1.64 — NOTRE SÉLECTION / STYLE RETRO-ATELIER
   Uniquement la section « Notre sélection » de la page d'accueil.
   ========================================================= */

/* Titre de section : caractère plus marqué, esprit pochoir/atelier,
   sans ajouter de symbole devant le texte. */
#index .featured-products .products-section-title,
#index .featured-products h2.products-section-title {
  display:flex !important;
  align-items:center !important;
  gap:22px !important;
  width:100% !important;
  margin:30px 0 20px !important;
  padding:0 !important;
  color:#30382a !important;
  font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif !important;
  font-size:30px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:1px !important;
  text-align:left !important;
  text-transform:uppercase !important;
}

#index .featured-products .products-section-title::after {
  content:"" !important;
  display:block !important;
  flex:1 1 auto !important;
  height:2px !important;
  margin-top:4px !important;
  background:#667451 !important;
  opacity:.9 !important;
}

/* Cartes : bordure légère + ombre discrète, sans bande RETRO-ATELIER. */
#index .featured-products .product-miniature {
  border:1px solid #d8d1c0 !important;
  border-radius:5px !important;
  background:#fff !important;
  box-shadow:0 4px 14px rgba(0,0,0,.10) !important;
  overflow:hidden !important;
  transition:transform .18s ease, box-shadow .18s ease !important;
}

#index .featured-products .product-miniature:hover {
  transform:translateY(-3px) !important;
  box-shadow:0 9px 22px rgba(0,0,0,.16) !important;
}

/* La zone image reste propre : aucun marquage ajouté. */
#index .featured-products .product-miniature .thumbnail-top {
  background:#fff !important;
}

/* Zone texte : aspect papier clair, sobre. */
#index .featured-products .product-miniature .product-description {
  background:#fff !important;
  padding:8px 10px 12px !important;
}

/* Prix plus visible et franchement rouge. */
#index .featured-products .product-miniature .price,
#index .featured-products .product-miniature .product-price-and-shipping .price {
  color:#C7352E !important;
  font-size:17px !important;
  font-weight:800 !important;
  line-height:20px !important;
}

/* Bouton panier : kaki RETRO-ATELIER, légèrement plus travaillé. */
#index .featured-products .ra-add-to-cart,
#index .featured-products .ra-product-customize {
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border:1px solid rgba(48,56,42,.25) !important;
  border-radius:4px !important;
  background:#828A5D !important;
  color:#fff !important;
  box-shadow:0 2px 5px rgba(0,0,0,.18) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  transition:background .15s ease, transform .15s ease, box-shadow .15s ease !important;
}

#index .featured-products .ra-add-to-cart:hover,
#index .featured-products .ra-product-customize:hover {
  background:#C7352E !important;
  color:#fff !important;
  transform:translateY(-1px) !important;
  box-shadow:0 4px 8px rgba(0,0,0,.22) !important;
}

#index .featured-products .ra-add-to-cart .material-icons,
#index .featured-products .ra-product-customize .material-icons {
  font-size:21px !important;
}

/* =========================================================
   RETRO-ATELIER 2.1.65 — NOTRE SÉLECTION : CARTES FIXES
   - aucune remontée au survol
   - fond beige légèrement plus clair que le fond du site
   - texte du produit rouge au survol
   - bouton panier entièrement visible
   ========================================================= */
#index .featured-products .product-miniature{
  background:#f8f4e9 !important;
  transform:none !important;
  transition:box-shadow .18s ease, border-color .18s ease !important;
  box-sizing:border-box !important;
}

#index .featured-products .product-miniature:hover{
  transform:none !important;
  background:#f8f4e9 !important;
  box-shadow:0 5px 16px rgba(0,0,0,.12) !important;
}

#index .featured-products .product-miniature .thumbnail-container,
#index .featured-products .product-miniature .thumbnail-top,
#index .featured-products .product-miniature .product-description{
  background:#f8f4e9 !important;
}

/* Le bouton reste entièrement dans la fiche. */
#index .featured-products .product-miniature .product-description{
  padding:7px 10px 8px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

#index .featured-products .ra-product-buyrow{
  min-height:36px !important;
  align-items:center !important;
  margin-top:auto !important;
}

#index .featured-products .ra-add-to-cart{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  padding:0 !important;
  margin:0 !important;
  transform:none !important;
  box-sizing:border-box !important;
}

#index .featured-products .ra-add-to-cart:hover{
  transform:none !important;
}

/* Au survol, la fiche reste parfaitement immobile ; seul le texte change. */
#index .featured-products .product-miniature:hover .product-title a{
  color:#C7352E !important;
}

#index .featured-products .product-miniature:hover .product-title{
  color:#C7352E !important;
}

/* =========================================================
   RETRO-ATELIER 2.1.66 — NOTRE SÉLECTION : AJUSTEMENT FINAL
   - texte des fiches noir
   - aucune variation visuelle de position/ombre au survol
   - beige sur toute la carte, y compris la zone autour de la photo
   ========================================================= */
#index .featured-products .product-miniature,
#index .featured-products .product-miniature:hover,
#index .featured-products .product-miniature .thumbnail-container,
#index .featured-products .product-miniature .thumbnail-top,
#index .featured-products .product-miniature .product-thumbnail,
#index .featured-products .product-miniature .product-description,
#index .featured-products .product-miniature .product-meta,
#index .featured-products .product-miniature .product-name,
#index .featured-products .product-miniature .product-title {
  background:#f8f4e9 !important;
}

#index .featured-products .product-miniature,
#index .featured-products .product-miniature:hover {
  transform:none !important;
  box-shadow:0 4px 14px rgba(0,0,0,.10) !important;
  border-color:#d8d1c0 !important;
}

#index .featured-products .product-miniature .product-title a,
#index .featured-products .product-miniature .product-title,
#index .featured-products .product-miniature .product-name a,
#index .featured-products .product-miniature .product-name,
#index .featured-products .product-miniature .product-description,
#index .featured-products .product-miniature:hover .product-title a,
#index .featured-products .product-miniature:hover .product-title {
  color:#222222 !important;
}

#index .featured-products .product-miniature .price,
#index .featured-products .product-miniature .product-price-and-shipping .price,
#index .featured-products .product-miniature:hover .price,
#index .featured-products .product-miniature:hover .product-price-and-shipping .price {
  color:#C7352E !important;
}

#index .featured-products .ra-add-to-cart,
#index .featured-products .ra-add-to-cart:hover,
#index .featured-products .ra-product-customize,
#index .featured-products .ra-product-customize:hover {
  transform:none !important;
}

/* =========================================================
   RETRO-ATELIER 2.1.67 — NOTRE SÉLECTION : FOND UNIFORME + PANIER
   - le fond beige reste identique même au survol
   - aucun déplacement de la fiche au survol
   - le bouton panier est légèrement remonté en permanence
   ========================================================= */
#index .featured-products .product-miniature,
#index .featured-products .product-miniature:hover,
#index .featured-products .product-miniature .thumbnail-container,
#index .featured-products .product-miniature:hover .thumbnail-container,
#index .featured-products .product-miniature .thumbnail-top,
#index .featured-products .product-miniature:hover .thumbnail-top,
#index .featured-products .product-miniature .thumbnail,
#index .featured-products .product-miniature:hover .thumbnail,
#index .featured-products .product-miniature .thumbnail.product-thumbnail,
#index .featured-products .product-miniature:hover .thumbnail.product-thumbnail,
#index .featured-products .product-miniature picture,
#index .featured-products .product-miniature:hover picture,
#index .featured-products .product-miniature .product-description,
#index .featured-products .product-miniature:hover .product-description {
  background:#f8f4e9 !important;
}

#index .featured-products .product-miniature,
#index .featured-products .product-miniature:hover {
  transform:none !important;
  box-shadow:0 4px 14px rgba(0,0,0,.10) !important;
}

#index .featured-products .ra-add-to-cart,
#index .featured-products .ra-add-to-cart:hover,
#index .featured-products .ra-product-customize,
#index .featured-products .ra-product-customize:hover {
  position:relative !important;
  top:-2px !important;
  transform:none !important;
}

/* =========================================================
   RETRO-ATELIER 2.1.68 — FOOTER IDENTITÉ MILITAIRE
   - remplacement du copyright PrestaShop par une signature RETRO-ATELIER
   - bandeau discret inspiré des marquages militaires
   ========================================================= */
#footer .ra-footer-brand{
  width:100% !important;
  margin:0 !important;
  padding:14px 20px 13px !important;
  background:#414A2B !important;
  border-top:3px solid #C7352E !important;
  border-bottom:1px solid rgba(243,238,226,.28) !important;
  box-sizing:border-box !important;
}
#footer .ra-footer-brand-inner{
  max-width:1200px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  text-align:center !important;
}
#footer .ra-footer-brand-text{
  color:#F3EEE2 !important;
  font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  letter-spacing:1.15px !important;
  line-height:20px !important;
  text-transform:uppercase !important;
}
#footer .ra-footer-brand-mark{
  display:block !important;
  width:38px !important;
  height:2px !important;
  background:#C7352E !important;
  flex:0 0 38px !important;
  box-shadow:0 5px 0 rgba(243,238,226,.45) !important;
}
#footer .footer-container{padding-top:0 !important;}
@media (max-width:767px){
  #footer .ra-footer-brand{padding:12px 12px 11px !important;}
  #footer .ra-footer-brand-inner{gap:9px !important;}
  #footer .ra-footer-brand-text{font-size:11px !important;letter-spacing:.65px !important;line-height:15px !important;}
  #footer .ra-footer-brand-mark{width:20px !important;flex-basis:20px !important;}
}

/* RETRO-ATELIER 2.1.69 — SUPPRESSION BANDEAU NEWSLETTER */
#footer .block_newsletter{display:none !important;}
#footer .footer-container{padding-top:0 !important;}

/* RETRO-ATELIER 2.1.70 — FOOTER IDENTITÉ REMONTEE */
#footer{
  margin-top:0 !important;
}
#footer .ra-footer-brand{
  border-top:0 !important;
  padding-top:10px !important;
}

/* =========================================================
   RETRO-ATELIER 2.1.71 — FOOTER : ALIGNEMENT + COULEURS
   - remonte la signature au sommet du footer
   - titres de colonnes en beige RETRO-ATELIER
   - bloc informations/contact en blanc comme les liens
   ========================================================= */
#footer{
  padding-top:0 !important;
}

#footer .ra-footer-brand{
  padding-top:0 !important;
  padding-bottom:10px !important;
}

#footer .ra-footer-brand-inner{
  padding-top:0 !important;
}

/* Titres des catégories : beige du site */
#footer .footer-block h3,
#footer .footer-block h4,
#footer .footer-block .h3,
#footer .footer-block .h4,
#footer .footer-block .title,
#footer .links .h3,
#footer .links .h4,
#footer .links .title,
#footer .block-contact .h3,
#footer .block-contact .h4,
#footer .block-contact .title{
  color:#F3EEE2 !important;
}

/* Coordonnées / texte de la colonne Informations */
#footer .block-contact,
#footer .block-contact p,
#footer .block-contact li,
#footer .block-contact span,
#footer .block-contact .text-sm,
#footer .block-contact a{
  color:#FFFFFF !important;
}

/* RETRO-ATELIER 2.1.72 — FOOTER : SIGNATURE +3PX */
#footer .ra-footer-brand{
  padding-top:3px !important;
}

/* RETRO-ATELIER 2.1.73 — MENU PRINCIPAL : TYPOGRAPHIE DU FOOTER */
@media (min-width: 992px) {
  #header #_desktop_top_menu .top-menu > li > a {
    font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif !important;
    color:#F3EEE2 !important;
    font-size:14px !important;
    font-weight:700 !important;
    letter-spacing:1.15px !important;
    line-height:20px !important;
  }
}

/* RETRO-ATELIER 2.1.75 — MENU PRINCIPAL : 16PX REEL */
@media (min-width: 992px) {
  #header #_desktop_top_menu #top-menu > li > a,
  #header .ra-menu-wrap.container #_desktop_top_menu #top-menu > li > a {
    font-size:16px !important;
  }
}

/* RETRO-ATELIER 2.1.76 — FOOTER : TOUS LES TITRES DE COLONNES EN BEIGE */
#footer h3,
#footer h4,
#footer .h3,
#footer .h4,
#footer .title,
#footer .footer-block-title,
#footer .links-title,
#footer .block-title{
  color:#F3EEE2 !important;
}

/* RETRO-ATELIER 2.1.77 — FOOTER : FORCER AUSSI LES LIENS DES TITRES */
#footer .footer-block h3 a,
#footer .footer-block h4 a,
#footer .footer-block .h3 a,
#footer .footer-block .h4 a,
#footer .links .h3 a,
#footer .links .h4 a,
#footer .links .title a,
#footer h3 a,
#footer h4 a,
#footer .h3 a,
#footer .h4 a,
#footer .title a{
  color:#F3EEE2 !important;
}

/* RETRO-ATELIER 2.1.78 — BLOC YOUTUBE À LA PLACE DU CUSTOM TEXT BLOCK */
#index #custom-text.ra-youtube-section{
  width:100%;
  max-width:1400px;
  margin:30px auto 34px;
  padding:0;
  background:transparent;
  border:0;
  color:var(--ra-ink);
}

#index .ra-youtube-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin:0 0 18px;
  padding:0 2px;
}

#index .ra-youtube-title-wrap{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

#index .ra-youtube-logo{
  width:60px;
  height:42px;
  flex:0 0 60px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  background:#e21d16;
  border-radius:11px;
  box-shadow:0 2px 5px rgba(0,0,0,.08);
}

#index .ra-youtube-logo span{
  width:0;
  height:0;
  margin-left:4px;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-left:16px solid #fff;
}

#index .ra-youtube-title-wrap h2{
  margin:0;
  color:#111 !important;
  font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif !important;
  font-size:26px !important;
  line-height:30px !important;
  font-weight:900 !important;
  letter-spacing:.2px;
  text-transform:uppercase;
}

#index .ra-youtube-title-wrap p{
  margin:2px 0 0;
  color:#444;
  font-size:15px;
  line-height:21px;
}

#index .ra-youtube-all{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:46px;
  padding:0 20px;
  background:var(--ra-red);
  color:#fff !important;
  border-radius:4px;
  font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;
  font-size:14px;
  font-weight:800;
  letter-spacing:.35px;
  text-transform:uppercase;
  text-decoration:none !important;
  white-space:nowrap;
  transition:background .15s ease,transform .15s ease;
}

#index .ra-youtube-all span{
  font-size:23px;
  line-height:1;
}

#index .ra-youtube-all{
  width:270px !important;
  height:49px !important;
  min-height:49px !important;
  padding:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
  overflow:visible !important;
}

#index .ra-youtube-all-art{
  display:block !important;
  width:270px !important;
  height:49px !important;
  background-image:url("../img/section-signs/youtube-all-videos.png") !important;
  background-repeat:no-repeat !important;
  background-position:left center !important;
  background-size:270px auto !important;
  transition:filter .15s ease, transform .15s ease !important;
}

#index .ra-youtube-all:hover{
  background:transparent !important;
  transform:translateY(-1px) !important;
}

#index .ra-youtube-all:hover .ra-youtube-all-art{
  filter:brightness(1.05);
}

#index .ra-youtube-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

#index .ra-youtube-card{
  display:block;
  min-width:0;
  color:#111 !important;
  text-decoration:none !important;
}

#index .ra-youtube-thumb{
  position:relative;
  overflow:hidden;
  border-radius:4px;
  background:#222;
  aspect-ratio:2.05 / 1;
  box-shadow:0 2px 7px rgba(0,0,0,.14);
}

#index .ra-youtube-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .2s ease;
}

#index .ra-youtube-card:hover .ra-youtube-thumb img{
  transform:scale(1.025);
}

#index .ra-youtube-duration{
  position:absolute;
  right:7px;
  bottom:7px;
  padding:3px 6px;
  background:rgba(0,0,0,.88);
  color:#fff;
  border-radius:3px;
  font-size:12px;
  font-weight:700;
  line-height:16px;
}

#index .ra-youtube-card-title{
  margin:9px 5px 0;
  color:#111;
  font-size:17px;
  font-weight:700;
  line-height:21px;
}

#index .ra-youtube-card-subtitle{
  margin:1px 5px 0;
  color:#111;
  font-size:15px;
  line-height:20px;
}

@media (max-width:991px){
  #index #custom-text.ra-youtube-section{
    margin-top:25px;
  }
  #index .ra-youtube-head{
    align-items:flex-start;
    flex-direction:column;
  }
  #index .ra-youtube-all{
    align-self:flex-end;
  }
  #index .ra-youtube-grid{
    grid-template-columns:1fr;
  }
  #index .ra-youtube-thumb{
    aspect-ratio:16 / 9;
  }
}

@media (max-width:575px){
  #index .ra-youtube-title-wrap{
    align-items:flex-start;
  }
  #index .ra-youtube-logo{
    width:52px;
    height:37px;
    flex-basis:52px;
  }
  #index .ra-youtube-title-wrap h2{
    font-size:21px !important;
    line-height:25px !important;
  }
  #index .ra-youtube-title-wrap p{
    font-size:13px;
    line-height:18px;
  }
  #index .ra-youtube-all{
    width:100%;
  }
}

/* =========================================================
   RETRO-ATELIER 2.1.82 — PROMOTIONS
   - la rubrique "Meilleures ventes" devient "PROMOTIONS"
   - données fournies par ps_specials : uniquement les produits réellement soldés
   - petit badge rouge PROMO sur les produits remisés
   - ancien prix barré + nouveau prix rouge
   ========================================================= */
#index .ra-promotions-section .products-section-title{
  color:#30382a !important;
  font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif !important;
  font-size:30px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:1px !important;
  text-align:left !important;
  text-transform:uppercase !important;
}

#index .ra-promotions-section .products-section-title::after{
  content:"" !important;
  display:block !important;
  flex:1 1 auto !important;
  height:2px !important;
  margin-top:4px !important;
  background:#667451 !important;
  opacity:.9 !important;
}

#index .ra-promotions-section .product-miniature .thumbnail-container{
  position:relative !important;
}

#index .ra-promotions-section .ra-sale-badge,
#index .featured-products .ra-sale-badge{
  position:absolute !important;
  top:8px !important;
  left:8px !important;
  z-index:5 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:25px !important;
  padding:3px 7px !important;
  background:#C7352E !important;
  color:#fff !important;
  border-radius:3px !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:14px !important;
  letter-spacing:.35px !important;
  text-transform:uppercase !important;
  box-shadow:0 2px 4px rgba(0,0,0,.18) !important;
}

#index .ra-promotions-section .product-price-and-shipping{
  display:flex !important;
  align-items:baseline !important;
  flex-wrap:wrap !important;
  gap:5px !important;
}

#index .ra-promotions-section .product-price-and-shipping .regular-price{
  color:#777 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:12px !important;
  font-weight:400 !important;
  line-height:18px !important;
  text-decoration:line-through !important;
  white-space:nowrap !important;
  margin:0 !important;
}

#index .ra-promotions-section .product-price-and-shipping .discount-product{
  display:none !important;
}

#index .ra-promotions-section .product-price-and-shipping .price{
  color:#C7352E !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:17px !important;
  font-weight:800 !important;
  line-height:20px !important;
  white-space:nowrap !important;
}

@media (max-width:575px){
  #index .ra-promotions-section .ra-sale-badge{
    top:6px !important;
    left:6px !important;
    min-height:23px !important;
    padding:2px 6px !important;
    font-size:10px !important;
  }
}

/* =========================================================
   RETRO-ATELIER 2.1.86 — PANNEAUX MILITAIRES POUR LES SECTIONS
   ========================================================= */
#index .ra-section-sign-title,
#index .featured-products .ra-section-sign-title,
#index .ra-promotions-section .ra-section-sign-title {
  display:block !important;
  width:100% !important;
  height:auto !important;
  margin:24px 0 18px !important;
  padding:0 !important;
  line-height:0 !important;
  font-size:0 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  background:none !important;
  color:transparent !important;
}

#index .ra-section-sign-title::after,
#index .featured-products .ra-section-sign-title::after,
#index .ra-promotions-section .ra-section-sign-title::after {
  display:none !important;
  content:none !important;
}

#index .ra-section-sign-art {
  display:block !important;
  width:270px !important;
  height:49px !important;
  margin:0 !important;
  transform:none !important;
  background-repeat:no-repeat !important;
  background-position:left center !important;
  background-size:270px auto !important;
}

#index .ra-sign-selection {
  background-image:url("../img/section-signs/notre-selection.png") !important;
}

#index .ra-sign-promotions {
  background-image:url("../img/section-signs/promotions.png") !important;
}

@media (max-width:575px){
  #index .ra-section-sign-title,
  #index .featured-products .ra-section-sign-title,
  #index .ra-promotions-section .ra-section-sign-title {
    margin:18px 0 14px !important;
  }
  #index .ra-section-sign-art {
    width:225px !important;
    height:41px !important;
    background-position:left center !important;
    transform:none !important;
    background-size:225px auto !important;
  }
}

/* RETRO-ATELIER 2.1.92 — Hide native PrestaShop discount flag.
   The custom red PROMO badge is kept; this removes the extra orange native flag. */
#index .ra-promotions-section .product-flags .product-flag.discount,
#index .ra-promotions-section .product-flags .discount,
#index .ra-promotions-section .product-flag.discount {
  display:none !important;
}


/* =========================================================
   RETRO-ATELIER 2.2.2 — PANIER DESKTOP
   Correctif : la page panier PrestaShop utilise body#cart.
   ========================================================= */

body#cart,
body#cart #wrapper,
body#cart #main,
body#cart .breadcrumb {
  background: var(--ra-cream) !important;
}

body#cart #wrapper {
  padding-top: 26px;
  padding-bottom: 20px;
}

body#cart #content {
  max-width: 1180px;
  margin: 0 auto;
}

body#cart .cart-container,
body#cart .cart-summary {
  background: #f8f4e9;
  border: 1px solid #d7cfbc;
  border-radius: 3px;
  box-shadow: 0 5px 16px rgba(0,0,0,.08);
}

body#cart .cart-container .card-block,
body#cart .cart-summary .card-block {
  background: transparent;
}

body#cart .cart-container > .card-block:first-child h1 {
  display: inline-block;
  margin: 0;
  padding: 8px 22px 7px;
  min-width: 170px;
  background: #ebe4d3;
  color: #414a2b;
  border: 2px solid #6b634f;
  border-radius: 4px;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.35), 0 2px 4px rgba(0,0,0,.12);
  font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
  font-size: 23px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}
body#cart .cart-container > .card-block:first-child h1::before,
body#cart .cart-container > .card-block:first-child h1::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 12px 3px 0;
  border-radius: 50%;
  background: #77705b;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.5);
}
body#cart .cart-container > .card-block:first-child h1::after {
  margin: 0 0 3px 12px;
}

body#cart .cart-container > hr.separator {
  border-top: 1px solid #c8c0ad;
  margin: 0 20px;
}

body#cart .cart-container .cart-item {
  border-bottom: 1px solid #d8d0be;
  padding-top: 18px;
  padding-bottom: 18px;
}
body#cart .cart-container .cart-item:last-child { border-bottom: 0; }

body#cart .cart-container .product-line-info a,
body#cart .cart-container .product-line-info .label {
  color: #1f231d;
  font-weight: 700;
}
body#cart .cart-container .product-line-info a:hover { color: #c7352e; }
body#cart .cart-container .product-price strong,
body#cart .cart-container .current-price,
body#cart .cart-container .price {
  color: #c7352e;
  font-weight: 800;
}
body#cart .cart-container .regular-price { color: #77705f; }
body#cart .cart-container .discount-percentage,
body#cart .cart-container .discount-amount {
  background: #c7352e;
  color: #fff;
  border-radius: 2px;
  font-weight: 800;
}
body#cart .cart-container .bootstrap-touchspin,
body#cart .cart-container .js-cart-line-product-quantity {
  border-color: #cfc7b5;
}
body#cart .cart-container .remove-from-cart { color: #414a2b; }
body#cart .cart-container .remove-from-cart:hover { color: #c7352e; }

body#cart .cart-summary { padding: 0; }
body#cart .cart-summary .cart-summary-line { color: #1f231d; }
body#cart .cart-summary .cart-summary-line .value {
  color: #1f231d;
  font-weight: 700;
}
body#cart .cart-summary .cart-summary-totals { border-top: 1px solid #c8c0ad; }
body#cart .cart-summary .cart-total .value,
body#cart .cart-summary .cart-total .label {
  color: #414a2b;
  font-weight: 900;
}
body#cart .cart-summary .promo-code-button,
body#cart .cart-summary .promo-code-button a {
  color: #414a2b;
  font-weight: 700;
}
body#cart .cart-summary .promo-code-button:hover,
body#cart .cart-summary .promo-code-button a:hover { color: #c7352e; }

body#cart .cart-detailed-actions .btn-primary {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  min-width: 250px;
  padding: 11px 28px;
  background-color: #ebe4d3 !important;
  background-image:
    radial-gradient(circle at 12px 50%, #77705b 0 4px, transparent 4.5px),
    radial-gradient(circle at calc(100% - 12px) 50%, #77705b 0 4px, transparent 4.5px) !important;
  color: #414a2b !important;
  border: 2px solid #6b634f !important;
  border-radius: 4px !important;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.35), 0 3px 0 #9b9279, 0 5px 9px rgba(0,0,0,.10) !important;
  font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  text-decoration: none;
  transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}
body#cart .cart-detailed-actions .btn-primary:hover {
  background-color: #e2dac5 !important;
  color: #30382a !important;
  transform: translateY(-1px);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.35), 0 4px 0 #8f866d, 0 6px 12px rgba(0,0,0,.12) !important;
}
body#cart .cart-detailed-actions .btn-primary:active {
  transform: translateY(1px);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.25), 0 1px 0 #8f866d !important;
}

body#cart .cart-grid-body > .label {
  color: #414a2b;
  font-weight: 700;
}
body#cart .cart-grid-body > .label:hover { color: #c7352e; }
body#cart .cart-grid { margin-left: -10px; margin-right: -10px; }
body#cart .cart-grid-body,
body#cart .cart-grid-right { padding-left: 10px; padding-right: 10px; }

/* =========================================================
   RETRO-ATELIER 2.2.3 — PANNEAUX PANIER
   Les titres du panier reprennent exactement le langage visuel
   des pancartes de la page d'accueil.
   ========================================================= */

/* Pancarte PANIER */
body#cart .cart-container > .card-block:first-child h1 {
  display: block !important;
  width: 100%;
  height: 108px;
  min-width: 0;
  margin: 0 0 18px;
  padding: 0 !important;
  background: url('../img/section-signs/panier.png') center center / 100% 100% no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px;
  overflow: hidden;
}

body#cart .cart-container > .card-block:first-child h1::before,
body#cart .cart-container > .card-block:first-child h1::after {
  display: none !important;
  content: none !important;
}

/* Pancarte COMMANDER */
body#cart .cart-detailed-actions .btn-primary {
  width: 100% !important;
  min-width: 0 !important;
  height: 92px !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: url('../img/section-signs/commander.png') center center / 100% 100% no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px;
  overflow: hidden;
  transform: none !important;
}

body#cart .cart-detailed-actions .btn-primary:hover,
body#cart .cart-detailed-actions .btn-primary:focus,
body#cart .cart-detailed-actions .btn-primary:active {
  background: url('../img/section-signs/commander.png') center center / 100% 100% no-repeat !important;
  box-shadow: none !important;
  transform: none !important;
  color: transparent !important;
}

/* =========================================================
   RETRO-ATELIER 2.2.4 — PANNEAUX PANIER ALIGNÉS ACCUEIL
   Même format que les pancartes de la page d'accueil.
   ========================================================= */

/* PANIER : exactement le format desktop de la page d'accueil */
body#cart .cart-container > .card-block:first-child h1 {
  display: block !important;
  width: 270px !important;
  height: 49px !important;
  min-width: 270px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: url('../img/section-signs/panier.png') left center / 270px 49px no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
}

/* COMMANDER : même plaque, légèrement plus petite pour le bloc résumé */
body#cart .cart-detailed-actions .btn-primary {
  display: block !important;
  width: 250px !important;
  height: 38px !important;
  min-width: 250px !important;
  min-height: 38px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: url('../img/section-signs/commander.png') center center / 250px 38px no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  transform: none !important;
}

body#cart .cart-detailed-actions .btn-primary:hover,
body#cart .cart-detailed-actions .btn-primary:focus,
body#cart .cart-detailed-actions .btn-primary:active {
  width: 250px !important;
  height: 38px !important;
  min-width: 250px !important;
  min-height: 38px !important;
  background: url('../img/section-signs/commander.png') center center / 250px 38px no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  color: transparent !important;
}

/* =========================================================
   RETRO-ATELIER 2.3 — PAGES CATALOGUE / PRODUITS
   Harmonisation des pages catégories et fiches produits avec
   l'accueil et le panier.
   ========================================================= */

/* --- Fond général catalogue --- */
body#category,
body#product {
  background: #f3eee2 !important;
  color: #1f231d;
}

body#category #wrapper,
body#product #wrapper {
  background: #f3eee2 !important;
}

body#category #main,
body#product #main {
  background: transparent !important;
}

/* Fil d'Ariane discret, dans le style du site */
body#category .breadcrumb,
body#product .breadcrumb {
  background: transparent !important;
  color: #77705f;
  padding-top: 14px;
  padding-bottom: 10px;
}

body#category .breadcrumb a,
body#product .breadcrumb a {
  color: #414a2b;
}

body#category .breadcrumb a:hover,
body#product .breadcrumb a:hover {
  color: #c7352e;
}

/* --- Colonne catégories --- */
body#category .left-column {
  background: #f8f4e9;
  border: 1px solid #d7cfbc;
  box-shadow: 0 5px 16px rgba(0,0,0,.07);
  padding: 18px 16px;
}

body#category .left-column .block-categories,
body#category .left-column .category-top-menu {
  background: transparent;
}

body#category .left-column .category-top-menu > li > a,
body#category .left-column .category-sub-menu li > a {
  color: #1f231d;
}

body#category .left-column .category-top-menu > li > a {
  font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .35px;
}

body#category .left-column .category-top-menu > li > a:hover,
body#category .left-column .category-sub-menu li > a:hover {
  color: #c7352e;
}

body#category .left-column .block-categories .h6 {
  color: #414a2b;
  font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* --- Zone principale catégorie --- */
body#category #content-wrapper {
  background: transparent;
}

body#category #content {
  background: #f8f4e9;
  border: 1px solid #d7cfbc;
  box-shadow: 0 5px 16px rgba(0,0,0,.07);
  padding: 20px;
}

/* Titre de catégorie façon plaque militaire sobre */
body#category .page-header {
  margin: 0 0 18px;
  padding: 0 0 12px;
  border-bottom: 2px solid #414a2b;
}

body#category .page-header h1 {
  display: inline-block;
  margin: 0;
  color: #414a2b;
  font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
  font-size: 30px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

/* Supprime le grand espace blanc de bannière quand aucune image n'est présente */
body#category .category-cover,
body#category .category-cover img {
  max-height: 150px;
}

body#category .category-cover {
  margin-bottom: 18px;
  background: #ebe4d3;
  border: 1px solid #d7cfbc;
}

/* Compteur + tri */
body#category .products-selection {
  color: #6d685c;
  border-top: 1px solid #d7cfbc;
  border-bottom: 1px solid #d7cfbc;
  padding: 12px 0;
  margin-bottom: 18px;
}

body#category .products-sort-order .select-title {
  background: #ebe4d3;
  border: 1px solid #cfc7b5;
  color: #414a2b;
}

body#category .products-sort-order .select-title:hover {
  border-color: #414a2b;
}

/* --- Cartes produits catalogue --- */
body#category #products .products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-left: 0;
  margin-right: 0;
}

body#category #products .products > .product {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  float: none !important;
  padding-left: 0;
  padding-right: 0;
}

body#category #products .product-miniature {
  height: 405px;
  min-height: 405px;
  margin-bottom: 0;
  background: #f8f4e9;
  border: 1px solid #d7cfbc;
  box-shadow: 0 5px 14px rgba(0,0,0,.07);
  transition: none !important;
}

body#category #products .product-miniature:hover {
  transform: none !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.07);
}

body#category #products .product-miniature .thumbnail-container {
  height: 405px;
  min-height: 405px;
  background: #f8f4e9;
  display: flex;
  flex-direction: column;
}

body#category #products .product-miniature .thumbnail-top {
  background: #f8f4e9;
}

body#category #products .product-miniature .product-description {
  background: #f8f4e9;
  flex: 1 1 auto;
  padding: 12px 12px 10px;
  display: flex;
  flex-direction: column;
  text-align: left;
}

body#category #products .product-miniature .product-title,
body#category #products .product-miniature .product-title a {
  color: #1f231d !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: 400 !important;
}

body#category #products .product-miniature .product-title a:hover {
  color: #c7352e !important;
}

body#category #products .product-miniature .product-price-and-shipping {
  margin-top: auto;
  text-align: left;
}

body#category #products .product-miniature .price {
  color: #c7352e !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

body#category #products .product-miniature .regular-price {
  color: #77705f !important;
}

/* Promo badge rouge RETRO-ATELIER */
body#category #products .product-miniature .product-flags .product-flag,
body#category #products .product-miniature .product-flags .discount,
body#category #products .product-miniature .product-flags .on-sale {
  background: #c7352e !important;
  color: #fff !important;
  border-radius: 2px;
  font-weight: 800;
}

/* Bouton panier catalogue : olive, avec hover rouge */
body#category #products .product-miniature .add-to-cart,
body#category #products .product-miniature .btn-primary {
  background: #414a2b !important;
  border: 0 !important;
  color: #fff !important;
  border-radius: 3px !important;
  font-weight: 700;
}

body#category #products .product-miniature .add-to-cart:hover,
body#category #products .product-miniature .btn-primary:hover {
  background: #c7352e !important;
}

/* Coeur / favoris */
body#category #products .product-miniature .wishlist-button-add,
body#category #products .product-miniature .leo-wishlist-button {
  color: #414a2b;
}

/* --- Fiche produit --- */
body#product #content {
  background: #f8f4e9;
  border: 1px solid #d7cfbc;
  box-shadow: 0 5px 16px rgba(0,0,0,.07);
  padding: 24px;
}

body#product .product-detail {
  background: transparent;
}

body#product .product-information,
body#product .product-prices,
body#product .product-actions {
  color: #1f231d;
}

body#product .h1,
body#product h1 {
  color: #414a2b;
  font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}

body#product .current-price-value,
body#product .product-price,
body#product .current-price {
  color: #c7352e !important;
  font-weight: 900;
}

body#product .regular-price {
  color: #77705f !important;
}

body#product .product-quantity .add-to-cart,
body#product .product-add-to-cart .add-to-cart,
body#product .product-actions .add-to-cart {
  background: #414a2b !important;
  border-color: #414a2b !important;
  color: #fff !important;
  border-radius: 3px !important;
  font-weight: 800;
  text-transform: uppercase;
}

body#product .product-quantity .add-to-cart:hover,
body#product .product-add-to-cart .add-to-cart:hover,
body#product .product-actions .add-to-cart:hover {
  background: #c7352e !important;
  border-color: #c7352e !important;
}

body#product .tabs,
body#product .product-tabs {
  border-top: 1px solid #d7cfbc;
}

body#product .tabs .nav-tabs .nav-link,
body#product .product-tabs .nav-tabs .nav-link {
  color: #414a2b;
  font-weight: 700;
}

body#product .tabs .nav-tabs .nav-link.active,
body#product .product-tabs .nav-tabs .nav-link.active {
  color: #c7352e;
  border-color: #c7352e #d7cfbc #f8f4e9;
}

/* Produits associés sur les fiches */
body#product .product-accessories {
  margin-top: 24px;
}

body#product .product-accessories h2,
body#product .product-accessories .products-section-title {
  color: #414a2b;
  font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media (max-width: 991px) {
  body#category #products .products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  body#category #content {
    padding: 14px;
  }

  body#category #products .products {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   RETRO-ATELIER 2.3.1 — FINITIONS CATALOGUE PEINTURES
   - pancarte rouge plus compacte, sans pictogramme de pot
   - bouton panier assorti à l'accueil, à droite du prix
   - un seul petit badge promo ; suppression des rubans natifs doublons
   ========================================================= */
body#category .page-header {
  min-height: 66px !important;
  margin: 0 0 16px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid #d7cfbc !important;
}
body#category .page-header h1 {
  display: block !important;
  width: 360px !important;
  max-width: 100% !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: url("../img/section-signs/peintures.png") left center / 100% 100% no-repeat !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border: 0 !important;
  letter-spacing: 0 !important;
  text-indent: -9999px !important;
}

/* Une seule pastille de promotion : plus de texte flottant ni de -10% natif. */
body#category #products .product-miniature .ra-sale-badge {
  position: absolute !important;
  z-index: 5 !important;
  top: 9px !important;
  left: 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 58px !important;
  height: 25px !important;
  padding: 2px 8px !important;
  background: #c7352e !important;
  color: #fff !important;
  border: 1px solid #9f2b26 !important;
  border-radius: 2px !important;
  box-shadow: 0 2px 4px rgba(0,0,0,.2) !important;
  font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .7px !important;
  transform: rotate(-3deg) !important;
}
body#category #products .product-miniature .product-flags .product-flag.discount,
body#category #products .product-miniature .product-flags .discount,
body#category #products .product-miniature .product-flag.on-sale,
body#category #products .product-miniature .discount-product,
body#category #products .product-miniature .discount-percentage,
body#category #products .product-miniature .discount-amount {
  display: none !important;
}

/* Prix à gauche, petit chariot RETRO-ATELIER à droite sur la même ligne. */
body#category #products .product-miniature .ra-product-buyrow {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 36px !important;
  margin-top: auto !important;
}
body#category #products .product-miniature .product-price-and-shipping {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  text-align: left !important;
}
body#category #products .product-miniature .ra-add-to-cart-form {
  display: flex !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  margin: 0 2px 0 0 !important;
}
body#category #products .product-miniature .ra-add-to-cart,
body#category #products .product-miniature .ra-product-customize {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #414a2b !important;
  color: #f8f4e9 !important;
  border: 0 !important;
  border-radius: 3px !important;
  box-shadow: 0 2px 0 #292f20, 0 3px 6px rgba(0,0,0,.12) !important;
  text-decoration: none !important;
}
body#category #products .product-miniature .ra-add-to-cart:hover,
body#category #products .product-miniature .ra-product-customize:hover {
  background: #c7352e !important;
  color: #fff !important;
}
body#category #products .product-miniature .ra-add-to-cart .material-icons,
body#category #products .product-miniature .ra-product-customize .material-icons {
  color: inherit !important;
  font-size: 21px !important;
}

/* =========================================================
   RETRO-ATELIER 2.3.2 — CORRECTION CIBLAGE PANNEAU CATEGORIE
   Le titre de catégorie PrestaShop 8 est rendu dans .block-category,
   et non dans .page-header : on cible donc le vrai conteneur.
   ========================================================= */
body#category .block-category,
body#category .block-category .card-block,
body#category .block-category .block-category-inner {
  background: #f3eee2 !important;
  border-color: #d7cfbc !important;
  box-shadow: none !important;
}

body#category .block-category {
  padding: 0 0 16px !important;
  margin-bottom: 16px !important;
}

body#category .block-category h1,
body#category .block-category h1.h1,
body#category .block-category .h1,
body#category .block-category-inner h1,
body#category .block-category-inner .h1,
body#category #main .page-header h1 {
  display: block !important;
  width: 360px !important;
  max-width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-color: transparent !important;
  background-image: url("../img/section-signs/peintures.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: 100% 100% !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  letter-spacing: 0 !important;
  text-indent: -9999px !important;
}

body#category .block-category .category-cover,
body#category .block-category .category-cover img {
  display: none !important;
}

/* =========================================================
   RETRO-ATELIER 2.3.3 — TITRES DE CATEGORIES TYPOGRAPHIE
   Retour aux vrais titres PrestaShop : chaque catégorie conserve
   son propre nom (PEINTURES, PIECES DETACHEES, etc.).
   ========================================================= */
body#category .page-header h1,
body#category .block-category h1,
body#category .block-category h1.h1,
body#category .block-category .h1,
body#category .block-category-inner h1,
body#category .block-category-inner .h1,
body#category #main .page-header h1 {
  display: inline-block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 16px !important;
  padding: 0 0 9px !important;
  overflow: visible !important;
  background: none !important;
  background-image: none !important;
  color: #414a2b !important;
  font-family: "Arial Narrow", "Roboto Condensed", "Arial", sans-serif !important;
  font-size: clamp(27px, 2.4vw, 34px) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  text-indent: 0 !important;
  border: 0 !important;
  border-bottom: 3px solid #c7352e !important;
  box-shadow: none !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.55) !important;
}

/* =========================================================
   RETRO-ATELIER 2.3.4 — TITRES DE CATEGORIES PLUS SOIGNES
   Typographie militaire élégante, accent rouge et filet olive.
   Le texte reste dynamique pour afficher le nom de chaque catégorie.
   ========================================================= */
body#category .block-category,
body#category .block-category .card-block,
body#category .block-category .block-category-inner,
body#category #category-description,
body#category .category-description,
body#category #main .page-header {
  background: #f3eee2 !important;
  background-color: #f3eee2 !important;
  border-color: #d7cfbc !important;
  box-shadow: none !important;
}

body#category .block-category {
  padding: 18px 20px 12px !important;
  border: 1px solid #d7cfbc !important;
  border-radius: 3px !important;
  box-shadow: 0 3px 10px rgba(48,56,42,.06) !important;
  margin-bottom: 18px !important;
}

body#category .page-header h1,
body#category .block-category h1,
body#category .block-category h1.h1,
body#category .block-category .h1,
body#category .block-category-inner h1,
body#category .block-category-inner .h1,
body#category #main .page-header h1 {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 14px !important;
  padding: 1px 0 13px 15px !important;
  overflow: visible !important;
  background: transparent !important;
  background-image: none !important;
  color: #414a2b !important;
  font-family: "Arial Narrow", "Roboto Condensed", "Impact", Arial, sans-serif !important;
  font-size: clamp(29px, 2.5vw, 36px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: 1.25px !important;
  text-transform: uppercase !important;
  text-indent: 0 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.65) !important;
}

body#category .page-header h1::before,
body#category .block-category h1::before,
body#category .block-category h1.h1::before,
body#category .block-category .h1::before,
body#category .block-category-inner h1::before,
body#category .block-category-inner .h1::before,
body#category #main .page-header h1::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 2px !important;
  bottom: 13px !important;
  width: 5px !important;
  background: #c7352e !important;
  border-radius: 1px !important;
  box-shadow: 1px 0 0 rgba(255,255,255,.5) !important;
}

body#category .page-header h1::after,
body#category .block-category h1::after,
body#category .block-category h1.h1::after,
body#category .block-category .h1::after,
body#category .block-category-inner h1::after,
body#category .block-category-inner .h1::after,
body#category #main .page-header h1::after {
  content: "" !important;
  position: absolute !important;
  left: 15px !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 2px !important;
  background: linear-gradient(to right, #c7352e 0, #c7352e 74px, #414a2b 74px, #414a2b 100%) !important;
  opacity: .9 !important;
}

@media (max-width: 767px) {
  body#category .block-category { padding: 14px 14px 8px !important; }
  body#category .page-header h1,
  body#category .block-category h1,
  body#category .block-category h1.h1,
  body#category .block-category .h1,
  body#category .block-category-inner h1,
  body#category .block-category-inner .h1,
  body#category #main .page-header h1 {
    font-size: 27px !important;
    letter-spacing: .8px !important;
  }
}


/* =========================================================
   RETRO-ATELIER 2.3.5 — TITRES DE CATEGORIES : VERSION PLUS ELEGANTE
   Moins massif, plus éditorial, avec un accent rouge discret.
   Les titres restent dynamiques selon la catégorie PrestaShop.
   ========================================================= */
body#category .block-category,
body#category .block-category .card-block,
body#category .block-category .block-category-inner,
body#category #category-description,
body#category .category-description,
body#category #main .page-header {
  background: #f3eee2 !important;
  background-color: #f3eee2 !important;
}

body#category .block-category {
  padding: 17px 20px 10px !important;
  border: 1px solid #d7cfbc !important;
  border-radius: 3px !important;
  box-shadow: 0 3px 10px rgba(48,56,42,.045) !important;
  margin-bottom: 16px !important;
}

body#category .page-header h1,
body#category .block-category h1,
body#category .block-category h1.h1,
body#category .block-category .h1,
body#category .block-category-inner h1,
body#category .block-category-inner .h1,
body#category #main .page-header h1 {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 12px !important;
  padding: 2px 0 12px 13px !important;
  overflow: visible !important;
  background: transparent !important;
  background-image: none !important;
  color: #414a2b !important;
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif !important;
  font-size: clamp(24px, 2vw, 29px) !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  letter-spacing: 1.65px !important;
  text-transform: uppercase !important;
  text-indent: 0 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.55) !important;
}

body#category .page-header h1::before,
body#category .block-category h1::before,
body#category .block-category h1.h1::before,
body#category .block-category .h1::before,
body#category .block-category-inner h1::before,
body#category .block-category-inner .h1::before,
body#category #main .page-header h1::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 5px !important;
  bottom: 17px !important;
  width: 3px !important;
  background: #c7352e !important;
  border-radius: 1px !important;
  box-shadow: none !important;
}

body#category .page-header h1::after,
body#category .block-category h1::after,
body#category .block-category h1.h1::after,
body#category .block-category .h1::after,
body#category .block-category-inner h1::after,
body#category .block-category-inner .h1::after,
body#category #main .page-header h1::after {
  content: "" !important;
  position: absolute !important;
  left: 13px !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 1px !important;
  background: linear-gradient(to right, #c7352e 0, #c7352e 54px, #cfc6b1 54px, #cfc6b1 100%) !important;
  opacity: 1 !important;
}

@media (max-width: 767px) {
  body#category .block-category { padding: 13px 13px 7px !important; }
  body#category .page-header h1,
  body#category .block-category h1,
  body#category .block-category h1.h1,
  body#category .block-category .h1,
  body#category .block-category-inner h1,
  body#category .block-category-inner .h1,
  body#category #main .page-header h1 {
    font-size: 24px !important;
    letter-spacing: 1.1px !important;
    padding-bottom: 10px !important;
  }
}

/* =========================================================
   RETRO-ATELIER 2.3.6 — TITRE CATEGORIE SANS GRAND CADRE
   Présentation éditoriale compacte : on retire le panneau vide
   et on conserve uniquement le titre stylisé et son filet.
   ========================================================= */
body#category .block-category,
body#category .block-category .card-block,
body#category .block-category .block-category-inner,
body#category #category-description,
body#category .category-description,
body#category #main .page-header {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  height: auto !important;
}

body#category .block-category {
  padding: 0 !important;
  margin: 0 0 12px !important;
}

body#category .block-category .block-category-inner,
body#category .block-category .card-block,
body#category #main .page-header {
  padding: 0 !important;
  margin: 0 !important;
}

body#category .page-header h1,
body#category .block-category h1,
body#category .block-category h1.h1,
body#category .block-category .h1,
body#category .block-category-inner h1,
body#category .block-category-inner .h1,
body#category #main .page-header h1 {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 0 18px !important;
  padding: 0 0 11px 13px !important;
  color: #414a2b !important;
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif !important;
  font-size: clamp(22px, 1.8vw, 27px) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body#category .page-header h1::before,
body#category .block-category h1::before,
body#category .block-category h1.h1::before,
body#category .block-category .h1::before,
body#category .block-category-inner h1::before,
body#category .block-category-inner .h1::before,
body#category #main .page-header h1::before {
  top: 1px !important;
  bottom: 12px !important;
  width: 3px !important;
  background: #c7352e !important;
}

body#category .page-header h1::after,
body#category .block-category h1::after,
body#category .block-category h1.h1::after,
body#category .block-category .h1::after,
body#category .block-category-inner h1::after,
body#category .block-category-inner .h1::after,
body#category #main .page-header h1::after {
  left: 13px !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 1px !important;
  background: linear-gradient(to right, #c7352e 0, #c7352e 54px, #cfc6b1 54px, #cfc6b1 100%) !important;
}

@media (max-width: 767px) {
  body#category .block-category { padding: 0 !important; margin-bottom: 10px !important; }
  body#category .page-header h1,
  body#category .block-category h1,
  body#category .block-category h1.h1,
  body#category .block-category .h1,
  body#category .block-category-inner h1,
  body#category .block-category-inner .h1,
  body#category #main .page-header h1 {
    font-size: 22px !important;
    letter-spacing: .8px !important;
    padding-bottom: 9px !important;
  }
}

/* RETRO-ATELIER 2.3.7 — suppression du trait sombre sous le panier au survol */
body#category #products .product-miniature .ra-add-to-cart:hover,
body#category #products .product-miniature .ra-add-to-cart:focus,
body#category #products .product-miniature .ra-add-to-cart:active,
body#category #products .product-miniature .ra-product-customize:hover,
body#category #products .product-miniature .ra-product-customize:focus,
body#category #products .product-miniature .ra-product-customize:active {
  background: #c7352e !important;
  color: #fff !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: 0 2px 0 #8f2924, 0 3px 6px rgba(0,0,0,.12) !important;
  text-decoration: none !important;
}
body#category #products .product-miniature .ra-add-to-cart::before,
body#category #products .product-miniature .ra-add-to-cart::after,
body#category #products .product-miniature .ra-product-customize::before,
body#category #products .product-miniature .ra-product-customize::after {
  border: 0 !important;
  box-shadow: none !important;
}

/* RETRO-ATELIER 2.3.9 — contour homogène des cartes produits
   Un seul contour fin : pas de pseudo-élément doublant le bord inférieur. */
body#category #products .product-miniature {
  position: relative !important;
  box-sizing: border-box !important;
  border: 1px solid #d7cfbc !important;
  border-radius: 2px !important;
  box-shadow: 0 3px 8px rgba(48,56,42,.045) !important;
  overflow: visible !important;
}
body#category #products .product-miniature::after {
  content: none !important;
  display: none !important;
}

/* RETRO-ATELIER 2.3.10 — bord inférieur réellement visible et continu */
body#category #products .product-miniature,
body#category #products .product-miniature .thumbnail-container {
  box-sizing: border-box !important;
}
body#category #products .product-miniature {
  border: 1px solid #c9bea8 !important;
  border-bottom: 1px solid #c9bea8 !important;
  border-radius: 2px !important;
  box-shadow: 0 2px 5px rgba(48,56,42,.035) !important;
  background-clip: padding-box !important;
}
body#category #products .product-miniature .thumbnail-container {
  border: 0 !important;
  margin: 0 !important;
}


/* RETRO-ATELIER 2.3.11 — fermeture nette du bas des cartes catalogue
   Le bord inférieur est dessiné une seule fois, au ras de la carte. */
body#category #products .product-miniature {
  position: relative !important;
  border-bottom: 0 !important;
}
body#category #products .product-miniature::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 1px !important;
  background: #c9bea8 !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

/* =========================================================
   RETRO-ATELIER 2.4.0 — HARMONISATION DES FICHES PRODUIT
   Basée sur la 2.3.11 validée. Les éléments fonctionnels restent natifs.
   ========================================================= */
body#product,
body#product #wrapper,
body#product #main,
body#product #content-wrapper,
body#product #products,
body#product .breadcrumb {
  background: #f3eee2 !important;
  color: #1f231d;
}

body#product #content {
  background: #f3eee2 !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 18px 0 24px !important;
}

/* Galerie et vignette principale : cadre papier discret */
body#product .product-cover,
body#product .images-container .product-cover,
body#product .images-container .product-images,
body#product .product-images > li.thumb-container {
  background: #f8f4e9 !important;
}
body#product .product-cover {
  border: 1px solid #d7cfbc;
  padding: 10px;
  box-shadow: 0 4px 12px rgba(48,56,42,.06);
}
body#product .product-images > li.thumb-container {
  border: 1px solid transparent;
  padding: 3px;
}
body#product .product-images > li.thumb-container .thumb.selected,
body#product .product-images > li.thumb-container .thumb:hover {
  border: 2px solid #414a2b !important;
}

/* Titre et informations */
body#product .product-information,
body#product .product-prices,
body#product .product-actions,
body#product .product-variants,
body#product .product-customization {
  color: #1f231d !important;
}
body#product h1,
body#product .h1 {
  color: #414a2b !important;
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif !important;
  font-size: clamp(23px, 2vw, 29px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: .45px !important;
  text-transform: uppercase;
}
body#product .product-prices .current-price-value,
body#product .product-prices .current-price,
body#product .product-prices .price,
body#product .product-prices .product-price {
  color: #c7352e !important;
  font-weight: 800 !important;
}
body#product .product-prices .regular-price,
body#product .product-prices .discount {
  color: #77705f !important;
}
body#product .product-prices .discount-percentage,
body#product .product-prices .discount-amount,
body#product .product-prices .product-discount .discount {
  display: inline-block;
  background: #c7352e !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 2px !important;
  padding: 4px 8px !important;
  font-weight: 800 !important;
}
body#product .product-prices .tax-shipping-delivery-label,
body#product .product-prices .product-unit-price {
  color: #77705f !important;
}

/* Quantité, panier et favoris */
body#product .product-quantity .qty,
body#product .product-quantity .input-group,
body#product .product-quantity input {
  border-color: #cfc7b5 !important;
  border-radius: 2px !important;
}
body#product .product-quantity .add-to-cart,
body#product .product-add-to-cart .add-to-cart,
body#product .product-actions .add-to-cart {
  background: #414a2b !important;
  border: 1px solid #414a2b !important;
  color: #fff !important;
  border-radius: 3px !important;
  box-shadow: 0 2px 0 #303820, 0 3px 6px rgba(0,0,0,.10) !important;
  font-weight: 800 !important;
  letter-spacing: .2px;
  text-transform: uppercase;
}
body#product .product-quantity .add-to-cart:hover,
body#product .product-add-to-cart .add-to-cart:hover,
body#product .product-actions .add-to-cart:hover {
  background: #c7352e !important;
  border-color: #c7352e !important;
  box-shadow: 0 2px 0 #9f2b26, 0 3px 6px rgba(0,0,0,.10) !important;
}
body#product .product-actions .wishlist-button-add,
body#product .product-actions .leo-wishlist-button {
  color: #414a2b !important;
  border-color: #d7cfbc !important;
}

/* Partage et avis : fini le bleu Bootstrap */
body#product .social-sharing li a,
body#product .social-sharing a {
  background: #ebe4d3 !important;
  color: #414a2b !important;
  border: 1px solid #d7cfbc !important;
  box-shadow: none !important;
}
body#product .social-sharing li a:hover,
body#product .social-sharing a:hover {
  background: #414a2b !important;
  color: #fff !important;
}
body#product .btn-comment,
body#product .open-comment-form,
body#product .product-comments-additional-info .btn,
body#product .product-comment-list .btn,
body#product .btn-secondary {
  background: #414a2b !important;
  color: #fff !important;
  border-color: #414a2b !important;
  border-radius: 3px !important;
  box-shadow: 0 2px 0 #303820 !important;
}
body#product .btn-comment:hover,
body#product .open-comment-form:hover,
body#product .product-comments-additional-info .btn:hover,
body#product .product-comment-list .btn:hover,
body#product .btn-secondary:hover {
  background: #c7352e !important;
  border-color: #c7352e !important;
}

/* Description et onglets */
body#product .tabs,
body#product .product-tabs,
body#product .tabs .tab-content,
body#product .product-tabs .tab-content,
body#product .tabs .tab-pane,
body#product .product-tabs .tab-pane,
body#product #description,
body#product #product-details,
body#product .product-description {
  background: #f8f4e9 !important;
  color: #34372e !important;
}
body#product .tabs,
body#product .product-tabs {
  border: 1px solid #d7cfbc !important;
  padding: 12px 16px !important;
  box-shadow: 0 3px 10px rgba(48,56,42,.04);
}
body#product .tabs .nav-tabs,
body#product .product-tabs .nav-tabs {
  border-bottom: 1px solid #d7cfbc !important;
}
body#product .tabs .nav-tabs .nav-link,
body#product .product-tabs .nav-tabs .nav-link {
  background: transparent !important;
  border: 0 !important;
  color: #414a2b !important;
  font-weight: 700 !important;
}
body#product .tabs .nav-tabs .nav-link.active,
body#product .product-tabs .nav-tabs .nav-link.active {
  color: #c7352e !important;
  border-bottom: 2px solid #c7352e !important;
}
body#product .tabs p,
body#product .product-tabs p,
body#product #description p {
  color: #4b4b42;
  line-height: 1.55;
}

/* Produits associés : mêmes cartes papier que le catalogue */
body#product .product-accessories {
  margin-top: 28px !important;
}
body#product .product-accessories h2,
body#product .product-accessories .products-section-title {
  color: #414a2b !important;
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  letter-spacing: .65px !important;
  text-transform: uppercase;
  margin-bottom: 14px !important;
  padding-bottom: 8px;
  border-bottom: 1px solid #d7cfbc;
}
body#product .product-accessories .product-miniature {
  background: #f8f4e9 !important;
  border: 1px solid #d7cfbc !important;
  border-radius: 2px !important;
  box-shadow: 0 3px 8px rgba(48,56,42,.045) !important;
  overflow: hidden !important;
  transition: none !important;
}
body#product .product-accessories .product-miniature:hover {
  transform: none !important;
  box-shadow: 0 3px 8px rgba(48,56,42,.045) !important;
}
body#product .product-accessories .thumbnail-container,
body#product .product-accessories .thumbnail-top,
body#product .product-accessories .product-description {
  background: #f8f4e9 !important;
}
body#product .product-accessories .product-description {
  padding: 12px !important;
  min-height: 112px;
}
body#product .product-accessories .product-title,
body#product .product-accessories .product-title a {
  color: #1f231d !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}
body#product .product-accessories .product-title a:hover {
  color: #c7352e !important;
}
body#product .product-accessories .price {
  color: #c7352e !important;
  font-weight: 800 !important;
}
body#product .product-accessories .regular-price {
  color: #77705f !important;
}
body#product .product-accessories .add-to-cart,
body#product .product-accessories .btn-primary,
body#product .product-accessories .ra-add-to-cart {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 34px;
  padding: 5px !important;
  background: #414a2b !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 3px !important;
  box-shadow: 0 2px 0 #303820, 0 3px 5px rgba(0,0,0,.08) !important;
}
body#product .product-accessories .add-to-cart:hover,
body#product .product-accessories .btn-primary:hover,
body#product .product-accessories .ra-add-to-cart:hover {
  background: #c7352e !important;
  color: #fff !important;
  box-shadow: 0 2px 0 #9f2b26, 0 3px 5px rgba(0,0,0,.08) !important;
}
body#product .product-accessories .material-icons {
  color: #fff !important;
}

/* Commentaires : papier beige, sans grands panneaux blancs */
body#product #product-comments-list,
body#product #product-comments-list .comment,
body#product .product-comments-additional-info,
body#product #post-product-comment-modal .modal-content,
body#product .product-comment-list {
  background: #f8f4e9 !important;
  border-color: #d7cfbc !important;
  color: #34372e !important;
}
body#product #product-comments-list,
body#product .product-comment-list {
  border: 1px solid #d7cfbc !important;
  padding: 14px !important;
}

@media (max-width: 767px) {
  body#product #content { padding: 12px 0 18px !important; }
  body#product .product-cover { padding: 6px; }
  body#product .tabs, body#product .product-tabs { padding: 9px !important; }
  body#product .product-accessories .product-description { padding: 8px !important; }
}

/* =========================================================
   RETRO-ATELIER 2.4.1 — FINITIONS FICHE PRODUIT
   Accessoires compacts, badge promo cohérent, pancarte rouge,
   et icônes de partage à nouveau visibles.
   ========================================================= */

/* 1. Produits associés : cartes moins hautes et prix/chariot sur une ligne */
body#product .product-accessories .product-description {
  min-height: 0 !important;
  height: auto !important;
  padding: 9px 11px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}
body#product .product-accessories .product-title {
  margin: 2px 0 8px !important;
  min-height: 0 !important;
  height: auto !important;
}
body#product .product-accessories .ra-product-buyrow {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: auto !important;
}
body#product .product-accessories .product-price-and-shipping {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 4px 7px !important;
  margin: 0 !important;
  text-align: left !important;
}
body#product .product-accessories .ra-add-to-cart-form {
  margin: 0 0 0 auto !important;
  flex: 0 0 auto !important;
}
body#product .product-accessories .ra-add-to-cart,
body#product .product-accessories .add-to-cart,
body#product .product-accessories .btn-primary {
  margin: 0 !important;
}
body#product .product-accessories .thumbnail-top {
  margin-bottom: 0 !important;
}

/* 2. Un seul badge PROMO rouge sur la photo principale */
body#product .product-cover {
  position: relative !important;
  overflow: visible !important;
}
body#product .product-cover::before {
  content: "PROMO";
  position: absolute;
  z-index: 8;
  top: 13px;
  left: -7px;
  display: block;
  padding: 5px 13px 5px 15px;
  color: #fff;
  background: linear-gradient(180deg, #d2473f 0%, #b52e28 100%);
  border: 1px solid #f3eee2;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0,0,0,.2), inset 0 0 0 1px rgba(255,255,255,.12);
  font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 1px;
  line-height: 1.15;
  transform: rotate(-4deg);
  pointer-events: none;
}
body#product .product-flags .product-flag.discount,
body#product .product-flags .product-flag.on-sale,
body#product .product-flags .discount-percentage,
body#product .product-flags .discount-amount {
  display: none !important;
}
body#product .product-prices .discount,
body#product .product-prices .discount-percentage,
body#product .product-prices .discount-amount,
body#product .product-prices .product-discount {
  display: none !important;
}

/* 3. Bouton AJOUTER AU PANIER façon plaque militaire rouge */
body#product .product-quantity .add-to-cart,
body#product .product-add-to-cart .add-to-cart,
body#product .product-actions .add-to-cart {
  position: relative !important;
  min-height: 46px !important;
  padding: 10px 25px !important;
  background-color: #bd332c !important;
  background-image:
    radial-gradient(circle at 9px 50%, #5b3027 0 3px, #d0a18a 3.4px, transparent 4.2px),
    radial-gradient(circle at calc(100% - 9px) 50%, #5b3027 0 3px, #d0a18a 3.4px, transparent 4.2px),
    linear-gradient(180deg, #c9433b 0%, #b42e28 100%) !important;
  color: #fff8e9 !important;
  border: 2px solid #7f332b !important;
  border-radius: 4px !important;
  box-shadow: inset 0 0 0 1px rgba(255,235,207,.24), 0 3px 0 #792a24, 0 5px 8px rgba(0,0,0,.10) !important;
  font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: .7px !important;
  text-shadow: 0 1px rgba(0,0,0,.16);
}
body#product .product-quantity .add-to-cart:hover,
body#product .product-add-to-cart .add-to-cart:hover,
body#product .product-actions .add-to-cart:hover {
  background-color: #a92924 !important;
  background-image:
    radial-gradient(circle at 9px 50%, #4b2822 0 3px, #c18f78 3.4px, transparent 4.2px),
    radial-gradient(circle at calc(100% - 9px) 50%, #4b2822 0 3px, #c18f78 3.4px, transparent 4.2px),
    linear-gradient(180deg, #b93730 0%, #9f2520 100%) !important;
  border-color: #702720 !important;
  box-shadow: inset 0 0 0 1px rgba(255,235,207,.2), 0 3px 0 #68221d, 0 5px 8px rgba(0,0,0,.12) !important;
}

/* 4. Partage : restaurer des symboles visibles sans dépendre d'un sprite */
body#product .social-sharing ul,
body#product .social-sharing {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}
body#product .social-sharing li {
  list-style: none !important;
  margin: 0 !important;
}
body#product .social-sharing li a,
body#product .social-sharing a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 50% !important;
  background-image: none !important;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 0 !important;
  box-shadow: 0 2px 5px rgba(0,0,0,.12) !important;
}
body#product .social-sharing li.facebook a { background-color: #3b5998 !important; }
body#product .social-sharing li.twitter a { background-color: #35a9e8 !important; }
body#product .social-sharing li.pinterest a { background-color: #bd081c !important; }
body#product .social-sharing li a::before {
  display: block !important;
  color: #fff !important;
  font-family: Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
body#product .social-sharing li.facebook a::before { content: "f"; }
body#product .social-sharing li.twitter a::before { content: "𝕏"; font-size: 17px !important; }
body#product .social-sharing li.pinterest a::before { content: "P"; font-family: Georgia, serif !important; font-style: italic !important; }
body#product .social-sharing li a i,
body#product .social-sharing li a span { display: none !important; }
body#product .social-sharing li a:hover { filter: brightness(.9); transform: translateY(-1px); }

@media (max-width: 767px) {
  body#product .product-cover::before { top: 9px; left: -3px; font-size: 12px; }
  body#product .product-quantity .add-to-cart,
  body#product .product-add-to-cart .add-to-cart,
  body#product .product-actions .add-to-cart { padding: 9px 18px !important; }
}

/* =========================================================
   RETRO-ATELIER 2.4.2 — VRAIE PANCARTE AJOUTER AU PANIER
   Utilise la plaque rouge illustrée, dans le style de COMMANDER.
   Le libellé HTML reste présent pour l'accessibilité, mais l'image
   fournit le rendu visuel du bouton.
   ========================================================= */
body#product .product-quantity .add-to-cart,
body#product .product-add-to-cart .add-to-cart,
body#product .product-actions .add-to-cart {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 300px !important;
  max-width: 100% !important;
  height: 55px !important;
  min-height: 55px !important;
  padding: 0 !important;
  background: transparent url('../img/section-signs/ajouter-au-panier.png') center center / 100% 100% no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-shadow: none !important;
  overflow: hidden !important;
  transition: filter .15s ease, transform .15s ease !important;
}
body#product .product-quantity .add-to-cart > *,
body#product .product-add-to-cart .add-to-cart > *,
body#product .product-actions .add-to-cart > * {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
body#product .product-quantity .add-to-cart:hover,
body#product .product-add-to-cart .add-to-cart:hover,
body#product .product-actions .add-to-cart:hover {
  background-color: transparent !important;
  background-image: url('../img/section-signs/ajouter-au-panier.png') !important;
  background-size: 100% 100% !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: brightness(1.08) saturate(1.04) !important;
  transform: translateY(-1px) !important;
}
body#product .product-quantity .add-to-cart:active,
body#product .product-add-to-cart .add-to-cart:active,
body#product .product-actions .add-to-cart:active {
  transform: translateY(1px) !important;
  filter: brightness(.96) !important;
}
@media (max-width: 767px) {
  body#product .product-quantity .add-to-cart,
  body#product .product-add-to-cart .add-to-cart,
  body#product .product-actions .add-to-cart {
    width: 255px !important;
    height: 47px !important;
    min-height: 47px !important;
  }
}

/* RETRO-ATELIER 2.4.3 — Plaque sans chariot + ancien prix visible */
body#product .product-prices .regular-price,
body#product .product-prices .regular-price span,
body#product .product-prices .regular-price .price {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #77705f !important;
  text-decoration: line-through !important;
  font-size: 0.92em !important;
  font-weight: 500 !important;
  margin-right: 10px !important;
}
body#product .product-prices .discount,
body#product .product-prices .discount-percentage,
body#product .product-prices .discount-amount,
body#product .product-prices .product-discount {
  display: none !important;
}


/* RETRO-ATELIER 2.4.4 — Corrections rendu au survol et prix barré */
/* Le fond de la pancarte doit garder les mêmes dimensions au survol. */
body#product .product-quantity .add-to-cart:hover,
body#product .product-add-to-cart .add-to-cart:hover,
body#product .product-actions .add-to-cart:hover {
  background-size: 100% 100% !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
/* Le conteneur du prix normal peut aussi contenir l'ancien prix : on le garde visible. */
body#product .product-prices .product-discount {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}
body#product .product-prices .product-discount .regular-price,
body#product .product-prices .regular-price {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #77705f !important;
  text-decoration: line-through !important;
}
body#product .product-prices .product-discount .discount,
body#product .product-prices .product-discount .discount-percentage,
body#product .product-prices .product-discount .discount-amount {
  display: none !important;
}

/* RETRO-ATELIER 2.4.5 — icônes de partage : Facebook / Instagram / Pinterest */
body#product .social-sharing li.facebook a { background-color: #1877f2 !important; }
body#product .social-sharing li.twitter a { background: linear-gradient(135deg,#833ab4 0%,#fd1d1d 52%,#fcb045 100%) !important; }
body#product .social-sharing li.pinterest a { background-color: #bd081c !important; }
body#product .social-sharing li.facebook a::before,
body#product .social-sharing li.twitter a::before,
body#product .social-sharing li.pinterest a::before {
  content: "" !important;
  display: block !important;
  width: 19px !important;
  height: 19px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  font-size: 0 !important;
}
body#product .social-sharing li.facebook a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M13.5 21v-8h2.7l.4-3.1h-3.1v-2c0-.9.3-1.5 1.6-1.5h1.7V3.6c-.3 0-1.4-.1-2.6-.1-2.6 0-4.4 1.6-4.4 4.5v1.9H7V13h2.8v8z'/%3E%3C/svg%3E") !important;
}
/* Le module PrestaShop nomme encore cette entrée « twitter » : elle est convertie en Instagram par le script du thème. */
body#product .social-sharing li.twitter a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1' fill='%23fff' stroke='none'/%3E%3C/svg%3E") !important;
}
body#product .social-sharing li.pinterest a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12.2 2.5c-5.2 0-7.9 3.7-7.9 6.8 0 1.9.7 3.6 2.3 4.2.3.1.6 0 .7-.4l.2-.8c.1-.3.1-.5-.2-.8-.5-.6-.8-1.3-.8-2.4 0-3.1 2.3-5.9 6-5.9 3.3 0 5.1 2 5.1 4.7 0 3.6-1.6 6.7-4 6.7-1.3 0-2.2-1.1-1.9-2.4.4-1.6 1.1-3.3 1.1-4.5 0-1-.5-1.8-1.6-1.8-1.3 0-2.3 1.4-2.3 3.2 0 1.2.4 2 .4 2s-1.4 5.8-1.6 6.8c-.5 2-.1 4.5 0 4.7.1.1.2.1.3 0 .2-.3 1.7-2.1 2.2-4.1.2-.6.8-3.2.8-3.2.4.8 1.6 1.5 2.9 1.5 3.8 0 6.4-3.5 6.4-8.2 0-3.6-3-7.1-8-7.1z'/%3E%3C/svg%3E") !important;
}

/* RETRO-ATELIER 2.4.6 — partage discret vert sur beige clair */
body#product .social-sharing li a,
body#product .social-sharing a {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 50% !important;
  background: #f3eee2 !important;
  border: 1px solid rgba(65,74,43,.08) !important;
  color: #414a2b !important;
  box-shadow: none !important;
  transition: background-color .15s ease, transform .15s ease !important;
}
body#product .social-sharing li.facebook a,
body#product .social-sharing li.twitter a,
body#product .social-sharing li.pinterest a {
  background: #f3eee2 !important;
}
body#product .social-sharing li.facebook a::before,
body#product .social-sharing li.twitter a::before,
body#product .social-sharing li.pinterest a::before {
  width: 17px !important;
  height: 17px !important;
  background-size: contain !important;
}
body#product .social-sharing li.facebook a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23414a2b' d='M13.5 21v-8h2.7l.4-3.1h-3.1v-2c0-.9.3-1.5 1.6-1.5h1.7V3.6c-.3 0-1.4-.1-2.6-.1-2.6 0-4.4 1.6-4.4 4.5v1.9H7V13h2.8v8z'/%3E%3C/svg%3E") !important;
}
body#product .social-sharing li.twitter a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23414a2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1' fill='%23414a2b' stroke='none'/%3E%3C/svg%3E") !important;
}
body#product .social-sharing li.pinterest a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23414a2b' d='M12.2 2.5c-5.2 0-7.9 3.7-7.9 6.8 0 1.9.7 3.6 2.3 4.2.3.1.6 0 .7-.4l.2-.8c.1-.3.1-.5-.2-.8-.5-.6-.8-1.3-.8-2.4 0-3.1 2.3-5.9 6-5.9 3.3 0 5.1 2 5.1 4.7 0 3.6-1.6 6.7-4 6.7-1.3 0-2.2-1.1-1.9-2.4.4-1.6 1.1-3.3 1.1-4.5 0-1-.5-1.8-1.6-1.8-1.3 0-2.3 1.4-2.3 3.2 0 1.2.4 2 .4 2s-1.4 5.8-1.6 6.8c-.5 2-.1 4.5 0 4.7.1.1.2.1.3 0 .2-.3 1.7-2.1 2.2-4.1.2-.6.8-3.2.8-3.2.4.8 1.6 1.5 2.9 1.5 3.8 0 6.4-3.5 6.4-8.2 0-3.6-3-7.1-8-7.1z'/%3E%3C/svg%3E") !important;
}
body#product .social-sharing li a:hover {
  background: #ebe4d3 !important;
  transform: translateY(-1px) !important;
  filter: none !important;
}

/* RETRO-ATELIER 2.4.7 — Nettoyage partage et suppression du bouton d'avis */
/* Retire les cercles blancs hérités du thème/module derrière les icônes sociales. */
body#product .social-sharing,
body#product .social-sharing ul,
body#product .social-sharing li {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
body#product .social-sharing li {
  padding: 0 !important;
  margin-right: 8px !important;
}
body#product .social-sharing li::before,
body#product .social-sharing li::after,
body#product .social-sharing li a::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
body#product .social-sharing li a,
body#product .social-sharing a {
  box-shadow: none !important;
  outline: 0 !important;
  border: 0 !important;
}
/* Le client ne souhaite plus afficher l'appel à laisser un avis sur la fiche produit. */
body#product .product-comments-additional-info,
body#product .post-product-comment,
body#product .open-comment-form,
body#product .write-review,
body#product #product-comments-list-header .btn,
body#product .product-comment-list-header .btn,
body#product .product-comments .comments-note {
  display: none !important;
}

/* RETRO-ATELIER 2.4.8 — Ajustements fins fiche produit */
/* Prix courant : +2 px pour une meilleure lisibilité. */
body#product .product-prices .current-price-value,
body#product .product-prices .current-price,
body#product .product-prices .price,
body#product .product-prices .product-price {
  font-size: calc(1em + 2px) !important;
}
/* Pancarte Ajouter au panier : dimensions réduites de 2 px. */
body#product .product-quantity .add-to-cart,
body#product .product-add-to-cart .add-to-cart,
body#product .product-actions .add-to-cart {
  width: 298px !important;
  height: 53px !important;
  min-height: 53px !important;
}
@media (max-width: 767px) {
  body#product .product-quantity .add-to-cart,
  body#product .product-add-to-cart .add-to-cart,
  body#product .product-actions .add-to-cart {
    width: 253px !important;
    height: 45px !important;
    min-height: 45px !important;
  }
}
/* Rapprochement des icônes Facebook, Instagram et Pinterest. */
body#product .social-sharing li {
  margin-right: 4px !important;
}
body#product .social-sharing ul {
  column-gap: 0 !important;
  gap: 0 !important;
}

/* =========================================================
   RETRO-ATELIER 2.4.10 — PRODUITS ASSOCIÉS
   Compact cards; rename only the heading above related products.
   ========================================================= */
body#product .product-accessories .product-miniature,
body#product .product-accessories .thumbnail-container {
  height: auto !important;
  min-height: 0 !important;
}
body#product .product-accessories .thumbnail-container {
  display: flex !important;
  flex-direction: column !important;
}
body#product .product-accessories .thumbnail-top {
  flex: 0 0 auto !important;
}
body#product .product-accessories .product-description {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 9px 11px 10px !important;
}
body#product .product-accessories .product-title {
  min-height: 0 !important;
  height: auto !important;
  margin: 2px 0 8px !important;
}
body#product .product-accessories .ra-product-buyrow {
  margin-top: 8px !important;
}
/* Rename ONLY the related-products section heading. */
body#product .product-accessories > h2,
body#product .product-accessories > .products-section-title,
body#product .product-accessories .products-section-title {
  font-size: 0 !important;
}
body#product .product-accessories > h2::after,
body#product .product-accessories > .products-section-title::after,
body#product .product-accessories .products-section-title::after {
  content: "NOUS VOUS RECOMMANDONS";
  display: inline-block;
  color: #414a2b;
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .55px;
  line-height: 1.3;
  text-transform: uppercase;
}

/* RETRO-ATELIER 2.4.11 — Pancarte de recommandations et suppression des pastilles blanches */
body#product .product-accessories > h2,
body#product .product-accessories > .products-section-title,
body#product .product-accessories .products-section-title {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 18px !important;
  min-height: 0 !important;
  background: transparent !important;
}
body#product .product-accessories > h2::after,
body#product .product-accessories > .products-section-title::after,
body#product .product-accessories .products-section-title::after {
  content: "" !important;
  display: block !important;
  width: min(620px, 100%) !important;
  height: auto !important;
  aspect-ratio: 785 / 160 !important;
  background-image: url('../img/section-signs/recommandations.png') !important;
  background-position: left center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  font-size: initial !important;
  line-height: normal !important;
}
/* Les pastilles rondes sont les commandes de favoris superposées aux miniatures.
   On les masque uniquement dans les produits recommandés de la fiche produit. */
body#product .product-accessories .wishlist-button-add,
body#product .product-accessories .leo-wishlist-button,
body#product .product-accessories .wishlist-button,
body#product .product-accessories .favorite-button,
body#product .product-accessories .product-wishlist,
body#product .product-accessories .leo-wishlist,
body#product .product-accessories .wishlist {
  display: none !important;
}
body#product .product-accessories .thumbnail-top .wishlist-button-add,
body#product .product-accessories .thumbnail-top .leo-wishlist-button {
  display: none !important;
}


/* =========================================================
   RETRO-ATELIER 2.4.12 — CORRECTION DU TITRE RECOMMANDATIONS
   Le thème Classic utilise un <p class="h5"> pour ce titre.
   ========================================================= */
body#product .product-accessories > p.h5,
body#product .product-accessories > .h5,
body#product .product-accessories > h2,
body#product .product-accessories > .products-section-title,
body#product .product-accessories .products-section-title {
  display: block !important;
  width: min(620px, 100%) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-transform: none !important;
}
body#product .product-accessories > p.h5::before,
body#product .product-accessories > .h5::before,
body#product .product-accessories > h2::before,
body#product .product-accessories > .products-section-title::before,
body#product .product-accessories .products-section-title::before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 785 / 160 !important;
  background: transparent url("../img/section-signs/recommandations.png") left center / contain no-repeat !important;
}
/* Évite qu'un ancien pseudo-élément de titre affiche du texte en plus. */
body#product .product-accessories > p.h5::after,
body#product .product-accessories > .h5::after,
body#product .product-accessories > h2::after,
body#product .product-accessories > .products-section-title::after,
body#product .product-accessories .products-section-title::after {
  content: none !important;
  display: none !important;
}

/* Suppression des boutons/pastilles de favoris dans les cartes recommandées.
   Les liens vers les fiches produit et les boutons panier restent intacts. */
body#product .product-accessories .thumbnail-top button,
body#product .product-accessories .thumbnail-top .btn,
body#product .product-accessories .thumbnail-top .wishlist-button-add,
body#product .product-accessories .thumbnail-top .leo-wishlist-button,
body#product .product-accessories .thumbnail-top .wishlist-button,
body#product .product-accessories .thumbnail-top .favorite-button,
body#product .product-accessories .thumbnail-top .product-wishlist,
body#product .product-accessories .thumbnail-top .leo-wishlist,
body#product .product-accessories .thumbnail-top .wishlist,
body#product .product-accessories .thumbnail-top [class*="wishlist"],
body#product .product-accessories .thumbnail-top [class*="favorite"] {
  display: none !important;
}


/* RETRO-ATELIER 2.4.13 — pancarte recommandations plus petite et sans halo */
body#product .product-accessories > p.h5::before,
body#product .product-accessories > .h5::before,
body#product .product-accessories > h2::before,
body#product .product-accessories > .products-section-title::before,
body#product .product-accessories .products-section-title::before {
  width: min(500px, 72%) !important;
  aspect-ratio: 785 / 160 !important;
  margin: 0 0 16px !important;
  background-color: transparent !important;
  background-image: url("../img/section-signs/recommandations.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
}
body#product .product-accessories > p.h5,
body#product .product-accessories > .h5,
body#product .product-accessories > h2,
body#product .product-accessories > .products-section-title,
body#product .product-accessories .products-section-title {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
}


/* RETRO-ATELIER 2.4.14 — pancarte recommandations à l'horizontale */
body#product .product-accessories > p.h5::before,
body#product .product-accessories > .h5::before,
body#product .product-accessories > h2::before,
body#product .product-accessories > .products-section-title::before,
body#product .product-accessories .products-section-title::before {
  transform: none !important;
  rotate: 0deg !important;
  width: min(430px, 65%) !important;
  aspect-ratio: 785 / 160 !important;
  background-size: 100% 100% !important;
  background-position: left center !important;
}


/* RETRO-ATELIER 2.4.15 — plaque horizontale, fond transparent, sans traits parasites */
body#product .product-accessories > p.h5,
body#product .product-accessories > .h5,
body#product .product-accessories > h2,
body#product .product-accessories > .products-section-title,
body#product .product-accessories .products-section-title {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
}
body#product .product-accessories > p.h5::before,
body#product .product-accessories > .h5::before,
body#product .product-accessories > h2::before,
body#product .product-accessories > .products-section-title::before,
body#product .product-accessories .products-section-title::before {
  display: block !important;
  width: min(430px, 65%) !important;
  height: auto !important;
  aspect-ratio: 785 / 160 !important;
  transform: none !important;
  rotate: 0deg !important;
  background: transparent url("../img/section-signs/recommandations.png") left center / 100% 100% no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
}
body#product .product-accessories > p.h5::after,
body#product .product-accessories > .h5::after,
body#product .product-accessories > h2::after,
body#product .product-accessories > .products-section-title::after,
body#product .product-accessories .products-section-title::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* RETRO-ATELIER 2.4.16 — pancarte recommandations refaite proprement */
body#product .product-accessories > p.h5::before,
body#product .product-accessories > .h5::before,
body#product .product-accessories > h2::before,
body#product .product-accessories > .products-section-title::before,
body#product .product-accessories .products-section-title::before {
  content: "" !important;
  display: block !important;
  width: min(430px, 65%) !important;
  height: auto !important;
  aspect-ratio: 680 / 105 !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  transform: none !important;
  rotate: 0deg !important;
  background-color: transparent !important;
  background-image: url("../img/section-signs/recommandations.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
body#product .product-accessories > p.h5,
body#product .product-accessories > .h5,
body#product .product-accessories > h2,
body#product .product-accessories > .products-section-title,
body#product .product-accessories .products-section-title {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
}
body#product .product-accessories > p.h5::after,
body#product .product-accessories > .h5::after,
body#product .product-accessories > h2::after,
body#product .product-accessories > .products-section-title::after,
body#product .product-accessories .products-section-title::after {
  content: none !important;
  display: none !important;
}


/* RETRO-ATELIER 2.4.18 — pancarte recommandations légèrement réduite, sans coupe à droite */
body#product .product-accessories > p.h5::before,
body#product .product-accessories > .h5::before,
body#product .product-accessories > h2::before,
body#product .product-accessories > .products-section-title::before,
body#product .product-accessories .products-section-title::before {
  width: min(390px, 100%) !important;
  max-width: 100% !important;
  aspect-ratio: 1731 / 257 !important;
  background-size: 100% 100% !important;
  background-position: left center !important;
  box-sizing: border-box !important;
}

/* RETRO-ATELIER 2.4.19 — pancarte recommandations entière, sans découpe à droite */
body#product .product-accessories > p.h5::before,
body#product .product-accessories > .h5::before,
body#product .product-accessories > h2::before,
body#product .product-accessories > .products-section-title::before,
body#product .product-accessories .products-section-title::before {
  display: block !important;
  width: min(320px, calc(100% - 8px)) !important;
  max-width: calc(100% - 8px) !important;
  height: auto !important;
  aspect-ratio: 1731 / 257 !important;
  background-image: url("../img/section-signs/recommandations.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 100% 100% !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}


/* RETRO-ATELIER 2.4.21 — pancarte recommandations propre, complète et non rognée */
body#product .product-accessories > p.h5::before,
body#product .product-accessories > .h5::before,
body#product .product-accessories > h2::before,
body#product .product-accessories > .products-section-title::before,
body#product .product-accessories .products-section-title::before {
  display: block !important;
  width: min(390px, 100%) !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 1200 / 171 !important;
  background: transparent url('../img/section-signs/recommandations.png') center center / contain no-repeat !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  transform: none !important;
  rotate: 0deg !important;
}


/* RETRO-ATELIER 2.4.23 — pancarte recommandations complète, flèches et marges sûres */
body#product .product-accessories > p.h5::before,
body#product .product-accessories > .h5::before,
body#product .product-accessories > h2::before,
body#product .product-accessories > .products-section-title::before,
body#product .product-accessories .products-section-title::before {
  content: "" !important;
  display: block !important;
  width: min(360px, 100%) !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 1815 / 228 !important;
  background-image: url("../img/section-signs/recommandations.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  transform: none !important;
  rotate: 0deg !important;
}

/* RETRO-ATELIER 2.4.25 — nouvelle pancarte beige complète, rouille et rivets */
body#product .product-accessories > p.h5::before,
body#product .product-accessories > .h5::before,
body#product .product-accessories > h2::before,
body#product .product-accessories > .products-section-title::before,
body#product .product-accessories .products-section-title::before {
  content: "" !important;
  display: block !important;
  width: min(360px, 100%) !important;
  max-width: 100% !important;
  aspect-ratio: 1929 / 253 !important;
  height: auto !important;
  background-image: url("../img/section-signs/recommandations.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  transform: none !important;
  rotate: 0deg !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* =========================================================
   RETRO-ATELIER 2.4.26 — CARTES CATALOGUE COMME L'ACCUEIL
   Harmonise les cartes des pages catégories avec celles de
   « Notre sélection » : papier beige, relief discret, prix rouge,
   panier kaki/doré et survol rouge. La grille reste adaptée à la
   largeur de la catégorie (pas de changement de nombre de colonnes).
   ========================================================= */
body#category #products .product-miniature {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: #f8f4e9 !important;
  border: 1px solid #ded7c7 !important;
  border-radius: 4px !important;
  box-shadow: 0 3px 12px rgba(0,0,0,.06) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
body#category #products .product-miniature:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.10) !important;
}
body#category #products .product-miniature .thumbnail-container {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #f8f4e9 !important;
  border: 0 !important;
  box-shadow: none !important;
}
body#category #products .product-miniature .thumbnail-top {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #f8f4e9 !important;
  border: 0 !important;
  box-shadow: none !important;
}
body#category #products .product-miniature .thumbnail-top > a.thumbnail,
body#category #products .product-miniature .thumbnail-top > a.product-thumbnail {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #f8f4e9 !important;
  box-shadow: none !important;
}
body#category #products .product-miniature .thumbnail-top img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  background: #f8f4e9 !important;
}
body#category #products .product-miniature .product-description {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-height: 104px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 8px 10px 10px !important;
  background: #f8f4e9 !important;
  border: 0 !important;
  text-align: left !important;
  box-shadow: none !important;
}
body#category #products .product-miniature .product-title,
body#category #products .product-miniature .product-title a {
  color: #1f231d !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  text-align: left !important;
}
body#category #products .product-miniature .product-title {
  display: block !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 0 5px !important;
  overflow: hidden !important;
}
body#category #products .product-miniature .product-title a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  text-decoration: none !important;
}
body#category #products .product-miniature .product-title a:hover {
  color: #1f231d !important;
}
body#category #products .product-miniature .ra-product-buyrow {
  display: flex !important;
  flex: 1 0 auto !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 38px !important;
  margin: auto 0 0 !important;
  padding: 0 !important;
}
body#category #products .product-miniature .product-price-and-shipping {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
body#category #products .product-miniature .product-price-and-shipping .price,
body#category #products .product-miniature .price {
  color: #c7352e !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}
body#category #products .product-miniature .regular-price {
  color: #77705f !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}
body#category #products .product-miniature .ra-add-to-cart-form {
  display: flex !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body#category #products .product-miniature .ra-add-to-cart,
body#category #products .product-miniature .ra-product-customize {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #858d63 !important;
  color: #fff !important;
  border: 1px solid #727a52 !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 5px rgba(0,0,0,.16) !important;
  text-decoration: none !important;
  transition: background .15s ease, transform .15s ease !important;
}
body#category #products .product-miniature .ra-add-to-cart:hover,
body#category #products .product-miniature .ra-product-customize:hover,
body#category #products .product-miniature .ra-add-to-cart:focus-visible,
body#category #products .product-miniature .ra-product-customize:focus-visible {
  background: #c7352e !important;
  color: #fff !important;
  border-color: #a92e28 !important;
  transform: translateY(-1px) !important;
  outline: none !important;
  box-shadow: 0 3px 7px rgba(0,0,0,.18) !important;
}
body#category #products .product-miniature .ra-add-to-cart .material-icons,
body#category #products .product-miniature .ra-product-customize .material-icons {
  color: inherit !important;
  font-size: 21px !important;
}
/* Même bouton cœur rond et discret que sur la sélection d'accueil. */
body#category #products .product-miniature .wishlist-button-add,
body#category #products .product-miniature .leo-wishlist-button {
  position: absolute !important;
  z-index: 6 !important;
  top: 10px !important;
  right: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  color: #7d827b !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 7px rgba(0,0,0,.20) !important;
}
body#category #products .product-miniature .wishlist-button-add:hover,
body#category #products .product-miniature .leo-wishlist-button:hover {
  color: #c7352e !important;
  background: #fff !important;
}
@media (max-width: 767px) {
  body#category #products .product-miniature .product-description {
    padding: 8px 9px 9px !important;
  }
  body#category #products .product-miniature .product-price-and-shipping .price,
  body#category #products .product-miniature .price {
    font-size: 16px !important;
  }
  body#category #products .product-miniature .wishlist-button-add,
  body#category #products .product-miniature .leo-wishlist-button {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
  }
}

/* RETRO-ATELIER 2.4.27 — angles légèrement arrondis des cartes catégories */
body#category #products .product-miniature {
  border-radius: 5px !important;
  overflow: hidden !important;
}
body#category #products .product-miniature .thumbnail-container,
body#category #products .product-miniature .thumbnail-top,
body#category #products .product-miniature .thumbnail-top > a.thumbnail,
body#category #products .product-miniature .thumbnail-top > a.product-thumbnail {
  border-radius: 4px 4px 0 0 !important;
}