/* TOP BANNER */
.back-grey{
  background-color: #F6F6F6!important;
}
.category-banner {
    position: relative;
    height: 530px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: white;
    padding: 0 5%;
}

.category-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.category-banner-inner {
    position: relative;
    z-index: 2;
    max-width: 700px;
    text-align: left;
    left: 148px;
}

.category-title,
.category-description {
    font-family: 'Quicksand', sans-serif;
    color: white;
}

.category-title {
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
}

.category-description {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    height: 88px;
    width: 372px;
    margin-bottom: 25px;
}

.category-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 64px;
    gap: 8px;
    width: 182px;
    height: 46px;
    background-color: #ff9900;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.category-button:hover {
    background-color: #e08900;
}

/* PRODUCTS LISTING */

.products {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}


.custom-product-item {
    list-style: none;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1rem;
    border-radius: 9px;
    width: calc((100% - 48px) / 3);
    max-width: 300px;
    position: relative;
}

.custom-product-item .product-thumb img {
    width: 172px;
    height: 213px !important;
    object-fit: cover;
    margin: 45px 0 1rem;
    max-width: 100%;
}

.product-title {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    height: 55px;
}

.product-price {
    font-weight: bold;
    margin: 0.5rem 0;
}

.view-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    background-color: transparent;
    border: 1px solid #F39D26;
    color: #F39D26;
    padding: 12px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    width: 119px;
    height: 46px;
    font-family: 'Quicksand', sans-serif;
    transition: all ease-in-out 0.15s;
    text-decoration: none;
}

.view-button svg {
    width: 24px;
    height: 24px;
    fill: #F39D26;
    flex-shrink: 0;
}

.view-button:hover {
    background-color: #F39D26;
    color: white;
}

.view-button:hover svg {
    fill: white !important;
}

.product-badges {
    display: flex;
    gap: 8px;
    align-items: center;
    position: absolute;
    left: 20px;
    top: 10px;
}

.product-rank,
.product-new {
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: bold;
}

.product-rank {
    background-color: #F4E3D3;
    color: #7A3E25;
}

.product-new {
    background-color: #FBE6A2;
    color: #B86100;
}

.add-to-cart-icon {
    background-color: #F39D26;
    border-radius: 8px;
    width: 71px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.add-to-cart-icon:hover {
    background-color: #ffb348;
    color: white;
}

.container_btns_products {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

/* TOP FILTER */
.price-slider-container {
    width: 100%;
    margin-bottom: 12px;
}

.slider-labels {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    margin-bottom: 6px;
}

.slider-track-wrapper {
    position: relative;
    height: 32px;
}

.slider-track-wrapper input[type="range"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 32px;
    pointer-events: none;
    appearance: none;
    background: none;
    z-index: 1;
}

.slider-track-wrapper input[type="range"]::-webkit-slider-thumb {
    pointer-events: all;
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #F39D26;
    border: 2px solid white;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.slider-track-wrapper input[type="range"]::-webkit-slider-runnable-track {
    height: 6px;
    background: #ddd;
    border-radius: 3px;
}

/* Firefox */
.slider-track-wrapper input[type="range"]::-moz-range-thumb {
    pointer-events: all;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #F39D26;
    border: 2px solid white;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    cursor: pointer;
}

.slider-track-wrapper input[type="range"]::-moz-range-track {
    height: 6px;
    background: #ddd;
    border-radius: 3px;
}
.slider-track-wrapper input[type="range"]#price-range-min {
    z-index: 2;
  }
  
  .slider-track-wrapper input[type="range"]#price-range-max {
    z-index: 1;
  }
  /* Masquer la piste du curseur du haut (par ex. min) */
.slider-track-wrapper input[type="range"]#price-range-min::-webkit-slider-runnable-track {
    background: transparent;
  }
  .slider-track-wrapper input[type="range"]::-webkit-slider-thumb {
    appearance: none;
    background: #f39d26;
    border: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-top: -6px; /* pour bien centrer verticalement sur la piste */
    position: relative;
    z-index: 3;
    cursor: pointer;
  }
  
  .slider-track-wrapper input[type="range"]::-webkit-slider-runnable-track {
    height: 6px;
    background: #e6e6e6;
    border-radius: 3px;
  }
  
  .slider-track-wrapper {
    position: relative;
    height: 32px;
    width: 100%;
  }
  
  .range-track {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 6px;
    background-color: #f39d26;
    border-radius: 3px;
    z-index: 1;
  }
  
  .slider-track-wrapper input[type="range"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    appearance: none;
    background: none;
    pointer-events: none;
    z-index: 2;
  }
  
  .slider-track-wrapper input[type="range"]::-webkit-slider-thumb {
    pointer-events: all;
    appearance: none;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #f39d26;
    border: 2px solid white;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    cursor: pointer;
  }
  
  .slider-track-wrapper input[type="range"]::-webkit-slider-runnable-track {
    height: 6px;
    background: #ddd;
    border-radius: 3px;
  }
  
  .filter-section .filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: default; /* plus de pointer ici puisque seul le bouton déclenche */
    padding: 8px 0;
    position: relative;
  }
  .filter-header::after{
    content: "";
    border-bottom: 0.5px solid #B5B5B5;
    position: absolute;
    bottom: 0px;
    width: 100%;
  }
  .filter-header h4{
    margin-bottom: 0!important;
    padding-bottom: 0!important;
    font-weight: 600;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.45px;
    color: #000000;
  }
  .max-price-label, .slider-labels-min label{
    font-weight: 400;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
  }
  .max-price-label{
    color: #B5B5B5;
    width: 100%;
    display: flex;
    justify-content: end;
  }
  .slider-labels-min label{
    display: flex;
    color: #000;
  }
  .filter-toggle {
    background: none;
    border: none;
    font-size: 16px;
    transform: rotate(180deg);
    transition: transform 0.2s ease;
    cursor: pointer;
  }
  
  .filter-section.is-open .filter-toggle {
    transform: rotate(0deg);
  }
  .filter-section.is-open .filter-toggle:focus {
    outline: none!important;
  }
  .filter-content {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
  }
  
  .filter-section:not(.is-open) .filter-content {
    display: none;
  }
  .price-filter{

  }
  #left-area{
    width: 100%!important;
    padding-right: 0!important;
  }
  .custom-sidebar-form{
    margin-right: 32px;
  }
  #sidebar {
    display: none !important;
}
.product-right h1 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #222;
}



  /* TOPBAR */

  .woocommerce-result-count{
    font-weight: 500;
    font-family: 'SF Pro Display', sans-serif;
    font-size: 16px;
    line-height: 16PX;
    letter-spacing: 0.6px;
    color: #6C6C6C;
  }
  .total-selcted-products{
    font-weight: 500;
    font-family: 'SF Pro Display', sans-serif;
    font-size: 20px;
    line-height: 16PX;
    letter-spacing: 0.6PX;
    text-align: center;
    color: #000;
  }
  .woocommerce-ordering select.orderby {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 8px 36px 8px 12px;
    font-size: 16px;
    color: #333;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('/wp-content/uploads/2025/04/Chevron-Down.png');
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
    display: flex;
    gap: 6px;
    cursor: pointer;
    height: 44px;
    font-family: 'Quicksand', sans-serif;
}
.products-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 24px auto;
    padding: 0 0 0 16px;
}

#min-price-label, #max-price-label {
    display: none;
}
.container.hide-before::before {
    content: none !important;
}
.slider-labels-min input, #max_price {
    width: 109px!important;
}
.custom-woocommerce-sidebar{
    width: 250px;
}
.button-filter-products{
    border-radius: 8px;
    border: 1px solid #F39D26;
    background-color: transparent;
    color: #F39D26;
    font-size: 18px;
    line-height: 24px;
    margin-top: 15px;
    text-align: center;
    padding: 5px;
    letter-spacing: 0.38px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.button-filter-products svg{
    width: 24px;
    height: 24px;
    fill: #F39D26;
}
.button-filter-products:hover{
    background-color: #F39D26;
    color: white;
    transition: all ease-in-out 0.15s;
    cursor: pointer;
}
.button-filter-products:hover svg{
    fill: white !important;
    transition: all ease-in-out 0.15s;
}

/* CHECKBOXES */

.collection-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  cursor: pointer;
  font-size: 15px;
}

.collection-checkbox input[type="checkbox"] {
  display: none;
}

.collection-checkbox .custom-check {
  width: 18px;
  height: 18px;
  border: 1.5px solid #ccc;
  border-radius: 4px;
  background: white;
  position: relative;
  transition: background-color 0.2s, border-color 0.2s;
  bottom: -1px;
}

.collection-checkbox input[type="checkbox"]:checked + .custom-check {
  background-color: #F2C94C;
  border-color: #F2C94C;
}

.collection-checkbox input[type="checkbox"]:checked + .custom-check::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.collection-checkbox .checkbox-label {
  color: #222;
  font-weight: normal;
}

.collection-checkbox .collection-count {
  color: #999;
  font-size: 13px;
  margin-left: 5px;
}
div#page-container{
  padding-top: 0!important;
}

/* PAGE SINGLE PRODUCT */

/* PRICES */

.prices-single-product{
  display: flex;
  align-items: center;
  gap: 16px;
}
.old-price {
  text-decoration: line-through;
  color: #A0A0A0;
  margin-right: 10px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.72px;
  vertical-align: bottom;
}

.sale-price, .regular-price {
  color: #000000;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  letter-spacing: 0.96px;
  font-family: 'SF Pro Display', sans-serif;
}

/* Ttile and description of single product */

#left-area h1{
  color: #000;
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: 0;
}

/* Numero Buttons */

.issue-selector-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  margin-top: 16px;
  overflow: hidden;
}

/* Les groupes de boutons (4 par ligne) */
.issue-group {
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.4s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: max-content;
}

.issue-group.is-visible {
  opacity: 1;
  transform: translateX(0);
  position: relative;
}


/* Boutons numérotés */
.issue-btn {
  width: 86.4px;
  height: auto;
  border-radius: 8px;
  border: 1px solid #D5D5D5;
  padding: 16px 24px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  font-family: 'SF Pro Display';
  line-height: 16px;
  color: #D5D5D5;
  background-color: transparent;
  transition: all ease-in-out 0.3s;
  flex-shrink: 0;
}

.issue-btn:focus {
  outline: none;
}

.issue-btn.is-active,
.issue-btn:hover {
  border: 1px solid #000000;
  color: #000000;
  transition: all ease-in-out 0.3s;
}

/* Flèche de navigation */
.issue-next {
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  cursor: pointer;
  z-index: 2;
  transition: ease-in 0.2s;
}
.issue-next.active{
  transform: rotate(180deg);
}
.issue-next:hover{
  transform: scale(1.05);
  transition: ease-in 0.2s;
}
.issue-next:focus{
  outline: none;
}
.issue-next img {
  width: 24px;
  height: 24px;
}
.woocommerce-tabs,
.et_pb_wc_tabs {
  display: none !important;
}

/* QUANTITY AND BUTTONS ADD TO CART ADD WITH COLLECTION */

.custom-quantity-wrapper {
  display: flex;
  align-items: center;
  border: 1px solid #D5D5D5;
  border-radius: 8px;
  overflow: hidden;
  height: 56px;
  width: 161px;
  justify-content: center;
}

.qty-btn {
  background-color: transparent;
  border: none;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  cursor: pointer;
}

.qty-btn:hover {
  background-color: #f0f0f0;
}

input.qty {
  all: unset;
  width: 40px;
  text-align: center;
  font-size: 16px;
  background-color: transparent;
  border: none;
  appearance: none;
  -moz-appearance: textfield;
}


.custom-add-to-cart-button {
  background-color: #F7A922;
  color: #fff;
  padding: 14px 30px;
  border-radius: 8px;
  font-weight: 600;
  border: none;
  transition: background 0.3s ease;
  font-size: 14px;
}

.custom-add-to-cart-button:hover {
  background-color: #e89415;
}
.custom-add-to-cart-form{
  display: flex;
  align-items: center;
  flex-direction: column;
}
.et-db #et-boc .et-l .et_pb_wc_add_to_cart .quantity input.qty {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
}

.woocommerce .custom-add-to-cart-form .quantity input.qty,
.woocommerce-page .custom-add-to-cart-form .quantity input.qty,
.woocommerce #content .custom-add-to-cart-form .quantity input.qty,
.woocommerce-page #content .custom-add-to-cart-form .quantity input.qty {
  all: unset !important;
  width: 40px !important;
  height: auto !important;
  text-align: center !important;
  font-size: 16px !important;
  color: #000 !important;
  font-family: 'SF Pro Display' !important;
  background: transparent !important;
  border: none !important;
  appearance: none !important;
  -moz-appearance: textfield !important;
  box-shadow: none !important;
  text-align: center;
  margin-right: 10px;
}

/* ✅ Chrome, Safari, Edge */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* ✅ Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
.woocommerce div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity, .woocommerce #content div.product form.cart div.quantity, .woocommerce-page #content div.product form.cart div.quantity{
  margin-right: 0px!important;
}

.product > div:first-child {
  padding-top: 70px!important;
}
/* ADD TO CART BUTTON */

.woocommerce .custom-add-to-cart-button.button,
.woocommerce-page .custom-add-to-cart-button.button {
  background-color: #F39D26 !important;
  color: #fff !important;
  border: none !important;
  font-size: 16px !important;
  font-weight: 600;
  font-family: 'SF Pro Display', sans-serif;
  padding: 16px 56px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
  width: 359px;
  height: 56px;
}

.woocommerce .custom-add-to-cart-button.button:hover,
.woocommerce-page .custom-add-to-cart-button.button:hover {
  background-color: #d68d1d !important;
  transform: scale(1.03);
}
button:focus{
  outline: none!important
}

/* RELATED PRODUCTS BOTTTOM SECTION */

.related.products{
  display: flex!important;
  flex-direction: column;
}
.product_meta{
  display: none!important;
}

/* CARDS AFTER NUMBER CARDS */

.product-info-cards {
  display: flex;
  gap: 16px;
  margin: 24px 0;
  width: 436px;
}

.info-card {
  background: #F4F4F4;
  border-radius: 7px;
  padding: 16px;
  min-width: 100px;
  flex: 1 1 auto;
  font-family: 'SF Pro Display';
  display: flex;
  align-items: center;
  gap: 8px;
  height: 64px;
  width: 100px;
}

.info-icon {
  font-size: 20px;
  margin-bottom: 5px;
}

.info-label {
  font-size: 12px;
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0px;
  font-family: 'SF Pro Display';
  color: #A7A7A7;
}

.info-value {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0px;
  font-family: 'SF Pro Display';
  color: #4E4E4E;
}

/* S'ABONNER A LA COLLECTION */

.subscribe-collection-wrapper {
  margin-top: 16px;
  display: flex;
  justify-content: center;
}

/* Correction du bouton d'abonnement uniquement dans le contexte du slider multiple-items */
.multiple-items .subscribe-collection-btn,
section:has(.multiple-items) .subscribe-collection-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  background-color: #fff;
  border: 2px solid #F39D26;
  border-radius: 6px;
  color: #F39828;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  font-family: 'SF Pro Display', sans-serif;
  width: 100% !important;
  max-width: 536px;
  height: 56px;
  box-sizing: border-box;
}

/* Règle générale conservée pour les autres contextes */
.subscribe-collection-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  background-color: #fff;
  border: 2px solid #F39D26;
  border-radius: 6px;
  color: #F39828;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  font-family: 'SF Pro Display', sans-serif;
  width: 536px;
  height: 56px;
  transition: ease-in 0.2s;
}

.subscribe-collection-btn:hover {
  background-color: #F39828;
  color: white;
  transition: ease-in 0.2s;
  text-decoration: none!important;
}
.plus-icon svg{
  stroke: #F39828;
  transition: ease-in 0.2s;
}
.subscribe-collection-btn:hover .plus-icon svg{
  color: white;
  stroke: white;
  transition: ease-in 0.2s;
}

.plus-icon {
  background-color: transparent;
  border-radius: 4px;
  font-weight: bold;
  font-size: 14px;
  padding: 2px 6px;
  display: inline-block;
}

.cart-actions-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: fit-content;
}
.et_pb_module.et_pb_wc_description.et_pb_wc_description_0.et_pb_bg_layout_light.et_pb_text_align_left{
  margin-bottom: 0px!important;
}

.subscribe-collection-wrapper {
  display: flex;
  justify-content: flex-start;
}
/* ========================================
   CORRECTION SPÉCIFIQUE SHORTCODE_COLLECTION_KIOSQUE_MULTIPLE
   ======================================== */

/* Correction de la colonne Divi uniquement dans le contexte du slider multiple-items */
.multiple-items .et_pb_column.et_pb_column_1_2.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough.et-last-child,
section:has(.multiple-items) .et_pb_column.et_pb_column_1_2.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough.et-last-child {
  width: 100% !important;
  max-width: 536px;
  box-sizing: border-box;
}

/* Règle générale conservée pour les autres contextes */
.et_pb_column.et_pb_column_1_2.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough.et-last-child{
  width: 536px;
}

.subscribe-collection-wrapper {
  margin-top: 24px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
}

.subscribe-collection-btn {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}


/* LAST BUTTONS */

.product-benefits-wrapper {
  display: flex;
  gap: 24px;
  margin-top: 32px;
}

.product-benefit {
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  min-width: 180px;
  flex: 1;
  font-family: 'SF Pro Display', sans-serif;
}

.product-benefit img {
  width: 56px;
  height: 56px;
  background-color: #FEF7EE;
  padding: 16px;
  gap: 8px;
  border-radius: 11px;
}
.benefit-content{
    width: 93px;
    height: 48px;
    display: flex;

    flex-direction: column;
}
.benefit-title {
  font-size: 14px;
  color: #717171;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0px;
}

.benefit-subtitle {
  font-size: 14px;
  color: #000;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0px;
  white-space: nowrap;
}
.product-benefits-container {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* Correction des product-benefits-wrapper uniquement dans le contexte du slider multiple-items */
.multiple-items .product-benefits-wrapper,
section:has(.multiple-items) .product-benefits-wrapper {
  display: flex;
  gap: 24px;
  margin-top: 32px;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}

/* Règle générale conservée pour les autres contextes */
.product-benefits-wrapper {
  display: flex;
  gap: 24px;
  margin-top: 32px;
  max-width: 536px;
  width: 100%;
}

/* PRODUCT IMAGE */

.woocommerce-product-gallery {
  display: flex;
  flex-direction: row-reverse;
  gap: 16px; /* Optionnel : ajoute un peu d'espace entre les thumbs et l'image */
  align-items: center;
  height: 625px;
}

.woocommerce-product-gallery__wrapper {
  width: 100%;
}

.woocommerce-product-gallery ol{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 300px;
}
.woocommerce-product-gallery ol li{
  width: 100%!important;
}
.woocommerce-product-gallery .flex-active{
  width: 53.67px!important;
  height: 63.32px!important;
}

/* SALE ENCART ASIDE IMAGE */

.custom-onsale{
  position: absolute;
  top: 12px;
  left: 12px;
  width: 59px!important;
  height: 26px!important;
  border-radius: 4px;
  padding: 10px 16px;
  background: #FFF5C6;
  color: #DD7A02;
  font-size: 12px;
  font-family: 'Plus Jakarta Sans';
  font-weight: 700;
  letter-spacing: 0.12px;
  text-align: center;
  line-height: 15.5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.onsale {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FFF5C6;
  color: #DD7A02;
  font-size: 12px;
  font-weight: bold;
  padding: 6px 10px;
  border-radius: 4px;
  z-index: 10;
}

.woocommerce-product-gallery {
  position: relative;
}
.woocommerce-product-gallery__wrapper {
  position: relative;
}

/* COMPLETEZ VOTRE PANIER */

.related-products-title{
  font-family: 'Manrope';
  font-weight: 800;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 0px;
  color: #4D0E0C;
  padding-left: 16px;
}
.related.products {
  padding: 0 16px;
}

.related-products-inner {
  max-width: 1140px; /* ou la même largeur que ton main content */
  margin: 0 auto;
  width: 100%;
}
.products.column-3{
  flex-wrap: nowrap;
}
.related-products-custom-row {
  display: flex;
  gap: 24px;
  flex-wrap: nowrap;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 0!important;
}

.custom-product-item.complete-cart-item{
  flex: 1 0 calc(25% - 18px); /* 4 sur une ligne */
  max-width: calc(25% - 18px);
}

/* ACHAT ABONNEMENT */

.subscription-product-info .product-tags .tag {
  background: #f0f0f0;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.container-subinfos-abonnnement{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.container-subinfos-abonnnement .product-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #000!important;
  width: 235px;
  height: 24px;
  font-family: 'Quicksand';
  margin-top: 30px;
}

.subscription-product-info .start-date {
  font-size: 13px;
  color: #666;
  margin-top: 10px;
  font-family: 'Quicksand';
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  color: #000;
}
.product-cover{
  display: flex;
  align-items: center;
  height: 144px;
  padding: 16px 0 9px 0;
  gap: 15px;
  width: 657px;
  position: relative;
}
.product-cover > img{
  width: 89px;
  height: 119px;
  object-fit: none;
}
.product-tags{
  padding: 0!important;
  height: 33px;
  border-radius: 7px;
  padding: 16px;
  gap: 8px;
  display: flex;
  align-items: center;
}
.order_abonnement_icon{
  width: 18px;
  height: 17px;
}
li.tag{
  height: 33px;
  border-radius: 7px;
  padding: 16px;
  gap: 8px;
  width: 123px;
  font-family: 'Quicksand';
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #4E4E4E;
}
.cross-abonnement{
  width: 24px;
  height: 24px;
}
.abonnement-price{
  display: flex;
  align-items: center;
  gap: 24px;
}
.main-title-abonnement{
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #000!important;
}
.reassurance-item{
  display: flex;
  align-items: center;
  width: 157.33px;
  height: 56px;
  border-radius: 8px;
  gap: 12px;
}
.reassurance-icon{
  border-radius: 11px;
  padding: 16px;
  gap: 8px;
  background-color: #FCECD8;
  display: flex;
  flex-shrink: 0;
}
.reassurance-label{
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #717171;
  white-space: nowrap;
}
.reassurance-value{
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #000;
  white-space: nowrap;
}
.reassurance-block{
  border-radius: 16px;
  padding: 24px 0;
  gap: 40px;
  align-items: center;
}
.product-cover::after{
  content: "";
  position: absolute;
  bottom: -28px;
  border: 0.5px solid #A3A3A3;
  text-align: center;
  width: 75%;
}
.avantage-badge{
  background-color: #F2CDB5;
  width: 84px;
  height: 26px;
  border-radius: 4px;
  padding: 10px 16px;
  color: #B0551B;
  font-weight: 700;
  font-size: 12px;
  vertical-align: middle;
  line-height: 14.5px;
  letter-spacing: 0.12px;
  position: absolute;
  top: 5px;
  left: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.avantage-card{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
  border: 0.5px solid #E7E7E7;
  box-shadow: inset 0 0 0 2px #adadad;
  position: relative;
  height: 193px;
}


.carousel-track-abonnement{
  width: 634px;
  height: 273px;
  border-radius: 16px;
  padding: 26px 23px;
  gap: 17px;
  display: flex;
  align-items: center;
  background-color: #FBFBFB;
}
.container-card-avantage{
  background-color: #FFFFFF;
  border-radius: 9px;
  padding: 12px 15px;
}
.carousel-arrow-right {
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translateY(-50%);
  background: white;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}


.avantages-carousel {
  overflow: hidden;
  width: 634px;
  transition: transform 0.4s ease;
}
.carousel-wrapper-abonnement {
  width: 634px;
  overflow: hidden;
  position: relative;
}

.carousel-track {
  display: flex;
  transition: transform 0.4s ease;
}

.carousel-wrapper-abonnement {
  width: 525px;
  position: relative;
}

.carousel-viewport-abonnement {
  overflow: hidden;
  width: 100%;
}

.carousel-track-abonnement {
  display: flex;
  transition: transform 0.4s ease;
}

.container-card-avantage-abonnement {
  flex: 0 0 150px;
  padding: 0 8px;
  box-sizing: border-box;
  background-color: #fff;
}

.avantage-card-abonnement {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
  border: 0.5px solid #E7E7E7;
  box-shadow: inset 0 0 0 2px #adadad;
  position: relative;
  height: 193px;
}

.avantage-badge-abonnement {
  background-color: #F2CDB5;
  height: 26px;
  border-radius: 4px;
  padding: 10px 16px;
  color: #B0551B;
  font-weight: 700;
  font-size: 12px;
  vertical-align: middle;
  line-height: 14.5px;
  letter-spacing: 0.12px;
  position: absolute;
  top: 5px;
  left: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel-arrow-right-abonnement {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -12px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  background-color: transparent;
  border: none;
}
.arrow-rotated-abonnement {
  transform: translateY(-50%) rotate(180deg);
  transition: transform 0.3s ease;
}
.chevron-carousel-abonnement{
  width: 24px;
  height: 24px;
}
.avantages-title-abonnement{
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.24px;
  vertical-align: middle;
  color: #000000!important;
}
/*
.container_complete-cart{
  width: 100%;
  background-color: #F6F6F6;
}
.complete-cart-item{
  background-color: white!importaNT;
}
  */

  .related-products-custom-row {
    display: flex;
    flex-wrap: nowrap;
    transition: transform 0.4s ease;
    padding-left: 0;
    margin: 0;
    list-style: none;
  }
  
  .container-arrows-complete-cart{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 40px;
    gap: 36px;
}
.container-arrows-complete-cart button{
  width: 56px;
  height: 56px;
  border-radius: 100px;
  padding: 16px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  background-color: transparent;
  border: none;
}
.carousel-viewport-complete-cart{
  overflow: hidden;
}
.container-title-add_cart{
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 11px;
}
.related-products-title{
  padding-left: 0!important;
}
footer .et_pb_section.footer-modele {
  background-color: transparent !important;

}

/* RIOGHT ENCRAT ABONNEMENT COLLECTION */

.container-premium{
  width: 110px;
  height: 30px;
  border-radius: 7px;
  padding: 6px 16px;
  gap: 8px;
  display: flex;
  align-items: center;
  background-color: #F0F9F0;
}
.flash-icon{
  width: 18px;
  height: 18px;
  padding: 0!important;
}
.container-premium p{
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: rgba(45, 87, 34, 0.73);
}
.recapitulatif-title{
  font-weight: 700;
  font-size: 20px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #111111;
  margin-top: 34px;
}
.title-subpart-recap{
  margin-top: 27px;
}
.title-subpart-recap, .total-subpart-recap{
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.16px;
  vertical-align: middle;
  color: #000;
  position: relative;
  display: flex;
}
.total-subpart-recap{
  margin-top: 0!important;
  padding: 0!important;
}
.title-subpart-recap{
  position: relative;
}
.title-subpart-recap::after{
  position: absolute;
  width: 80vw !important;
  border: 1px solid #D9D9D9;
  content: '';
  bottom: -16px;
  left: 0;
  right: 0;
}
.total-subpart-recap{
  position: relative;
}
.total-subpart-recap::before{
  position: absolute;
  width: 80vw !important;
  border: 1px solid #D9D9D9;
  content: '';
  top: -16px;
  left: 0;
  right: 0;
}
.envoi-numbers p {
  font-weight: 400;
  font-size: 15px;
  line-height: 21.5px;
  letter-spacing: 0.15px;
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.5);
}
.recap-total{
  flex-direction: row!important;
  align-items: center;
  margin-top: 16px;
  justify-content: space-between;
}
.first-envoi-number{
  margin-top: 16px;
}
.container-subpart-recap{
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
.gift-recap{
  display: flex;
  align-items: center;
  gap: 9px;
}
.gift-recap div p{
  font-weight: 500;
  font-size: 15px;
  line-height: 21.5px;
  letter-spacing: 0.15px;
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.58);
  padding-bottom: 0!important;
}
.gift-recap img{
  height: 24px;
  width: 24px;
  padding: 0!important;
  margin: 0!important;
}
.subpart-giftprice{
  font-weight: 400;
  font-size: 15px;
}
.strong-envoi{
  font-weight: 600;
}
.module-subscription{
  width: 417px;
  padding: 42px 64px!important;
  background-color: #F8F8F8;
  border: none!important;
}
.right-bloc-abonnement{
  display: flex;
  justify-content: end;
  width: 471px!important;
  max-width: none!important;
  flex: inherit!important;
}
.special-title-recap{
  margin-top: 0px!important;
}
.special-subpart-recap{
  color: #DC8003;
  font-weight: 700;
  font-size: 16px;
  line-height: 21.5px;
  letter-spacing: 0.16px;
  vertical-align: middle;
}
.chevron-down-recap{
  transform: rotate(-90deg);
}
.promo-recap{
  align-items: center;
  height: 25px;
  justify-content: space-between;
  width: 100%;
}
.promo-recap img{
  padding: 0!important;
  margin: 0!important;
}
.btn-order-abonnement{
  width: 100%;
  height: 56px;
  border-radius: 6px;
  padding: 16px 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  gap: 8px;
  background-color: #F39D26;
  color: #fff;
  border: none;
}
.text-conditions{
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
  letter-spacing: 0.14px;
}
.link-recap{
  text-decoration: underline;
  color: #000000;
}
.container-payments-method{
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 8px 0;
}
.container-payments-method img{
  height: 16px;
  padding: 0!important;
}
.container-input-hidden{
  display: none;
  width: 100%;
}
.container-input-hidden input{
  width: 100%;
}
.promo-total{
  flex-direction: column!important;
}
.chevron-down-recap{
  transition: all ease 0.2s;
}
.chevron-down-recap:hover, .chevron-down-recap:focus{
  transform: rotate(90deg);
  transition: all ease 0.2s;
  cursor: pointer;
}

/* CART PAGE */

.cart-total div, .cart-conditions, .btn-cart, .btn-phone-cart{
  margin-top: 32px!important;
}
#input-hidden-promo{
  margin-top: 0!important;
}
.btn-phone-cart{
  background-color: transparent!important;
  border: 1.5px solid #74C747;
  transition: all ease-in-out 0.2s;
}
.btn-phone-cart a{
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  color: #74C747;
  gap: 8px;
}
.btn-phone-cart a:hover, .btn-phone-cart a:focus{
  color: #74C747;
  text-decoration: none;
}
.btn-phone-cart:hover, .btn-phone-cart:focus{
  transform: scale(1.01);
  transition: all ease-in-out 0.2s;
  color: white;
}
.main-title-cart{
  margin-bottom: 40px;
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #000;
}
.cart-product-card {
  display: flex;
  align-items: center;
}
.cart-product-card .product-image img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}

.cart-product-card .product-title {
  font-size: 16px;
  color: #1c1c1c;
  margin-bottom: 0;
}

.cart-product-card .product-number {
  font-size: 14px;
  color: #555;
}

.cart-product-card .quantity-wrap {
  background: #f9f9f9;
  padding: 5px 10px;
  border-radius: 6px;
}

.cart-product-card .quantity-wrap input.qty {
  width: 40px;
  text-align: center;
  border: none;
  background: transparent;
  font-weight: bold;
}

.cart-product-card .quantity-wrap button {
  border: none;
  background: none;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}

.cart-product-card .product-price {
  font-size: 16px;
  color: #000;
}
.container-product-cart{
  display: flex;
  align-items: center;
  gap: 24px;
}
.container-quantity-cart{
  display: flex;
  gap: 8px;
  align-items: center;
}
.container-pricecross-cart{ 
  display: flex;
  align-items: center;
  gap: 24px;
}
.container-quantity-cart div, .container-quantity-cart div input{
  width: 40px!important;
  height: 32px!important;
}
.container-quantity-cart div input{
  border-radius: 4px;
  border: 0.5px solid #D9D9D9;
  padding: 8px;
  gap: 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: center;
}
.container-quantity-cart button{
  outline: none!important;
  background-color: transparent!important;
  border: none!important;
  width: 24px;
  height: 24px;
  margin-bottom: 5px;
}
.product-title{
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-product-btn{

}
.no-max-width{
  width: 100%!important;
  max-width: 100vw !important;
  padding-left: 0!important;
  padding-right: 0px!important;
  padding: 0!important;
}
.container-margin-section{
  max-width: 1080px;
  margin: auto;
  display: flex;
  justify-content: center;
  padding-bottom: 99px;
  flex-wrap: wrap;
  margin-top: 112px;
  gap: 48px;
}
.no-padding{
  padding: 0!important;
}
.related-cart{
  background-color: #F8F8F8;
  padding: 112px 160px 120px 160px!important;
}
#left-area{
  padding-bottom: 0!important;
}
.padding-bottom{
  padding-bottom: 99px!important;
}
.container-margin-section .col-md-6{
  width: 600px;
  max-width: none!important;
}
.woocommerce-products-header h1{
  display: none;
}

/* LOGIN PAGE */
#wpmem_register_form{
  margin-top: 100px!important;
}
#wpmem_login_form, #wpmem_register_form {
  display: flex;
  justify-content: center;
}
#wpmem_login_form > fieldset, #wpmem_register_form > fieldset{
  width: 625px!important;
  height: 100%;
  border-radius: 16px!important;
  border: 6px solid #FFFFFF!important;
  gap: 10px;
  box-shadow: 0px 0px 30px 0px #CDC6DB4D;
  padding-left: 144px!important;
  padding-right: 144px!important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #FFFFFF;
  padding: 70px !important;
  padding-top: 70px !important;
  margin-bottom: 40px;
  margin-top: 40px;
  position: relative;
}
.already-account {
  text-align: center;
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 9px;
  position: absolute;
  bottom: 75px;
}
.already-account p {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0px;
  text-align: center;
  color: #808080;
}
form#wpmem_register_form a.btn-connect {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0px;
  text-align: center;
  color: #F39D26;
}
.already-account a.btn-connect {
  text-decoration: underline !important;
}

@media(max-width: 442px){
  .already-account{
    bottom: 65px;
    flex-direction: column;
  }
}

.create-account-image{
  top: 90px!important;
}

.column-field {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.column-field label {
  font-weight: 500;
  margin-bottom: 6px;
}
.auto-label{
  display: flex!important;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0px;
  color: #000;
}
.encart-image-form{
  position: absolute;
  top: -25px;
  z-index: 1;
  width: 166px;
  height: 74px;
  border-radius: 19px;
  padding: 10px 0;
  background-color: #FEFEFE;
}
.encart-image-form img{
  width: 125px;
  height: 54px;
}
#rememberme, label[for="rememberme"] {
  display: none!important;
}
#wpmem_login_form > fieldset > legend {
  font-weight: 600;
  font-size: 24px!important;
  line-height: 24px;
  letter-spacing: 0px;
  color: #000!important;
  text-align: center!important;
}
#wpmem_login_form > fieldset > label{
  font-weight: 500;
  font-size: 14px!important;
  line-height: 14px;
  letter-spacing: 0px;
  color: #000;
  margin-bottom: 0px!important;
}
#log::placeholder,
#pwd::placeholder,
#first_name::placeholder,
#last_name::placeholder,
#user_email::placeholder,
#password::placeholder,
#billing_address_1::placeholder,
#billing_address_2::placeholder,
#billing_postcode::placeholder,
#billing_city::placeholder,
#billing_country::placeholder,
#billing_phone::placeholder
 {
  opacity: 0.75;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0px;
  color: #000!important;
}
.div_text{
  margin-bottom: 16px!important;  
}
/*
.button_div > input:first-child{
  display: none!important;
}
  */
.button_div > input[type='submit']{
  width: 100%!important;
  background: linear-gradient(to right, #DC291E, #FFC82E);
  border: none!important;
}
.link-text span{
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0px;
  text-align: center;
}
.link-text span a{
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0px;
  text-align: center;
  text-decoration: underline;
  color: #F39D26!important;
}
.page-connexion{
  margin-top: 140px!important;
}
#nsl-custom-login-form-1{
  display: none!important;
}

.et_pb_section.et_pb_section_0 {
  position: relative;
  overflow: hidden;
}

.et_pb_section.et_pb_section_0::before, .container-header-account::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(241,238,234,0.9); /* Augmente l'opacité blanche */
  backdrop-filter: blur(1.5px); /* Réduit le flou pour qu'il soit plus subtil */
  z-index: 1;
}

/* FORM GOOGLE */

.google-login-btn{
  width: 100%;
  height: 48px;
  border-radius: 8px;
  border: 1px solid #E7E7E7;
  gap: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px!important;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: center;
  color: black;
  background-color: transparent!important;
  transition: all ease-in-out 0.3s;
}
.google-login-btn:hover{
  background-color: #f5f5f5 !important;
  transform: scale(1.02);
  transition: all ease-in-out 0.3s;
}
.google-login-btn img{
  width: 18px;
  height: 18px;
  padding-right: 0.36px;
}
.google-login-separator{
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 14px!important;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0px;
  color: #000;
  position: relative;
  gap: 8px;
  padding: 10px 0;
}
.google-login-separator::before,
.google-login-separator::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #ccc;
  margin: 0 10px;
  background-color: #000;
}

/* EYE PASWORD ICON */

.password-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.password-wrapper input.password {
  width: 100%;
  padding-right: 40px!important; /* espace pour l'icône */
}

.toggle-password {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  cursor: pointer;
  width: 22px;
  height: 14px;
  opacity: 0.5;
  transition: opacity 0.2s ease;
  font-size: 14px;
}

.toggle-password:hover {
  opacity: 0.7;
  transition: opacity 0.2s ease;
}

/* CREER UN COMPTE */

input[type="hidden" i]{
  display: flex!important;
}
/*
.container-header-account{
  margin-top: 79px!important;
}
*/
.container-header-account{
  background: url('/wp-content/uploads/2025/04/back_login.jpg')!important;
  padding-top: 75px!important;
}

/*  MON COMPTE ABONNEMENTS */

.container-abonnement-account{
  background-color: #F8F8F8;
  display: flex;
  flex-direction: column;
  padding: 65px 106px 403px 71px;
  border-radius: 5px;
}
.container-abonnement-account h2{
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #000;
  margin-bottom: 86px;
}
.abonnement-submenu{
  margin-bottom: 15px;
}
.tab-content{

}
.submenu-item {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.48px;
  color: #717171;
  outline: none!important;
  border: none!important;
  background-color: transparent;
}
.submenu-item.active{
  color: #000!important;
  position: relative;
}
.submenu-item.active::after{
  position: absolute;
  content: "";
  height: 0.5px;
  background-color: #717171;
  width: 100%;
  bottom: -10px;
  left: 0;
}
.abonnement-list{

}
.abonnement-item {
  display: flex;
}
.container-produit{
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-top: 30px;
}
.container-un-produit{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}
.container-titre-produit h3{
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #000;
}
.container-debut-abonnement p {
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #000;
}
.span-envoi{
  color: #A4A4A4;
}
.container-prix p{
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  letter-spacing: 0.42px;
  color: #000;
}
.container-btn-contact > button{
  background-color: #F39D26;
  border-radius: 8px;
  padding: 12px 64px;
  display: flex;
  gap: 8px;
  align-items: center;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  outline: none!important;
  border: none!important;
  transition: all ease-in 0.3s;
}
.container-btn-contact > button:hover{
  background-color: rgb(255, 186, 91);
  transition: all ease-in 0.3s;
}

@media(max-width: 494px){
  .link-text span{
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  #wpmem_login_form > fieldset{
    height: 100%;
  }
}
@media(max-width: 385px){
  .google-login-btn{
    font-size: 13px!important;
  }
  .google-login-separator{
    padding: 6px 0;
  }
  .div_text{
    margin-bottom: 8px!important;
  }
  .div_text input{
    font-size: 14px!important;
  }
}

/* RESPONSIVE ONE PRODUCT PAGE */

@media(max-width: 1234px){
  .product-benefits-wrapper{
    gap: 0;
  }
  .product-benefit{
    min-width: 150px;
    gap: 8px;
  }
  .custom-product-item{
    max-width: 205px;
  }
  .view-button, .add-to-cart-icon{
    height: 40px;
  }
  .container-margin-section{
    margin-top: 61px;
  }
}
@media(max-width: 1099px){
  .padding-bottom{
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .related-cart{
    padding: 56px 10px 60px 10px!important;
  }
  .view-button, .add-to-cart-icon{
    font-size: 12px;
  }
  .view-button svg{
    width: 12px;
    height: 12px;
  }
  .product-title{
    padding-bottom: 0!important;
  }
  .view-button{
    width: 95px;
  }
  .container-margin-section{
    margin-top: 30px;
  }
}
@media(max-width: 980px){
  .padding-bottom{
    margin: auto;
    width: 80%!important;
  }
  .woocommerce-product-gallery__wrapper > div{
    height: 800px;
  }
  .woocommerce-product-gallery__wrapper > div > a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .woocommerce-product-gallery__wrapper > div > a > img{
    width: 50%!important;
  }
  .custom-onsale{
    top: 120px;
    left: 175px;
  }
  
  /* Supprimer la largeur fixe de 536px en dessous de 980px */
  .et_pb_column.et_pb_column_1_2.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough.et-last-child {
    width: 100% !important;
  }
}

@media(max-width: 768px){
  .custom-product-item.complete-cart-item{
    flex: 1 0 calc(50% - 18px)!important;
    max-width: calc(50% - 18px)!important;
  }
  .woocommerce-product-gallery__wrapper > div > a > img{
    width: 65%!important;
  }
  .custom-onsale{
    top: 100px;
    left: 125px;
  }
}
@media(max-width: 546px){
  .product-benefits-wrapper{
    flex-direction: column;
    align-items: flex-start;
    gap: 24px!important;
  }
}
@media(max-width: 500px){
  .custom-product-item.complete-cart-item{
    flex: 1 0 calc(95% - 18px)!important;
    max-width: calc(95% - 18px)!important;
  }
}
@media(max-width: 496px){
  .container-product-cart{
    justify-content: center;
    width: 100%;
    margin-top: 25px;
  }
  .cart-product-card{
    justify-content: center;
  }
  .right-bloc-abonnement{
    justify-content: center;
    width: 350px;
  }
  .module-subscription{
    width: 350px;
  }
  .total-subpart-recap::before{
    width: 80vw !important;
  }
  .btn-order-abonnement{
    padding: 16px 23px;
  }
  .woocommerce-product-gallery__wrapper > div{
    height: 900px;
  }
  .woocommerce-product-gallery__wrapper > div > a > img{
    width: 100%!important;
  }
  .custom-onsale{
    left: 45px;
  }
  .product-info-cards{
    flex-direction: column;
    width: 100%;
  }
  .info-card{
    width: 160px;
    gap: 20px;
  }
  .issue-btn{
    width: 73px;
  }
  .padding-bottom{
    padding-bottom: 0px!important;
  }
}

@media(max-width: 368px){
  .module-subscription, .right-bloc-abonnement{
    width: 80%!important;
  }
  .related-products-title{
    font-size: 23px;
  }
  .container-title-add_cart{
    gap: 5px;
  }
  .module-subscription{
    padding: 5px 15px!important;
  }
  .promo-recap{
    align-items: unset;
  }
  .container-subpart-recap{
    gap: 22px;
  }
  .container-bothparts-product{
    width: 100%;
  }
}

/* RESPONSIVE S'ABONNER */

@media(max-width: 1120px){
  .container-bothparts-product{
    flex-direction: column!important;
    justify-content: center;
    align-items: center;
    flex-wrap: unset!important;
  }
  .container-bothparts-product > div{
    max-height: 800px;
  }
  .right-bloc-abonnement{
    max-height: unset!important;
  }
}
@media(max-width: 767px){
  .container-bothparts-product > div{
    max-height: 1000px;
  }
  .container-bothparts-product > div{
    margin-bottom: 75px;
  }
  .product-cover{
    width: 100%;
  }
  .reassurance-block{
    flex-direction: column;
    gap: 20px;
    align-items: flex-start!important;
  }
  .avantages-carousel-section-abonnement{
    margin-top: 0!important;
  }
  .container-margin-section .col-md-6, .carousel-track-abonnement{
    width: 100%;
  }
  .container-card-avantage-abonnement{
    flex: 0 0 50%;
  }
  .product-tags{
    flex-direction: column;
  }
}
@media(max-width: 574px){
  .container-card-avantage-abonnement{
    flex: 0 0 100%;
  }
  .carousel-arrow-right-abonnement{
    right: 13px;
  }
  .subscription-product-info .product-tags .tag{
    height: unset;
  }
  .container-subinfos-abonnnement{
    flex-direction: column;
    align-items: unset;
  }
  .product-cover > img{
    height: 160px;
  }
  .container-subinfos-abonnnement .product-title{
    margin-top: unset;
  }
  .product-cover::after{
    width: 100%;
  }
  .product-cover{
    flex-direction: column;
    min-height: 300px;
  }
  .carousel-arrow-right-abonnement{
    width: 55px;
  }
}
@media(max-width: 554px){
  .carousel-wrapper-abonnement{
    width: 100%!important;
  }
  .container-margin-section .col-md-6, .carousel-track-abonnement{
    width: 80%;
  }
}

@media(max-width: 496px){
  .title-subpart-recap::after{
    width: 80vw !important;
  }
  .products-wrapper{
    flex-direction: column;
  }
  aside#left-area {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 25px!important;
  }
}
@media(max-width: 452px){
  .issue-btn{
    width: 60px;
    padding: 16px 0;
  }
  .cart-actions-wrapper{
    align-items: flex-start;
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .woocommerce .custom-add-to-cart-button.button, .woocommerce-page .custom-add-to-cart-button.button{
    width: 100%;
  }
  .subscribe-collection-wrapper {
    margin-top: 10px;
  }
}
@media(max-width: 396px){
  .product-tags{
    height: 105px;
    flex-wrap: nowrap!important;
  }
  .right-bloc-abonnement{
    width: 100%!important;
  }
  .category-description{
    width: 100%;
  }
}
@media(max-width: 378px){
  .issue-btn{
    width: 35px;
    padding: 9px 0;
  }
}
/* PRODUCTS BY CATEGORY */

@media(max-width: 1000px){
  .products .custom-product-item{
    width: calc(100% - 48px);
  }
  .products{
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: unset;
    flex-direction: column;
  }
  .category-banner-inner{
    left: 0;
  }
}
@media(max-width: 500px){
  #left-area{
    flex-direction: column;
  }
}

/* MODIFY ACCOUNT */

.container-firstform-modifyaccount{
  display: flex;
  align-items: baseline;
}

.btn-mon-compte{
  position: absolute;
  top: 55px;
  align-items: center;
  color: #000!important;
}

/*
#wpmem_profile_form > fieldset > legend {
  display: none;
}
*/
#wpmem_reg fieldset > div.div_text:nth-child(3){
  display: block!important;
}
#wpmem_profile_form > fieldset > legend, #wpmem_pwdchange_form > fieldset > legend {
  top: 0px!important;
  color: #000!important;
}

#contact > div{
  display: flex;
  align-items: center;
  justify-content: center;
}
.container-buttons-myaccount > div > div > a{
  border: none!important;
  color: black;
  font-weight: 500;
  font-size: 16px;
  line-height: 48px;
  letter-spacing: 0px;
}
.container-buttons-myaccount > div > div > div > p {
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0px;
}
.container-buttons-myaccount div:not(:first-child) {
  width: 120px !important;
  margin-right: 0px !important;
}
.container-title-accountbanner > p{
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0px;
  margin-right: 54px;
}
.button-item{
  color: #000!important;
}
.button-item svg{

}
.button-item span{

}
.container-btn-account{
  display: flex;
  gap: 8px;
}
.button-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 18px;
}

.button-item:hover, .button-item.active{
  text-decoration: none!important;
  border-radius: 11px;
  background-color: #FCECD8;
  color: #DB591B!important;
}

.button-item:hover svg, .button-item.active svg{
  fill: #DB591B;
  stroke: #DB591B;
}


@media(max-width: 878px){
  .btn-mon-compte{
    top: 30px;
  }
}

/* ========== CART RESPONSIVE IMPROVEMENTS ========== */
/* Améliorer la responsivité du panier en corrigeant les largeurs fixes */

/* Corriger le module récapitulatif */
@media (max-width: 768px) {
  .module-subscription{
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px !important;
  }
  
  .right-bloc-abonnement{
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    flex: none !important;
  }
  
  /* Forcer le passage en mode colonne pour le conteneur principal */
  .container-margin-section {
    flex-direction: column !important;
    gap: 30px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  .container-margin-section .col-md-6{
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }
  
  /* Corriger les largeurs dans le récapitulatif */
  .title-subpart-recap::after,
  .total-subpart-recap::before {
    width: 80vw !important;
  }
  
  /* Responsive pour les cartes produit du panier */
  .cart-product-card {
    flex-direction: column !important;
    text-align: center !important;
    padding: 15px !important;
  }
  
  .container-product-cart {
    flex-direction: column !important;
    gap: 15px !important;
    width: 100% !important;
    align-items: center !important;
    margin-top: 15px !important;
  }
  
  .container-quantity-cart,
  .container-pricecross-cart {
    justify-content: center !important;
    width: 100% !important;
  }
  
  /* Boutons responsive */
  .btn-order-abonnement {
    padding: 16px 20px !important;
  }
}

/* Tablet corrections */
@media (max-width: 992px) and (min-width: 769px) {
  .module-subscription {
    width: 90% !important;
    padding: 30px !important;
  }
  
  .right-bloc-abonnement {
    width: 100% !important;
    justify-content: center !important;
  }
  
  .container-margin-section .col-md-6{
    width: 90% !important;
  }
}

/* Très petits écrans - améliorer les styles existants */
@media(max-width: 480px) {
  .container-margin-section {
    gap: 20px !important;
    margin-top: 60px !important;
  }
  
  .module-subscription {
    padding: 15px !important;
  }
  
  .cart-product-card {
    padding: 10px !important;
  }
}

@media(max-width: 496px){
  .container-product-cart{
    justify-content: center;
    width: 100%;
    margin-top: 25px;
  }
  .cart-product-card{
    justify-content: center;
  }
  .right-bloc-abonnement{
    justify-content: center;
    width: 100% !important; /* Correction de la largeur fixe */
  }
  .module-subscription{
    width: 100% !important; /* Correction de la largeur fixe */
  }
  .total-subpart-recap::before{
    width: 80vw !important;
  }
  .btn-order-abonnement{
    padding: 16px 23px;
  }
  .woocommerce-product-gallery__wrapper > div{
    height: 900px;
  }
  .woocommerce-product-gallery__wrapper > div > a > img{
    width: 100%!important;
  }
  .custom-onsale{
    left: 45px;
  }
  .product-info-cards{
    flex-direction: column;
    width: 100%;
  }
  .info-card{
    width: 160px;
    gap: 20px;
  }
  .issue-btn{
    width: 73px;
  }
  .padding-bottom{
    padding-bottom: 0px!important;
  }
  .title-subpart-recap::after{
    width: 80vw !important; /* Correction ajoutée */
  }
}

@media(max-width: 368px){
  .module-subscription, .right-bloc-abonnement{
    width: 100% !important; /* Correction des largeurs fixes */
  }
  .related-products-title{
    font-size: 23px;
  }
  .container-title-add_cart{
    gap: 5px;
  }
  .module-subscription{
    padding: 15px !important; /* Correction du padding fixe */
  }
  .promo-recap{
    align-items: unset;
  }
  .container-subpart-recap{
    gap: 22px;
  }
  .container-bothparts-product{
    width: 100%;
  }
}


.right-bloc-abonnement{
  overflow: hidden;
}

/* ========================================
   CORRECTION COMPLÈTE POUR SHORTCODE_COLLECTION_KIOSQUE_MULTIPLE
   ======================================== */

/* DESKTOP - Garde le style original pour les grands écrans */
@media (min-width: 601px) {
  .multiple-items .et_pb_column.et_pb_column_1_2.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough.et-last-child,
  section:has(.multiple-items) .et_pb_column.et_pb_column_1_2.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough.et-last-child {
    width: 536px !important;
    max-width: 536px !important;
    box-sizing: border-box !important;
  }
}



/* Tablette */
@media (max-width: 767px) and (min-width: 481px) {
  .multiple-items .et_pb_column.et_pb_column_1_2.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough.et-last-child,
  section:has(.multiple-items) .et_pb_column.et_pb_column_1_2.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough.et-last-child {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  .multiple-items .subscribe-collection-btn,
  section:has(.multiple-items) .subscribe-collection-btn {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px 20px !important;
  }
  
  .multiple-items .product-benefits-wrapper,
  section:has(.multiple-items) .product-benefits-wrapper {
    flex-direction: column !important;
    gap: 16px !important;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .multiple-items .et_pb_column.et_pb_column_1_2.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough.et-last-child,
  section:has(.multiple-items) .et_pb_column.et_pb_column_1_2.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough.et-last-child,
  .multiple-items .et_pb_column,
  section:has(.multiple-items) .et_pb_column {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin: 0 !important;
  }
  
  .multiple-items .subscribe-collection-btn,
  section:has(.multiple-items) .subscribe-collection-btn {
    font-size: 14px !important;
    padding: 10px 16px !important;
    height: auto !important;
    min-height: 48px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .multiple-items .product-benefits-wrapper,
  section:has(.multiple-items) .product-benefits-wrapper {
    flex-direction: column !important;
    gap: 12px !important;
  }
}

/* RÈGLE SPÉCIALE - Force la largeur responsive sur tous les écrans <= 600px */
@media (max-width: 600px) {
  html body .multiple-items .et_pb_column.et_pb_column_1_2.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough.et-last-child,
  html body section:has(.multiple-items) .et_pb_column.et_pb_column_1_2.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough.et-last-child,
  html body div:has(.multiple-items) .et_pb_column.et_pb_column_1_2.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough.et-last-child,
  html body .multiple-items .et_pb_column,
  html body section:has(.multiple-items) .et_pb_column,
  html body div:has(.multiple-items) .et_pb_column {
    width: 100% !important;
    max-width: 100% !important;
    margin:  20px auto 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
  }

  .arrow-container{
    width: 100%;
    padding: 0 10px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

/* Très petits écrans */
@media (max-width: 320px) {
  .multiple-items .et_pb_column.et_pb_column_1_2.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough.et-last-child,
  section:has(.multiple-items) .et_pb_column.et_pb_column_1_2.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough.et-last-child {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  
  .multiple-items .subscribe-collection-btn,
  section:has(.multiple-items) .subscribe-collection-btn {
    font-size: 12px !important;
    padding: 8px 12px !important;
  }
}

/* Titre produit tronqué à 2 lignes dans le panier */
.product-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Masquer les images dans la description d'offre (déjà affichées dans la galerie) */
#offer-description img {
  display: none;
}

/* Masquer le premier bloc info-grise (date de création) */
.info-grise-wrapper .info-grise:first-child {
  display: none;
}

/* ========================================
   MENU DÉROULANT SÉLECTION ABONNEMENT / ACHAT
   ======================================== */

.subscription-carousel-wrapper {
  width: 100%;
  margin: 12px 0 18px;
}

.subscription-select {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23F39D26' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  border: 1.5px solid #e0e0e0;
  border-radius: 10px;
  padding: 13px 44px 13px 16px;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
  line-height: 1.4;
}

.subscription-select:hover {
  border-color: #F39D26;
}

.subscription-select:focus {
  outline: none;
  border-color: #F39D26;
  box-shadow: 0 0 0 3px rgba(243, 157, 38, 0.15);
}

.subscription-select option {
  font-weight: 500;
  color: #333;
  padding: 8px;
}

@media (max-width: 768px) {
  .subscription-select {
    font-size: 14px;
    padding: 12px 40px 12px 14px;
  }
}

/* --- Toast ajout au panier (Alteys) --- */
.alteys-cart-toast-host {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100050;
  pointer-events: none;
  padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));
  max-width: 100%;
  box-sizing: border-box;
}

.alteys-cart-toast {
  pointer-events: auto;
  width: min(360px, calc(100vw - 32px));
  background: #1a1a1a;
  color: #fff;
  border-radius: 10px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
  padding: 16px 44px 16px 18px;
  position: relative;
  font-family: 'Quicksand', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  transform: translateX(120%);
  opacity: 0;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease;
}

.alteys-cart-toast--in {
  transform: translateX(0);
  opacity: 1;
}

.alteys-cart-toast--out {
  transform: translateX(120%);
  opacity: 0;
}

.alteys-cart-toast__close {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.75);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  border-radius: 6px;
  padding: 0;
}

.alteys-cart-toast__close:hover,
.alteys-cart-toast__close:focus {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  outline: none;
}

.alteys-cart-toast__heading {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.02em;
  margin-bottom: 6px;
  color: #f0f0f0;
}

.alteys-cart-toast__title {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.35;
  margin-bottom: 12px;
}

.alteys-cart-toast__link {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.alteys-cart-toast__link:hover,
.alteys-cart-toast__link:focus {
  color: #e8e8e8;
}

@media (max-width: 600px) {
  .alteys-cart-toast-host {
    left: 0;
    right: 0;
    padding-left: 12px;
    padding-right: 12px;
  }

  .alteys-cart-toast {
    width: 100%;
  }
}


/* ===== PRIX BARRÉ ===== */
.achat-prix-produit .prix-barre {
    color: #999;
    font-size: 0.85em;
    margin: 0 0 2px;
    line-height: 1.2;
}
.achat-prix-produit .prix-barre s {
    text-decoration: line-through;
}
.prix-barre-row {
    color: #999;
    font-size: 0.9em;
    margin-bottom: 2px;
}
.prix-barre-row s {
    text-decoration: line-through;
}
.product-price-barre {
    display: block;
    color: #999;
    font-size: 0.82em;
    text-decoration: line-through;
    margin-bottom: 1px;
}