/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 /* Le conteneur produit devient une grille responsive */
.scroll-menu .main-menu .pos-menu-horizontal .menu-content .menu-item > a{
  font-size: 16px !important;
}
.block-category .block-category-inner #category-description strong{
  color: black;
  font-weight: bold;
}
.block-category .block-category-inner #category-description p{
  margin-bottom: 1.25em;
}
.ets_av_cancel{
  padding: 10px 30px;
  line-height: 1.5;
}
.main-menu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown.cat-drop-menu li a{
  font-size: 0.925rem;
}
.has-discount .discount{
  display: block;
  margin-left: 0;
  text-align: center;
  font-size: 1rem;
  margin-bottom: 5px;
}
.product-discount .regular-price{
  margin-right: 0;
  margin-left: 5px;
}
.has-discount.product-price, .has-discount p, .has-discount .page-content.page-cms ul, .page-content.page-cms .has-discount ul{
  color: #B94614;
}
.product-prices .current-price{
  display: inline-block;
}
.pos-product-widget .slick-list
.product_accessoriesslide .slick-list,
.product_categoryslide .slick-list{
  padding-bottom: 20px;
  padding-top: 8px;
}
 /* 1) Étire toutes les slides à la même hauteur */
.page-index .slick-track{
  display:flex !important;
  align-items:stretch !important;
}
.page-index .slick-slide{
  height:auto;               /* laisse Slick gérer la largeur */
}
/* --- PATCH pour ce carrousel Slick --- */
.product_categoryslide .slick-track{
  display:flex !important;
  align-items:stretch !important;
}
.product_categoryslide .slick-slide{ height:auto; }

/* Les 2 wrappers anonymes autour de <article> doivent transmettre la hauteur */
.product_categoryslide .slick-slide > div,
.product_categoryslide .slick-slide > div > div,
.product_accessoriesslide .slick-slide > div,
.product_accessoriesslide .slick-slide > div > div { height:100%; }

/* La carte produit remplit toute la slide */
.product_categoryslide article.product-miniature{
  display:flex;
  flex-direction:column;
  height:100%;
  background:#fff;
}

/* Image stabilisée (évite que la hauteur s’écroule avec les placeholders lazyload) */
.product_categoryslide .img_block{
  aspect-ratio:1 / 1;
  display:flex; align-items:center; justify-content:center;
  background:#f8f8f8;
}
.product_categoryslide .img_block img{
  max-width:100%; max-height:100%; object-fit:contain;
}

/* Colonne contenu qui s’étire */
.product_categoryslide .product_desc{
  display:flex; flex-direction:column; flex:1;
  padding:.8rem 1rem 1rem;
  row-gap:.6rem;
}
.product_categoryslide .product_desc .inner_desc{
  display:flex; flex-direction:column; flex:1; min-height:1px;
}

/* Prix collé au bas, bouton sous le prix, avec respiration */
.product_categoryslide .product-price-and-shipping{
  margin-top:auto !important;      /* pousse vers le bas */
  order:10;
  position:static !important; float:none !important;
  clear:both;
}
.product_categoryslide .cart{
  order:11;
  position:static !important; float:none !important;
  margin-top:.8rem;                 /* espace avec le prix */
  padding-top:.4rem;
}

/* Clamps (optionnel) pour homogénéiser les hauteurs */
.product_categoryslide .product_name{
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
  overflow:hidden; min-height:calc(1.2em * 2);
}
.product_categoryslide .product-desc{
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;
  overflow:hidden; min-height:calc(1.2em * 3);
}
/* 2) Les 2 wrappers spécifiques de la home doivent transmettre la hauteur */
.page-index .slick-slide > div,
.page-index .slick-slide .slick-slide1,
.page-index .slick-slide .slick-slide-inner1{
  height:100%;
}

/* 3) La carte produit occupe 100% de la slide */
.page-index article.product-miniature{
  display:flex;
  flex-direction:column;
  height:100%;
  background:#fff;
}

/* 4) Bloc image stabilisé (évite les sauts de layout) */
.page-index .img_block{
  aspect-ratio: 1 / 1;
  display:flex; align-items:center; justify-content:center;
  background:#f8f8f8;
}
.page-index .img_block img{
  max-width:100%; max-height:100%; object-fit:contain;
}

/* 5) Colonne de contenu qui s’étire */
.page-index .product_desc{
  display:flex; flex-direction:column; flex:1;
  padding:.8rem 1rem 1rem;
  row-gap:.6rem;
}
.page-index .product_desc .inner_desc{
  display:flex; flex-direction:column; flex:1; min-height:1px;
}

/* 6) Prix + bouton en bas, avec espace respirant */
.page-index .product-price-and-shipping{
  margin-top:auto !important;
  order:10;
  position:static !important; float:none !important;
}
.page-index .cart{
  order:11;
  position:static !important; float:none !important;
  margin-top:.75rem;
  padding-top:.75rem;
}
.page-index .product-price-and-shipping::after{ content:""; display:block; clear:both; }

/* 7) Clamp pour stabiliser visuellement les hauteurs */
.page-index .product_name{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; min-height:calc(1.2em * 2);
}
.page-index .product-essentials{
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
  overflow:hidden; min-height:1.2em;
}
.page-index .product-desc{
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
  overflow:hidden; min-height:calc(1.2em * 3);
}

 /* 1) Slick en "lignes" pour étirer toutes les slides à la même hauteur */
.slick-track{
  display: flex !important;          /* étire les enfants */
  align-items: stretch !important;
}
.pos-product-widget .slick-track{
  padding-bottom: 20px;
}
.slick-slide{                         /* laisse Slick gérer la largeur, nous la hauteur */
  height: auto; 
}
.slick-slide > div,
.slick-slide > div > div
.slick-slide > div > div > div {             /* tes deux <div> wraps autour de <article> */
  height: 100%;
}

/* 2) La carte produit occupe 100% de la slide */
.slick-slide article.product-miniature{
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
}

/* 3) Bloc image stabilisé (évite les sauts) */
.slick-slide .img_block{
  aspect-ratio: 1 / 1;
  display:flex; align-items:center; justify-content:center;
  background:#f8f8f8;
}
.slick-slide .img_block img{
  max-width:100%; max-height:100%; object-fit:contain;
}

/* 4) Colonne de contenu qui s’étire */
.slick-slide .product_desc{
  display:flex; flex-direction:column; flex:1;
  padding: .8rem 1rem 1rem;
  row-gap: .6rem;                     /* espace vertical naturel entre blocs */
}
.slick-slide .product_desc .inner_desc{
  display:flex; flex-direction:column; flex:1; min-height:1px;
}

/* 5) Le prix + le bouton collés en bas, dans l’ordre */
.slick-slide .product-price-and-shipping{
  margin-top: auto !important;        /* pousse ce bloc + ce qui suit en bas */
  order: 10;
  position: static !important;
  float: none !important;
}
.slick-slide .cart{
  order: 11;
  position: static !important;
  float: none !important;
  margin-top: 1rem;                 /* espace entre prix et bouton */
  padding-top: .75rem;                /* optionnel : petite séparation */
}

/* 6) Clamp des textes pour stabiliser la hauteur visuelle */
.slick-slide .product_name{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; min-height:calc(1.2em * 2);
}
.slick-slide .product-essentials{
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
  overflow:hidden; min-height:1.2em;
}
.slick-slide .product-desc{
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
  overflow:hidden; min-height:calc(1.2em * 3);
}

/* 7) Sécurité : si le thème met des marges énormes ou des floats ailleurs */
.slick-slide .product-price-and-shipping::after{
  content:""; display:block; clear:both;
}

.row.product_content.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); /* 4 colonnes max selon largeur */
  gap: 1.5rem; /* espacement entre les cartes */
}
.js-product-miniature .product_desc .hook-reviews{
  margin: 0;
}
/* Les cartes */
.row.product_content.grid .item-product {
  display: block;
  width: 100%;
  float: none;
}
#js-product-list .product_content.grid .item-product{
  padding: 0;
  margin-bottom: 0;
  float: none;
  width: 100%;
}
/* L'article occupe toute la cellule */
.row.product_content.grid .item-product > article {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
}

/* On s'assure que la carte est une colonne flexible */
.row.product_content.grid .item-product > article {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Le bloc description occupe tout l’espace vertical disponible */
.row.product_content.grid .product_desc {
  display: flex;
  flex-direction: column;
  flex: 1; /* prend toute la hauteur restante sous l'image */
}

/* L'intérieur de la description (texte, prix, bouton) est aussi en colonne */
.row.product_content.grid .product_desc .inner_desc, .js-product-miniature .product_desc, .js-product-miniature.style_product1 .inner_desc {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Le bouton “Ajouter au panier” (dans .cart) reste toujours tout en bas */
.row.product_content.grid .product_desc .cart, .js-product-miniature.style_product1 div.cart {
  margin-top: auto;   /* pousse .cart vers le bas */
}

/* Bloc image stabilisé avec ratio carré */
.row.product_content.grid .img_block {
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f9f9f9;
}
.row.product_content.grid .img_block img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Titre, infos, etc. bornés pour garder les hauteurs stables */
.row.product_content.grid .product_name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.2em * 2);
}

.row.product_content.grid .product-essentials {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 1.2em;
}

/* Le prix reste l’élément qui descend en bas */
.row.product_content.grid .product-price-and-shipping{
  margin-top: auto !important;
}

/* Un peu de style optionnel */
.row.product_content.grid .item-product > article {
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  transition: transform .2s ease;
}
.row.product_content.grid .item-product > article:hover {
  transform: translateY(-4px);
}
.pos-search__result .search-item:hover{
  background-color: #fff7f4;
}
.pos-search__result .search-item{
  border-radius: 10px;
  padding: 10px;
}
.main-menu .pos-menu-horizontal .menu-content{
  row-gap: 15px;
  align-items: center;
  justify-content: center;
}
.product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name{
  text-transform: initial;
}
.feature-item.accords{
  grid-column: 1 / -1;
}
.feature-item.accords .feature-value{
  margin-left: 20px;
  text-align: left;
}
.product-features-icons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.2rem;
  margin-top: 2rem;
  padding-bottom: 30px;
  border-bottom: 1px solid #ebebeb;
}
#header .sticky-inner.scroll-menu{
  padding-top: 10px;
  padding-bottom: 10px;
}
.reglementation .elementor-widget-wrap{
  gap: 20px;
}
.blockcart .popup_cart.popup-dropdown{
  top: 40px !important;
}
.product_desc .product-sub{
  font-size: 0.8rem;
  margin-top: -8px;
  margin-bottom: 10px;
}
.cart-grid-body .product-price{
  text-transform: uppercase;
}
.blockcart.cart-preview.cart-default img{
  height: 50px;
}
.cart-grid-body .product-price .price, .cart-grid-body .product-price strong, .blockcart .popup_cart .price_content .cart-summary-line.cart-total .value{
  font-size: 20px;
  color: #B94614;
  font-family: "Bricolage Grotesque", sans-serif;
}
.card-block.cart-summary-totals .cart-summary-line.cart-total .value, .cart-summary-line .value{
  font-family: "Bricolage Grotesque", sans-serif;
}
.card-block.cart-summary-totals .cart-summary-line.cart-total .value{
  font-size: 25px;
}
.w-auto{
  width: auto !important;
}
.feature-item {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  background: #f9f9f9;
  border-radius: 10px;
  padding: 0.6rem 0.9rem;
  transition: background 0.2s;
}
.h1.namne_details, .product_name_h1{
  margin-bottom: 5px;
}
#product .product-description p {
  color: #253237;
}
.js-product-miniature .product_desc .product-desc p{
  color: #253237;
}
.feature-item:hover {
  background: #f2f2f2;
}
#search_filters .ui-slider .ui-slider-handle{
  background: #b94614 !important;
}
.feature-item img {
  width: 28px;
  height: 28px;
  margin: 0;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(18%) sepia(25%) saturate(570%) hue-rotate(18deg) brightness(96%) contrast(93%);
}

.feature-label {
  font-weight: 600;
  color: #5a4032;
}

.feature-value {
  margin-left: auto;
  font-weight: 500;
  color: #333;
  text-align: right;
}
.pos-search__result{
  top: 41px;
  border-radius: 20px;
  padding: 0.5rem;
}
.pos-search__result .search-item:not(:last-child) {
  margin-bottom: 0.1375rem;
}
.pos-search__result .search-item a .product-infos > .product_price{
  color: #B94614;
  font-size: 17px;
  font-weight: 900;
}
.product-actions .add-to-cart{
  background-color: #B94614;
  color: white;
  border: 0;
  font-size: 1.0375rem;
}
.product-actions .add-to-cart:hover{
 background-color: #253237;
}
.js-product-miniature.style_product1 div.cart button.ajax_add_to_cart_button, .js-product-miniature.style_product1 div.cart span.ajax_add_to_cart_button{
  background-color: #B94614;
  font-family: "Bricolage Grotesque", sans-serif;
}
.js-product-miniature.style_product1 div.cart button.ajax_add_to_cart_button:hover, .js-product-miniature.style_product1 div.cart span.ajax_add_to_cart_button:hover{
  background-color: #253237;
}
.pos-search__result .view-more{
  text-align: center;
  padding: 10px;
}
.pos-search__result .search-item a .product-infos .product_name{
  margin-bottom: 0.225rem;
}
.main-menu .pos-menu-horizontal .menu-content .menu-item > .menu-dropdown.cat-drop-menu{
  padding-top: 20px;
}
.main-menu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown.cat-drop-menu li{
  border-bottom: 1px solid rgba(255, 255, 255, 0.30);
  color: white;
}
.main-menu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown.cat-drop-menu .pos-sub-inner .pos-sub-inner{
  margin-left: 3px;
}
#wrapper .breadcrumb li a{
  color: #B94614;
  font-weight: 600;
}
#wrapper .breadcrumb li a:hover{
  text-decoration: underline;
}
#wrapper .breadcrumb li:last-child, #wrapper .breadcrumb li:last-child a{
  color: #253237;
}
#product .page-title-wrapper{
  padding: 15px 0;
  background-color: #fce9d4;
  margin-bottom: 50px;
  /*background-color: #fffcfa;*/
  /*background-color: #253237;*/
  color: white;
}
#product .page-title-wrapper .container{
  padding: 0;
}
#blockcart-modal .cart-content .btn{
  font-weight: bold;
  border: 0;
  padding: 10px 30px;
}
.card-block.checkout .btn-primary{
  font-weight: bold;
}
#blockcart-modal .cart-content .btn.btn-secondary, .cart-grid-body .btn-secondary{
  background-color: #e7e7e7;
  color: #253237;
  border-color: #e7e7e7;
  font-weight: bold;
  font-family: "Bricolage Grotesque", sans-serif;
}
#blockcart-modal .cart-content .btn.btn-primary, .card-block.checkout .btn-primary{
  background-color: #c34f1d;
  border-color: #c34f1d;
  font-size: 16px;
}
.btn-primary, .poscompare-product .product_desc div.cart button.ajax_add_to_cart_button, .poscompare-product .product_desc div.cart span.ajax_add_to_cart_button{
  background-color: #c34f1d;
  border-color: #c34f1d;
  font-weight: bold;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 16px;
}
#blockcart-modal .cart-content .btn:hover, .cart-grid-body .btn-secondary:hover, .blockcart .popup_cart .checkout a:hover, .btn-primary:hover{
  background-color: #253237;
  border-color: #253237;
  color: white;
}
.card-block.checkout .btn-primary:hover{
  background-color: #253237;
  border-color: #253237;
}
.cart-grid-body .product-line-info .product_name{
  font-weight: 600;
}
.page-title-wrapper .page-header ~ .breadcrumb{
  margin-top: 0;
}
.cart-grid-body .product-price .unit-price-cart{
  line-height: 20px;
  color: #666666;
  letter-spacing: 0.025em;
}
.page-category .page-title-wrapper .page-header{
  margin-bottom: 10px;
}
.main-menu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown.cat-drop-menu li a{
  color: white !important;
  background: transparent;
  text-transform: initial;
}
.main-menu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown .pos-sub-inner{
  background-color: #c34f1d;
}
.pos-search__result .view-more{
  display:flex;
  align-items:center;
  justify-content:center;
  margin:.5rem .75rem;             /* respiration par rapport aux bords */
  padding:.4rem 1rem;
  border-radius:12px;
  background:rgba(195,79,29,.08);  /* orange très léger */
  color:#222f3e;
  font-weight:600;
  text-decoration:none;
  border: 0;
  transition:background .18s ease, color .18s ease, transform .06s ease;
}

/* Petite flèche à droite */
.pos-search__result .view-more::after{
  content:"→";
  margin-left:.5rem;
  font-size:1.05em;
  opacity:.7;
}

.pos-search__result .view-more:hover{
  background:#c34f1d;
  color:#fff;
}
.pos-search__result .view-more:active{ transform:translateY(1px); }
.pos-search__result .view-more:focus-visible{
  outline:2px solid #c34f1d; outline-offset:2px;
  box-shadow:0 0 0 3px rgba(195,79,29,.25);
}

/* Réduction d’animation si préféré */
@media (prefers-reduced-motion: reduce){
  .pos-search__result .view-more{ transition:none; }
}
.pos-search__result .search-item a .product-infos > p{
  font-family: "Bricolage Grotesque", sans-serif;
}
/* Lignes de 1er niveau (Rouge, Blanc, Rosé, Effervescent) */
.block-categories .category-sub-menu > li[data-depth="0"]{
  position:relative;
}
.block-categories .category-sub-menu > li[data-depth="0"] > a{
  display:inline-block; font-weight:600; color:#222f3e;
  text-decoration:none; padding:0 .25rem; border-radius:.4rem;
}
.block-categories .category-sub-menu > li[data-depth="0"] > a:hover{
  background:rgba(0,0,0,.04);
}

/* Bouton chevron +/− fourni par Prestashop */
.block-categories .navbar-toggler.collapse-icons{
  display:inline-flex; align-items:center; gap:.15rem;
  margin-left:.35rem; cursor:pointer; user-select:none;
}
.block-categories .navbar-toggler .remove{ display:none; }
.block-categories .navbar-toggler[aria-expanded="true"] .add{ display:none; }
.block-categories .navbar-toggler[aria-expanded="true"] .remove{ display:inline-block; }

/* Conteneur des sous-niveaux (Sec, Moelleux, …) */
.block-categories .collapse,
.block-categories .collapsing{
  margin-top:.25rem; margin-left:calc(1.25rem - .5rem);
  padding-left:.75rem; border-left:2px solid #e9ecef;
}

/* Par défaut Bootstrap met overflow:hidden; on veut voir les traits */
.block-categories .collapsing {
  overflow: visible;
}

/* Items de 2e niveau */
.block-categories .collapse .category-sub-menu > li[data-depth="1"]
.block-categories .collapsing .category-sub-menu > li[data-depth="1"]{
  position:relative; padding:0 0 .25rem .25rem;
}
.block-categories .collapse .category-sub-menu > li[data-depth="1"]::before
.block-categories .collapsing .category-sub-menu > li[data-depth="1"]::before{
  content:""; position:absolute; left:-.75rem; top:1rem;
  width:.75rem; height:0; border-top:2px solid #e9ecef;
}
.block-categories .collapse .category-sub-menu > li[data-depth="1"] > a,
.block-categories .collapsing .category-sub-menu > li[data-depth="1"] > a{
  display:block; color:#6b7280; font-weight:500;
  text-decoration:none; padding:0 .25rem; border-radius:.35rem;
}
.block-categories .collapse .category-sub-menu > li[data-depth="1"] > a:hover{
  background:rgba(0,0,0,.04); color:#222f3e;
}

/* état animé par défaut (quand fermé ou en transition) */
.block-categories .collapse:not(.in):not(.show) .category-sub-menu > li[data-depth="1"],
.block-categories .collapsing .category-sub-menu > li[data-depth="1"]{
  opacity:0;
  transform:translateY(-6px);
}

/* état ouvert (fin d’animation) */
.block-categories .collapse.in .category-sub-menu > li[data-depth="1"],
.block-categories .collapse.show .category-sub-menu > li[data-depth="1"]{
  opacity:1;
  transform:translateY(0);
}

/* transitions (et un léger “stagger” pour joli effet cascade) */
.block-categories .category-sub-menu > li[data-depth="1"]{
  transition:opacity .22s ease, transform .22s ease;
  will-change:opacity, transform;
}
.block-categories .category-sub-menu > li[data-depth="1"]:nth-child(1){ transition-delay: 0ms; }
.block-categories .category-sub-menu > li[data-depth="1"]:nth-child(2){ transition-delay: 15ms; }
.block-categories .category-sub-menu > li[data-depth="1"]:nth-child(3){ transition-delay: 30ms; }
.block-categories .category-sub-menu > li[data-depth="1"]:nth-child(4){ transition-delay: 60ms; }

/* Accessibilité : si l’utilisateur préfère moins d’animation */
@media (prefers-reduced-motion: reduce){
  .block-categories .category-sub-menu > li[data-depth="1"]{
    transition:none;
  }
}

/* État actif (si Prestashop ajoute .current ou .selected) */
.block-categories a.current,
.block-categories a.selected{
  background:rgba(195,79,29,.08);
  color:#c34f1d !important;
  box-shadow:inset 0 0 0 1px rgba(195,79,29,.25);
  border-radius:.4rem;
}

/* Accessibilité : focus visible */
.block-categories a:focus-visible,
.block-categories .navbar-toggler:focus-visible{
  outline:2px solid #c34f1d; outline-offset:2px; border-radius:.35rem;
}

.main-menu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown.cat-drop-menu .pos-sub-inner{
  border-radius: 20px;
}
/*.js-product-miniature .product_desc .product_name:not(.one_line){
  height: 46px;
}*/
.block-categories a.h6, #search_filters_wrapper #search_filters .h6, .btn-secondary, .btn-tertiary, .btn-primary, .poscompare-product .product_desc div.cart button.ajax_add_to_cart_button, .poscompare-product .product_desc div.cart span.ajax_add_to_cart_button, .block-categories .category-sub-menu li[data-depth='0'] > a, #js-product-list .product_content.list .js-product-miniature .product_desc div.cart button.ajax_add_to_cart_button, #js-product-list .product_content.list .js-product-miniature .product_desc div.cart span.ajax_add_to_cart_button{
  text-transform: initial !important;
}
.logo-default {
  display: block;
}
#js-product-list-top.products-selection{
  background: transparent;
}
body.page-category main{
  background-color: #fffcfa;
}
.product-price-and-shipping .price, .js-product-miniature .product_desc .product_name, .slider-item .title1, .slider-item .title2, .main-menu .pos-menu-horizontal .menu-content, .main-menu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown.cat-drop-menu .pos-sub-inner, #js-checkout-summary .product-price{
  font-family: "Bricolage Grotesque", sans-serif;
}
body#checkout #cart-summary-product-list img{
  border: 0;
}
#js-checkout-summary .product-price, #js-checkout-summary .product-name{
  font-weight: 600;
}
#js-checkout-summary .product-quantity{
  display: initial;
}
#js-checkout-summary .media{
  padding: 10px 0;
}
.elementor-widget-heading .elementor-heading-title, .banner-title, banner-title2{
  font-family: "Bricolage Grotesque", sans-serif !important;
  font-weight: 600;
}
.cart-summary-line .value{
  color: #B94614;
}
.from-label {
  color: #B94614;
  opacity: 0.9;
  font-size: 0.9em;
  margin-right: 0.2em;
  font-weight: bold;
  white-space: nowrap;
}
.product-variants > .product-variants-item .input-color:checked + span, .product-variants > .product-variants-item .input-color:hover + span, .product-variants > .product-variants-item .input-radio:checked + span, .product-variants > .product-variants-item .input-radio:hover + span {
  border: 1px solid var(--hovercolor);
  border-radius: 5px;
  background-color: var(--hovercolor);
  color: white;
}
.product-variants > .product-variants-item .radio-label{
  font-size: 18px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 0.125rem 1.625rem;
}
/*.js-product-miniature .product_desc .manufacturer a{
  border-left: 4px solid #e5bd90;
  padding-left: 5px;
}*/
.page-product .manufacturer a {
  font-size: 0.85rem;
  text-transform: uppercase;
  color: #999999;
  line-height: 1;
  margin-bottom: 0.625rem;
  display: block;
}
.js-product-miniature .product_desc .manufacturer a{
  line-height: 1.3;
}
.product-multi a {
  font-size: 0.8em;
  font-weight: 600;
  color: #363636;
  padding: 1px 5px;
  border-left: 5px solid #B94614;
}
.row.product_content.grid .product_desc .cart{
  margin-top: 1rem !important;   /* espace au-dessus du bouton */
}
/*.product-multi a:hover {
  background-color: #253237;
}*/
.product-multi a:hover {
  color: #B94614;
}
.product-multi{
  margin-bottom: 10px;
}
.facet ul li > *{
  color: #253237;
}
.scroll-menu .elementor-container{
  padding-left: 10px;
  padding-right: 10px;
}
.active_filters {
  padding: 0.625rem 0.625rem 0;
  margin-bottom: 1.25rem;
  background-color: white;
  box-shadow: 0px 6px 15px 0px #00000010;
  border-radius: 10px;
}
.js-product-miniature .product_desc{
  padding: 1rem !important;
}
.slider-item .title1, .slider-item .title2{
  font-weight: 600;
}
.js-product-miniature .product_desc .product_name{
  font-weight: 500;
}
.product-price-and-shipping{
  letter-spacing: normal;
}
#category-description *{
  font-size: 0.9rem;
}
.categories-container .category-item > div .category-content .name{
  text-transform: initial;
}
.pos-product-widget .slick-slide{
  padding-bottom: 10px;
  padding-top: 10px;
}
.js-product-miniature.style_product3, .js-product-miniature.style_product_default, .js-product-miniature.style_product1{
  box-shadow: 0px 6px 15px 0px #00000010;
  border-radius: 10px;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  will-change: transform, box-shadow;
  position: relative;
}
.js-product-miniature .product_desc, .js-product-miniature.style_product1 .inner_desc{
  position: initial;
}
.js-product-miniature.style_product3:hover,
.js-product-miniature.style_product_default:hover,
.js-product-miniature.style_product1:hover {
  transform: translateY(-6px);
}
.product-price-and-shipping .price, .product-prices .price, .product-prices .current-price span:first-child{
  font-weight: 900;
}
.product-unit-price{
  color: #666666;
  margin-top: 3px;
  font-size: 1.1em;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.logo-scroll {
  display: none;
}
/* Quand le header a la classe .scroll-menu */
#header .sticky-inner.scroll-menu .logo-default {
  display: none;
}
#header .sticky-inner.scroll-menu .logo-scroll {
  display: block;
}
.banner {
    margin: 0 !important;
}
.banner .banner-content{
    max-width: 1500px;
    margin: 0 auto;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.banner .banner-content > *, .slideshow-content .subtitle{
  max-width: 50%;
}
.banner img{
    height: 700px;
    object-fit: cover;
}
.elementor-widget-pos_links .pos-links-widget .links-widget-content:before {
  display: none !important;
}

@media screen and (max-width: 1519px) {
  .elementor-section.elementor-section-stretched.elementor-section-boxed, #product .page-title-wrapper .container{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .banner .banner-content{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  /*.js-product-miniature.style_product3, .js-product-miniature.style_product_default, .js-product-miniature.style_product1{
    height: 500px;
  }*/
  /*.page-index .js-product-miniature.style_product3, .page-index .js-product-miniature.style_product_default, .page-index .js-product-miniature.style_product1{
    height: 520px;
  }*/
}
@media screen and (max-width: 1024px) {
  .pos-search__result{
    top: 120px;
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media screen and (max-width: 991px) {
  
}
@media screen and (max-width: 767px) {
  .row.product_content.grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.5em;
  }
  .banner img{
    height: 400px;
    object-fit: cover;
  }
  .banner .banner-content > *, .slideshow-content .subtitle{
    max-width: 70%;
  }
  .js-product-miniature.style_product1 div.cart button.ajax_add_to_cart_button, .js-product-miniature.style_product1 div.cart span.ajax_add_to_cart_button{
    padding: .5rem .25rem;
  font-size: 0.9rem;
  }
}
@media screen and (max-width: 575px) {
  .js-product-miniature.style_product3, .js-product-miniature.style_product_default, .js-product-miniature.style_product1{
    height: auto;
  }
  .js-product-miniature.style_product1 div.cart{
    position: relative;
    margin-top: 2rem;
    padding: 0;
  }
  .ets_av_content_popup .footer .btn{
    width: 100%;
  }
  .ets_av_content_popup .footer{
    gap: 15px;
  }
}