/* Child du thème classic Version 2.2.0 - Prestashop 8.2.6 + Milo
A3 + Milo - V2 - Dernières modifications : Mercredi 10 juin 2026 */
/* https://bijouteriedeparis.net */

/* 0 ====================================== RESPONSIVE — DESKTOP ====================================== */
body {
  overflow-x: hidden;
}

/* 1 ====================================== VARIABLES GLOBALES — DESIGN SYSTEM ====================================== */
:root {

  /*commun*/
  --black: #000;
  --gris: #374151;
  --blanc: #fff;
  --rouge: #ff0000;
  --text: #232323;
  --transition: .25s ease;
  --border-black: 1px solid var(--black);

  /*LPF*/
  --gold: #c6a85a;
  --bg-cream: #f6f1e7;
  --bg-light: #fefbf6;
  --bg-cream-dark: #efe6d8;
  --border-gold: 1px solid var(--gold);

  /*ANT*/
  --vert-dark: #545c47;
  --bg-vert: #bec7b0;
  --bg-vert-clair: #e3ebd7;
  --bg-vert-light: #fbfff5;
  --bg-vert-dark: #545c47;
  --border-vert-dark: 1px solid var(--bg-vert-dark);

  /*BDP*/
  --bleu-dark: #6b8bab;
  --bg-bleu: #beccda;
  --bg-bleu-clair: #d6e0ea;
  --bg-bleu-light: #f0f3f6;
  --bg-bleu-dark: #6b8bab;
  --border-bleu-dark: 1px solid var(--bg-bleu-dark);

}

/* 2 ====================================== BLEU RECALCITRANT ====================================== */
/* Bloc contctez-nous, click sujet  */
.form-control:focus {
  color: var(--text);
  background-color: var(--blanc);
  outline: .1875rem solid var(--bleu-dark);
}

/* 3 ====================================== RÈGLES GLOBALES HARMONISÉES ====================================== */
/* Liens */
a {
  color: var(--black);
  text-decoration: none;

  /*background-image:linear-gradient(currentColor,currentColor);*/
  background-size: 0% 1px;
  background-position: 0 100%;
  background-repeat: no-repeat;

  transition: color var(--transition), background-size .3s ease;
}

a:hover {
  color: var(--blanc);
  background-size: 100% 1px;
}

/* Bouton principal (listing + fiche produit) */
.btn-primary {
  background: var(--blanc);
  color: var(--black);
  border: 1px solid var(--black);
  border-radius: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 12px 22px;
  transition: var(--transition);
}

.btn-primary:hover {
  background: var(--bg-bleu-dark);
  color: var(--blanc);
  border-color: var(--bg-bleu-dark);
}

.btn-primary:active {
  transform: scale(.98);
}

/* Blocs crème harmonisés */
.block-categories,
#search_filters,
.block_newsletter,
#custom-text {
  background: var(--bg-bleu-clair);
  border: var(--border-vert-dark);
}

/* Focus accessibilité */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: 2px solid var(--blanc);
  outline-offset: 2px;
}

:focus:not(:focus-visible) {
  outline: none;
}

.btn.btn-primary.full-left.ets-cb-btn-not-ok {
  background: var(--bg-vert-clair);
  color: var(--black) !important;
  border: var(--vert-dark);
}

.btn.btn-primary.full-left.ets-cb-btn-not-ok:hover {
  background: var(--vert-dark) !important;
  color: var(--blanc) !important;
  border-color: var(--vert-dark) !important;
}

/* 4 ====================================== HEADER — STRUCTURE PROPRE ====================================== */
/* Liens header */
#header .header-nav a {
  color: var(--text);
  padding: .8rem;
  white-space: nowrap;
  transition: var(--transition);
}

#header .header-nav a:hover {
  background: var(--bg-bleu-dark);
  color: var(--blanc) !important;
}

/* 5 ====================================== MENU HORIZONTAL — VERSION PROPRE ====================================== */
#_desktop_top_menu ul {
  flex-wrap: wrap;
}

/* Liens principaux */
#_desktop_top_menu .top-menu>li>a {
  font-size: 12px;
  font-weight: 500;
  color: var(--black);
  padding: 16px 20px;
  letter-spacing: .6px;
  text-transform: none;
  transition: var(--transition);
}

/* Hover liens principaux */
#_desktop_top_menu .top-menu>li>a:hover {
  background: var(--bg-bleu-dark);
  color: var(--blanc);
}

/* Liens sous-menu */
#header .top-menu .sub-menu a {
  display: block;
  padding: 8px 16px;
  font-size: 12px;
  color: var(--black);
}

/* Hover sous-menu */
#header .top-menu .sub-menu a:hover {
  background: var(--bg-bleu-dark);
  color: var(--blanc) !important;
}

/* 6 ========================= FULL SIZE (header / top menu) ========================= */
/* Header full width */
#header .container,
#header .container-fluid {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0;
  padding-right: 0;
}

/* Supprime les marges internes */
#header .row {
  margin-left: 0;
  margin-right: 0;
}

/* Si menu horizontal */
#header .header-nav,
#header .header-top {
  width: 100%;
}

/* Sticky propre (optionnel) */
#header {
  width: 100%;
}

#header .header-nav,
#header .header-top>.container-fluid {
  padding-left: 40px;
  padding-right: 40px;
}

#search_widget form input[type="text"] {
  width: 100% !important;
  padding: 10px 20px 10px 40px !important;
  outline: none;
  background-color: var(--blanc) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 7 ========================= MENU HORIZONTAL (header / top menu) ========================= */
/* Le sous-menu ne doit plus avoir de largeur imposée */
#header .top-menu .sub-menu {
  position: absolute !important;
  top: 100% !important;

  display: inline-flex !important;
  flex-wrap: nowrap;
  gap: 10px;

  left: 50%;
  transform: translateX(-50%);
  margin-left: -4px;

  min-width: 200px;
  width: auto;
  max-width: 90vw;

  padding: 10px 0;
  background: var(--bg-bleu-clair);
  border: var(--border-vert-dark);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
  z-index: 999;
}

/* On force le parent à devenir le repère */
#header .top-menu>li {
  position: relative;
}

/* PrestaShop met des .col-md-* dedans → elles forcent la largeur. On les neutralise */
#header .top-menu .sub-menu .col-md-12,
#header .top-menu .sub-menu .col-md-6,
#header .top-menu .sub-menu .col-md-4,
#header .top-menu .sub-menu .col-md-3 {
  width: auto !important;
  flex: 0 0 auto !important;
  max-width: none !important;
}

/* Chaque catégorie devient une vraie “cellule” */
#header .top-menu .sub-menu ul {
  white-space: nowrap;
}

/* header-top couleur des liens lettre minuscules */
#header .header-top a[data-depth="0"] {
  color: var(--black);
  text-transform: none;
}

/* header-top couleur des liens survolés */
#header .top-menu a[data-depth="0"]:hover {
  color: var(--blanc);
  text-decoration: none;
}

/* Conteneur du menu */
#_desktop_top_menu {
  background: var(--bg-bleu-clair);
  /*border-bottom: 0;*/
}

/* Liens sous menu principaux + minuscule */
#_desktop_top_menu .top-menu>li>a {
  font-size: 12px;
  font-weight: 500;
  color: var(--black);
  padding: 16px 20px;
  letter-spacing: 0.6px;
  transition: all var(--transition);
  text-transform: none;
}

/* Hover plus moderne */
#_desktop_top_menu .top-menu>li>a:hover {
  color: var(--blanc);
  /* doré */
  /*background: rgba(37, 99, 235, 0.06);*/
  background: var(--bg-bleu-dark);
  /*border-radius: 6px;*/
}

/* Sous-menus (dropdown) */
#_desktop_top_menu .popover {
  background: var(--bg-cream);
  /*border-radius: 12px;*/
  padding: 10px 0;
  border: 1px solid var(--bleu-dark);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}

#_desktop_top_menu .submenu a {
  font-size: 12px;
  padding: 10px 20px;
  color: var(--black);
  transition: background .2s ease;
}

#_desktop_top_menu .submenu a:hover {
  background: var(--blanc);
  color: var(--black);
}

/* Enlève les sous-catégories */
#header .header-top a[data-depth="2"] {
  visibility: hidden !important;
  display: none !important;
}

/* Chaque sous catégorie = ligne propre */
#header .top-menu .sub-menu a {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 14px;
  line-height: normal;
}

/* Le hover prend toute la ligne */
#header .top-menu .sub-menu a:hover {
  background: var(--black);
  color: var(--blanc) !important;
}

@media (max-width: 1400px) {
  #header .top-menu .sub-menu {
    margin-top: -4px;
  }
}

#header .top-menu .sub-menu>ul {
  display: block !important;
}

#header .top-menu .sub-menu li {
  width: 100% !important;
}

#header .top-menu .sub-menu li:hover>a {
  background: transparent !important;
}

#header .top-menu .sub-menu li a:hover {
  background: var(--bg-bleu-dark) !important;
  color: var(--blanc) !important;
}

#header .top-menu .sub-menu li a::before {
  display: none !important;
}

#header .top-menu .sub-menu li a:hover {
  color: var(--blanc) !important;
  background: linear-gradient(var(--bg-bleu-dark), var(--bg-bleu-dark)) no-repeat left center;
  background-size: 100% 100%;
}

#header .top-menu .sub-menu li a {
  display: block;
  padding: 6px 12px;
  width: fit-content;
}

/* 8 ========================= MENU VERTICAL (catégories – colonne gauche) ========================= */
/* Icone à droite */
.material-icons {
  display: inline-block;
  width: 1em;
  height: 1em;
  font-family: "Material Icons", Arial, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  vertical-align: middle;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
}

/* Bonus “premium feel” */
.top-menu>li,
.block-categories li {
  margin-bottom: 4px;
}

/* Supprimer les + et − existants */
.block-categories .collapse-icons i {
  display: none !important;
}

.block-categories .collapse-icons i.material-icons {
  display: none;
}

/* Ajouter une flèche personnalisée */
.block-categories .collapse-icons::after {
  content: "›";
  font-size: 18px;
  color: var(--black);
  transition: transform var(--transition);
}

/* Couleur de la petite flêche quand menu vertical développé */
.block-categories .collapse-icons[aria-expanded="true"]::after {
  transform: rotate(90deg);
  color: var(--black);
}

/* Flèche au hover catégorie active */
.block-categories li:hover .collapse-icons::after {
  color: var(--blanc) !important;
}

/* Taille harmonisée de la flêche sous-menu */
.block-categories .arrows .arrow-down,
.block-categories .arrows .arrow-right {
  font-size: 18px;
}

/* Correction zone cliquable flèches menu vertical */
.block-categories .collapse-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  line-height: 1;
}

.block-categories .collapse-icons::after {
  line-height: 1;
}

.block-categories li>a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}

.block-categories .category-sub-menu li[data-depth="0"]>a {
  display: flex;
  width: 100%;
  /* padding-bottom: 0; */
  margin: .3125rem 0 0;
  font-weight: 600;
}

.block-categories .category-sub-menu .category-sub-link {
  font-weight: 600;
  font-size: .700rem;
}

.block-categories .arrows[aria-expanded=true] .arrow-down {
  display: inline-block;
  transform: rotate(0deg);
  color: var(--black);
}

.block-categories .category-sub-menu li[data-depth="1"] {
  margin-bottom: .50rem;
}

.block-categories a:hover::after,
.block-categories li:hover>a::after {
  color: var(--blanc) !important;
}

/* 9 ========================= HEADER (header-nav / header-top) ========================= */
#header .header-nav #_desktop_contact_link #contact-link {
  margin-top: .8rem;
}

#header .header-nav {
  background: var(--bg-bleu);
  height: 48px;
  padding-left: 40px;
  padding-right: 40px;
  border-bottom: var(--border-vert-dark);
}

#header .header-nav a {
  color: var(--text);
  padding: .8rem;
  text-align: center;
  white-space: nowrap;
}

/* Un fond noir au hover */
#header .header-nav a:hover {
  background: var(--bg-bleu-dark);
  color: var(--blanc) !important;
}

#header .header-nav .user-info {
  margin-top: .8rem;
  white-space: nowrap;
}

/* Header-nav couleur icon panier */
#header .header-nav .cart-preview .shopping-cart {
  color: var(--black);
  vertical-align: middle;
}

/* Header-nav couleur fond de panier */
#header .header-nav .blockcart {
  background: var(--bg-bleu);
  border-bottom: var(--border-vert-dark);
}

/* Header-nav couleur texte panier */
#header {
  color: var(--black);
}

/* header-top (bloc menu) */
#header .header-top {
  background-color: var(--bg-bleu-clair);
  padding: 1.25rem 0;
  border-bottom: var(--border-vert-dark);
}

/* 10 ========================= FILTRES ========================= */
/* couleur des flèches droites et gauches */
.carousel .carousel-control:hover .icon-next i,
.carousel .carousel-control:hover .icon-prev i {
  color: var(--blanc) !important;
}

/* 11 ========================= FILTRES — RÉGLAGES FINS CONSERVÉS =========================*/


/* Liens labels */
#search_filters .facet-label a,
#search_filters_brands .facet .facet-label a {
  font-weight: 600;
  font-size: 12px;
}

/* Boutons tertiaires (Filtrer par) */
.btn-tertiary {
  color: var(--black);
  background: var(--bg-cream);
  transition: var(--transition);
}

.btn-tertiary:hover {
  background: var(--bg-bleu-dark) !important;
  color: var(--blanc) !important;
  border-color: var(--bg-bleu-dark) !important;
}

/* Hover tri produits */
.products-sort-order .select-list:hover {
  background: var(--bg-bleu-dark) !important;
  color: var(--blanc) !important;
}

/* 12 ========================= FILTRES — PATCH PRIORITÉ FORCÉE =========================*/
/* Taille police labels */
#search_filters .facet .facet-label,
#search_filters .facet .facet-label a,
#search_filters .facet .facet-label span {
  font-size: 12px !important;
}

/* Alignement checkbox */
#search_filters .facet .facet-label .custom-checkbox {
  position: relative !important;
  top: 2px !important;
  margin-right: 0 !important;
}

/* Alignement bouton radio */
#search_filters .facet .facet-label .custom-radio {
  position: relative !important;
  top: 2px !important;
}

/* Taille titres filtres harmonisée */
#search_filters .facet .facet-title,
#search_filters_brands .facet .facet-title,
#search_filters_suppliers .facet .facet-title {
  font-size: 12px;
}

/* Hover filtres — forcer texte doré */
#search_filters .facet-label:hover,
#search_filters .facet-label:hover a,
#search_filters .facet-label:hover span {
  color: var(--blanc) !important;
}

/* 13 ===================================== PAGE PRINCIPALE - FICHES PRODUITS ====================================== */
.product-page,
#product {
  padding: 0 0 40px;
}

/* fond du bloc prix sous image */
.product-miniature .product-description {
  background: var(--bg-bleu-clair);
  padding: 12px;
}

/* Fond de page */
#wrapper {
  background: var(--bg-bleu-light);
}

/* Contour images miniatures */
.product-miniature .thumbnail-container .product-thumbnail img {
  border: var(--border-vert-dark);
}

/* Contour images principales */
.product-cover {
  background: var(--blanc);
  /*padding:20px;*/
  border: var(--border-vert-dark);
}

/* Hover image produit — premium doux */
.product-cover .layer {
  transition: opacity .4s ease;
  background: rgba(0, 0, 0, .25);
}

.product-cover .layer:hover {
  opacity: 1;
}

.product-cover img {
  display: block;
  margin: auto;
  max-width: 100%;
}

/* Ajoute juste une séparation visuelle */
.category-description {
  max-width: 700px;
  line-height: 1.6;
}

.product-images>li.thumb-container .thumb.selected,
.product-images>li.thumb-container .thumb:hover {
  border: var(--border-vert-dark);
}

/* Fond panier actif */
#header .header-nav .cart-preview.active {
  background: var(--black);
}

/* Couleurs prix dans le panier */
.product-price {
  color: var(--black);
}

/* Head fiche technique (Description / Détails produit) */
.tabs .nav-tabs {
  border: 0;
  border-bottom: var(--border-black);
  padding-bottom: 10px;
}

/* coeur wishlist */
.wishlist-button-add {
  box-shadow: none !important;
}

/* coeur wishlist icône */
.wishlist-button-add i {
  color: var(--black);
  transition: var(--transition);
}

/* coeur wishlist Hover */
.wishlist-button-add:hover i {
  color: var(--rouge);
}

/* coeur wishlist actif (produit ajouté) */
.wishlist-button-add i:not(:empty) {
  color: var(--rouge);
}

/* Lien popup wishlist */
.wishlist-modal .text-primary,
.wishlist-modal a.text-primary {
  color: var(--black) !important;
  transition: var(--transition);
}

.wishlist-modal a.text-primary:hover,
.wishlist-modal a.text-primary:focus {
  color: var(--blanc) !important;
}

/* Lien créer nouvelle liste */
.wishlist-add-to-new,
.wishlist-add-to-new i {
  color: var(--blanc) !important;
  transition: var(--transition);
}

/* Lien créer nouvelle liste hover */
.wishlist-add-to-new:hover,
.wishlist-add-to-new:hover i {
  color: var(--black) !important;
}

/* Réseaux sociaux */
.social-sharing li {
  filter: grayscale(100%);
  transition: var(--transition);
}

/* Réseaux sociaux Hover */
.social-sharing li:hover {
  filter: grayscale(0%);
}

/* Onglets */
.tabs .nav-tabs .nav-link {
  color: var(--black);
  background: transparent;
  border: 0;
  border-bottom: 1px solid transparent;
  transition: all var(--transition);
}

/* Hover */
.tabs .nav-tabs .nav-link:hover {
  background: var(--bg-bleu-dark);
  color: var(--blanc) !important;
  border-bottom: 1px solid var(--blanc);
}

/* Onglet actif */
.tabs .nav-tabs .nav-link.active {
  background: var(--bg-bleu-light);
  color: var(--black);
  border-bottom: 1px solid var(--blanc);
  font-weight: 600;
}

/* Subcategories */
#subcategories ul li .subcategory-image a {
  border: var(--border-vert-dark);
}

/* Titre fiches techniques */
.product-features>dl.data-sheet dd.value:nth-of-type(even) {
  /*CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;*/
  background: var(--bg-cream);
}

/* Fiche technique ligne impaires */
.product-features>dl.data-sheet dd.value,
.product-features>dl.data-sheet dt.name {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 40%;
  flex: 1 0 40%;
  min-height: 2.5rem;
  padding: .625rem;
  margin-right: .625rem;
  margin-bottom: .5rem;
  font-weight: 500;
  text-transform: capitalize;
  word-break: normal;
  background: var(--blanc);
}

/* Fiche technique ligne paires */
.definition-list dl dd:nth-of-type(even),
.definition-list dl dt:nth-of-type(even),
.product-features>dl.data-sheet dd.value:nth-of-type(even),
.product-features>dl.data-sheet dt.name:nth-of-type(even) {
  background: var(--bg-cream);
}

.product-miniature:hover .quick-view {
  opacity: 1;
  transform: translateY(0);
}

/* Bouton sur image "aperçu rapide" bordure droite gauche bas */
.product-miniature .highlighted-informations {
  padding: .455rem 0;
  transition: .3s;
  border-right: var(--border-vert-dark);
  border-left: var(--border-vert-dark);
  border-bottom: var(--border-vert-dark);
}

/* Footer – champ “Votre adresse email” encadré en bleu */
#footer input[type="email"] {
  border: 1px solid #ddd;
  transition: var(--transition);
}

#footer input[type="email"]:focus {
  border-color: var(--blanc);
  box-shadow: none;
}

/* Bloc texte personnalisé – liens bleus pas beaux */
#custom-text a,
.block-category a {
  color: var(--blanc) !important;
  text-decoration: none;
}

#custom-text a:hover,
.block-category a:hover {
  color: var(--black) !important;
  /* background-color: var(--gold); */
}

/* Encar "Avis publié" */
.product-comment-list-item {
  border: var(--border-vert-dark);
}

/* Miniatures dans la lightbox produit */
.pswp__thumbnail:focus,
.pswp__thumbnail:hover,
.product-images img:focus,
.product-images img:hover {
  outline: none !important;
  border: var(--border-vert-dark) !important;
  box-shadow: none !important;
}

/* On efface la petite barre grise sous les images */
.product-miniature {
  position: relative;
  overflow: hidden;
}

.product-miniature .quick-view {
  opacity: 0;
  background: var(--bg-bleu-clair);
  color: var(--black) !important;
  font-weight: 600;
  letter-spacing: .5px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  transform: translateY(5px);
  transition: all var(--transition);
}

/* On cache l'image de la catégorie */
.block-category .block-category-inner .category-cover img {
  display: none;
}

/* On met un border et un fond */
.block-category {
  border: var(--border-bleu-dark);
  background: var(--bg-bleu-clair);
  min-height: 0;

}

/* On cache l'image de la sous catégorie */
#subcategories ul li .subcategory-image a {
  display: none;
  padding: 9px;
  border: 1px solid #f6f6f6;
}

/* On retire les capitales de la sous catégorie */
#subcategories ul li .subcategory-name {
  text-transform: none;
  font-weight: 600;
}

#subcategories {
  border: var(--border-vert-dark);
  margin-top: 20px;
  background: var(--blanc);
  padding-bottom: 20px;
}

.h5,
h5 {
  font-size: 12px;
}

#subcategories ul li {
  margin: 3px;
  letter-spacing: 0.6px;
  text-align: left;
}

/* Harmoniser les liens sous-catégories */
#subcategories ul li a {
  display: block;
  padding: 10px 14px;
  color: var(--black);
  transition: all var(--transition);
  letter-spacing: 0.3px;
}

#subcategories ul li a:hover {
  background-color: var(--bleu-dark);
  color: var(--blanc) !important;
}

/* Pagination active */
.pagination .page-item.active .page-link {
  background-color: var(--black) !important;
  border-color: var(--black) !important;
  color: var(--blanc) !important;
}

.pagination .current a {
  color: var(--blanc);
}

.pagination .page-link {
  color: var(--black);
  transition: var(--transition);
}

.pagination .page-link:hover {
  background-color: var(--bleu-dark);
  color: var(--blanc) !important;
  border-color: var(--black);
}

.pagination .page-link:focus {
  box-shadow: none !important;
}

/* Fond de la page apperçu rapide */
.quickview .modal-content {
  background: var(--bg-bleu-light);
}

/* Fond de message envoyeé */
.contact-form {
  background: var(--bg-bleu-clair);
}

/* Encart nouveau image page principale */
.product-flags li.product-flag {
  color: var(--blanc);
  background: var(--black);
}

/* Bloc promo dans panier */
.block-promo .promo-code-button {
  display: block;
  padding: 1rem 0 1rem;
  text-align: center;
  border: var(--border-bleu-dark);
}

/* Bloc recap dans panier */
.card-block {
  padding: 15px;
  background: var(--blanc);
  border: var(--border-bleu-dark);
}

/* Couleur Délais d'expéditions */
#product-availability {
  color: green;
}

/* 14 ========================= MON COMPTE — FIX FINAL ========================= */
/* Cartes compte client — version légère */
.page-my-account #content .links a {
  display: block;
  padding: 2rem 1rem;
  /* background:#f5f5f5; */
  /* border:1px solid rgba(198,168,90,0.35); doré très léger */
  transition: all .25s ease;

  text-align: center;
}

.page-my-account #content .links a span.link-item {
  display: block;
  padding: 1.8rem 1rem;
  background: var(--blanc);
  border: var(--border-vert-dark);
  transition: all .25s ease;
}

.page-my-account #content .links a:hover span.link-item {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, .08);
}

/* Hover subtil */
.page-my-account #content .links a:hover {
  background: #fff;

  border-color: var(--blanc);

  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, .08);
}

/* Icône */
.page-my-account #content .links a i {
  font-size: 28px;
  margin-bottom: 10px;
  color: var(--black);
  transition: color .25s ease;
}

/* Hover icône */
.page-my-account #content .links a:hover i {
  color: var(--blanc);
}

/* Texte */
.page-my-account #content .links a span,
.page-my-account #content .links a {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .5px;
  color: var(--black);
}

/* Suppression des traits parasites */
.page-my-account #content .links a::before,
.page-my-account #content .links a::after {
  display: none !important;
}

/* 15 ========================= FORMULAIRE CONTACT ========================= */
/* Bloc 5Adresse e-mail, Document joint, Message */
.form-control {
  background: var(--blanc);
  border: 1px solid var(--black);
}

.form-control:disabled,
.form-control[readonly] {
  background-color: var(--blanc);
}

/* 16 ========================= FORMULAIRE CONTACT — BOUTON FICHIER ========================= */
.contact-form .btn-default {
  background: var(--blanc);
  border: 1px solid var(--black);
  color: var(--text);
  font-size: 12px;
  padding: .5rem 1rem;
  transition: all .2s ease;
}

/* Texte bouton choisir fichier — état normal */
.contact-form .btn-default,
.contact-form .btn-default span {
  color: var(--text);
}

/* Texte et bordure bouton choisir fichier — bon conteneur */
.contact-form .input-group .input-group-btn>.btn {
  border: 1px solid var(--black);
  font-size: 12px;
  font-weight: 600;
}

/* Texte bouton choisir fichier — hover */
.contact-form .btn-default:hover,
.contact-form .btn-default:hover span {
  color: var(--blanc) !important;
}

/* Hover luxe */
.contact-form .btn-default:hover {
  background: var(--black) !important;
  color: var(--blanc) !important;
  border-color: var(--black) !important;
}

/* 17 ========================= TRI PRODUITS — MENU DÉROULANT ========================= */
/* Bouton principal */
.products-sort-order .select-title {
  border: var(--border-vert-dark);
  background: var(--blanc);
  padding: .625rem 1.25rem;
  font-size: 12px;
  transition: border .2s ease, background .2s ease;
}

/* Menu déroulant trier par */
.products-sort-order .dropdown-menu {
  background: var(--blanc);
  border: var(--border-vert-dark);
  font-size: 12px;
  margin: .125rem 0 0;
}

/* Liste des options */
.products-sort-order .dropdown-menu a {
  padding: .5rem 1.25rem;
  display: block;
  color: var(--text);
  transition: background .2s ease, color .2s ease;
}

/* Hover des options */
.products-sort-order .dropdown-menu a:hover {
  background: var(--black);
  color: var(--blanc) !important;
  text-decoration: none;
}

/* 18 ====================================== FOOTER — VERSION PROPRE ====================================== */
#footer {
  width: 100%;
  background: var(--bg-bleu);
  color: var(--black);
  border-top: var(--border-vert-dark);
  padding: 25px 0 30px;
  font-size: 14px;
  letter-spacing: .4px;
}

/* Conteneur pleine largeur */
#footer .container,
#footer .container-fluid {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 60px;
}

/* Titres colonnes */
#footer h3,
#footer .h3,
#footer .block-title {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--black);
}

/* Titre email harmonisé */
.footer-container .h4 {
  margin-bottom: 8px;
  margin-top: 15px;
}

/* L'adresse mail à la ligne */
#footer .block-contact a {
  display: block;
  overflow-wrap: break-word;
}

/* Liens */
#footer a {
  color: var(--black);
  transition: var(--transition);
}

#footer a:hover {
  color: var(--blanc);
}

/* Listes */
#footer li {
  margin-bottom: 10px;
}

/* Copyright */
#footer .copyright {
  text-align: center;
  font-size: 12px;
  color: #888;
  margin-top: 30px;
}

/* Newsletter */
.block_newsletter {
  background: var(--bg-bleu-light);
  border: var(--border-vert-dark);
  padding: 14px;
}

.block_newsletter input[type=email] {
  border: var(--border-vert-dark);
}

/* Responsive */
@media (max-width:768px) {
  #footer .container {
    padding: 0 25px;
  }
}

/* Espacement vertical plus aéré */
.page-content.page-cms ul,
dl,
ol,
p,
ul {
  margin-bottom: 3rem;
}

/* Espacement vertical texte icons réassurance plus aéré */
#footer h3,
#footer .h3,
#footer .block-title {
  margin-top: 15px;
  margin-bottom: 8px;
}

/* Icônes réassurance version plus joaillière / légère */
.blockreassurance .block-icon img,
.blockreassurance .block-icon svg {
  height: 45px;
}

/* 19 ====================================== FILTRES PRODUITS — VERSION PROPRE ====================================== */
#search_filters {
  background: var(--blanc);
  padding: 18px;
  border: var(--border-vert-dark);
  font-size: 12px;
}

/* Titres */
#search_filters .h6,
#search_filters .facet-title {
  font-size: 12px;
  font-weight: 600;
  color: var(--black);
}

/* Groupes */
#search_filters .facet {
  padding: 10px 0;
  border-bottom: 1px solid #e9e3d7;
}

#search_filters .facet:last-child {
  border-bottom: none;
}

/* Labels filtres */
#search_filters .facet-label {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0 6px 10px;
  color: var(--black);
  cursor: pointer;
  transition: var(--transition);
}

/* Hover premium */
#search_filters .facet-label:hover {
  background: var(--bg-bleu-dark);
  color: var(--blanc) !important;
}

/* Checkbox modernes */
#search_filters input[type="checkbox"] {
  accent-color: var(--blanc);
  width: 14px;
  height: 14px;
}

/* Flèches accordéon */
#search_filters .collapse-icons {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
}

#search_filters .collapse-icons i {
  display: none !important;
}

#search_filters .collapse-icons::after {
  content: "›";
  font-size: 18px;
  color: var(--black);
  transition: transform var(--transition);
}

#search_filters .collapse-icons[aria-expanded="true"]::after {
  transform: rotate(90deg);
  color: var(--blanc);
}

/* Filtres actifs */
.active_filters {
  color: var(--black);
  background: var(--bg-cream);
}

#search_filters .active_filters {
  font-size: 12px;
}


/* 20 ========================= FILTRES — MENUS DÉROULANTS (ex : tailles bagues) ========================= */
/* Bloc principal du menu déroulant */
.facet-dropdown {
  box-sizing: border-box;
  background: var(--blanc);
  color: #7a7a7a;
  border: none;
  box-shadow: none;
  font-size: 12px;
}

.facet-dropdown .select-title,
.facet-dropdown .select-list,
.facet-dropdown .dropdown-menu {
  font-size: 12px;
}

/* Titre du menu */
.facet-dropdown .select-title {
  background: var(--blanc);
  padding: .625rem 1.25rem;
  transition: background .2s ease, border .2s ease;
}

/* Quand le menu est ouvert */
.facet-dropdown.open>.select-title {
  background: var(--blanc);
  border: var(--border-vert-dark);
}

/* Liste des choix */
.facet-dropdown .select-list {
  display: block;
  padding: .625rem 1.25rem;
  background: var(--blanc);
  color: var(--text);
  transition: background .2s ease, color .2s ease;
}

/* Hover sur les choix */
.facet-dropdown .select-list:hover {
  background: var(--black);
  color: var(--blanc) !important;
  text-decoration: none;
}

/* Menu déroulant global */
.facet-dropdown .dropdown-menu {
  text-align: left;
  list-style: none;
  border: var(--border-vert-dark);
}

/* 21 ====================================== FIX STABLE SOUS-MENUS DESKTOP — CENTRAGE PROPRE ====================================== */
#_desktop_top_menu,
#header .header-top,
#header .container,
#header .container-fluid {
  overflow: visible !important;
}

#header .top-menu>li {
  position: relative;
}

/* 22 ====================================== COLONNE CATÉGORIES — VERSION PROPRE ====================================== */
.block-categories {
  background: var(--blanc);
  border: var(--border-vert-dark);
  padding: 18px;
  font-size: 12px;
}

/* Titres */
.block-categories .h6 {
  font-size: 12px;
  font-weight: 600;
  color: var(--black);
  margin-bottom: 14px;
}

/* Liens catégories */
.block-categories a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  color: var(--gris);
  transition: var(--transition);
}

/* Hover premium harmonisé */
.block-categories a:hover {
  background: var(--bg-bleu-dark);
  color: var(--blanc);
}

/* Catégorie active */
.block-categories .current>a {
  background: rgba(0, 0, 0, .06);
  color: var(--black);
  font-weight: 600;
}

/* Icônes flèches */
.block-categories .collapse-icons {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
}

.block-categories .collapse-icons i {
  display: none !important;
}

.block-categories .collapse-icons::after {
  content: "›";
  font-size: 18px;
  color: var(--black);
  transition: transform var(--transition);
}

/* Couleur de la petite flêche en hover quand sous-menu vertical développé */
.block-categories .arrows .arrow-right:hover {
  color: var(--black);
}

/* 23 ====================================== PRODUITS — CARTES ÉLÉGANTES SANS CADRE ====================================== */
/* Effet au survol subtil */
/*.product-miniature:hover {
  transform:translateY(-4px);
  box-shadow:0 14px 32px rgba(0,0,0,.10);
  will-change: transform;
}*/

/* 24 ====================================== PRODUITS — PRIX PREMIUM ====================================== */
.product-price {
  font-weight: 700;
  font-size: 14px;
  color: var(--black);
}

.product-price .price {
  color: var(--black);
}

.regular-price {
  color: #888;
  font-size: 12px;
}

/* 25 ====================================== PRODUITS — BOUTONS HARMONISÉS ====================================== */
.product-miniature .btn-primary {
  width: 100%;
  margin-top: 8px;
}

/* 26 ====================================== FICHE PRODUIT — PREMIUM MINIMAL ====================================== */
/* Conteneur propre */
.product-variants {
  margin: 20px 0;
}

/* Labels (ex: “Couleur”, “Taille”) */
.product-variants .control-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .5px;
  color: var(--black);
  margin-bottom: 8px;
  display: block;
}

/* Boutons de variantes (LE cœur du truc) */
.product-variants .input-container {
  margin: 5px 6px 5px 0;
}

/* Bouton */
.product-variants .input-radio+span,
.product-variants .input-color {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 44px;
  height: 38px;
  padding: 0 12px;

  border: 1px solid rgba(0, 0, 0, .2);
  background: var(--blanc);
  color: var(--black);

  font-size: 12px;
  font-weight: 600;
  letter-spacing: .5px;

  cursor: pointer;
  transition: all .2s ease;
}

/* Hover (léger mais classe)*/
.product-variants .input-radio+span:hover,
.product-variants .input-color:hover {
  border-color: var(--black);
  background: var(--bg-cream);
}

/* État sélectionné (ULTRA IMPORTANT)*/
.product-variants .input-radio:checked+span,
.product-variants .input-color.selected {
  border: 1px solid var(--bleu-dark);
  background: var(--bg-bleu-dark);
  color: var(--blanc);
}

/* Focus (accessibilité propre)*/
.product-variants input:focus+span {
  outline: 2px solid var(--bleu-dark);
  outline-offset: 2px;
  box-shadow: 0 6px 14px rgba(0, 0, 0, .15);
}

/* Bloc infos produit */
.product-information {
  background: var(--bg-bleu-light);
  padding-left: 40px;
}

/* Titre produit */
.product-information h1 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .5px;
  margin-bottom: 15px;
}

/* Prix produit */
.product-prices {
  margin: 20px 0;
}

.product-prices .current-price {
  font-size: 26px;
  font-weight: 700;
  color: var(--black);
}

/* TTC produit */
.product-prices .tax-shipping-delivery-label {
  color: var(--black);
}

.page-content.page-cms ul,
p {
  color: var(--black);
}

/* Description produit produit */
.product-information .product-description {
  font-size: 14px;
  line-height: 1.6;
  color: #555;
  margin: 20px 0;
}

/* Description produit produit */
.product-description,
.product-description p {
  color: var(--black) !important;
}

/* Bouton ajouter au panier */
.product-add-to-cart .btn-primary {
  width: 100%;
  padding: 13px;
  font-size: 13px;
  letter-spacing: 1px;

  position: relative;
  overflow: hidden;
  transition: all .25s ease;
}

/* Hover premium */
.product-add-to-cart .btn-primary:hover {
  background: var(--bg-bleu-dark);
  color: var(--blanc);
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, .15);
}

/* Effet clic */
.product-add-to-cart .btn-primary:active {
  transform: translateY(0);
  box-shadow: 0 4px 10px rgba(0, 0, 0, .12);
}

/* Bouton donnez votre avis */
.product-comments-additional-info .btn {
  background: var(--blanc);
  color: var(--black);
  border: 1px solid var(--black);
  border-radius: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 10px 18px;
  transition: all .25s ease;
}

/* Hover premium */
.product-comments-additional-info .btn:hover {
  background: var(--bg-bleu-dark);
  color: var(--blanc);
  border-color: var(--black);
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, .12);
}

/* Click */
.product-comments-additional-info .btn:active {
  transform: translateY(0);
  box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
}

/* Sélecteurs (taille, options…) */
.product-variants select {
  border: var(--border-vert-dark);
  padding: 8px 10px;
  background: var(--blanc);
}

/* Onglets description */
.tabs {
  background: var(--blanc);
  border: var(--border-vert-dark);
  padding: 10px 20px;
}

/* Délais de réaprovisionnement */
.product-availability {
  color: #008000;
  /*font-style: italic;*/
  font-size: 0.85em;
  margin: 4px 0 0;
}

/* Message si plusieur délais */
.cart-delivery-notice {
  background-color: #fff8e1;
  border: 1px solid #e07b00;
  padding: 10px 14px;
  margin: 12px 0;
  font-size: 0.85em;
  color: #555;
}
.cart-delivery-notice .material-icons {
  font-size: 1.1em;
  color: #e07b00;
  vertical-align: middle;
  margin-right: 6px;
}
.cart-delivery-notice p {
  margin: 0;
}

/* 27 ====================================== PATCH FILTRES — TYPO & ALIGNEMENTS PROPRES ====================================== */
/* Typographie cohérente */
#search_filters,
#search_filters .facet-title,
#search_filters .facet-label,
#search_filters .facet-label a {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
}

/* Alignement propre cases à cocher */
#search_filters .facet-label {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0 6px 10px;
}

#search_filters .facet-label .custom-checkbox {
  position: relative;
  top: 0;
  /* supprime le décalage vertical */
  margin-right: 0;
  flex: 0 0 auto;
}

/* Clic plus confortable */
#search_filters .facet-label input {
  margin: 0;
}

/* Listes plus lisibles */
#search_filters ul {
  margin-bottom: 6px;
}

/* 28 ====================================== MICRO-ANIMATIONS — FLUIDITÉ GLOBALE ====================================== */
a,
button,
.btn,
input,
select {
  transition: all var(--transition);
}

/* Boutons : effet pression subtil */
.btn:active {
  transform: translateY(1px);
}

/* Boutons : léger relief au survol */
.btn:hover {
  transform: translateY(-1px);
}

/* Cartes produits plus fluides */
.product-miniature {
  transition: transform .35s cubic-bezier(.22, .61, .36, 1),
    box-shadow .35s ease;
}

/* Menu plus raffinés */
#_desktop_top_menu .top-menu>li>a {
  transition: background-color .25s ease,
    color .25s ease,
    transform .2s ease;
}

#_desktop_top_menu .top-menu>li>a:hover {
  transform: translateY(-1px);
}

/* Pas d’effet soulignement animé sur le logo */
#header .logo a,
#header .top-logo a {
  background: none !important;
}

/* Logo — aucun effet lien */
#header .logo a,
#header .top-logo a,
#_desktop_logo a {
  background: none !important;
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.custom-radio input[type=radio]:checked+span {
  background-color: var(--bleu-dark);
}

/* 29 ====================================== RESPONSIVE — MOBILE + TABLETTE (≤ 991px) ====================================== */
@media (max-width: 991px) {

  /* ===== HEADER ===== */
  /* Full width global */
  /* Debug débordement mobile */
  html,
  body {
    overflow-x: hidden;
  }

  #wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #header .top-logo {
    display: flex;
    justify-content: left;
    align-items: center;
    min-height: 50px;
  }

  .footer-container .links ul {
    margin-bottom: 0;
    background-color: var(--bg-bleu-light);
  }

  .footer-container .links ul>li {
    border-bottom: 0;
  }

  .links .title {
    border-bottom: 0;
  }


  /* Header full width */
  #header .container,
  #header .container-fluid {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Supprimer marges bootstrap */
  #header .row {
    margin-left: 0;
    margin-right: 0;
  }

  #header .header-nav,
  #header .header-top {
    padding-left: 2px;
    padding-right: 2px;
  }

  #header .header-top {
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  #header img.logo,
  #header .logo img {
    max-height: 36px !important;
    height: auto !important;
  }

  #header .header-top .menu a,
  #header .header-nav a {
    padding: 8px;
  }

  /* ===== MENU ===== */
  #category #left-column #search_filters {
    border-top: var(--border-vert-dark);
  }

  #mobile_top_menu_wrapper {
    background: var(--bg-bleu-light);
    padding: 18px;
  }

  #mobile_top_menu {
    background: var(--bg-cream);
    border: var(--border-vert-dark);
    font-size: 12px;
  }

  /* Liens principaux */
  #mobile_top_menu a {
    display: flex;
    font-size: 12px;
    color: var(--black);
    padding: 14px 10px;
    align-items: center;
    justify-content: space-between;
    transition: var(--transition);
  }

  /* États */
  #mobile_top_menu a:hover,
  #mobile_top_menu a:focus,
  #mobile_top_menu a:active {
    background: var(--black);
    color: var(--blanc) !important;
  }

  /* Élément actif */
  #mobile_top_menu .current>a {
    font-weight: 600;
  }

  /* Séparateurs */
  #mobile_top_menu>ul>li {
    border-bottom: 1px solid #e9e3d7;
  }

  /* Chevron propre */
  #mobile_top_menu .collapse-icons {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
  }

  #mobile_top_menu .collapse-icons::after {
    content: "›";
    font-size: 18px;
    color: var(--black);
    transition: transform var(--transition);
  }

  #mobile_top_menu .collapse-icons[aria-expanded="true"]::after {
    transform: rotate(90deg);
    color: var(--blanc);
  }

  /* Chevron harmonisé (comme menu vertical) */
  #mobile_top_menu .collapse-icons i {
    display: none !important;
  }

  /* Sous-menus */
  #mobile_top_menu .submenu {
    background: rgba(0, 0, 0, 0.03);
    padding-left: 10px;
  }

  /* Menu 2 */
  #mobile_top_menu_wrapper .top-menu a[data-depth="0"] {
    padding: .625rem;
    border-bottom: 0;
    font-size: 12px;
  }

  #mobile_top_menu_wrapper .top-menu,
  #mobile_top_menu_wrapper .nav-item {
    color: var(--text);
    padding: .625rem;
    border-bottom: 0;
    font-size: 12px;
    background: var(--bg-cream);
  }

  #mobile_top_menu_wrapper .top-menu {
    border: 1px solid var(--bleu-dark);
    background: var(--blanc);
    z-index: 2;
  }

  #mobile_top_menu_wrapper .top-menu .sub-menu li>a {
    padding: .625rem;
    font-weight: 600;
    border-bottom: 0;
  }

  #mobile_top_menu_wrapper .top-menu .collapse,
  #mobile_top_menu_wrapper .top-menu .sub-menu.collapse {
    display: none !important;
  }

  /* Supprimer les flèches */
  #mobile_top_menu_wrapper .collapse-icons {
    display: none !important;
  }

  /* Supprimer les sous-menus */
  #mobile_top_menu_wrapper .collapse {
    display: none !important;
  }

  /* Hover / touch */
  #mobile_top_menu_wrapper .top-menu a:hover,
  #mobile_top_menu_wrapper .top-menu a:focus,
  #mobile_top_menu_wrapper .top-menu a:active {
    background: var(--black);
    color: var(--blanc) !important;
  }

  /* Catégorie active */
  #mobile_top_menu_wrapper .top-menu .active>a {
    background: var(--black);
    color: var(--blanc) !important;
  }

  /* Harmonisation fond carousel */
  .carousel {
    background-color: var(--bg-bleu-light);
  }

  /* Correction globlale btn-secondary */
  .btn-secondary {
    background: var(--black) !important;
    color: var(--blanc) !important;
    border-color: var(--black) !important;
  }

  .btn-secondary:hover,
  .btn-secondary:focus {
    background: #111 !important;
    color: var(--blanc) !important;
  }

  /* ===== PRODUITS ===== */
  #search_filters .btn-secondary,
  .faceted-overlay .btn-secondary {
    background: var(--black) !important;
    color: var(--blanc) !important;
    border: 1px solid var(--black) !important;
    border-radius: 0 !important;
    font-weight: 600;
    letter-spacing: .5px;
  }

  #search_filters .btn-secondary:hover,
  .faceted-overlay .btn-secondary:hover {
    background: #111 !important;
    color: var(--blanc) !important;
  }

  /* ===== FILTRES ===== */
  /* Tous les boutons dans le panneau filtres */
  #search_filters button,
  #search_filters .btn,
  .faceted-overlay button,
  .faceted-overlay .btn {
    background: var(--black) !important;
    color: var(--blanc) !important;
    border: 1px solid var(--black) !important;
    border-radius: 0 !important;
    font-weight: 600;
    letter-spacing: .5px;
  }

  /* Hover */
  #search_filters button:hover,
  #search_filters .btn:hover,
  .faceted-overlay button:hover,
  .faceted-overlay .btn:hover {
    background: #111 !important;
    color: var(--blanc) !important;
  }

  /* Bouton FILTRER */
  .btn.filter-button {
    background: var(--black) !important;
    color: var(--blanc) !important;
    border: 1px solid var(--black) !important;
    border-radius: 0;
    font-weight: 600;
    letter-spacing: .5px;
  }

  .btn.filter-button:hover,
  .btn.filter-button:focus {
    background: #111 !important;
    color: var(--blanc) !important;
  }

  /* Bouton OK dans les filtres */
  #search_filters .btn-primary {
    background: var(--black) !important;
    color: var(--blanc) !important;
    border: 1px solid var(--black) !important;
    border-radius: 0;
    font-weight: 600;
  }

  #search_filters .btn-primary:hover {
    background: #111 !important;
    color: var(--blanc) !important;
  }

  #search_filters {
    width: 90%;
    margin: 15px auto;
    border-radius: 0;
  }

  /* Produits mobile → 2 colonnes */
  .products .products-row,
  .product-list .products,
  #js-product-list .products {

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;

  }

  /* Carte produit */
  .product-miniature {

    width: 100% !important;
    max-width: none !important;
    margin: 0;

  }

  /* Image */
  .product-miniature .thumbnail-container,
  .product-miniature .product-thumbnail {

    width: 100%;
    height: auto;

  }
}




/* ===== FOOTER ===== */
/* ===== DIVERS / FIXS ===== */
/* ====================================== RESPONSIVE — PETITS MOBILE (≤ 767px) ====================================== */
@media (max-width: 767px) {
  /* ajustements spécifiques */
}

/* ====================================== FIN DU FICHIER V2 ====================================== */