@charset "UTF-8";
/*
Theme Name: Colonel Gustave
Description: Colonel Gustave - thème
Version: 1.0.0
Author: Inside Web
Author URI: https://www.insideweb.be
*/
@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;700&display=swap");
:root {
  --font-family: "Be Vietnam Pro", sans-serif;
  --font-title: "Recoleta", sans-serif;
  --gold: #F6CC80;
  --light-blue:#86C1D4;
  --light-blue-gray:#e1e5e8;
  --emerald:#42AE85;
  --green:#00B878;
  --light-emerald:#c0e0d5;
  --light-red:#F56568;
  --brown:#D88B57;
  --light-beige:#F9F5F1;
  --light-purple: #f6f5fa;
  --primary: #155bd5;
  --primary-dark: #1c3ab6;
  --primary-light: #e2f1ff;
  --accent: #00d4d7;
  --accent-dark: #00bac1;
  --accent-light: #dff9f8;
  --success: #13d527;
  --success-dark: #00ae11;
  --success-light: #eafbe7;
  --secondary: #8f15d5;
  --secondary-dark: #6013c7;
  --secondary-light: #f4e5fa;
  --info: #15b2d5;
  --info-dark: #0f8ca8;
  --info-light: #e0f5fa;
  --caution: #dbbb25;
  --caution-dark: #d58f15;
  --caution-light: #fbf9e4;
  --error: #e6185e;
  --error-dark: #bf1257;
  --error-light: #fce4eb;
  --black: #1d1d1d;
  --dark-1: #2d2d2d;
  --dark-2: #4d4d4d;
  --dark-3: #6d6d6d;
  --gray-1: #8d8d8d;
  --gray-2: #adadad;
  --gray-3: #cdcdcd;
  --gray-4: #e0e0e0;
  --light-1: #efefef;
  --light-2: #f5f5f5;
  --light-3: #fafafa;
  --white: #ffffff;
  --gradient-1: linear-gradient(180deg, #155bd5 0%, #1c3ab6 100%);
  --gradient-2: linear-gradient(180deg, #155bd5 13.02%, #00d4d7 85.42%);
  --gradient-3: linear-gradient(180deg, #155bd5 0%, #8f15d5 100%);
  --gradient-4: linear-gradient(180deg, #155bd5 0%, #13d527 100%);
  --gradient-5: linear-gradient(180deg, #155bd5 0%, #15bbd5 100%);
  --gradient-6: linear-gradient(180deg, #155bd5 0%, #dbbb25 100%);
  --gradient-7: linear-gradient(180deg, #155bd5 0%, #e6185e 100%);
  --gradient-8: linear-gradient(180deg, #1c3ab6 0%, #00bac1 100%);
  --gradient-9: linear-gradient(180deg, #00d4d7 13.02%, #155bd5 85.42%);
  --shadow-1: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
  --shadow-2: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16);
  --shadow-3: 0px 0px 2px rgba(40, 41, 61, 0.04), 0px 4px 8px rgba(96, 97, 112, 0.16);
  --shadow-4: 0px 2px 4px rgba(40, 41, 61, 0.04), 0px 8px 16px rgba(96, 97, 112, 0.16);
  --shadow-5: 0px 2px 8px rgba(40, 41, 61, 0.04), 0px 16px 24px rgba(96, 97, 112, 0.16);
  --shadow-6: 0px 2px 8px rgba(40, 41, 61, 0.08), 0px 20px 32px rgba(96, 97, 112, 0.24);
}

@font-face {
  font-family: "Recoleta";
  src: url("fonts/Recoleta_Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
/*===========================
  COMMON css
===========================*/
body {
  font-family: var(--font-family);
  color: var(--black);
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  overflow-y: scroll;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

@media (max-width: 991px) {
  body {
    font-size: 14px;
    overflow-x: hidden !important;
  }
  html, body {
    width: 100vw !important;
  }
}
img {
  max-width: 100%;
}

a {
  display: inline-block;
}

a,
button,
a:hover,
a:focus,
input:focus,
textarea:focus,
button:focus {
  text-decoration: none;
  outline: none;
}

ul,
ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  color: var(--black);
  margin: 0px;
}

h1,
.h1 {
  font-size: 2.75em;
  line-height: 1.25;
}

h2,
.h2 {
  font-size: 2.25em;
  line-height: 1.25;
}

h3,
.h3 {
  font-size: 1.75em;
  line-height: 1.25;
}

h4,
.h4 {
  font-size: 1.5em;
  line-height: 1.25;
}

h5,
.h5 {
  font-size: 1.25em;
  line-height: 1.25;
}

h6,
.h6 {
  font-size: 0.875em;
  line-height: 1.25;
}

.display-1 {
  font-size: 5.5em;
  line-height: 1.25;
}

.display-2 {
  font-size: 4.75em;
  line-height: 1.25;
}

.display-3 {
  font-size: 4em;
  line-height: 1.25;
}

.display-4 {
  font-size: 3.25em;
  line-height: 1.25;
}

p {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  color: var(--black);
  margin: 0px;
}

.mb-100 {
  margin-bottom: 100px;
}

.text-small {
  font-size: 0.875em;
  line-height: 1.5;
}

.text-lg {
  font-size: 1.15em;
  line-height: 1.5;
}

.bg_cover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media (max-width: 767px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: scale(1);
    -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Safari and Chrome */
    -o-transform: scale(1);
    /* Opera */
    -moz-transform: scale(1);
    /* Firefox */
  }
  100% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    -webkit-transform: scale(1.2);
    /* Safari and Chrome */
    -o-transform: scale(1.2);
    /* Opera */
    -moz-transform: scale(1.2);
    /* Firefox */
  }
}
/* ===== Buttons Css ===== */
.primary-btn {
  background: var(--primary);
  color: var(--white);
  box-shadow: var(--shadow-2);
}

.active.primary-btn, .primary-btn:hover, .primary-btn:focus {
  background: var(--primary-dark);
  color: var(--white);
  box-shadow: var(--shadow-4);
}

.deactive.primary-btn {
  background: var(--gray-4);
  color: var(--dark-3);
  pointer-events: none;
}

.primary-btn-outline {
  border-color: var(--primary);
  color: var(--primary);
}

.active.primary-btn-outline, .primary-btn-outline:hover, .primary-btn-outline:focus {
  background: var(--primary-dark);
  color: var(--white);
}

.deactive.primary-btn-outline {
  color: var(--dark-3);
  border-color: var(--gray-4);
  pointer-events: none;
}

/*============
HOME
=============*/
/*===== HEADER HOME =====*/
.header-home .header-position {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}

.header-home .banner-wrapper {
  width: 100%;
  position: relative;
}

.header-home .image img {
  filter: brightness(1);
  width: 100%;
  height: 62vh;
  object-fit: cover;
  min-height: 600px;
}

.header-home .banner-image {
  width: 100%;
  height: 450px;
  background-color: gray;
}

.header-home .absolute-wrapper {
  position: absolute;
  width: 100%;
  top: 20%;
}

.header-home .rounded-buttons .btn.btn-success, .header-home .rounded-buttons #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-success.button.wpr-add-simple-product, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .header-home .rounded-buttons .btn-success.button.wpr-add-simple-product,
.header-home .rounded-buttons #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-success.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .header-home .rounded-buttons .btn-success.button.wpr-add-simple-product-next-shipment,
.header-home .rounded-buttons #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-success.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .header-home .rounded-buttons .btn-success.button.wpr-subscription-add-submit,
.header-home .rounded-buttons #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-success.button.wpr-add-variable-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .header-home .rounded-buttons .btn-success.button.wpr-add-variable-product-next-shipment, .header-home .rounded-buttons #ssd-modal-content .ssd-search-modal-header button.btn-success#ssd-submit-search, #ssd-modal-content .ssd-search-modal-header .header-home .rounded-buttons button.btn-success#ssd-submit-search, .header-home .rounded-buttons #panier .btn-success.button, #panier .header-home .rounded-buttons .btn-success.button {
  padding: 12px 60px;
  font-size: 18px;
  font-weight: 700;
}

.header-home .primary-btn {
  background: var(--gold);
  text-transform: uppercase;
  font-size: 14px;
  color: var(--white);
  box-shadow: 3px 4px 0px var(--black);
}

.header-home .active.primary-btn, .header-home .primary-btn:hover, .header-home .primary-btn:focus {
  background: var(--black);
  color: var(--white);
}

.header-home .header-content span {
  font-size: 33px;
  line-height: 36px;
  color: var(--white);
  font-weight: 600;
  font-family: var(--font-title);
}
.header-home .header-content .header-title {
  font-size: 52px;
  line-height: 62px;
  color: var(--black);
  font-weight: 600;
  font-family: var(--font-title);
  margin-top: 0.5rem;
}
.header-home .header-content .header-title strong {
  font-weight: 600;
  display: inline-block;
  background-color: #faf5f1;
  /*
  position: relative;
  z-index: 1;
  &:before {
      content: "";
      position: absolute;
      top: 0;
      height: 100%;
      width: 100%;
      background-color: #faf5f1;
      z-index: -1;
  }*/
}
@media (max-width: 767px) {
  .header-home .header-content .header-title {
    line-height: 50px;
    font-size: 40px;
  }
}
.header-home .text {
  font-size: 20px;
  line-height: 32px;
  color: var(--dark-3);
  margin-top: 16px;
}
@media (max-width: 767px) {
  .header-home .text {
    font-size: 16px;
    line-height: 24px;
  }
}
.header-home .header-right {
  display: flex;
  justify-content: end;
}
.header-home .header-shape {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
}
.header-home .header-shape img {
  width: 100%;
}

.payment-methods.footer-one {
  background: none;
}

/* home produit nouveautes start */
#home #categories {
  padding-top: 4rem;
}
#home #categories h2,
#home #categories h3 {
  font-family: var(--font-title);
  font-weight: 600;
}
#home #categories h2 {
  color: var(--black);
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 5rem;
}
#home #categories h3 {
  color: var(--white);
  font-size: 45px;
  line-height: 45px;
  margin-bottom: 2rem;
}
#home #categories p {
  color: var(--white);
}
#home #categories .category > a:first-child {
  border-radius: 50px;
}
#home #categories .category > a:first-child img {
  width: auto;
  max-width: 80%;
}
#home #categories .category > a.link-dark {
  text-decoration: underline;
  margin-left: auto;
  text-underline-offset: 4px;
}
#home #categories .category > a.link-dark:hover {
  text-decoration: none;
}
#home .nouveautes {
  padding-top: 80px;
  padding-bottom: 120px;
}
#home .nouveautes .section-main-title h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 5rem;
}
#home .nouveautes img {
  aspect-ratio: 1/1 !important;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
#home .nouveautes h3 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
}
#home .nouveautes h3 span {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 0.4rem;
}
#home .nouveautes h4 {
  font-family: var(--font-family);
  color: var(--black);
  font-weight: 500;
  font-size: 50px;
  line-height: 63px;
}
#home .nouveautes .card-title {
  font-family: var(--font-title);
  margin-top: 0.8rem;
  margin-bottom: 0;
  font-size: 30px;
  color: var(--black);
  font-weight: 600;
  line-height: 32px;
}
#home .nouveautes .text {
  font-size: 14px;
  color: var(--black);
  font-weight: 400;
  line-height: 22px;
  margin-top: 1rem;
  min-height: 50px;
  height: auto;
}
#home .nouveautes .prix {
  font-size: 20px;
  color: var(--black);
  font-weight: 500;
  line-height: 32px;
  margin-top: 0.2rem;
}
#home .nouveautes .button-select {
  margin-top: 1.5rem;
}
#home .nouveautes .col-md-3 .text {
  max-width: 190px;
  margin-top: 2rem;
}
#home .nouveautes .card-area {
  position: relative;
}

/* home produit nouveautes end */
#home .vetos-recommendation {
  padding-top: 8rem;
  padding-bottom: 4rem;
}

#home .vetos-recommendation h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 30px;
}

#home .vetos-recommendation .section-title {
  margin-bottom: 30px;
}

#home .vetos-recommendation .section-title img {
  max-width: 441px;
}

#home .vetos-recommendation .single-chart .m-auto {
  position: relative;
  text-align: center;
  aspect-ratio: 1;
  width: 100%;
}

#home .vetos-recommendation .single-chart .m-auto .pour-pos {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--font-title);
  font-weight: 800;
  font-size: 1.5rem;
}

#home .sur-volet {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

#home .sur-volet h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 30px;
}

#home .sur-volet .content-img img.left {
  border-top-left-radius: 38px;
  border-bottom-left-radius: 38px;
}

#home .sur-volet .content-img img.right {
  border-top-right-radius: 38px;
  border-bottom-right-radius: 38px;
}

#home .sur-volet .benefit-list {
  margin-top: 50px;
  margin-bottom: 30px;
}

#home .sur-volet .benefit-list li {
  font-family: var(--font-title);
  font-weight: 800;
  font-size: 32px;
  line-height: 45px;
}

#home .sur-volet .benefit-list li mark {
  padding: 0;
  background-color: var(--green);
  color: var(--white);
}

#home .sur-volet .section-title {
  margin-bottom: 50px;
}

#home .objectifs-area {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

#home .objectifs-area .section-title {
  margin-bottom: 30px;
}

#home .objectifs-area .section-title h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 30px;
}

#home .objectifs-area .section-title .obj-desc {
  color: var(--black);
}

#home .objectifs-area .obj-desc span {
  color: var(--light-red) !important;
}

#home .objectifs-area .features-img {
  border-radius: 58px;
}

#home .objectifs-area .features-img img {
  border-radius: 58px;
  object-fit: cover;
  aspect-ratio: 1.15;
}

#home .objectifs-area .c-left,
#home .objectifs-area .c-right {
  display: flex;
  justify-content: center;
}

#home .objectifs-area .c-left {
  align-items: center;
  height: 100%;
}

#home .objectifs-area .c-right {
  align-items: start;
}

#home .objectifs-area .c-left img,
#home .objectifs-area .c-right img {
  max-width: 182px;
  margin: auto;
}

#home .reviw-image {
  margin-right: 5rem;
}

#home .reviw-image .google-rev {
  margin-right: 10px;
  max-height: 20px;
  width: auto;
  filter: brightness(0);
}

#home .rr .review {
  font-size: 10px;
  color: var(--black);
}

#home .reviw-image ul {
  display: flex;
}

#home .reviw-image ul .fa-star {
  color: var(--primary);
}

#home .reviw-image li {
  display: inline-block;
  font-size: 14px;
  color: var(--white) !important;
  margin-right: 4px;
}

@media (max-width: 767px) {
  #home .recettes-area-new .recettes-content p {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) {
  #home .recettes-area-new .recettes-content p {
    padding-right: 60px;
  }
}
#home .recettes-area-new .button {
  margin-top: 20px;
  display: flex;
}

@media (max-width: 767px) {
  #home .recettes-area-new .button {
    display: block;
  }
}
#home .recettes-area-new .primary-btn {
  margin-right: 12px;
}

#home .recettes-area-new .recettes-image {
  box-shadow: none;
  z-index: 2;
  position: relative;
}

#home .recettes-area-new .recettes-image .shape {
  position: absolute;
  right: -30px;
  top: -30px;
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  #home .recettes-area-new .recettes-image {
    display: none;
  }
}
#home .recettes-area-new .recettes-image img {
  width: 640px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) {
  #home .recettes-area-new .recettes-image {
    margin-left: 70px;
  }
}
#home .recette-mobile {
  background-image: url("images/bg_texture.jpg");
  padding-top: 80px;
  display: none;
}

#home .recette-mobile .image {
  text-align: center;
  padding: 5px;
}

#home .recette-mobile .image img {
  width: auto;
}

#home .recette-mobile .element {
  background-color: var(--gold);
  border-radius: 15px;
  padding: 20px 15px;
  width: 18rem;
}

#home .recette-mobile .rounded-full {
  background-color: var(--light-red) !important;
  color: var(--white);
  text-transform: uppercase;
  margin-top: 1.8rem;
  box-shadow: 3px 4px 0px var(--black);
}

/* home nos recettes de qualité end */
/* home la formule idéale start */
#home .formule-area {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.formule .header-home .image img {
  filter: brightness(1);
  width: 100%;
  height: 42vh;
  object-fit: cover;
}

.formule .section-main-title {
  text-align: center;
}

.formule .section-main-title p {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 0.4rem;
}

.formule .section-main-title h1 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 5rem;
}

#home .formule-area .section-title-two {
  text-align: center;
  max-width: 550px;
  margin: auto;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #home .formule-area .section-title-two {
    margin-bottom: 45px;
  }
}
@media (max-width: 767px) {
  #home .formule-area .section-title-two {
    margin-bottom: 35px;
  }
}
#home .formule-area .section-title-two span {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 0.4rem;
}
#home .formule-area .section-title-two h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #home .formule-area .section-title-two h2 {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
@media (max-width: 767px) {
  #home .formule-area .section-title-two h2 {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
}
#home .formule-area .section-title-two p {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 0.4rem;
}

#home .formule-area .product-page {
  padding-top: 60px;
  padding-bottom: 60px;
}

#home .formule-area .hide {
  display: none;
}

#home .formule-area .product-details-image {
  margin-top: 50px;
}

#home .formule-area .product-details-image .product-image .single-product-image img {
  width: 100%;
  border-radius: 10px;
}

#home .formule-area .product-details-image .product-thumbs {
  display: flex;
}
#home .formule-area .product-details-image .product-thumbs .single-thumbs {
  margin-top: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
#home .formule-area .product-details-image .product-thumbs .single-thumbs:first-child {
  margin-left: 0px;
}
#home .formule-area .product-details-image .product-thumbs .single-thumbs:last-child {
  margin-right: 0px;
}
#home .formule-area .product-details-image .product-thumbs .single-thumbs a img {
  border-radius: 10px;
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border: 1px solid transparent;
}
#home .formule-area .product-details-image .product-thumbs .single-thumbs a.active img {
  opacity: 1;
  border-color: var(--light-red);
}
#home .formule-area .product-details-image .product-thumbs .slick-current .single-thumbs img {
  opacity: 1;
}

#home .formule-area .product-details-content {
  margin-top: 50px;
  padding-left: 50px;
}
@media only screen and (min-width: 1400px) {
  #home .formule-area .product-details-content {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #home .formule-area .product-details-content {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #home .formule-area .product-details-content {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  #home .formule-area .product-details-content {
    padding-left: 0;
  }
}

#home .formule-area .product-details-content .product-title {
  font-family: var(--font-title);
  font-size: 45px;
  color: var(--black);
  font-weight: 600;
  line-height: 45px;
  letter-spacing: 1.13px;
  margin-bottom: 2rem;
}

#home .formule-area .product-details-content .cat {
  font-size: 14px;
  margin-top: 16px;
  color: var(--dark-3);
  border-bottom: 1px solid var(--gray-4);
  padding-bottom: 25px;
  margin-bottom: 25px;
}

#home .formule-area .product-details-content .cat p {
  margin-bottom: 5px;
}

#home .formule-area .product-details-content .cat p:last-child {
  margin: 0;
}

#home .formule-area .product-details-content .cat a {
  color: var(--dark-3);
}

#home .formule-area .product-details-content .cat a:hover {
  color: var(--light-red);
}

#home .formule-area .product-details-content .product-price .running-price {
  font-weight: 500;
  font-size: 25px;
  color: var(--black);
  line-height: 32px;
  margin-right: 10px;
}

#home .formule-area .product-details-content .product-price .discount-price {
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  margin-right: 10px;
  color: var(--dark-3);
  position: relative;
  top: -2px;
}

#home .formule-area .product-details-content .product-price .discount-price::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--dark-3);
}

#home .formule-area .product-details-content .product-stock p {
  font-size: 15px;
  color: var(--black);
}

#home .formule-area .product-details-content .product-stock p span {
  color: var(--success);
  margin-left: 8px;
}

#home .formule-area .product-details-content .product-size {
  margin-bottom: 2rem;
}

#home .formule-area .notshow {
  visibility: hidden;
}

#home .formule-area .product-details-content .product-size span {
  font-family: var(--font-title);
  margin-top: 0.8rem;
  margin-bottom: 0;
  font-size: 30px;
  color: var(--black);
  font-weight: 600;
  line-height: 32px;
}

#home .formule-area .product-details-content .product-size ul {
  margin-top: 15px;
}

#home .formule-area .product-details-content .product-size ul li {
  display: inline-block;
  margin-right: 4px;
}

#home .formule-area .product-details-content .product-size ul li span {
  color: var(--dark-3);
  position: relative;
  top: 2px;
  margin-right: 8px;
  font-size: 15px;
}

#home .formule-area .product-details-content .product-size ul li:last-child {
  margin: 0;
}

#home .formule-area .product-details-content .product-size ul li .btn, #home .formule-area .product-details-content .product-size ul li #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #home .formule-area .product-details-content .product-size ul li .button.wpr-add-simple-product,
#home .formule-area .product-details-content .product-size ul li #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #home .formule-area .product-details-content .product-size ul li .button.wpr-add-simple-product-next-shipment,
#home .formule-area .product-details-content .product-size ul li #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #home .formule-area .product-details-content .product-size ul li .button.wpr-subscription-add-submit,
#home .formule-area .product-details-content .product-size ul li #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-variable-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #home .formule-area .product-details-content .product-size ul li .button.wpr-add-variable-product-next-shipment, #home .formule-area .product-details-content .product-size ul li #ssd-modal-content .ssd-search-modal-header button#ssd-submit-search, #ssd-modal-content .ssd-search-modal-header #home .formule-area .product-details-content .product-size ul li button#ssd-submit-search, #home .formule-area .product-details-content .product-size ul li #panier .button, #panier #home .formule-area .product-details-content .product-size ul li .button {
  border: 1px solid var(--light-red);
  background-color: transparent !important;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 0;
  color: var(--black);
  padding: 6px 12px;
  font-size: 14px;
  margin: 1px;
  box-shadow: none;
}

#home .formule-area .product-details-content .qnt-holder {
  font-size: 30px;
  color: var(--black);
  font-weight: 600;
  font-family: var(--font-title);
}

#home .formule-area .product-details-content .qnt-counter {
  color: var(--black);
  font-weight: 500;
  font-size: 20px;
}

#home .formule-area .product-details-content .product-quantity-addcart .product-quantity button.add {
  border: none !important;
  color: var(--black);
  font-weight: 500;
}

#home .formule-area .product-details-content .product-quantity-addcart .product-quantity button.sub {
  border: none !important;
  color: var(--black);
  font-weight: 500;
}

#home .formule-area .product-details-content .product-addcart {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

#home .formule-area .product-details-content .product-addcart .btn, #home .formule-area .product-details-content .product-addcart #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #home .formule-area .product-details-content .product-addcart .button.wpr-add-simple-product,
#home .formule-area .product-details-content .product-addcart #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #home .formule-area .product-details-content .product-addcart .button.wpr-add-simple-product-next-shipment,
#home .formule-area .product-details-content .product-addcart #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #home .formule-area .product-details-content .product-addcart .button.wpr-subscription-add-submit,
#home .formule-area .product-details-content .product-addcart #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-variable-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #home .formule-area .product-details-content .product-addcart .button.wpr-add-variable-product-next-shipment, #home .formule-area .product-details-content .product-addcart #ssd-modal-content .ssd-search-modal-header button#ssd-submit-search, #ssd-modal-content .ssd-search-modal-header #home .formule-area .product-details-content .product-addcart button#ssd-submit-search, #home .formule-area .product-details-content .product-addcart #panier .button, #panier #home .formule-area .product-details-content .product-addcart .button {
  background: var(--gold);
  text-transform: uppercase;
  font-size: 14px;
  color: var(--white);
  box-shadow: 3px 4px 0px var(--black);
  margin-right: 5px;
}

#home .formule-area .product-details-content .product-overview {
  margin-top: 1rem;
}

#home .formule-area .product-details-content .product-overview .text {
  color: var(--black);
  line-height: 18px;
  margin-bottom: 2rem;
}

#home .formule-area .product-details-content .product-quantity-addcart .product-quantity button {
  width: 46px;
  height: 46px;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: var(--dark-3);
  font-size: 18px;
  transition: all 0.4s ease;
}

#home .formule-area .product-details-content .product-quantity-addcart .product-quantity button.sub {
  border: 1px solid var(--gray-4);
  border-right-color: transparent;
  border-radius: 4px 0 0 4px;
}

#home .formule-area .product-details-content .product-quantity-addcart .product-quantity button.add {
  border: 1px solid var(--gray-4);
  border-left-color: transparent;
  border-radius: 0 5px 5px 0;
}

#home .formule-area .product-details-content .product-quantity-addcart .product-quantity button:hover {
  background-color: var(--light-red);
  color: var(--white);
  border-color: transparent;
}

#home .formule-area .img-content {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

#home .formule-area .invalidInput {
  margin-top: 15px;
  color: var(--light-red);
}

#home .formule-area .img-content:hover .overlay-chat {
  opacity: 1; /* Show the overlay on hover */
}

#home .formule-area .img-content:hover .overlay-chien {
  opacity: 1; /* Show the overlay on hover */
}

#home .formule-area .overlay-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

#home .formule-area .overlay-link {
  color: var(--white);
  text-decoration: none;
  font-weight: 800;
  line-height: 63px;
  font-size: 50px;
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
}

#home .formule-area .button-container {
  display: flex;
  justify-content: space-between;
  width: 200px;
}

#home .formule-area .button-label-steril {
  cursor: pointer;
  background-color: transparent;
  border: 1px solid var(--light-red);
  text-align: center;
  user-select: none;
  border-radius: 25px;
  padding: 12px 30px;
  user-select: none;
  margin-right: 10px;
}

/* Style for the selected radio button */
#home .formule-area .button-label-steril.selected {
  background-color: var(--light-red) !important;
  color: #fff;
}

#home .formule-area .button-label-int {
  cursor: pointer;
  background-color: transparent;
  border: 1px solid var(--light-red);
  text-align: center;
  user-select: none;
  border-radius: 25px;
  padding: 12px 30px;
  user-select: none;
  margin-right: 10px;
}

/* Style for the selected radio button */
#home .formule-area .button-label-int.selected {
  background-color: var(--light-red) !important;
  color: #fff;
}

#home .formule-area .button-label-porc-poulet {
  cursor: pointer;
  background-color: transparent;
  border: 1px solid var(--light-red);
  text-align: center;
  user-select: none;
  border-radius: 25px;
  padding: 12px 30px;
  user-select: none;
  margin-right: 10px;
}

/* Style for the selected radio button */
#home .formule-area .button-label-porc-poulet.selected {
  background-color: var(--light-red) !important;
  color: #fff;
}

#home .formule-area .button-label-age {
  cursor: pointer;
  background-color: transparent;
  border: 1px solid var(--light-red);
  text-align: center;
  user-select: none;
  border-radius: 25px;
  padding: 12px 30px;
  user-select: none;
  margin-right: 10px;
}

/* Style for the selected radio button */
#home .formule-area .button-label-age.selected {
  background-color: var(--light-red) !important;
  color: #fff;
}

#home .formule-area .input-form .lab {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

#home .formule-area #increment {
  border: none;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  color: var(--black);
  margin-left: 15px;
}

#home .formule-area #incrementButtonDog {
  border: none;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  color: var(--black);
  margin-left: 15px;
}

#home .formule-area #decrementButtonDog {
  border: none;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  color: var(--black);
}

#home .formule-area #incrementButtonCat {
  border: none;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  color: var(--black);
  margin-left: 15px;
}

#home .formule-area #decrementButtonCat {
  border: none;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  color: var(--black);
}

#home .formule-area .rounded-full {
  background: var(--gold);
  text-transform: uppercase;
  font-size: 14px;
  color: var(--white);
  box-shadow: 3px 4px 0px var(--black);
  margin-top: 2rem;
}

#home .formule-area .spin p {
  margin-top: 2.2rem;
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 1rem;
  margin-left: 1rem;
}

#home .formule-area .spinner-border {
  margin-top: 2rem;
}

#home .formule-area #decrement {
  border: none;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  color: var(--black);
}

#home .formule-area .line {
  border-bottom: 1px solid var(--black);
  padding-bottom: 0.5rem;
}

#home .formule-area .input-form input[type=text] {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  outline: 0;
  line-height: normal;
  border: none;
  background-color: transparent;
}

#home .top-shape {
  width: 100%;
}

#home .formule-area .input-form input[type=number] {
  box-sizing: border-box;
  margin: 0;
  outline: 0;
  line-height: normal;
  border: none;
  background-color: transparent;
  width: 10%;
  text-align: center;
  padding-left: 10px;
}

#home .formule-area .input-form input[type=email] {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  outline: 0;
  line-height: normal;
  border: none;
  background-color: transparent;
}

#home .formule-area .input-form .button-container {
  justify-content: left;
  width: auto;
}

#home .formule-area .button-container input[type=radio] {
  display: none;
}

#home .formule-area .overlay-chat {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(245, 101, 104, 0.5); /* Green with transparency */ /* Green with transparency */
  opacity: 0; /* Initially hidden */
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border-radius: 15px;
}

#home .formule-area .overlay-chien {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(66, 174, 133, 0.5); /* Green with transparency */
  opacity: 0; /* Initially hidden */
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border-radius: 15px;
}

#home .formule-area .form-control:focus {
  border: none;
  outline: none;
  box-shadow: none;
}

#home .formule-area .single-formule p {
  margin-top: 2rem;
  font-weight: 500;
  color: var(--black);
  font-size: 20px;
  line-height: 25px;
}

#home .formule-area .text-content .text {
  margin-top: 2rem;
  font-weight: 500;
  color: var(--black);
  font-size: 20px;
  line-height: 25px;
}

#home .formule-area .single-formule img {
  border-radius: 15px;
  height: auto;
  object-fit: cover;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

#home .formule-area .client-logo-one {
  padding-top: 100px;
  padding-bottom: 100px;
}

#home .formule-area .single-client {
  margin-top: 30px;
}

/* home la formule idéale ends */
/* home la projet soucieux start */
#home .projet-soucieux-area {
  padding-top: 80px;
  padding-bottom: 80px;
}
#home .projet-soucieux-area .section-title-two {
  text-align: center;
  max-width: 490px;
  margin: auto;
}
#home .projet-soucieux-area .section-title-two span {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 0.4rem;
}
#home .projet-soucieux-area .section-title-two h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #home .projet-soucieux-area .section-title-two h2 {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
@media (max-width: 767px) {
  #home .projet-soucieux-area .section-title-two h2 {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
}
#home .projet-soucieux-area p {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 2rem;
}
@media only screen and (max-width: 992px) {
  #home .projet-soucieux-area p {
    font-size: 20px !important;
    line-height: 22px !important;
  }
}
#home .projet-soucieux-area .project-img {
  border-radius: 50%;
  aspect-ratio: 1/1;
  max-width: 120px;
  width: 120px;
  margin: auto;
}
#home .projet-soucieux-area .project-img img {
  max-width: 50px;
  max-height: 50px;
}
#home .projet-soucieux-area .project-1 {
  background-color: var(--light-red);
}
#home .projet-soucieux-area .project-2 {
  background-color: var(--brown);
}
#home .projet-soucieux-area .project-3 {
  background-color: var(--emerald);
}
#home .projet-soucieux-area .project-4 {
  background-color: var(--light-blue);
}
#home .projet-soucieux-area .projet-logo-one {
  padding-top: 100px;
  padding-bottom: 100px;
}
#home .projet-soucieux-area .projet-logo-one .single-client {
  margin-top: 30px;
}
#home .projet-soucieux-area .gx-5 {
  --bs-gutter-x: 9rem;
}
@media only screen and (max-width: 992px) {
  #home .projet-soucieux-area .single-projet {
    margin-bottom: 20px;
  }
}

/* home la projet soucieux end */
/* home la déchets plastiques start */
#home .déchets-plastiques .content {
  position: relative;
  display: inline-block;
  width: 100%;
}

#home .déchets-plastiques img {
  width: 100% !important;
  filter: brightness(0.9);
}

#home .déchets-plastiques .backgorund-img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

#home .déchets-plastiques .content-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

#home .déchets-plastiques span {
  font-family: var(--font-title);
  color: var(--white);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 0.4rem;
}

#home .déchets-plastiques h2 {
  font-family: var(--font-title);
  color: var(--white);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
}

#home .déchets-plastiques h2 .chiffre {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 80px;
  line-height: 108px;
  color: var(--white);
}

/* home la déchets plastiques end */
/*===== Votre avis start =====*/
.testimonial-two {
  padding-top: 100px;
  padding-bottom: 120px;
}
.testimonial-two .testimonial-two-active {
  margin: 0;
}
.testimonial-two .section-title-seven {
  text-align: center;
  margin: auto;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-two .section-title-seven {
    margin-bottom: 45px;
  }
}
@media (max-width: 767px) {
  .testimonial-two .section-title-seven {
    margin-bottom: 35px;
  }
}
.testimonial-two .section-title-seven span {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 0.4rem;
}
.testimonial-two .section-title-seven h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 3rem;
  line-height: 2.8rem;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-two .section-title-seven h2 {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
@media (max-width: 767px) {
  .testimonial-two .section-title-seven h2 {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
}
.testimonial-two .section-title-seven h5 {
  font-weight: 600;
  margin-bottom: 7px;
  color: var(--primary);
  text-transform: uppercase;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .testimonial-two .section-title-seven h5 {
    font-size: 0.8rem;
  }
}
.testimonial-two .section-title-seven p {
  color: var(--dark-3);
}

.testimonial-two .single-testimonial {
  padding: 30px;
  border-radius: 10px;
  background-color: var(--white);
  margin-top: 30px;
  width: 21rem;
  margin: auto;
  min-height: 280px;
}

.testimonial-two .single-testimonial .testimonial-author .author-image img {
  width: 20px;
  border-radius: 50%;
}

.testimonial-two .single-testimonial .testimonial-author .author-name {
  display: flex;
}

@media (max-width: 767px) {
  .testimonial-two .single-testimonial .testimonial-author .author-name {
    padding: 0;
    padding-top: 15px;
  }
}
.testimonial-two .single-testimonial .testimonial-author .author-name .name {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  color: var(--black);
}

.testimonial-two .single-testimonial .time-post p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: var(--gold);
}

.testimonial-two .single-testimonial .author-image {
  margin-left: auto;
}

.testimonial-two .single-testimonial .testimonial-author .author-name .ratings li {
  display: inline-block;
  font-size: 14px;
  color: #EC9401;
}

.testimonial-two .single-testimonial .ratings {
  margin-left: 10px;
}

.testimonial-two .single-testimonial .testimonial-text {
  margin-top: 25px;
}

.testimonial-two .single-testimonial .testimonial-text .text {
  color: var(--dark-3);
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.testimonial-two .testimonial-two-wrapper {
  position: relative;
}

.testimonial-two .testimonial-two-wrapper .tns-nav {
  width: 100%;
  z-index: 2;
  display: flex;
  justify-content: center;
  margin-top: 45px;
}

.testimonial-two .testimonial-two-wrapper .tns-nav button {
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background-color: var(--primary);
  opacity: 0.3;
  border: 0;
  margin: 0 5px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.testimonial-two .testimonial-two-wrapper .tns-nav button.tns-nav-active {
  width: 20px;
  opacity: 1;
  border-radius: 5px;
}

.testimonial-two .testimonial-two-wrapper .tns-nav button:hover {
  opacity: 1;
}

.testimonial-two .testimonial-two-wrapper .tns-controls {
  z-index: 2;
}

.testimonial-two .testimonial-two-wrapper .tns-controls button {
  background: none;
  border: none;
  position: absolute;
  top: 50%;
  left: -25px;
  font-size: 20px;
  line-height: 20px;
  color: var(--dark-3);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  background-color: var(--black);
  z-index: 9;
  color: var(--white);
  padding: 8px 12px;
  border-radius: 50%;
}

@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-two .testimonial-two-wrapper .tns-controls button {
    font-size: 24px;
    left: -24px;
  }
}
.testimonial-two .testimonial-two-wrapper .tns-controls button:hover {
  color: var(--white);
  background-color: var(--dark-1);
}

.testimonial-two .testimonial-two-wrapper .tns-controls button[data-controls=next] {
  left: auto;
  right: 0;
}

.testimonial-two .testimonial-two-wrapper .tns-controls button[data-controls=prev] {
  left: auto;
  left: 0;
}

/*===== Votre avis end =====*/
/*====== Ils parlent de nous start========*/
.parlent-area {
  padding-top: 50px;
  padding-bottom: 4rem;
  /* Section Title Seven */
}

.parlent-area .bg-white {
  border-radius: 10px;
}

.parlent-area .section-title-two {
  text-align: center;
  max-width: 550px;
  margin: auto;
  margin-bottom: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .parlent-area .section-title-two {
    margin-bottom: 45px;
  }
}
@media (max-width: 767px) {
  .parlent-area .section-title-two {
    margin-bottom: 35px;
  }
}
.parlent-area .section-title-two h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .parlent-area .section-title-two h2 {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
@media (max-width: 767px) {
  .parlent-area .section-title-two h2 {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
}
.parlent-area .single-client img {
  aspect-ratio: 1/1;
  width: 150px;
  height: auto;
  object-fit: contain;
}

.parlent-area .client-logo-one {
  padding-top: 100px;
  padding-bottom: 100px;
}

.parlent-area .single-client {
  padding-top: 30px;
  padding-bottom: 30px;
}

/*====== Ils parlent de nous end========*/
/*====== payment-methods start========*/
.payment-methods {
  padding-top: 60px;
  background-image: url("images/bg_texture.jpg");
}

.payment-methods .container {
  border-top: 1px solid var(--black);
}

.payment-methods .card-content img {
  display: inline-block;
  margin: 3px;
  max-width: 50px;
}

.payment-methods .row {
  padding: 3rem 0;
}

.payment-methods .card-neutral img {
  margin-top: 4.1rem;
  max-width: 155px;
}

.payment-methods .logo-artisan {
  max-height: 200px;
  width: auto;
}

.payment-methods .card-title {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/*====== payment-methods end========*/
/*============
ESHOP
=============*/
#boutique .header-home .image img {
  filter: brightness(0.9);
  width: 100%;
  height: 55vh;
  object-fit: cover;
}

/*====== Title selector start========*/
#boutique .select-menu {
  padding-top: 0;
  padding-bottom: 20px;
  text-align: center;
}

#boutique .select-menu h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
}

#boutique .select-menu .light-rounded-buttons {
  margin-top: 40px;
}

/* boutique product listing start */
#boutique h1,
#boutique h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
}
#boutique .listing {
  padding-bottom: 60px;
}
#boutique .listing .price-highlight {
  font-size: 20px;
  color: var(--green);
  font-weight: 600;
}
#boutique .listing .single-card {
  position: relative; /* Position the card for overlay positioning */
  overflow: hidden; /* Ensure the overlay stays within the card bounds */
  border: 2px solid transparent; /* Default transparent border */
  transition: border 0.3s ease-in-out;
  padding: 10px;
  border-radius: 20px;
}
#boutique .listing .single-card:hover {
  border: 2px solid var(--emerald); /* Green border on hover */
}
#boutique .listing .single-card .card-image {
  position: relative; /* Position for the hover effect */
}
#boutique .listing .single-card .hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(211, 211, 211, 0.6); /* Light gray transparent background */
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 111 111" fill="none"><path d="M108.349 56.8916C107.386 56.2161 107.386 54.7839 108.349 54.1084C112.466 51.2171 111.637 44.8851 106.908 43.1647C105.8 42.7594 105.431 41.3813 106.188 40.4806C109.421 36.6255 106.971 30.7259 101.963 30.2755C100.792 30.1674 100.081 28.9335 100.576 27.8706C102.693 23.304 98.8108 18.242 93.8569 19.1067C92.695 19.3138 91.6862 18.296 91.8933 17.1431C92.758 12.1892 87.696 8.29811 83.1294 10.4238C82.0575 10.9192 80.8236 10.2076 80.7245 9.0367C80.2831 4.02873 74.3835 1.57879 70.5194 4.81235C69.6187 5.56895 68.2406 5.19966 67.8353 4.09178C66.1059 -0.636963 59.7829 -1.46562 56.8916 2.65064C56.2161 3.6144 54.7839 3.6144 54.1084 2.65064C51.2171 -1.46562 44.8851 -0.636963 43.1647 4.09178C42.7594 5.19966 41.3813 5.56895 40.4806 4.81235C36.6255 1.57879 30.7259 4.02873 30.2755 9.0367C30.1674 10.2076 28.9335 10.9192 27.8706 10.4238C23.304 8.30712 18.242 12.1892 19.1067 17.1431C19.3138 18.305 18.296 19.3138 17.1431 19.1067C12.1892 18.242 8.29811 23.304 10.4238 27.8706C10.9192 28.9425 10.2076 30.1764 9.0367 30.2755C4.02873 30.7169 1.57879 36.6165 4.81235 40.4806C5.56895 41.3813 5.19966 42.7594 4.09178 43.1647C-0.636964 44.8941 -1.46562 51.2171 2.65064 54.1084C3.6144 54.7839 3.6144 56.2161 2.65064 56.8916C-1.46562 59.7829 -0.636964 66.1149 4.09178 67.8353C5.19966 68.2406 5.56895 69.6187 4.81235 70.5194C1.57879 74.3745 4.02873 80.2741 9.0367 80.7245C10.2076 80.8326 10.9192 82.0665 10.4238 83.1294C8.30712 87.696 12.1892 92.758 17.1431 91.8933C18.305 91.6862 19.3138 92.704 19.1067 93.8569C18.242 98.8108 23.304 102.702 27.8706 100.576C28.9425 100.081 30.1764 100.792 30.2755 101.963C30.7169 106.971 36.6165 109.421 40.4806 106.188C41.3813 105.431 42.7594 105.8 43.1647 106.908C44.8941 111.637 51.2171 112.466 54.1084 108.349C54.7839 107.386 56.2161 107.386 56.8916 108.349C59.7829 112.466 66.1149 111.637 67.8353 106.908C68.2406 105.8 69.6187 105.431 70.5194 106.188C74.3745 109.421 80.2741 106.971 80.7245 101.963C80.8326 100.792 82.0665 100.081 83.1294 100.576C87.696 102.693 92.758 98.8108 91.8933 93.8569C91.6862 92.695 92.704 91.6862 93.8569 91.8933C98.8108 92.758 102.702 87.696 100.576 83.1294C100.081 82.0575 100.792 80.8235 101.963 80.7245C106.971 80.2831 109.421 74.3835 106.188 70.5194C105.431 69.6187 105.8 68.2406 106.908 67.8353C111.637 66.1059 112.466 59.7829 108.349 56.8916Z" fill="%23FF5863"/><rect x="52" y="40" width="6" height="30" fill="white"/><rect x="70" y="52" width="6" height="30" transform="rotate(90 70 52)" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 111px 111px; /* Ensures max size */
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 1; /* Ensures overlay appears above content */
  border-radius: 20px;
}
#boutique .listing .single-card:hover .hover-overlay {
  opacity: 1; /* Show overlay on hover */
}
#boutique .listing img {
  aspect-ratio: 1/1;
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}
#boutique .listing h4 {
  font-family: var(--font-family);
  color: var(--black);
  font-weight: 500;
  font-size: 50px;
  line-height: 63px;
}
#boutique .listing .card-style-one a {
  width: 100%;
}
#boutique .listing .card-title {
  font-family: var(--font-title);
  margin-top: 0.8rem;
  margin-bottom: 0;
  font-size: 22px;
  color: var(--black);
  font-weight: 600;
  line-height: 22px;
  min-height: 55px;
}
#boutique .listing .text {
  font-size: 14px;
  color: var(--black);
  font-weight: 400;
  line-height: 22px; /* Ensures 3 lines fit within min-height */
  height: clamp(66px, 3lh, 66px); /* Ensures exactly 3 lines */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
#boutique .listing .prix {
  position: relative;
  font-size: 16px;
  color: var(--black);
  font-weight: 500;
  line-height: 32px;
  margin-top: 0.2rem;
  border-top: solid 1px var(--green);
}
#boutique .listing .prix > strong {
  font-size: 20px;
  color: var(--green);
}
#boutique .listing .prix .more {
  position: absolute;
  top: 14px;
  right: 0;
}
#boutique .listing .button-select {
  margin-top: 1.5rem;
}
#boutique .listing .col-md-3 .text {
  max-width: 190px;
  margin-top: 2rem;
}
#boutique .listing .card-area {
  position: relative;
}
#boutique .listing .card-area .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.5rem;
}
#boutique .dog {
  padding-top: 60px;
  padding-bottom: 60px;
  background-image: url("images/bg_texture.jpg");
}
#boutique .dog .top-shape {
  width: 100%;
  height: auto;
}
#boutique .dog .bottom-shape {
  width: 100%;
  height: auto;
}

@media (max-width: 1400px) and (min-width: 1200px) {
  #boutique .listing .card-title {
    font-family: var(--font-title);
    margin-top: 0.8rem;
    margin-bottom: 0;
    font-size: 22px;
    color: var(--black);
    font-weight: 600;
    line-height: 22px;
    height: clamp(66px, 3lh, 66px); /* Ensures exactly 3 lines */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }
}
.woocommerce-page img.top-shape {
  width: 100% !important;
  max-width: unset !important;
}

.single-product-image .woocommerce img,
.single-product-image .woocommerce-page img {
  width: 100%;
  max-width: unset;
  border-radius: 30px;
}

/* boutique product listing end */
.section-new-eshop .select-menu {
  background-color: var(--green);
  border-radius: 20px;
  margin-top: 30px;
}
.section-new-eshop .select-menu .menu-container {
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}
.section-new-eshop .select-menu .filter-sub-title {
  margin-top: 20px;
  font-weight: 700;
  color: var(--white);
  font-size: 14px;
  line-height: 22px;
}
.section-new-eshop .select-menu .title {
  padding: 10px 20px 10px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--light-emerald);
}
.section-new-eshop .select-menu .title p {
  color: var(--white);
  font-size: 26px;
  font-weight: 500;
  font-family: var(--font-title);
}
.section-new-eshop .select-menu .btn.btn-outline-success, .section-new-eshop .select-menu #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.button.wpr-add-simple-product, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .select-menu .btn-outline-success.button.wpr-add-simple-product,
.section-new-eshop .select-menu #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .select-menu .btn-outline-success.button.wpr-add-simple-product-next-shipment,
.section-new-eshop .select-menu #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .select-menu .btn-outline-success.button.wpr-subscription-add-submit,
.section-new-eshop .select-menu #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.button.wpr-add-variable-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .select-menu .btn-outline-success.button.wpr-add-variable-product-next-shipment, .section-new-eshop .select-menu #ssd-modal-content .ssd-search-modal-header button.btn-outline-success#ssd-submit-search, #ssd-modal-content .ssd-search-modal-header .section-new-eshop .select-menu button.btn-outline-success#ssd-submit-search, .section-new-eshop .select-menu #panier .btn-outline-success.button, #panier .section-new-eshop .select-menu .btn-outline-success.button {
  border-color: var(--white);
  font-size: 14px;
  line-height: 21px;
  color: var(--white);
  padding: 3px 8px;
  border-radius: 5px;
  font-weight: 400;
  margin: 5px;
}
.section-new-eshop .select-menu .btn.btn-outline-success.active, .section-new-eshop .select-menu #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.active.button.wpr-add-simple-product, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .select-menu .btn-outline-success.active.button.wpr-add-simple-product,
.section-new-eshop .select-menu #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.active.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .select-menu .btn-outline-success.active.button.wpr-add-simple-product-next-shipment,
.section-new-eshop .select-menu #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.active.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .select-menu .btn-outline-success.active.button.wpr-subscription-add-submit,
.section-new-eshop .select-menu #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.active.button.wpr-add-variable-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .select-menu .btn-outline-success.active.button.wpr-add-variable-product-next-shipment, .section-new-eshop .select-menu #ssd-modal-content .ssd-search-modal-header button.btn-outline-success.active#ssd-submit-search, #ssd-modal-content .ssd-search-modal-header .section-new-eshop .select-menu button.btn-outline-success.active#ssd-submit-search, .section-new-eshop .select-menu #panier .btn-outline-success.active.button, #panier .section-new-eshop .select-menu .btn-outline-success.active.button {
  border-color: var(--white);
  background-color: var(--white);
  font-size: 14px;
  line-height: 22px;
  color: var(--black);
}
.section-new-eshop .ver_la_page_formule .formule-card {
  margin-top: 10px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.section-new-eshop .ver_la_page_formule .card-img {
  display: block;
  width: 100%;
  height: auto;
}
.section-new-eshop .ver_la_page_formule .card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 20px 20px 20px 20px;
  background: rgba(255, 255, 255, 0); /* Transparent background */
  text-align: left;
}
.section-new-eshop .ver_la_page_formule .card-overlay p {
  font-family: var(--font-title);
  margin: 0 0 10px;
  font-size: 26px;
  font-weight: 600;
  color: var(--black);
  line-height: 26px;
}
.section-new-eshop .ver_la_page_formule .card-overlay .btn, .section-new-eshop .ver_la_page_formule .card-overlay #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .ver_la_page_formule .card-overlay .button.wpr-add-simple-product,
.section-new-eshop .ver_la_page_formule .card-overlay #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .ver_la_page_formule .card-overlay .button.wpr-add-simple-product-next-shipment,
.section-new-eshop .ver_la_page_formule .card-overlay #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .ver_la_page_formule .card-overlay .button.wpr-subscription-add-submit,
.section-new-eshop .ver_la_page_formule .card-overlay #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-variable-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .ver_la_page_formule .card-overlay .button.wpr-add-variable-product-next-shipment, .section-new-eshop .ver_la_page_formule .card-overlay #ssd-modal-content .ssd-search-modal-header button#ssd-submit-search, #ssd-modal-content .ssd-search-modal-header .section-new-eshop .ver_la_page_formule .card-overlay button#ssd-submit-search, .section-new-eshop .ver_la_page_formule .card-overlay #panier .button, #panier .section-new-eshop .ver_la_page_formule .card-overlay .button {
  padding: 10px 20px;
  font-size: 20px;
  color: #fff;
  background-color: var(--green);
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  align-self: flex-start;
}
.section-new-eshop .ver_la_page_formule .card-overlay .btn:hover, .section-new-eshop .ver_la_page_formule .card-overlay #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product:hover, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .ver_la_page_formule .card-overlay .button.wpr-add-simple-product:hover,
.section-new-eshop .ver_la_page_formule .card-overlay #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product-next-shipment:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .ver_la_page_formule .card-overlay .button.wpr-add-simple-product-next-shipment:hover,
.section-new-eshop .ver_la_page_formule .card-overlay #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-subscription-add-submit:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .ver_la_page_formule .card-overlay .button.wpr-subscription-add-submit:hover,
.section-new-eshop .ver_la_page_formule .card-overlay #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-variable-product-next-shipment:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .ver_la_page_formule .card-overlay .button.wpr-add-variable-product-next-shipment:hover, .section-new-eshop .ver_la_page_formule .card-overlay #ssd-modal-content .ssd-search-modal-header button#ssd-submit-search:hover, #ssd-modal-content .ssd-search-modal-header .section-new-eshop .ver_la_page_formule .card-overlay button#ssd-submit-search:hover, .section-new-eshop .ver_la_page_formule .card-overlay #panier .button:hover, #panier .section-new-eshop .ver_la_page_formule .card-overlay .button:hover {
  background-color: var(--emerald); /* Button hover color */
}

/*============
A PROPOS
=============*/
/* a propos history  start*/
#apropos .header-home .image img {
  filter: brightness(1);
  width: 100%;
  height: 55vh;
  object-fit: cover;
}

#apropos .about-us {
  padding-top: 60px;
}

#apropos .header-home .image img {
  filter: brightness(1);
  width: 100%;
  height: 46vh;
  object-fit: cover;
}

@media (max-width: 450px) {
  #apropos .header-home .image img {
    filter: brightness(1);
    width: 100%;
    height: 28vh;
    object-fit: cover;
  }
}
#apropos .about-us .title h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 5rem;
}

#apropos .about-us .about-right {
  text-align: center;
}

#apropos .about-us .about-right {
  margin-bottom: 3rem;
}

#apropos .about-us .about-left {
  margin-bottom: 3rem;
}

#apropos .about-us .about-right p {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 0.4rem;
}

#apropos .about-us .about-right .role {
  color: var(--light-red) !important;
}

#apropos .about-us .about-right .member {
  max-width: 254px;
  height: auto;
  border-radius: 50%;
  margin-bottom: 1rem;
  aspect-ratio: 1;
}

#apropos .about-us .about-right .content {
  position: relative;
  margin-bottom: 2rem;
}

#apropos .webp {
  position: absolute !important;
  width: 120px !important;
  height: auto !important;
  aspect-ratio: unset !important;
  left: 24% !important;
  top: -6% !important;
  z-index: 2 !important;
}

#apropos .png-image {
  position: absolute;
  width: 120px !important;
  height: auto !important;
  aspect-ratio: unset !important;
}

#apropos .png-image:nth-child(1) {
  left: 15%;
  top: -6%;
  z-index: -1;
}

#apropos .png-image:nth-child(2) {
  top: -27%;
  left: 59%;
  z-index: 2;
}

#apropos .png-image:nth-child(3) {
  top: -3%;
  left: 76%;
}

#apropos .png-image:nth-child(4) {
  top: 45%;
  left: 71%;
}

#apropos .png-image:nth-child(5) {
  left: 13%;
  top: 35%;
  z-index: 2;
  transform: rotate(260deg);
}

#apropos .about-us .section-sub-title h3 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 2rem;
}

#apropos .about-us .about-left p {
  color: var(--black);
  line-height: 27px;
}

#apropos .about-us .about-left h5 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-bottom: 2rem;
}

/* a propos history  end*/
#apropos .missions .section-one {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}

#apropos .missions .section-two {
  padding-bottom: 4rem;
  padding-top: 1.5rem;
}

#apropos .missions .services-content h3, #apropos #team h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 2rem;
}

#apropos #team h2 span {
  font-size: 30px;
  line-height: 32px;
}

#apropos .missions h4 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
  padding-bottom: 25px;
}

#apropos .missions p {
  color: var(--black);
  line-height: 27px;
}

#apropos .missions .section-two p {
  padding-left: 20px;
}

#apropos .missions .calendar {
  text-align: center;
}

#apropos .missions .mission-image img {
  padding: 10px;
}

#apropos .missions .calendar {
  padding: 10px;
}

#apropos .missions .calendar img {
  max-width: 198px;
  height: auto;
  margin: auto;
}

/* Team CSS */
#apropos .top-shape {
  width: 100%;
  height: auto;
}

#apropos .team-style-seven {
  background-image: url("images/bg_texture.jpg");
  padding: 60px 0;
}

#apropos .team-style-seven .single-team {
  margin-top: 30px;
  position: relative;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  background: transparent;
}

#apropos .team-style-seven .single-team .shapes {
  position: relative;
}

#apropos .team-style-seven .single-team .shapes .shape1 {
  height: 50px;
  width: 50px;
  position: absolute;
  left: 0;
  top: 15px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

#apropos .team-style-seven .single-team .shapes .shape2 {
  height: 40px;
  width: 40px;
  position: absolute;
  right: 0;
  bottom: 3px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
}

#apropos .team-style-seven .single-team:hover .shapes .shape1 {
  top: 0;
  opacity: 1;
  visibility: visible;
}

#apropos .team-style-seven .single-team:hover .shapes .shape2 {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

#apropos .team-style-seven .single-team .info-head {
  background: transparent;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin-top: 20px;
}

#apropos .team-style-seven .single-team:hover .info-head {
  border-color: transparent;
}

#apropos .team-style-seven .single-team:hover .info-head:before {
  opacity: 1;
  visibility: visible;
  height: 100%;
}

#apropos .team-style-seven .single-team .image {
  aspect-ratio: 1;
  max-width: 300px;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
}

#apropos .team-style-seven .single-team .image img {
  width: auto;
}

#apropos .team-style-seven .single-team .info-box {
  text-align: center;
  min-height: 72px;
}

#apropos .team-style-seven .single-team .info-box .name {
  display: block;
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 0.4rem;
  margin-bottom: 10px;
}

#apropos .team-style-seven .single-team .info-box .designation {
  font-family: var(--font-title);
  color: var(--emerald);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 0.4rem;
}

#apropos .team-style-seven .single-team .content-box {
  padding: 3rem;
}

#apropos .team-style-seven .single-team .content-box p {
  text-align: left;
}

#apropos .team-style-seven .single-team .content-box .about-green {
  color: var(--emerald);
  font-size: 20px;
  line-height: 28px;
}

#apropos .team-style-seven .single-team .content-box .about-text {
  margin-top: 15px;
  color: var(--black);
  line-height: 18px;
}

/*============
QUI SOMMES NOUS
=============*/
#sommes-nous .section-title-two {
  text-align: center;
  max-width: 550px;
  margin: auto;
  margin-top: 60px;
  margin-bottom: 60px;
  position: relative;
  z-index: 5;
}
#sommes-nous .section-title-two h1 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
}
#sommes-nous .section-title-two .primary-btn {
  margin-top: 2rem;
  background: var(--gold);
  text-transform: uppercase;
  font-size: 14px;
  color: var(--white);
  box-shadow: 3px 4px 0px var(--black);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #sommes-nous .section-title-two {
    margin-bottom: 45px;
  }
}
@media (max-width: 767px) {
  #sommes-nous .section-title-two {
    margin-bottom: 35px;
  }
}

.section-title-two p {
  margin-top: 2rem;
  font-size: 14px;
  color: var(--black);
  font-weight: 400;
  line-height: 22px;
}

/* Team CSS */
#sommes-nous .top-shape {
  width: 100%;
  height: auto;
}

#sommes-nous .shape {
  width: 100%;
}

#sommes-nous .team-style-seven {
  background-image: url("images/bg_texture.jpg");
  padding: 60px 0;
}

#sommes-nous .team-style-seven .single-team {
  margin-top: 30px;
  position: relative;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  background: transparent;
  max-width: 400px;
}

#sommes-nous .team-style-seven h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 3rem;
}

#sommes-nous .team-style-seven .single-team .shapes {
  position: relative;
}

#sommes-nous .team-style-seven .single-team .shapes .shape1 {
  height: 50px;
  width: 50px;
  position: absolute;
  left: 0;
  top: 15px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

#sommes-nous .team-style-seven .single-team .shapes .shape2 {
  height: 40px;
  width: 40px;
  position: absolute;
  right: 0;
  bottom: 3px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
}

#sommes-nous .team-style-seven .single-team:hover .shapes .shape1 {
  top: 0;
  opacity: 1;
  visibility: visible;
}

#sommes-nous .team-style-seven .single-team:hover .shapes .shape2 {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

#sommes-nous .team-style-seven .single-team .info-head {
  background: transparent;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin-top: 20px;
}

#sommes-nous .team-style-seven .single-team:hover .info-head {
  border-color: transparent;
}

#sommes-nous .team-style-seven .single-team:hover .info-head:before {
  opacity: 1;
  visibility: visible;
  height: 100%;
}

#sommes-nous .team-style-seven .single-team .image {
  aspect-ratio: 1;
  max-width: 300px;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
}

#sommes-nous .team-style-seven .single-team .image img {
  width: auto;
}

#sommes-nous .team-style-seven .single-team .info-box {
  text-align: center;
  min-height: 72px;
}

#sommes-nous .team-style-seven .single-team .info-box .name {
  display: block;
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 0.4rem;
  margin-bottom: 10px;
}

#sommes-nous .team-style-seven .single-team .info-box .designation {
  font-family: var(--font-title);
  color: var(--emerald);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 0.4rem;
}

#sommes-nous .team-style-seven .single-team .content-box {
  padding: 2rem;
}

#sommes-nous .team-style-seven .single-team .content-box p {
  text-align: left;
}

#sommes-nous .team-style-seven .single-team .content-box .about-green {
  color: var(--emerald);
  font-size: 20px;
  line-height: 28px;
}

#sommes-nous .team-style-seven .single-team .content-box .about-text {
  margin-top: 15px;
  color: var(--black);
  line-height: 18px;
}

/*============
NOTRE MISSION
=============*/
/*  Gamelle saine le meilleur start */
#missions .gamelle {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

#missions .gamelle .section-title {
  text-align: center;
  margin-bottom: 4rem;
}

#missions .gamelle .section-title h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 20px !important;
}

#missions .gamelle .section-title .green {
  font-weight: 800;
  font-size: 23px;
  line-height: 26px;
  color: var(--emerald);
}

#missions .gamelle .section-title .red {
  font-weight: 800;
  font-size: 23px;
  line-height: 26px;
  color: var(--light-red);
}

#missions .gamelle .card {
  border: none;
  border-radius: 0;
  overflow: hidden;
  height: 615px; /* Ensure all cards are the same height */
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 58px;
}

#missions .gamelle .card h3 {
  font-family: var(--font-title);
  color: var(--white);
  font-weight: 600;
  font-size: 28px;
  line-height: 30px;
  margin-bottom: 18px;
}

#missions .gamelle .card p {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  color: var(--white);
}

#missions .gamelle .card .card-half {
  height: 50%; /* Split into two halves */
  align-items: center;
  justify-content: center;
  padding: 1rem;
  color: #fff;
  font-size: 1.1rem;
  text-align: center;
}

#missions .gamelle .card .card-top {
  background-color: var(--light-red);
  padding: 2rem;
}

#missions .gamelle .card .card-bottom h3 {
  padding-top: 20px;
}

#missions .gamelle .card .card-bottom {
  background-color: var(--green);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  text-align: center;
  padding: 1rem;
}

#missions .gamelle .card .vs-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

#missions .gamelle .card .logo {
  margin-top: 10px;
  width: 85px; /* Match the logo size */
  height: auto;
  z-index: 1;
}

#missions .gamelle .card .card-bottom img {
  margin-top: 10px; /* Add some spacing between the text and the image */
  max-width: 85px; /* Ensure logo stays responsive */
  height: auto;
}

/*  Donner le meilleur start */
#missions .donner {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

#missions .donner .section-main-title h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 20px;
}

#missions .donner img {
  border-radius: 49px;
}

#missions .shape {
  width: 100%;
}

/*  Chez nous c’est la qualité start */
#missions .qualite {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

#missions .qualite .section-title {
  margin-bottom: 4rem;
}

#missions .qualite .section-title h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 20px;
  text-align: center;
}

#missions .qualite .section-title .green {
  font-weight: 800;
  font-size: 23px;
  line-height: 26px;
  color: var(--emerald);
  text-align: center;
}

#missions .qualite .section-title .red {
  font-weight: 800;
  font-size: 23px;
  line-height: 26px;
  color: var(--light-red);
  text-align: center;
}

#missions .qualite .section-title .text {
  margin-top: 20px;
  text-align: center;
}

#missions .qualite .facts .card {
  background-color: var(--light-red);
  border-radius: 58px;
  position: relative;
  overflow: hidden; /* Ensure content stays inside the card */
  height: 200px;
  border: none;
  margin-bottom: 20px;
}

#missions .qualite .facts .card .card-body {
  padding: 20px 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#missions .qualite .facts .card .card-body p {
  color: var(--white);
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}

#missions .qualite .facts .card .card-header.svg-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 81px;
  height: 45px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81 46"><path d="M79.0658 6.51549C78.3625 6.02253 78.3625 4.97747 79.0658 4.48451C82.0695 2.37465 81.4648 -2.24601 78.0141 -3.50141C77.2057 -3.79719 76.9362 -4.80282 77.4883 -5.4601C79.8479 -8.27325 78.0601 -12.5784 74.4057 -12.9071C73.5512 -12.9859 73.032 -13.8864 73.3935 -14.662C74.9381 -17.9944 72.1052 -21.6883 68.4902 -21.0573C67.6423 -20.9061 66.9061 -21.6488 67.0573 -22.4902C67.6883 -26.1052 63.9944 -28.9446 60.662 -27.3934C59.8798 -27.0319 58.9794 -27.5512 58.9071 -28.4057C58.585 -32.0601 54.2798 -33.8479 51.4601 -31.4883C50.8028 -30.9362 49.7972 -31.2057 49.5014 -32.0141C48.2394 -35.4648 43.6254 -36.0695 41.5155 -33.0657C41.0225 -32.3625 39.9775 -32.3625 39.4845 -33.0657C37.3746 -36.0695 32.754 -35.4648 31.4986 -32.0141C31.2028 -31.2057 30.1972 -30.9362 29.5399 -31.4883C26.7268 -33.8479 22.4216 -32.0601 22.0929 -28.4057C22.0141 -27.5512 21.1136 -27.0319 20.338 -27.3934C17.0056 -28.938 13.3117 -26.1052 13.9427 -22.4902C14.0939 -21.6423 13.3512 -20.9061 12.5098 -21.0573C8.89482 -21.6883 6.05538 -17.9944 7.60656 -14.662C7.96806 -13.8798 7.44881 -12.9794 6.59435 -12.9071C2.93989 -12.585 1.15209 -8.27982 3.51172 -5.4601C4.06383 -4.80282 3.79435 -3.79719 2.9859 -3.50141C-0.464811 -2.23944 -1.06951 2.37465 1.93425 4.48451C2.63754 4.97747 2.63754 6.02253 1.93425 6.51549C-1.06951 8.62535 -0.464811 13.246 2.9859 14.5014C3.79435 14.7972 4.06383 15.8028 3.51172 16.4601C1.15209 19.2732 2.93989 23.5784 6.59435 23.907C7.44881 23.9859 7.96806 24.8864 7.60656 25.662C6.06195 28.9944 8.89482 32.6883 12.5098 32.0573C13.3577 31.9061 14.0939 32.6488 13.9427 33.4902C13.3117 37.1052 17.0056 39.9446 20.338 38.3934C21.1202 38.0319 22.0206 38.5512 22.0929 39.4056C22.415 43.0601 26.7202 44.8479 29.5399 42.4883C30.1972 41.9362 31.2028 42.2057 31.4986 43.0141C32.7606 46.4648 37.3746 47.0695 39.4845 44.0658C39.9775 43.3625 41.0225 43.3625 41.5155 44.0658C43.6254 47.0695 48.246 46.4648 49.5014 43.0141C49.7972 42.2057 50.8028 41.9362 51.4601 42.4883C54.2733 44.8479 58.5784 43.0601 58.9071 39.4056C58.9859 38.5512 59.8864 38.0319 60.662 38.3934C63.9944 39.938 67.6883 37.1052 67.0573 33.4902C66.9061 32.6423 67.6488 31.9061 68.4902 32.0573C72.1052 32.6883 74.9446 28.9944 73.3935 25.662C73.032 24.8798 73.5512 23.9793 74.4057 23.907C78.0601 23.585 79.8479 19.2798 77.4883 16.4601C76.9362 15.8028 77.2057 14.7972 78.0141 14.5014C81.4648 13.2394 82.0695 8.62535 79.0658 6.51549Z" fill="%23FDE918"/></svg>') no-repeat center;
  background-size: contain;
  line-height: 35px;
  text-align: center;
  color: var(--dark-red);
  font-weight: bold;
  font-size: 14px;
  border: none !important;
}

#missions .qualite .card-vs {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--emerald);
  border-radius: 58px;
  border: none;
  color: var(--white);
  text-align: center;
  margin: auto;
  height: 95%;
}

#missions .qualite .card-vs .card-header {
  border: none !important;
  background-color: transparent !important;
}

#missions .qualite .card-vs .card-body {
  display: flex;
  justify-content: center;
  align-items: center;
}

#missions .qualite .card-vs .card-body h3 {
  font-family: var(--font-title);
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 28px;
  line-height: 30px;
  color: var(--white);
}

#missions .qualite .card-vs .card-body p {
  color: var(--white);
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}

#missions .qualite .card-vs .card-footer {
  background-color: transparent;
  border: none !important;
}

/*  Impact écologique start */
#missions .impact {
  padding-top: 60px;
  padding-bottom: 4rem;
}

#missions .impact .images-section {
  padding: 3.5rem;
}

#missions .impact .images-section .col-md-6 {
  padding: 0;
}

#missions .impact .images-section .image {
  padding: 1.5rem;
  margin: auto;
  text-align: center;
}

#missions .impact .images-section .image img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  margin: auto;
  text-align: center;
}

#missions .impact .content-title h3 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 2rem;
}

#missions .impact .content-text h1,
#missions .impact .content-text h2,
#missions .impact .content-text h3,
#missions .impact .content-text h4,
#missions .impact .content-text h5,
#missions .impact .content-text h6 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 28px;
  line-height: 32px;
}

#missions .impact .content-text p,
#missions .impact .content-text span,
#missions .impact .content-text a {
  color: var(--black);
  line-height: 18px;
  text-decoration: none;
}

#missions .impact .btn-danger {
  color: var(--white) !important;
}

/*  call to action start */
#missions .cta-mission {
  padding-bottom: 60px;
}

#missions .cta-mission .image {
  margin: auto;
  text-align: center;
}

#missions .cta-mission .image img {
  width: 264px;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 50%;
}

#missions .cta-mission .text h1,
#missions .cta-mission .text h2,
#missions .cta-mission .text h3,
#missions .cta-mission .text h4,
#missions .cta-mission .text h5,
#missions .cta-mission .text h6 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
}

#missions .cta-mission .text p,
#missions .cta-mission .text span,
#missions .cta-mission .text a {
  color: var(--black);
  line-height: 18px;
  text-decoration: none;
}

#missions .cta-mission .text a:hover {
  color: var(--light-red);
}

#missions .cta-mission .primary-btn {
  background: var(--gold);
  text-transform: uppercase;
  font-size: 14px;
  color: var(--white);
  box-shadow: 3px 4px 0px var(--black);
  margin-top: 2rem;
}

#missions #categories {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
#missions #categories h2,
#missions #categories h3 {
  font-family: var(--font-title);
  font-weight: 600;
}
#missions #categories h2 {
  color: var(--black);
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 5rem;
}
#missions #categories h3 {
  color: var(--white);
  font-size: 45px;
  line-height: 45px;
  margin-bottom: 2rem;
}
#missions #categories p {
  color: var(--white);
  line-height: 1.2;
  height: 2.4rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}
#missions #categories .category > a:first-child {
  border-radius: 50px;
}
#missions #categories .category > a:first-child img {
  width: auto;
  max-width: 80%;
}
#missions #categories .category > a.link-dark {
  text-decoration: underline;
}
#missions #categories .category > a.link-dark:hover {
  text-decoration: none;
}

/*============
ABONMEMENT
=============*/
#abonnement .header-home .image img {
  filter: brightness(1);
  width: 100%;
  object-fit: cover;
  height: 55vh;
}

/* Jamais à court de croquettes start */
#abonnement .jamais {
  padding-top: 60px;
  padding-bottom: 60px;
}

#abonnement .jamais .section-title h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 5rem;
}

#abonnement .jamais .single-news {
  max-width: 18rem;
  text-align: center;
  margin: auto;
  margin-bottom: 3rem;
}

#abonnement .jamais .single-news .image {
  margin: auto;
  text-align: center;
}

#abonnement .jamais .single-news .image img {
  height: 160px;
  width: auto;
  aspect-ratio: 1/1;
  object-fit: contain;
}

#abonnement .text-to-formule {
  font-size: 16px;
  padding-top: 10px;
  border-top: 1px solid var(--black);
  margin-bottom: 20px !important;
}

#abonnement .text-to-formule a {
  margin-top: 15px;
}

#abonnement .jamais .single-news .content-body h4 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

#abonnement .jamais .single-news .content-body p {
  color: var(--black);
  line-height: 22px;
}

/* Essayez notre abonnement start */
#abonnement .essayez {
  background-image: url("images/bg_texture.jpg");
}

#abonnement .essayez .section-left {
  height: 100%;
  max-width: 350px;
  margin: auto;
}

#abonnement .essayez .section-left .title {
  padding-top: 6rem;
}

#abonnement .essayez .section-right .title {
  padding-top: 6rem;
}

#abonnement .essayez .section-left .button {
  padding-bottom: 6rem;
}

#abonnement .essayez .section-left .primary-btn, #abonnement .jamais .primary-btn {
  background: var(--gold);
  text-transform: uppercase;
  font-size: 14px;
  color: var(--white);
  box-shadow: 3px 4px 0px var(--black);
}

#abonnement .essayez .section-left h3 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
}

#abonnement .essayez .section-left h4 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

#abonnement .essayez .section-left p {
  margin-bottom: 3rem;
  color: var(--black);
}

#abonnement .essayez .section-right {
  height: 100%;
  background-color: var(--gold);
}

#abonnement .essayez .content {
  max-width: 600px;
  margin: auto;
}

#abonnement .essayez .title {
  margin-bottom: 3rem;
}

#abonnement .essayez .title h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
}

#abonnement .essayez .title span {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

#abonnement .essayez .accordion-button::after {
  display: none !important;
}

#abonnement .essayez .accordion-body p {
  color: var(--black);
  margin-bottom: 20px;
}

.accordion-button p {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  max-width: 96%;
}

#abonnement .essayez .accordion-button {
  padding: 1rem 0;
  margin-top: 0;
  margin-bottom: 0;
  background-color: var(--gold);
  justify-content: space-between;
}

#abonnement .essayez .accordion-button:active, .accordion-button:focus {
  outline: none;
  box-shadow: none;
}

#abonnement .essayez .accordion-item {
  background-color: var(--gold);
  border: none;
  border-bottom: 1px solid var(--white);
}

#abonnement .essayez .image {
  margin: auto;
  text-align: center;
}

#abonnement .essayez .image img {
  height: auto;
  width: 100%;
  object-fit: contain;
  padding-top: 6rem;
  aspect-ratio: 0.93/1;
}

#abonnement .essayez .accordion-button:not(.collapsed) {
  color: var(--black);
  background-color: var(--gold);
}

#abonnement .essayez .accordion-button svg {
  display: block;
}

/* payment methods abonnement start */
#abonnement .payment-methods {
  background-image: none;
  padding-bottom: 60px;
}

#abonnement .payment-methods .container {
  border: none;
}

/*============
OU NOUS TROUVER
=============*/
#trouver .section-title {
  padding-top: 3rem;
  padding-bottom: 1rem;
}

#trouver .section-title h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
}

#trouver .header-home .image img {
  filter: brightness(1);
  width: 100%;
  height: 46vh;
  object-fit: cover;
}

@media (max-width: 450px) {
  #trouver .header-home .image img {
    filter: brightness(1);
    width: 100%;
    height: 39vh;
    object-fit: cover;
  }
}
#trouver .alert {
  margin-bottom: 0 !important;
}

#presse-map {
  background-image: url("images/bg_texture.jpg");
}

#presse-map .col-lg-3 {
  padding: 0;
}

#trouver .overflow-auto {
  max-height: 550px;
}

#trouver .spinner-border {
  margin: 12px 24px;
}

#trouver .hide {
  display: none;
}

#trouver .input {
  margin-bottom: 0.5rem;
}

#map {
  position: relative;
  z-index: 1018;
  height: 550px;
  width: 100%;
  object-fit: cover;
}

#trouver #object-list li {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#trouver .form-selector {
  padding: 2rem;
}

#trouver .form-selector .label {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

#trouver .form-selector .cherche {
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

#trouver .form-selector .cherche.set-color {
  background-color: var(--green);
  border-radius: 10px;
  padding: 12px 24px !important;
  text-align: center;
  margin: auto;
  justify-content: center;
  align-items: center;
}

#trouver .search-button {
  max-width: 200px;
  background: var(--gold);
  text-transform: uppercase;
  font-size: 14px;
  color: var(--white);
  box-shadow: 3px 4px 0px var(--black);
}

#trouver #code-postal {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--black);
  color: var(--black);
  padding-bottom: 5px;
  font-size: 1rem;
}

#trouver #code-postal::placeholder {
  font-size: 1rem;
  color: var(--gray-4);
}

#trouver #radiusInput {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--black);
}

#trouver #radiusInput option {
  color: var(--black);
}

#trouver .form-check-label {
  font-size: 1rem;
}

#trouver .form-check {
  margin-right: 2rem;
}

.form-check-input:checked {
  background-color: var(--black);
  border-color: var(--black);
}

#trouver .info {
  margin-top: 20px;
  margin-bottom: 5px;
}

#trouver #object-list {
  padding: 2.5rem;
}

#trouver #object-list li h5 {
  font-weight: 500 !important;
  font-size: 20px;
}

.socialez-brand {
  display: none !important;
}

#trouver #object-list li a {
  font-family: var(--font-title);
  font-size: 20px;
  padding-bottom: 2px;
  color: var(--black);
  text-decoration: underline;
  transition: 0.3ms;
}

#trouver #object-list li a:hover {
  text-decoration: none;
  color: var(--light-red);
}

#trouver #object-list li p {
  font-size: 12px;
  color: var(--black);
  margin-top: 5px;
  max-width: 150px;
}

#trouver .info .vrac,
#trouver .info .pack {
  padding: 10px 20px;
  border: 1px solid var(--light-red);
  text-transform: capitalize;
  border-radius: 25px;
  display: inline-block;
  margin-bottom: 10px;
}

.depannage_08-1kg {
  padding: 10px 20px;
  border: 1px solid var(--light-red);
  text-transform: capitalize;
  border-radius: 25px;
  display: inline-block;
  margin-bottom: 10px;
}

/*  call to action start */
#trouver .cta-mission {
  padding-top: 120px;
  padding-bottom: 60px;
}

#trouver .cta-mission .image {
  margin: auto;
  text-align: center;
}

#trouver .cta-mission .image img {
  width: 264px;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 50%;
}

#trouver .cta-mission .text h1,
#trouver .cta-mission .text h2,
#trouver .cta-mission .text h3,
#trouver .cta-mission .text h4,
#trouver .cta-mission .text h5,
#trouver .cta-mission .text h6 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
}

#trouver .cta-mission .text p,
#trouver .cta-mission .text span,
#trouver .cta-mission .text a {
  color: var(--black);
  line-height: 18px;
  text-decoration: none;
}

#trouver .cta-mission .text a:hover {
  color: var(--light-red);
}

#trouver .cta-mission .primary-btn {
  background: var(--gold);
  text-transform: uppercase;
  font-size: 14px;
  color: var(--white);
  box-shadow: 3px 4px 0px var(--black);
  margin-top: 2rem;
}

#trouver .payment-methods {
  background-image: none !important;
}

/*============
NEWS BLOG
=============*/
/*===== header start =====*/
#blog .header-content {
  background-image: url("images/bg_texture.jpg");
  border-radius: 10px;
  padding: 2.5rem;
}

#blog .header-home .absolute-wrapper {
  position: absolute;
  width: 100%;
  top: 22%;
}

#blog .header-home .header-content span {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

#blog .header-home .header-content h1 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600 !important;
  font-size: 50px;
  line-height: 50px;
  margin-top: 1rem;
}

#blog .header-home .header-content p {
  color: var(--black);
  line-height: 22px;
  margin-top: 2rem;
  max-width: 350px;
}

#blog .header-home .header-content .primary-btn {
  margin-top: 2rem;
}

#blog .header-home .header-content {
  max-width: 600px;
  margin-left: 3%;
}

/*===== blog start =====*/
#blog .blog-area {
  padding-top: 100px;
  padding-bottom: 100px;
}

#blog .blog-area .section-title h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600 !important;
  font-size: 50px;
  line-height: 50px;
}

#blog .blog-area .blog-menu button {
  color: var(--black);
  padding: 8px 30px;
  position: relative;
  border-radius: 50px;
  overflow: hidden;
  display: inline-block;
  z-index: 5;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  cursor: pointer;
  margin: 0 2px;
  text-transform: capitalize;
  background: none;
  border: 1px solid var(--light-red);
  margin-bottom: 5px;
}

#blog .blog-area .blog-menu button::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--light-red);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

#blog .blog-area .blog-menu button:hover, #blog .blog-area .blog-menu button.active {
  color: var(--black);
  background-color: var(--light-red) !important;
}

#blog .blog-area .blog-menu button:hover::before, #blog .blog-area .blog-menu button.active::before {
  opacity: 1;
}

/*#blog .blog-area .hide {
    display: none;
}
#blog .blog-area .show {
    display: block;
}*/
#blog .blog-area .blog-title {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  min-height: 130px;
}

#blog .blog-area .blog-two {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  margin-top: 30px;
}

#blog .blog-area .blog-two .blog-image {
  padding: 0.5rem;
}

#blog .blog-area .blog-two .blog-image img {
  aspect-ratio: 1/1;
  object-fit: cover;
  width: 100%;
  border-radius: 10px;
}

#blog .blog-area .blog-two .blog-content a {
  color: var(--black);
}

#blog .blog-area .page-link {
  border: none;
  color: var(--light-red);
}

#blog .blog-area .page-link:hover {
  background-color: var(--light-red);
  color: var(--white);
}

#blog .blog-area .page-link:active {
  background-color: var(--light-red);
  color: var(--white);
}

@media (max-width: 767px) {
  #blog .blog-area .blog-two .blog-text {
    padding-top: 10px;
  }
}
#blog .blog-area .blog-two .blog-title a {
  color: var(--black);
  font-size: 24px;
  line-height: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #blog .blog-area .blog-two .blog-title a {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  #blog .blog-area .blog-two .blog-title a {
    font-size: 20px;
  }
}
#blog .blog-area .blog-two .text {
  color: var(--black);
  margin-top: 8px;
}

#blog .payment-methods {
  background: none;
}

/*============
SINGLE NEWS
=============*/
/* header */
#single-news .header-content {
  background-image: url("images/bg_texture.jpg");
  border-radius: 10px;
  padding: 2.5rem;
}

#single-news .header-home .absolute-wrapper {
  position: absolute;
  width: 100%;
  top: 30%;
}
#single-news .header-home .header-content {
  max-width: 500px;
}
#single-news .header-home .header-content h1 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600 !important;
  font-size: 50px;
  line-height: 50px;
  margin-top: 1rem;
}
#single-news .header-home .header-content span {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

#single-news .news-single-content {
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: url("images/bg_texture.jpg");
}
#single-news .news-single-content .content h1,
#single-news .news-single-content .content h2,
#single-news .news-single-content .content h3,
#single-news .news-single-content .content h4,
#single-news .news-single-content .content h5,
#single-news .news-single-content .content h6 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
}
#single-news .news-single-content .content h1 {
  font-size: 50px;
  line-height: 52px;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
#single-news .news-single-content .content h2 {
  font-size: 40px;
  line-height: 42px;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
#single-news .news-single-content .content h3,
#single-news .news-single-content .content h4,
#single-news .news-single-content .content h5,
#single-news .news-single-content .content h6 {
  font-size: 30px;
  line-height: 32px;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
#single-news .news-single-content .content p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
#single-news .news-single-content .content a {
  color: #55b995 !important;
  line-height: 22px;
}
#single-news .news-single-content .content a:hover {
  color: var(--light-red) !important;
}
#single-news .news-single-content .content img {
  display: block;
  margin-bottom: 2rem;
}

/*============
SINGLE PRODUCT
=============*/
#singleproduct .product-page {
  padding-bottom: 100px;
}

.single-product .woocommerce-notices-wrapper {
  margin-top: 25px;
}

.single-product .woocommerce-message {
  margin-bottom: 0 !important;
}
.single-product .woocommerce-message a {
  text-align: center;
  border-radius: 25px;
  margin-bottom: 10px;
  background-color: #8fae1b;
  color: var(--white);
}

.custom-notification {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #4CAF50;
  color: #fff;
  padding: 10px;
  text-align: center;
  z-index: 9999;
}

#singleproduct .wcsatt-options-prompt-label-subscription span {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--black);
}

#singleproduct .entry-summary {
  float: none !important;
  width: 100% !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
  width: 18%;
  display: inline-block;
  padding: 3px;
}

#singleproduct {
  /* Main Image Styling */
  /* Thumbnail Navigation */
}
#singleproduct .product-details-image {
  /*@media only screen and (min-width: 1150px){
      padding-left: 2rem;
      padding-right: 2rem;
  }*/
}
#singleproduct .product-details-image .product-image .single-product-image img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 30px;
}
#singleproduct .product-details-image .product-thumbs {
  display: flex;
  padding: 0 12px;
}
#singleproduct .product-details-image .product-thumbs .single-thumbs {
  margin-top: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
#singleproduct .product-details-image .product-thumbs .single-thumbs:first-child {
  margin-left: 0px;
}
#singleproduct .product-details-image .product-thumbs .single-thumbs:last-child {
  margin-right: 0px;
}
#singleproduct .product-details-image .product-thumbs .single-thumbs a img {
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border: 1px solid transparent;
  max-width: 143px;
  aspect-ratio: 1/1;
  object-fit: cover;
}
#singleproduct .product-details-image .product-thumbs .single-thumbs a.active img {
  opacity: 1;
  border-color: var(--light-red);
}
#singleproduct .product-details-image .product-thumbs .slick-current .single-thumbs img {
  opacity: 1;
}
#singleproduct .product-details-content {
  margin-top: 50px;
  padding-left: 50px;
}
@media only screen and (min-width: 1400px) {
  #singleproduct .product-details-content {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #singleproduct .product-details-content {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #singleproduct .product-details-content {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  #singleproduct .product-details-content {
    padding-left: 0;
  }
}
#singleproduct .product-list-pro i {
  font-size: 18px;
  margin-right: 15px;
}
#singleproduct .product-list-pro span {
  font-size: 14px;
  line-height: 22px;
}
#singleproduct h2 {
  font-family: var(--font-title);
}
#singleproduct .product-details-image {
  position: relative;
  overflow: hidden;
}
#singleproduct .my-slider-main .single-product-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 38px;
  display: block;
  aspect-ratio: 1;
}
#singleproduct .prev-btn,
#singleproduct .next-btn {
  position: absolute;
  top: 43%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
  padding: 10px 15px;
  cursor: pointer;
  z-index: 20;
  border-radius: 50%;
  font-size: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s;
  width: 30px;
  height: 30px;
  color: var(--black);
}
#singleproduct .prev-btn:hover,
#singleproduct .next-btn:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: var(--white);
}
#singleproduct .prev-btn {
  left: 10px;
}
#singleproduct .next-btn {
  right: 10px;
}
#singleproduct .custom-bullets {
  position: absolute;
  left: 50%;
  top: 75%;
  transform: translate(-50%, -50%);
  display: flex;
  gap: 8px;
  z-index: 15;
  background: rgba(0, 0, 0, 0.1);
  padding: 5px 10px;
  border-radius: 20px;
}
#singleproduct .custom-bullets .bullet {
  width: 45px;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: background-color 0.3s ease;
}
#singleproduct .custom-bullets .bullet.active {
  background-color: rgba(255, 255, 255, 0.8);
}
#singleproduct .my-slider-thumbs {
  display: flex;
  gap: 10px;
  margin-top: 10px;
  overflow-x: auto;
  list-style: none;
  padding: 0;
}
#singleproduct .my-slider-thumbs .single-thumbs img {
  cursor: pointer;
  opacity: 0.6;
  border-radius: 24px;
  transition: opacity 0.3s ease, border 0.3s ease;
}
#singleproduct .my-slider-thumbs .single-thumbs.active img {
  opacity: 1;
  border: 2px solid #000;
}
#singleproduct .my-slider-thumbs .single-thumbs.active {
  border: 3px solid var(--green);
  border-radius: 24px;
}

.woocommerce div.product .product_title {
  font-family: var(--font-title);
  font-size: 45px;
  color: var(--black);
  font-weight: 600;
  line-height: 45px;
  letter-spacing: 1.13px;
  margin-top: 30px;
  margin-bottom: 10px;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
  font-weight: 500;
  font-size: 25px;
  color: var(--black);
  line-height: 32px;
  margin-right: 10px;
  margin-bottom: 3rem;
}

.woocommerce-product-details__short-description p {
  color: var(--black);
  line-height: 18px;
  margin-bottom: 1.5rem;
}

.woocommerce div.product .variation-item.out-of-stock {
  opacity: 0.6;
  pointer-events: none;
  background-color: #f8d7da;
  border: 2px solid #dc3545;
  border-radius: 13px;
}

.woocommerce div.product .simple_product_form.out-of-stock .simple-product-details {
  opacity: 0.6;
  pointer-events: none;
  background-color: #f8d7da;
  border: 2px solid #dc3545;
  border-radius: 13px;
}

.out-of-stock-label {
  color: #dc3545;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.woocommerce div.product .variation-item {
  margin-bottom: 10px;
}

.woocommerce div.product .variation-item .variation-radio {
  background-color: var(--white);
  border-radius: 13px;
  border: 2px solid var(--light-emerald);
  padding: 20px 15px;
  transition: all 0.1s ease-in-out; /* Smooth transition */
}

.woocommerce div.product .variation-item .variation-radio.selected {
  background-color: #E5E6EF;
  border: 2px solid var(--emerald); /* Keep the border width same */
  outline: 2px solid var(--emerald); /* Use outline to create emphasis */
}

.woocommerce div.product .variation-item .variation-radio:hover {
  border: 2px solid var(--emerald); /* Keep border width the same */
  outline: 2px solid var(--emerald); /* Outline instead of changing border */
}

.woocommerce div.product .variation-item .p-detail {
  display: flex;
  align-items: center;
}

.woocommerce div.product .variation-item .p-detail .weight-info {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.woocommerce div.product .variation-item .p-detail .weight {
  font-size: 24px;
  font-weight: 800;
  line-height: 26px;
  margin-right: 15px;
}

.woocommerce div.product .variation-item .p-detail .variation_name {
  font-size: 24px;
  font-weight: 800;
  line-height: 26px;
  margin-right: 15px;
}

.woocommerce div.product .variation-item .p-detail .attribute_formatted {
  margin-top: 10px;
  color: var(--black);
}

.woocommerce div.product .variation-item .p-detail .pri-kg {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}

.woocommerce div.product .variation-item .p-detail .variation-price {
  font-size: 24px;
  font-weight: 800;
  line-height: 26px;
}

.woocommerce div.product .variation-item .variation-details {
  margin-top: 10px;
}

.woocommerce div.product .variation-item .variation-details .attribute-description {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  background-color: #CBD5F9;
  border-radius: 6px;
  padding: 5px 10px;
}

.woocommerce div.product .variation-item .variation-details .subscription-options {
  margin-top: 10px;
}

#singleproduct .quantity-selector {
  margin-top: 10px;
}

#singleproduct .add-to-cart-button-special {
  background-color: var(--light-emerald) !important;
  border-color: var(--light-emerald) !important;
  width: 100%;
  margin-top: 15px;
  color: var(--black);
}

#singleproduct .add-to-cart-button-special:hover {
  color: var(--emerald);
}

#singleproduct .purchase-options .purchase-type {
  display: block;
  border-radius: 13px;
  padding: 20px 15px;
  background-color: #E5E6EF;
  margin-top: 10px;
  font-size: 20px;
  font-weight: 800;
  line-height: 22px;
  border: 3px solid transparent;
  transition: border 0.1s ease;
}

#singleproduct .purchase-options .purchase-type:hover {
  border: 2px solid var(--emerald) !important;
}

#singleproduct .purchase-options input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 21px;
  height: 20px;
  border: 2px solid var(--emerald);
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  background-color: white;
  transition: all 0.3s ease;
  margin-right: 8px;
}

#singleproduct .purchase-options input[type=radio]:checked::after {
  background-color: var(--emerald);
  border-color: var(--emerald);
}

#singleproduct .purchase-options input[type=radio]:after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

#singleproduct .purchase-options {
  margin-top: 20px;
  margin-bottom: 30px;
}

#singleproduct .purchase-options .purchase-type .subscription-frequency {
  background-color: var(--white);
  border-radius: 7PX;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  max-width: 313px;
  padding: 3px 11px;
}

#singleproduct .purchase-options .purchase-type .subscription-frequency select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  box-shadow: none;
  text-align: right;
  padding-right: 20px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6"><path d="M0 0 L5 5 L10 0" fill="none" stroke="%23000" stroke-width="1.5"/></svg>') no-repeat right center;
}

.subscription-frequency {
  display: flex !important; /* Ensure visibility */
  justify-content: space-between;
}

#singleproduct .quantity-control input {
  border: solid 1px var(--light-emerald);
  margin: 0;
  min-height: 46px;
  max-height: 46px;
  margin: -3px;
  width: 95px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0;
  text-align: center;
}

#singleproduct .purchase-type {
  display: flex; /* Flexbox for aligning children */
  align-items: center; /* Vertically center items */
  gap: 10px; /* Space between the radio button and text */
}

#singleproduct .radio-text {
  display: flex; /* Flexbox for alignment */
  align-items: center; /* Vertically align text and badge */
  gap: 10px; /* Space between main text and badge */
  font-size: 16px;
  font-weight: bold;
  width: 100%;
}

#singleproduct .selected-price {
  font-size: 16px !important;
  font-weight: 500 !important;
}

#singleproduct .main-text {
  font-size: 16px;
  font-weight: bold;
}

#singleproduct .discount-badge {
  background-color: var(--emerald);
  color: var(--white);
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
}

#singleproduct .abbo-adv {
  padding-top: 20px;
  padding-bottom: 30px;
  border-top: 1px solid var(--gray-4);
  border-bottom: 1px solid var(--gray-4);
}

#singleproduct .abbo-adv .sub-title {
  font-family: var(--font-title);
  line-height: 50px;
}

#singleproduct .abbo-adv li {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: var(--black);
  padding-top: 2px;
  padding-bottom: 2px;
}

#singleproduct .abbo-adv li i {
  margin-right: 5px;
}

#singleproduct .abbo-adv li span {
  color: var(--emerald);
  padding-left: 3px;
  padding-right: 3px;
}

#singleproduct .dispo-abb {
  padding-top: 20px;
  padding-bottom: 20px;
}

#singleproduct .dispo-abb a, #singleproduct .dispo-abb p {
  font-weight: 800;
  font-size: 16px;
  line-height: 26px;
}

#singleproduct .dispo-abb a {
  color: var(--light-red);
  text-decoration: underline;
  text-align: end;
}

#singleproduct .dispo-abb p {
  color: var(--black);
}

#singleproduct .dispo-abb .order-lg-2 {
  text-align: end;
}

#singleproduct .product-title h1 {
  font-family: var(--font-title);
}

#singleproduct .product-title h2 {
  margin-top: 10px;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}

#singleproduct .product-desc {
  padding-top: 30px;
  padding-bottom: 35px;
  font-size: 16px;
  line-height: 26px;
}

#singleproduct .product-desc .short-text {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Limit to 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  max-height: 4.5em; /* Adjust based on font size (approx 1.5em per line) */
}

#singleproduct .product-desc .short-text.expanded {
  display: block;
  -webkit-line-clamp: unset;
  max-height: none;
}

#singleproduct .product-desc .show-more-btn {
  margin-top: 10px;
  cursor: pointer;
  background: none;
  border: none;
  color: var(--black);
  font-size: 16px;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
  padding: 0;
  font-weight: 500;
}

#singleproduct .product-desc p {
  color: var(--black);
  line-height: 18px;
  margin-bottom: 1.5rem;
}

#singleproduct .simple-product-details {
  display: flex;
  justify-content: space-between;
  background-color: #E5E6EF;
  border-radius: 13px;
  border: 2px solid var(--emerald);
  padding: 20px 15px;
}

#singleproduct .simple-product-details .simple-product-price {
  font-size: 24px;
  font-weight: 800;
  line-height: 26px;
}

#singleproduct .review {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#singleproduct .review i {
  margin: 0;
  color: var(--green);
}

#singleproduct .review p,
#singleproduct .review a {
  margin: 0;
}

#singleproduct .stars__rating {
  color: var(--emerald) !important;
}

#singleproduct .stars__rating:hover {
  color: var(--light-emerald) !important;
}

#singleproduct .review a {
  color: var(--black);
  text-decoration: underline;
}

@media (max-width: 992px) {
  #singleproduct .dispo-abb .order-lg-2 {
    text-align: start;
  }
  #singleproduct .dispo-abb a {
    margin-bottom: 20px;
  }
  #singleproduct .abbo-adv li {
    display: flex;
    align-items: unset;
  }
  #singleproduct .abbo-adv i {
    padding-top: 4px;
  }
}
#singleproduct .increment-button, #singleproduct .decrement-button {
  min-width: 25px;
  min-height: 46px;
  background-color: var(--light-emerald);
  border: solid 1px var(--light-emerald);
}

#singleproduct .decrement-button {
  border-radius: 10px 0 0 10px;
  padding: 0;
  color: var(--black);
  font-size: 18px;
}

@media (max-width: 992px) {
  #singleproduct .add-to-cart-button {
    margin-top: 20px;
  }
}
@media (max-width: 490px) {
  #singleproduct .subscription-description {
    margin-top: 10px;
  }
}
#singleproduct .increment-button {
  border-radius: 0 10px 10px 0;
  padding: 0;
  color: var(--black);
  font-size: 18px;
}

#singleproduct .quantity-label {
  font-weight: 800;
  font-size: 16px;
  line-height: 26px;
}

/*.woocommerce .single_add_to_cart_button{
    background: var(--gold)!important;
    text-transform: uppercase;
    font-size: 14px !important;
    color: var(--white)!important;
    box-shadow: 3px 4px 0px var(--black) !important;
    margin-right: 5px !important;
    border: none!important;
    padding: 7px 24px!important;
}*/
.woocommerce .show-label {
  display: block !important;
}

.woocommerce .quantity .qty {
  border: none;
  color: var(--black);
  font-weight: 500;
  font-size: 20px;
  outline: none;
  box-shadow: none;
}

.woocommerce div.product form.cart .variations label {
  font-family: var(--font-title);
  margin-top: 0.8rem;
  margin-bottom: 0;
  font-size: 25px;
  color: var(--black);
  font-weight: 600;
  line-height: 32px;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
  border: 0;
  line-height: 2em;
  vertical-align: top;
  display: block;
}

.my-button-class {
  width: 46px;
  height: 46px;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: var(--black);
  font-size: 18px;
  transition: all 0.4s ease;
}

#singleproduct .link-to-formule {
  font-weight: 600;
  color: var(--black);
  text-decoration: underline;
}

#singleproduct .wcsatt-options-prompt-text-label {
  font-family: var(--font-title);
  margin-top: 2rem;
  margin-bottom: 0;
  font-size: 25px;
  color: var(--black);
  font-weight: 600;
  line-height: 32px;
}

#singleproduct .wcsatt-options-product-dropdown-label {
  font-family: var(--font-title);
  font-size: 25px;
  color: var(--black);
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 1rem;
  margin-top: 2rem;
}

#singleproduct .modal-dialog .modal-title {
  font-family: var(--font-title);
  font-size: 25px;
  color: var(--black);
  font-weight: 600;
  line-height: 32px;
}

#singleproduct .modal-dialog .modal-body {
  font-size: 16px;
  font-weight: 500;
}

#singleproduct .modal-dialog .btn, #singleproduct .modal-dialog #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #singleproduct .modal-dialog .button.wpr-add-simple-product,
#singleproduct .modal-dialog #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #singleproduct .modal-dialog .button.wpr-add-simple-product-next-shipment,
#singleproduct .modal-dialog #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #singleproduct .modal-dialog .button.wpr-subscription-add-submit,
#singleproduct .modal-dialog #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-variable-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #singleproduct .modal-dialog .button.wpr-add-variable-product-next-shipment, #singleproduct .modal-dialog #ssd-modal-content .ssd-search-modal-header button#ssd-submit-search, #ssd-modal-content .ssd-search-modal-header #singleproduct .modal-dialog button#ssd-submit-search, #singleproduct .modal-dialog #panier .button, #panier #singleproduct .modal-dialog .button {
  background: var(--gold);
  text-transform: uppercase;
  font-size: 14px;
  color: var(--white);
  box-shadow: 3px 4px 0px var(--black);
  border-radius: 50px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.08em;
  padding: 12px 24px;
  border: 1px solid transparent;
}

#singleproduct .modal-dialog .modal-header {
  border-bottom: none;
}

#singleproduct .modal-dialog .modal-footer {
  border-top: none !important;
}

#singleproduct .text-qnt-insert {
  font-family: var(--font-title);
  font-size: 25px;
  color: var(--black);
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 1rem;
  margin-top: 2rem;
}

#singleproduct .wcsatt-options-wrapper {
  margin-top: 2rem !important;
}

#singleproduct .link-to-formule:hover {
  color: var(--light-red);
}

#singleproduct .product-details-content .product-title {
  font-family: var(--font-title);
  font-size: 45px;
  color: var(--black);
  font-weight: 600;
  line-height: 45px;
  letter-spacing: 1.13px;
  margin-bottom: 2rem;
}

#singleproduct .product-details-content .cat {
  font-size: 14px;
  margin-top: 16px;
  color: var(--dark-3);
  border-bottom: 1px solid var(--gray-4);
  padding-bottom: 25px;
  margin-bottom: 25px;
}

#singleproduct .product-details-content .cat p {
  margin-bottom: 5px;
}

#singleproduct .product-details-content .cat p:last-child {
  margin: 0;
}

#singleproduct .product-details-content .cat a {
  color: var(--dark-3);
}

#singleproduct .product-details-content .cat a:hover {
  color: var(--light-red);
}

#singleproduct .product-details-content .product-price .running-price {
  font-weight: 500;
  font-size: 25px;
  color: var(--black);
  line-height: 32px;
  margin-right: 10px;
}

#singleproduct .product-details-content .product-price .discount-price {
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  margin-right: 10px;
  color: var(--dark-3);
  position: relative;
  top: -2px;
}

#singleproduct .product-details-content .product-price .discount-price::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--dark-3);
}

#singleproduct .product-details-content .product-stock {
  margin-top: 16px;
}

#singleproduct .product-details-content .product-stock p {
  font-size: 15px;
  color: var(--black);
}

#singleproduct .product-details-content .product-stock p span {
  color: var(--success);
  margin-left: 8px;
}

#singleproduct .product-details-content .product-size {
  margin-bottom: 2rem;
}

#singleproduct .product-details-content .product-size span {
  font-family: var(--font-title);
  margin-top: 0.8rem;
  margin-bottom: 0;
  font-size: 30px;
  color: var(--black);
  font-weight: 600;
  line-height: 32px;
}

#singleproduct .product-details-content .product-size ul {
  margin-top: 15px;
}

#singleproduct .product-details-content .product-size ul li {
  display: inline-block;
  margin-right: 4px;
}

#singleproduct .product-details-content .product-size ul li span {
  color: var(--dark-3);
  position: relative;
  top: 2px;
  margin-right: 8px;
  font-size: 15px;
}

#singleproduct .product-details-content .product-size ul li:last-child {
  margin: 0;
}

#singleproduct .product-details-content .product-size ul li .btn, #singleproduct .product-details-content .product-size ul li #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #singleproduct .product-details-content .product-size ul li .button.wpr-add-simple-product,
#singleproduct .product-details-content .product-size ul li #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #singleproduct .product-details-content .product-size ul li .button.wpr-add-simple-product-next-shipment,
#singleproduct .product-details-content .product-size ul li #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #singleproduct .product-details-content .product-size ul li .button.wpr-subscription-add-submit,
#singleproduct .product-details-content .product-size ul li #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-variable-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #singleproduct .product-details-content .product-size ul li .button.wpr-add-variable-product-next-shipment, #singleproduct .product-details-content .product-size ul li #ssd-modal-content .ssd-search-modal-header button#ssd-submit-search, #ssd-modal-content .ssd-search-modal-header #singleproduct .product-details-content .product-size ul li button#ssd-submit-search, #singleproduct .product-details-content .product-size ul li #panier .button, #panier #singleproduct .product-details-content .product-size ul li .button {
  border: 1px solid var(--light-red);
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 0;
  color: var(--black);
  padding: 6px 12px;
  font-size: 14px;
  margin: 1px;
}

#singleproduct .product-details-content .qnt-holder {
  font-size: 30px;
  color: var(--black);
  font-weight: 600;
  font-family: var(--font-title);
}

#singleproduct .product-details-content .qnt-counter {
  color: var(--black);
  font-weight: 500;
  font-size: 20px;
}

#singleproduct .product-details-content .product-quantity-addcart .product-quantity button.add {
  border: none !important;
  color: var(--black);
  font-weight: 500;
}

#singleproduct .product-details-content .product-quantity-addcart .product-quantity button.sub {
  border: none !important;
  color: var(--black);
  font-weight: 500;
}

#singleproduct .product-details-content .product-addcart {
  margin-top: 1rem;
  margin-bottom: 3rem;
}

#singleproduct .product-details-content .product-addcart .btn, #singleproduct .product-details-content .product-addcart #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #singleproduct .product-details-content .product-addcart .button.wpr-add-simple-product,
#singleproduct .product-details-content .product-addcart #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #singleproduct .product-details-content .product-addcart .button.wpr-add-simple-product-next-shipment,
#singleproduct .product-details-content .product-addcart #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #singleproduct .product-details-content .product-addcart .button.wpr-subscription-add-submit,
#singleproduct .product-details-content .product-addcart #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-variable-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #singleproduct .product-details-content .product-addcart .button.wpr-add-variable-product-next-shipment, #singleproduct .product-details-content .product-addcart #ssd-modal-content .ssd-search-modal-header button#ssd-submit-search, #ssd-modal-content .ssd-search-modal-header #singleproduct .product-details-content .product-addcart button#ssd-submit-search, #singleproduct .product-details-content .product-addcart #panier .button, #panier #singleproduct .product-details-content .product-addcart .button {
  background: var(--gold);
  text-transform: uppercase;
  font-size: 14px;
  color: var(--white);
  box-shadow: 3px 4px 0px var(--black);
  margin-right: 5px;
}

#singleproduct .product-details-content .product-overview {
  margin-top: 1rem;
}

#singleproduct .product-details-content .product-overview .text {
  color: var(--black);
  line-height: 18px;
  margin-bottom: 3rem;
}

#singleproduct .product-details-content .product-quantity-addcart .product-quantity {
  margin-top: 16px;
  margin-right: 16px;
}

#singleproduct .product-details-content .product-quantity-addcart .product-quantity button {
  width: 46px;
  height: 46px;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: var(--dark-3);
  font-size: 18px;
  transition: all 0.4s ease;
}

#singleproduct .product-details-content .product-quantity-addcart .product-quantity button.sub {
  border: 1px solid var(--gray-4);
  border-right-color: transparent;
  border-radius: 4px 0 0 4px;
}

#singleproduct .product-details-content .product-quantity-addcart .product-quantity button.add {
  border: 1px solid var(--gray-4);
  border-left-color: transparent;
  border-radius: 0 5px 5px 0;
}

#singleproduct .product-details-content .product-quantity-addcart .product-quantity button:hover {
  background-color: var(--light-red);
  color: var(--white);
  border-color: transparent;
}

#singleproduct .product-details-content .product-quantity-addcart .product-quantity input {
  width: 60px;
  height: 46px;
  padding: 0 10px;
  text-align: center;
  border: none;
  border: 1px solid var(--gray-4);
}

#singleproduct .product-details-content .product-quantity-addcart .primary-btn {
  margin-top: 16px;
}

#singleproduct .product-details-content .product-share {
  margin-bottom: 3rem;
}
#singleproduct .product-details-content .product-share img {
  display: inline-block;
  margin: 3px;
  max-width: 50px;
}
#singleproduct .product-details-content .product-share span {
  font-size: 16px;
  font-weight: 600;
  color: var(--black);
  position: relative;
  top: 8px;
  margin-right: 15px;
}
#singleproduct .product-details-content .product-share p {
  color: var(--black);
  line-height: 18px;
}

#singleproduct .product-details-content .product-list-pro .single {
  font-size: 14px;
  line-height: 22px;
  align-items: center;
  margin-bottom: 0.1rem;
}
#singleproduct .product-details-content .product-list-pro .single span {
  font-size: 14px;
  line-height: 22px;
  margin-left: 4px;
}

#singleproduct .section-decouvrez h3 {
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  font-family: var(--font-title);
  color: var(--black);
}

#singleproduct .card-green {
  margin-top: 1rem;
  background-color: var(--emerald);
  padding: 25px;
  border-radius: 15px;
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  font-family: var(--font-title);
  color: var(--white);
  min-height: 330px;
}

#singleproduct .card-red {
  margin-top: 1rem;
  background-color: var(--light-red);
  padding: 25px;
  border-radius: 15px;
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  font-family: var(--font-title);
  color: var(--white);
  min-height: 330px;
}

#singleproduct .text-green-sp {
  color: var(--emerald) !important;
}

#singleproduct .text-red-sp {
  color: var(--light-red) !important;
}

#singleproduct .product-details-content .product-share .social {
  margin-top: 10px;
}
#singleproduct .product-details-content .product-share .social li {
  display: inline-block;
  margin-right: 6px;
}
#singleproduct .product-details-content .product-share .social li:last-child {
  margin: 0;
}
#singleproduct .product-details-content .product-share .social li a {
  color: var(--dark-3);
  font-size: 16px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  height: 35px;
  width: 35px;
  line-height: 35px;
  display: block;
  border: 1px solid var(--gray-4);
  text-align: center;
  border-radius: 50%;
}
#singleproduct .product-details-content .product-share .social li a:hover {
  color: var(--white);
  background-color: var(--light-red);
  border-color: transparent;
}

#singleproduct .product-content {
  padding-top: 40px;
}
#singleproduct .product-content .product-title {
  font-size: 28px;
  color: var(--black);
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 20px;
}
#singleproduct .product-content p {
  margin-bottom: 20px;
}
#singleproduct .product-content p:last-child {
  margin: 0;
}

#singleproduct .form-input .help-block {
  margin-top: 2px;
}

#singleproduct .form-input .help-block .list-unstyled li {
  font-size: 12px;
  line-height: 16px;
  color: var(--error);
}

#singleproduct .form-input label {
  font-size: 12px;
  line-height: 18px;
  color: var(--dark-3);
  margin-bottom: 8px;
  display: inline-block;
}

#singleproduct .form-input .input-items {
  position: relative;
}

#singleproduct .form-input .input-items input, .form-input .input-items textarea {
  width: 100%;
  height: 44px;
  border: 2px solid;
  padding-left: 44px;
  padding-right: 12px;
  position: relative;
  font-size: 16px;
}

#singleproduct .form-input .input-items textarea {
  padding-top: 8px;
  height: 130px;
  resize: none;
}

#singleproduct .form-input .input-items i {
  position: absolute;
  top: 11px;
  left: 13px;
  font-size: 20px;
  z-index: 9;
}

#singleproduct .form-input .input-items.default input, .form-input .input-items.default textarea {
  border-color: var(--gray-4);
  color: var(--dark-3);
}

#singleproduct .form-input .input-items.default input:focus, .form-input .input-items.default textarea:focus {
  border-color: var(--light-red);
}

#singleproduct .form-input .input-items.default input::placeholder, .form-input .input-items.default textarea::placeholder {
  color: var(--dark-3);
  opacity: 1;
}

#singleproduct .form-input .input-items.default i {
  color: var(--dark-3);
}

.woocommerce-product-gallery__trigger {
  display: none !important;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
  padding: 5px;
}

#singleproduct li span.subscription-option-details, #singleproduct li span.one-time-option-details, #singleproduct .wcsatt-options-product-prompt-radio label > span {
  font-weight: 500;
  font-size: 16px;
}

#singleproduct .single-img-card {
  padding: 2.5rem;
}

.woocommerce a.remove {
  color: var(--black) !important;
}

.woocommerce a.remove:hover {
  color: rgb(245, 101, 104) !important;
  background-color: transparent !important;
}

#singleproduct .accordion-body .mea {
  color: var(--emerald) !important;
}

.GooglePayButton-logo {
  margin-bottom: 2rem;
}

#singleproduct .wcsatt-options-product-dropdown {
  border: 2px solid var(--light-red);
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  color: var(--black);
  padding: 6px 25px !important;
  font-size: 16px !important;
  border-radius: 5px !important;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M12 14l-4-4h8z'/%3E%3C/svg%3E"); /* Replace with FontAwesome icon SVG data */
  background-repeat: no-repeat;
  opacity: 1;
  background-color: var(--white);
  background-position: right center;
  background-size: 1em; /* Adjust as needed */
}

#singleproduct .wcsatt-options-product-dropdown:focus {
  border-color: var(--emerald);
  box-shadow: none;
  outline: none;
}

#singleproduct .wcsatt-options-product-dropdown:active {
  border-color: var(--emerald);
  box-shadow: none;
}

#singleproduct .wcsatt-options-product-dropdown:visited {
  border-color: var(--emerald);
  box-shadow: none;
}

#singleproduct .product-variations-radio input[type=checkbox i]:checked::after {
  background: var(--light-red);
}

#singleproduct .product-variations-radio input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  width: 20px !important;
  height: 20px;
  vertical-align: middle;
  margin-right: 8px;
  border: solid 1px var(--light-emerald);
  background-color: var(--light-emerald);
  border-radius: 50%;
}

#singleproduct .product-variations-radio input[type=radio]:checked::after {
  opacity: 1;
}

#singleproduct .product-variations-radio input[type=radio]:after {
  content: "";
  opacity: 0;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--emerald);
}

.woocommerce div.product p.price, .woocommerce div.product span.subscription-price {
  font-weight: 500;
  font-size: 15px;
  color: var(--black);
  line-height: 32px;
  margin-left: auto;
}

#singleproduct #accordionExample #collapseThree img {
  max-width: 500px;
  height: auto;
}

#singleproduct #accordionExample h1,
#singleproduct #accordionExample h2,
#singleproduct #accordionExample h3,
#singleproduct #accordionExample h4,
#singleproduct #accordionExample h5,
#singleproduct #accordionExample h6 {
  font-weight: 600;
  font-family: var(--font-title);
  margin-top: 5px;
}

#singleproduct #accordionExample p {
  color: var(--black);
  margin-bottom: 5px;
}

#singleproduct .custom-add-to-cart-button {
  background: var(--gold) !important;
  text-transform: uppercase;
  font-size: 14px !important;
  color: var(--white) !important;
  box-shadow: 3px 4px 0px var(--black) !important;
  margin-right: 5px !important;
  border: none !important;
  padding: 12px 24px !important;
  margin-top: 2rem !important;
  border-radius: 25px;
  font-weight: 600;
  transition: 0.3ms;
}

#singleproduct .custom-add-to-cart-button {
  color: var(--black);
}

#singleproduct .section-decouvrez {
  padding-top: 3rem;
}

#singleproduct .section-decouvrez .content .title span {
  font-family: var(--font-title);
  margin-top: 0.8rem;
  margin-bottom: 0;
  font-size: 30px;
  color: var(--black);
  font-weight: 600;
  line-height: 32px;
}

#singleproduct .section-decouvrez .content .title {
  margin-bottom: 1rem;
  text-align: center;
}

.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected {
  /*background-color: var(--light-emerald);
  color: var(--black);*/
  border-color: var(--green) !important;
  border-width: 2px;
}

.wpr-add-new-subscription label {
  font-weight: bold;
}

.cart-progress {
  position: relative;
  width: 100%;
  padding: 10px 15px;
  box-sizing: border-box;
}

.progress {
  height: 8px;
  background: #e0e0e0;
  border-radius: 4px;
  position: relative;
  overflow: visible;
}

.progress-bar {
  height: 100%;
  background: #28a745;
  transition: width 0.4s ease-in-out;
  border-radius: 4px;
}

/* 🔹 Markers */
.progress-markers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  pointer-events: none;
}

.progress-markers .marker {
  width: 2px;
  height: 20px;
  background: black;
  position: absolute;
  transform: translateX(-50%);
}

/* 🔹 Labels */
.progress-markers .marker-label {
  position: absolute;
  top: -20px;
  font-size: 12px;
  color: black;
  font-weight: bold;
  transform: translateX(-50%);
  visibility: hidden;
}

/* 🔹 Step Labels (for Offers) */
.progress-labels {
  position: absolute;
  top: 20px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}

.progress-labels .step {
  position: absolute;
  text-align: center;
  font-size: 12px;
  transform: translateX(-58%);
  top: 30px;
}

.progress-labels .offert-price {
  font-weight: bold;
  margin-bottom: 2px;
}

#singleproduct .free-product-preview .text-success {
  color: var(--green) !important;
}

#singleproduct .hide {
  display: none;
}

#singleproduct .reset_variations {
  margin-top: 2rem;
  color: var(--light-red);
  transition: 0.3ms;
}
#singleproduct .reset_variations:hover {
  color: var(--black);
}

#singleproduct .goToCartButton {
  background: var(--gold) !important;
  text-transform: uppercase;
  font-size: 14px !important;
  color: var(--white) !important;
  box-shadow: 3px 4px 0px var(--black) !important;
  margin-right: 5px !important;
  border: none !important;
  padding: 12px 24px !important;
  margin-top: 2rem !important;
  border-radius: 25px;
  font-weight: 600;
}

#singleproduct .goToCartButton:hover {
  color: var(--black) !important;
}

#singleproduct .section-decouvrez .content .title h2 {
  font-family: var(--font-title);
  font-size: 45px;
  color: var(--black);
  font-weight: 600;
  line-height: 45px;
  letter-spacing: 1.13px;
}

#singleproduct .section-decouvrez .accordion-item {
  border-radius: 0;
  border: none;
}

#singleproduct .section-decouvrez .accordion-button {
  padding: 1rem 0;
  margin-top: 0;
  margin-bottom: 0;
  justify-content: space-between;
  border-bottom: 1px solid var(--black);
}

#singleproduct .section-decouvrez .accordion-button p {
  width: 96%;
}

#singleproduct .section-decouvrez .accordion-button:not(.collapsed) {
  background-color: var(--white) !important;
}

#singleproduct .section-decouvrez .accordion-button svg {
  display: block;
}

#singleproduct .section-decouvrez .accordion-button::after {
  background-image: none;
}

.woocommerce .quantity .qty {
  margin-left: 13px;
}

#singleproduct .plus,
#singleproduct .minus {
  min-width: 25px;
  min-height: 46px;
  background-color: var(--light-emerald);
  border: solid 1px var(--light-emerald);
}
#singleproduct .minus {
  border-radius: 10px 0 0 10px;
  float: left;
  padding: 0;
  color: var(--black);
  font-size: 18px;
}
#singleproduct .quantity {
  border: solid 1px var(--light-emerald);
  margin: 0;
  min-height: 46px;
  display: flex;
}
#singleproduct .quantity > input {
  margin-top: auto;
  margin-bottom: auto;
}
#singleproduct .plus {
  border-radius: 0 10px 10px 0;
  float: left;
  padding: 0;
  color: var(--black);
  font-size: 18px;
  margin-right: 25px;
}
#singleproduct .wcsatt-add-to-subscription-action-label {
  margin-top: 25px;
  font-size: 16px;
  font-weight: 500;
}
#singleproduct .payment-methods {
  padding-top: 0;
}
#singleproduct .product_meta {
  display: none;
}

#singleproduct .recommande {
  padding-top: 100px;
  background-image: url("images/bg_texture.jpg");
}
#singleproduct .recommande .inner-content h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 3rem;
}
#singleproduct .recommande .card-content .card-title {
  font-family: var(--font-title);
  margin-top: 0.8rem;
  margin-bottom: 0;
  font-size: 30px;
  color: var(--black);
  font-weight: 600;
  line-height: 32px;
}
#singleproduct .recommande .card-content .text {
  font-size: 14px;
  color: var(--black);
  font-weight: 400;
  line-height: 22px;
  margin-top: 1rem;
}
#singleproduct .recommande .card-content .prix {
  font-size: 20px;
  color: var(--black);
  font-weight: 500;
  line-height: 32px;
  margin-top: 1.5rem;
}
#singleproduct .recommande .button-select {
  margin-top: 1.5rem;
}

#singleproduct .listing .card-style-one a {
  width: 100%;
}

#singleproduct .product-share {
  border: 1px solid var(--emerald);
  border-radius: 10px;
  padding: 5px;
}
#singleproduct .product-share > div {
  border-bottom: 1px solid var(--emerald);
  padding: 10px 10px 20px 10px;
  margin: 10px;
  display: block;
}
#singleproduct .product-share > div:not(:first-child) {
  margin-top: 0;
}
#singleproduct .product-share > div:last-child {
  border: none;
  padding: 10px;
}
#singleproduct .product-share p {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: var(--black);
}
#singleproduct .product-share .payment img {
  display: inline-block;
  margin: 3px;
  max-width: 50px;
}

#singleproduct .woocommerce-orders-table__row .wcsatt-add-to-subscription-button {
  background-color: var(--white) !important;
  color: var(--emerald);
  margin-left: 10px;
}

#singleproduct .woocommerce-button.button {
  box-shadow: none !important;
}

#singleproduct .recommande .card-image img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
  border-radius: 15px;
}

#singleproduct .variations .label label {
  margin-bottom: 1rem;
}

#singleproduct #wc-stripe-payment-request-wrapper {
  display: none !important;
}

#singleproduct #wc-stripe-payment-request-button-separator {
  display: none !important;
}

#singleproduct .in-stock {
  display: none;
}

#singleproduct .woocommerce-product-details__short-description a {
  color: var(--black);
  text-decoration: underline;
  transition: 0.3ms;
}

#singleproduct .woocommerce-product-details__short-description a:hover {
  color: var(--light-red);
  text-decoration: none;
}

#singleproduct .out-of-stock {
  display: block;
}

#singleproduct .variations .value {
  padding-bottom: 1rem;
}

.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) {
  border: 1px solid var(--light-emerald);
  font-weight: 400 !important;
  text-transform: capitalize !important;
  letter-spacing: 0 !important;
  color: var(--black);
  padding: 20px 10px !important;
  font-size: 14px !important;
  margin: 1px !important;
  border-radius: 10px !important;
  box-shadow: none;
}

#singleproduct .top-shape {
  width: 100%;
  height: auto;
}

#singleproduct .variations tbody {
  display: flex;
  gap: 40px;
}

#singleproduct .reset_variations {
  display: none !important;
}

#singleproduct .woocommerce-product-gallery__image img {
  aspect-ratio: 1/1;
  border-radius: 10px;
}

#singleproduct .flex-control-thumbs li img {
  aspect-ratio: 1/1;
  border-radius: 10px;
}

/*============
404
=============*/
#error .header-home .absolute-wrapper {
  position: absolute;
  width: 100%;
  top: 25%;
}

#error .header-home .header-title {
  font-size: 86px;
  line-height: 55px;
  color: var(--white);
  font-weight: 600;
  font-family: var(--font-title);
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/*============
PANIER
=============*/
#panier {
  padding-top: 60px;
  padding-bottom: 60px;
}
#panier .checkout-button {
  margin-top: 1rem;
}
#panier #wc-stripe-payment-request-button-separator {
  display: none !important;
}
#panier h1 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 1rem;
}
#panier #main_actions h3 {
  font-size: 28px;
}
@media (min-width: 1200px) {
  #panier #main_actions h3 {
    font-size: 36px;
  }
}
#panier #main_actions p {
  font-family: var(--font-title);
}
#panier #main_actions p,
#panier #main_actions a {
  font-size: 14px;
}
@media (min-width: 1200px) {
  #panier #main_actions p,
  #panier #main_actions a {
    font-size: 16px;
  }
}
#panier #main_actions .ratio {
  max-width: 275px;
  margin: auto;
}
#panier .woocommerce-EditAccountForm.edit-account label {
  padding-bottom: 6px;
}
#panier .woocommerce-EditAccountForm.edit-account legend {
  font-family: var(--font-title);
}
#panier .woocommerce-EditAccountForm.edit-account button {
  letter-spacing: 1px;
}

.woocommerce .woocommerce-order a {
  color: var(--emerald);
}
.woocommerce .woocommerce-order a:hover {
  color: var(--light-red);
}
.woocommerce table.shop_table td a {
  color: var(--emerald);
}
.woocommerce table.shop_table td a:hover {
  color: var(--light-red);
}

#panier #wc-stripe-payment-request-button-separator {
  margin-bottom: 1.5rem;
  color: var(--black);
}

#panier input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  width: 15px !important;
  height: 15px;
  vertical-align: middle;
  margin-right: 8px;
  border: solid 1px var(--black);
  background: 0 0;
  border-radius: 50%;
}

#panier input[type=radio]:checked::after {
  opacity: 1;
}

#panier input[type=radio]:after {
  content: "";
  opacity: 0;
  display: block;
  left: 2px;
  top: 2px;
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--black);
}

#add_payment_method .cart-collaterals .cart_totals table small,
.woocommerce-cart .cart-collaterals .cart_totals table small,
.woocommerce-checkout .cart-collaterals .cart_totals table small {
  color: var(--black);
}

#add_payment_method p {
  color: var(--black);
}

#panier .shipping-calculator-button {
  color: var(--emerald) !important;
}
#panier .shipping-calculator-button:hover {
  color: var(--white) !important;
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
  width: 150px;
  border-radius: 50px;
  border: 1px solid var(--light-red);
  margin-right: 20px !important;
}

#panier .cart_totals h2 {
  font-family: var(--font-title);
  margin-top: 0.8rem;
  margin-bottom: 2rem;
  font-size: 30px;
  color: var(--black);
  font-weight: 600;
  line-height: 32px;
}

.woocommerce-cart .woocommerce {
  display: flex;
  position: relative;
  flex-wrap: wrap;
}

.woocommerce-cart-form {
  flex: 1;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  padding: 1em 2em 1em 3.5em;
  margin: 0 0 2em;
  position: relative;
  background-color: #f6f5f8;
  color: #515151;
  border-top: 3px solid var(--light-red);
  list-style: none outside;
  width: auto;
  word-wrap: break-word;
}

.woocommerce-cart .woocommerce {
  display: block !important;
}

.woocommerce-cart-form {
  float: left !important;
  width: 66% !important;
}

.woocommerce-cart .cart-collaterals {
  float: right !important;
}

.wc-block-components-notice-banner {
  padding: 1em 2em 1em 3.5em !important;
  margin: 0 0 2em !important;
  position: relative !important;
  background-color: #f6f5f8 !important;
  color: #515151 !important;
  list-style: none outside !important;
  width: auto !important;
  word-wrap: break-word !important;
}

#payment ul.payment_methods li label[for=payment_method_braintree_paypal] > img {
  max-width: 75px !important;
  max-height: 21px !important;
  margin-left: 5px !important;
}

#add_payment_method #payment ul.payment_methods .payment_method_braintree_paypal {
  line-height: 2 !important;
  text-align: left !important;
  margin: 0 !important;
  font-weight: 400 !important;
}

#payment ul.payment_methods li label[for=payment_method_braintree_paypal] {
  display: unset !important;
}

.woocommerce-cart .woocommerce table.shop_table td {
  border-top: solid 1px var(--dark-1) !important;
  padding-top: 30px;
  padding-bottom: 30px;
}
.woocommerce-cart .woocommerce td.product-name {
  max-width: 300px;
}
.woocommerce-cart .cart-collaterals {
  width: 34%;
}

.woocommerce-terms-and-conditions-link {
  color: var(--emerald);
  transition: 0.3ms;
}
.woocommerce-terms-and-conditions-link:hover {
  color: var(--light-red);
}

.woocommerce-info {
  border-top-color: #53565A;
  width: 100%;
}

.woocommerce .woocommerce-notices-wrapper {
  flex-shrink: 2;
  width: 100%;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  background: var(--emerald);
  text-transform: uppercase;
  font-size: 14px;
  color: var(--white);
  box-shadow: 3px 4px 0px var(--black);
  border-radius: 50px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.08em;
  padding: 12px 24px;
}

#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {
  border-top: 1px solid var(--black);
}

#add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th {
  vertical-align: top;
  border-left: 0;
  border-right: 0;
  line-height: 1.5em;
}

.woocommerce-cart .product-name a {
  color: var(--black);
  transition: 0.3ms;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
  background-color: var(--emerald);
  color: #515151;
}

.woocommerce .cart .button, .woocommerce .cart input.button {
  background-color: transparent;
  border: 1px solid var(--emerald);
  border-radius: 50px;
}

.woocommerce-cart .product-name a:hover {
  color: var(--light-red);
  text-decoration: underline;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
  background-color: var(--light-red);
  color: var(--white);
}

#add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table th {
  width: 35%;
}

.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
  border: unset;
}

.woocommerce table.shop_table tbody:first-child tr:first-child td,
.woocommerce table.shop_table tbody:first-child tr:first-child th {
  border-top: 0;
}

#add_payment_method .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table {
  border-collapse: separate;
  margin: 0 0 6px;
  padding: 0;
  border: none !important;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .shop_table td {
  padding: 10px;
}

.woocommerce-cart .cart-collaterals .cart_totals {
  background-color: rgba(245, 101, 104, 0.5);
  padding: 30px 30px 0 30px;
  border-radius: 5px;
  width: 100% !important;
}

#add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th {
  vertical-align: top;
  border-left: 0 !important;
  border-right: 0 !important;
  line-height: 1.5em;
}

/*============
CHECKOUT
=============*/
#customer_details p {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
#customer_details p .woocommerce-password-strength,
#customer_details p .woocommerce-password-hint {
  flex-basis: 100%;
  width: 100%;
}

#customer_details label {
  font-size: 14px;
  color: var(--black);
}

.woocommerce-checkout .col-md-7 input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 7px;
  border-radius: 5px;
}

.woocommerce-billing-fields h3 {
  font-family: var(--font-title);
  margin-top: 0.8rem;
  font-size: 30px;
  color: var(--black);
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 2rem;
}

#order_review_heading {
  font-family: var(--font-title);
  margin-top: 0.8rem;
  font-size: 30px;
  color: var(--black);
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 2rem;
}

.woocommerce-privacy-policy-text p {
  display: unset !important;
}

.woocommerce-privacy-policy-text p a {
  color: var(--emerald);
  transition: 0.3ms;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
  background-color: var(--emerald) !important;
  color: var(--white);
  text-transform: uppercase;
  margin-top: 1.8rem;
  box-shadow: 3px 4px 0px var(--black);
  border-radius: 50px;
  padding: 12px 40px;
}

.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover {
  background-color: var(--emerald) !important;
  color: var(--white);
}

.woocommerce-privacy-policy-text p a:hover {
  text-decoration: underline;
}

.woocommerce .showcoupon {
  color: var(--emerald);
}

.woocommerce-info::before {
  color: var(--emerald);
}

.woocommerce form .form-row label {
  -webkit-flex-basis: 175px;
  -ms-flex-preferred-size: 175px;
  flex-basis: 175px;
  line-height: 18px;
  font-weight: 400;
}

.woocommerce form .form-row label, .woocommerce-page form .form-row label {
  display: block;
}

span.woocommerce-input-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.woocommerce form .form-row {
  padding: 3px;
  margin: 0 0 6px;
}

.form-row {
  margin-bottom: 15px !important;
}

.woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide {
  clear: both;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  outline: 0;
  line-height: normal;
}

.woocommerce form .form-row::after, .woocommerce form .form-row::before, .woocommerce-page form .form-row::after, .woocommerce-page form .form-row::before {
  content: " ";
  display: table;
}

.woocommerce-checkout .col-md-7 input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 7px;
  border-radius: 5px;
}

/*============
RACES DE CHIEN
=============*/
#races .card-area {
  padding-top: 60px;
  background-image: url("images/bg_texture.jpg");
}
#races .card-area .section-title {
  padding-bottom: 40px;
  text-align: center;
}
#races .card-area .section-title h1 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
}

#races .single-card {
  overflow: hidden;
  margin-top: 30px;
}
#races .single-card .card-image img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
  border-radius: 10px;
}
#races .single-card .card-content {
  padding: 16px;
}
#races .single-card .card-content .card-title {
  margin-bottom: 0;
}
#races .single-card .card-content .card-title a {
  font-family: var(--font-title);
  margin-top: 0.8rem;
  margin-bottom: 0;
  font-size: 30px;
  color: var(--black);
  font-weight: 600;
  line-height: 32px;
}
#races .single-card .card-content .card-title a:hover {
  color: var(--black);
}
#races .single-card .card-content .text {
  font-size: 14px;
  color: var(--black);
  font-weight: 400;
  line-height: 22px;
  margin-top: 1rem;
}
#races .single-card .card-content .button-select {
  margin-top: 1.5rem;
}

#races .pagination {
  color: var(--light-red);
}

.pagination {
  margin-top: 30px;
}

#races .pagination a {
  color: var(--light-red);
  padding: 0.375rem 0.75rem;
}

#races .pagination span {
  padding: 0.375rem 0.75rem;
}

#panier .woocommerce table.shop_table .button {
  margin-bottom: 5px;
  margin-top: 5px;
  margin-right: 5px;
}

/*=====================
  SINGLE RACE DE CHIEN
======================*/
#single-race .single-race {
  padding-top: 60px;
  background-image: url("images/bg_texture.jpg");
}
#single-race .single-race .section-title {
  padding-bottom: 60px;
  text-align: center;
}
#single-race .single-race .section-title h1 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
}
#single-race .single-race .section-content p {
  color: var(--black);
  margin-top: 10px;
  margin-bottom: 10px;
}
#single-race .single-race .section-content h1,
#single-race .single-race .section-content h2,
#single-race .single-race .section-content h3,
#single-race .single-race .section-content h4,
#single-race .single-race .section-content h5,
#single-race .single-race .section-content h6 {
  font-family: var(--font-title);
  font-weight: 600;
}
#single-race .single-race .section-content a {
  color: var(--light-red);
}
#single-race .single-race .section-content a:hover {
  color: var(--emerald);
}
#single-race .navigation-single-items {
  background-image: url("images/bg_texture.jpg");
}
#single-race .nav-service {
  display: flex;
  justify-content: space-between;
}

/*============
POLITIQUE
=============*/
#politique .section-politique {
  padding-top: 60px;
  padding-bottom: 60px;
  background-image: url("images/bg_texture.jpg");
}
#politique .section-politique .section-title {
  padding-bottom: 60px;
  text-align: center;
}
#politique .section-politique .section-title h1 {
  color: var(--black);
  font-size: 50px;
  line-height: 50px;
  font-family: var(--font-title);
  font-weight: 600;
}

#politique .section-content h1,
#politique .section-content h2,
#politique .section-content h3,
#politique .section-content h4,
#politique .section-content h5,
#politique .section-content h6 {
  font-family: var(--font-title);
  font-weight: 600;
}

#politique .section-content h4 {
  margin-top: 18px;
  margin-bottom: 10px;
}

#politique ul,
#politique ol {
  margin: 10px;
  padding: 10px;
  list-style-type: decimal;
}

#politique .section-politique .section-content p {
  color: var(--black);
  line-height: 20px;
  margin-bottom: 10px;
}
#politique .section-politique .section-content a {
  color: var(--emerald);
  line-height: 20px;
  margin-bottom: 10px;
  transition: 0.3ms;
}
#politique .section-politique .section-content a:hover {
  color: var(--light-red);
}

/*=====================
OFFRES D’EMPLOI
======================*/
#offre .section-offre {
  padding-top: 60px;
  padding-bottom: 60px;
  background-image: url("images/bg_texture.jpg");
}
#offre .section-offre .section-title {
  padding-bottom: 60px;
  text-align: center;
}
#offre .section-offre .section-title h1 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
}
#offre .section-offre h4 {
  margin-top: 18px;
  margin-bottom: 10px;
}
#offre .section-offre ul,
#offre .section-offre ol {
  margin: 10px;
  padding: 10px;
  list-style-type: decimal;
}
#offre .section-offre .section-content p {
  color: var(--black);
  line-height: 20px;
  margin-bottom: 10px;
}
#offre .section-offre .section-content a {
  color: var(--emerald);
  line-height: 20px;
  margin-bottom: 10px;
  transition: 0.3ms;
}
#offre .section-offre .section-content a:hover {
  color: var(--light-red);
}

/* accordion-style-one */
#offre .accordion-style-one .accordion .card {
  margin-top: 8px;
  border: 1px solid var(--gray-4) !important;
  border-radius: 4px;
}
#offre .accordion-style-one .accordion .card .card-header {
  padding: 0;
  background: none;
}
#offre .accordion-style-one .accordion .card .card-header a {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
  color: var(--emerald);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border: 1px solid var(--emerald);
  margin: -1px;
  border-radius: 4px;
  padding: 13px 16px;
  font-family: var(--font-title);
}
#offre .accordion-style-one .accordion .card .card-header a::before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f078";
  right: 16px;
  top: 14px;
  font-size: 16px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#offre .accordion-style-one .accordion .card .card-header a.collapsed {
  color: var(--black);
  border-color: var(--gray-4);
  font-family: var(--font-title);
  font-weight: 600;
}
#offre .accordion-style-one .accordion .card .card-header a.collapsed::before {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
#offre .accordion-style-one .accordion .card .card-body {
  padding: 16px;
}
#offre .accordion-style-one .accordion .card .card-body .text {
  color: var(--black);
}
#offre .accordion-style-one .accordion .card .card-body p {
  color: var(--black);
  margin-top: 5px;
  margin-bottom: 5px;
}
#offre .accordion-style-one .accordion .card .card-body a {
  color: var(--light-red);
}
#offre .accordion-style-one .accordion .card .card-body a:hover {
  color: var(--emerald);
}

/*============
FAQ
=============*/
#faq .section-faq {
  padding-top: 60px;
  padding-bottom: 60px;
  background-image: url("images/bg_texture.jpg");
}
#faq .section-faq .section-title {
  padding-bottom: 60px;
  text-align: center;
}
#faq .section-faq .section-title h1 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
}

/* tabs-four */
@media (max-width: 767px) {
  #faq .tabs-four .nav {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #faq .tabs-four .nav {
    display: flex;
  }
}
#faq .tabs-four .nav .nav-item a {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 25px;
  line-height: 28px;
  padding: 13px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  display: block;
  position: relative;
}

@media (max-width: 767px) {
  #faq .tabs-four .nav .nav-item a {
    margin-top: -4px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #faq .tabs-four .nav .nav-item a {
    margin-top: 0;
  }
}
#faq .tabs-four .nav .nav-item a i {
  margin-right: 5px;
  font-size: 18px;
}

#faq .tabs-four .nav .nav-item a::before {
  position: absolute;
  content: "";
  background-color: var(--gray-4);
  width: 100%;
  height: 4px;
  left: 0;
  bottom: 0;
}

#faq .tabs-four .nav .nav-item a.active {
  color: var(--white);
  background: rgba(245, 101, 104, 0.5);
}

#faq .tabs-four .nav .nav-item a.active::before {
  background: rgb(245, 101, 104);
}

#faq .tabs-four .tab-content .tab-text {
  padding: 15px;
}
#faq .tabs-four .tab-content .tab-text .text {
  color: var(--dark-3);
}

/* accordion-style-one */
#faq .accordion-style-one .accordion .card {
  margin-top: 8px;
  border: 1px solid var(--gray-4) !important;
  border-radius: 4px;
}
#faq .accordion-style-one .accordion .card .card-header {
  padding: 0;
  background: none;
}
#faq .accordion-style-one .accordion .card .card-header a {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
  color: var(--emerald);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border: 1px solid var(--emerald);
  margin: -1px;
  border-radius: 4px;
  padding: 13px 16px;
  font-family: var(--font-title);
}
#faq .accordion-style-one .accordion .card .card-header a::before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f078";
  right: 16px;
  top: 14px;
  font-size: 16px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#faq .accordion-style-one .accordion .card .card-header a.collapsed {
  color: var(--black);
  border-color: var(--gray-4);
  font-family: var(--font-title);
  font-weight: 600;
}
#faq .accordion-style-one .accordion .card .card-header a.collapsed::before {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
#faq .accordion-style-one .accordion .card .card-body {
  padding: 16px;
}
#faq .accordion-style-one .accordion .card .card-body .text {
  color: var(--black);
}

/*============
FOOTER
=============*/
.footer-area {
  padding-top: 180px;
  padding-bottom: 40px;
  background-color: var(--light-red);
  position: relative;
}
.footer-area .shape {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.footer-area .footer-copyright {
  padding-top: 30px;
}
.footer-area .footer-copyright p {
  font-size: 10px;
  line-height: 20px;
  font-weight: 400;
  color: var(--white);
  margin-right: 30px;
}
.footer-area .footer-copyright .social a {
  font-size: 25px;
}
.footer-area .footer-copyright a {
  font-size: 10px;
  line-height: 20px;
  font-weight: 400;
  color: var(--white);
  transition: 0.3ms;
}
.footer-area .footer-copyright a:hover {
  color: var(--black);
}
.footer-area .logo-footer img {
  width: 80px;
  height: auto;
  object-fit: cover;
}

#panier .button {
  color: var(--white) !important;
  background-color: var(--green) !important;
  border-color: var(--green) !important;
  /*color: var(--white) !important;
  border-radius: 25px !important;
  background: var(--light-red) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 10px 20px !important;*/
}
#panier .button:hover, #panier .button.active {
  color: var(--white) !important;
  border-color: var(--emerald) !important;
  background-color: var(--emerald) !important;
}
#panier .button.cancel, #panier .button.pause_subscription {
  background-color: transparent !important;
  color: var(--black) !important;
  text-decoration: underline !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
  border: none !important;
}

/*DashBoard*/
.woocommerce-account {
  /*.woocommerce-MyAccount-navigation {
      li {
          margin-bottom: 20px;
          a {
              color: var(--black);
              border-radius: 25px;
              background: transparent;
              border: solid 1px var(--light-red);
              font-size: 16px;
              font-weight: 500;
              padding: 10px 20px; 
              width: 100%;
              text-align: center;
          }
      }
      li a:hover,
      li.is-active a {
          background: var(--light-red);
          box-shadow: 3px 4px 0px var(--black) !important;
      }
  }*/
}
.woocommerce-account article {
  border-radius: 10px;
  padding: 30px;
  color: var(--black);
}
.woocommerce-account article .woocommerce-MyAccount-navigation,
.woocommerce-account article .woocommerce-MyAccount-content {
  float: none;
  width: auto;
}
.woocommerce-account article .rounded {
  border-radius: 20px !important;
}
.woocommerce-account h2 {
  padding-bottom: 16px;
}
.woocommerce-account p {
  font-family: var(--font-family);
  color: var(--black);
  font-size: 14px;
  font-weight: 400;
}
.woocommerce-account a:not(.btn) {
  color: var(--light-red);
}
.woocommerce-account a:not(.btn):hover {
  color: var(--brown);
}
.woocommerce-account main .button {
  color: var(--white) !important;
  border-radius: 10px !important;
  background: var(--gold) !important;
  border: solid 1px var(--gold) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 10px 20px !important;
}
.woocommerce-account main .button:hover {
  background: transparent !important;
  color: var(--black) !important;
}
.woocommerce-account table .button {
  padding: 6px 12px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}
.woocommerce-account .shop_table.order_details {
  border-spacing: 0;
  border-collapse: collapse;
  border: none;
}
.woocommerce-account .shop_table.order_details * {
  border: none;
}
.woocommerce-account .shop_table.order_details thead {
  display: none;
}
.woocommerce-account .shop_table.order_details tr.order_item {
  background-color: var(--light-purple);
}
.woocommerce-account .shop_table.order_details tr.order_item td:first-child {
  border-top-left-radius: 20px;
}
.woocommerce-account .shop_table.order_details tr.order_item td:last-child {
  border-top-right-radius: 20px;
}
.woocommerce-account .shop_table.order_details tr.order_item td:first-child {
  border-bottom-left-radius: 20px;
}
.woocommerce-account .shop_table.order_details tr.order_item td:last-child {
  border-bottom-right-radius: 20px;
}
.woocommerce-account .shop_table.order_details tr.order_item .remove_item {
  padding-right: 0 !important;
}
.woocommerce-account .shop_table.order_details tr.order_item .product-name a:first-child {
  color: var(--black);
  font-weight: bold;
  font-size: 16px;
  font-family: var(--font-title);
}
.woocommerce-account .shop_table.order_details tfoot > tr:last-child {
  background-color: var(--light-purple);
}
.woocommerce-account .shop_table.order_details tfoot > tr:last-child th, .woocommerce-account .shop_table.order_details tfoot > tr:last-child td {
  padding: 20px 12px;
  font-weight: bold;
  font-size: 16px;
}
.woocommerce-account .shop_table.order_details tfoot > tr:last-child th:first-child {
  border-top-left-radius: 20px;
}
.woocommerce-account .shop_table.order_details tfoot > tr:last-child td:last-child {
  border-top-right-radius: 20px;
}
.woocommerce-account .shop_table.order_details tfoot > tr:last-child th:first-child {
  border-bottom-left-radius: 20px;
}
.woocommerce-account .shop_table.order_details tfoot > tr:last-child td:last-child {
  border-bottom-right-radius: 20px;
}
.woocommerce-account .shop_table.order_details .wcs-switch-link.button {
  display: none;
}
.woocommerce-account .shop_table.my_account_orders .order-actions {
  text-align: right;
}
.woocommerce-account .shop_table.subscription_details .sf-change-payment-date.button {
  margin-left: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-area {
    padding-top: 30px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-area .footer-widget {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .footer-area .footer-widget {
    margin-top: 40px;
    text-align: center;
  }
}
.footer-area .footer-widget h5 {
  font-family: var(--font-title);
  color: var(--white);
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  margin-top: 0.4rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-area .footer-widget h5 {
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .footer-area .f-about {
    padding: 0;
  }
}
.footer-area .f-about p {
  color: var(--dark-3);
  margin-top: 20px;
}
.footer-area .f-about .copyright-text {
  color: var(--dark-3);
  margin-top: 40px;
}
.footer-area .f-about .copyright-text span {
  display: block;
}
@media (max-width: 767px) {
  .footer-area .f-about .copyright-text {
    margin-top: 20px;
  }
}
.footer-area .f-about .copyright-text a {
  color: var(--white);
  transition: 0.3ms;
}
.footer-area .f-about .copyright-text a:hover {
  color: var(--black);
  text-decoration: none;
}

.footer-area .f-link li {
  display: block;
}
.footer-area .f-link li:last-child {
  margin: 0;
}
.footer-area .f-link li a {
  font-size: 13px;
  font-weight: 400;
  line-height: 23px;
  color: var(--white);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.footer-area .f-link li a:hover {
  color: var(--black);
  text-decoration: none;
}
.footer-area .f-link li .mailto-info {
  font-weight: 600;
}

.footer-area .newsletter p {
  color: var(--white);
}

.footer-area .newsletter-form {
  margin-top: 5px;
  position: relative;
}

.footer-area .newsletter-form input {
  height: 55px;
  width: 100%;
  border: none;
  background-color: var(--light-red);
  border-bottom: 1px solid var(--white);
  box-shadow: none;
  text-shadow: none;
  padding-right: 65px;
  transition: all 0.4s ease;
  border-radius: 0 !important;
}

.footer-area .newsletter-form input::placeholder {
  color: var(--white);
  padding-left: 0;
}

.footer-area .newsletter-form input:focus {
  border-color: var(--black);
}

.footer-area .btn.rounded-full, .footer-area #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-simple-product, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .footer-area .rounded-full.button.wpr-add-simple-product,
.footer-area #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .footer-area .rounded-full.button.wpr-add-simple-product-next-shipment,
.footer-area #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .footer-area .rounded-full.button.wpr-subscription-add-submit,
.footer-area #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-variable-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .footer-area .rounded-full.button.wpr-add-variable-product-next-shipment, .footer-area #ssd-modal-content .ssd-search-modal-header button.rounded-full#ssd-submit-search, #ssd-modal-content .ssd-search-modal-header .footer-area button.rounded-full#ssd-submit-search, .footer-area #panier .rounded-full.button, #panier .footer-area .rounded-full.button {
  color: var(--white);
  transition: 0.3ms;
  margin-top: 20px;
  text-transform: capitalize;
  font-size: 14px;
  border: 1px solid var(--white);
  padding: 10px 30px;
  font-weight: 400;
}

.form-selector #country {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--black);
}

.form-selector #country option {
  color: var(--black);
}

.footer-area .btn.rounded-full:hover, .footer-area #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-simple-product:hover, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .footer-area .rounded-full.button.wpr-add-simple-product:hover,
.footer-area #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-simple-product-next-shipment:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .footer-area .rounded-full.button.wpr-add-simple-product-next-shipment:hover,
.footer-area #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-subscription-add-submit:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .footer-area .rounded-full.button.wpr-subscription-add-submit:hover,
.footer-area #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-variable-product-next-shipment:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .footer-area .rounded-full.button.wpr-add-variable-product-next-shipment:hover, .footer-area #ssd-modal-content .ssd-search-modal-header button.rounded-full#ssd-submit-search:hover, #ssd-modal-content .ssd-search-modal-header .footer-area button.rounded-full#ssd-submit-search:hover, .footer-area #panier .rounded-full.button:hover, #panier .footer-area .rounded-full.button:hover {
  color: var(--black) !important;
  border: 1px solid var(--black) !important;
  background-color: var(--light-red);
}

.footer-area .btn.rounded-full:active, .footer-area #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-simple-product:active, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .footer-area .rounded-full.button.wpr-add-simple-product:active,
.footer-area #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-simple-product-next-shipment:active,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .footer-area .rounded-full.button.wpr-add-simple-product-next-shipment:active,
.footer-area #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-subscription-add-submit:active,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .footer-area .rounded-full.button.wpr-subscription-add-submit:active,
.footer-area #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-variable-product-next-shipment:active,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .footer-area .rounded-full.button.wpr-add-variable-product-next-shipment:active, .footer-area #ssd-modal-content .ssd-search-modal-header button.rounded-full#ssd-submit-search:active, #ssd-modal-content .ssd-search-modal-header .footer-area button.rounded-full#ssd-submit-search:active, .footer-area #panier .rounded-full.button:active, #panier .footer-area .rounded-full.button:active {
  color: var(--black) !important;
  border: 1px solid var(--black) !important;
  background-color: var(--light-red);
}

.footer-area .btn.rounded-full:focus, .footer-area #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-simple-product:focus, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .footer-area .rounded-full.button.wpr-add-simple-product:focus,
.footer-area #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-simple-product-next-shipment:focus,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .footer-area .rounded-full.button.wpr-add-simple-product-next-shipment:focus,
.footer-area #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-subscription-add-submit:focus,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .footer-area .rounded-full.button.wpr-subscription-add-submit:focus,
.footer-area #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-variable-product-next-shipment:focus,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .footer-area .rounded-full.button.wpr-add-variable-product-next-shipment:focus, .footer-area #ssd-modal-content .ssd-search-modal-header button.rounded-full#ssd-submit-search:focus, #ssd-modal-content .ssd-search-modal-header .footer-area button.rounded-full#ssd-submit-search:focus, .footer-area #panier .rounded-full.button:focus, #panier .footer-area .rounded-full.button:focus {
  color: var(--black) !important;
  border: 1px solid var(--black) !important;
  background-color: var(--light-red);
}

.footer-area .social li {
  display: inline-block;
  margin-right: 15px;
}

#panier .woocommerce h2,
#panier .woocommerce h3 {
  font-family: var(--font-title);
}

#panier .wpr-add-product {
  margin-bottom: 20px;
}

.woocommerce-cart .woocommerce td.product-name {
  max-width: 160px !important;
}

.cookieinfo {
  display: none;
}

/*GESTION DES COOKIES START*/
#cook #cookiePopup {
  background-color: #ffffff;
  position: absolute;
  font-size: 14px;
  width: 70vw;
  max-width: 42.85em;
  box-shadow: 0 0 2em rgba(5, 0, 31, 0.15);
  font-family: "Poppins", sans-serif;
  text-align: justify;
  line-height: 1.8em;
  padding: 2em 1.4em;
  border-radius: 6px;
  transition: all 0.5s ease-in;
  z-index: 99999;
}
#cook #cookiePopup svg {
  display: block;
  width: 3.75em;
  transform: translateZ(0);
  position: relative;
  margin: auto;
}
#cook #cookiePopup p {
  text-align: center;
  margin: 1.4em 0;
  color: var(--black);
  font-size: 12px;
}
#cook #cookiePopup button {
  background-color: var(--emerald) !important;
  border: none;
  color: #ffffff;
  font-size: 1em;
  padding: 0.3em 1.4em;
  display: block;
  position: relative;
  margin: auto;
  border-radius: 5px;
}
#cook #cookiePopup a {
  color: var(--emerald);
}
#cook .hide {
  visibility: hidden;
  bottom: 0;
  right: 2em;
}
#cook .form-switch {
  max-width: 165px;
  margin-bottom: 15px;
  color: #6d6d6d;
  display: flex;
}
#cook .form-switch .form-check-input {
  width: 2em !important;
  margin-top: 5px;
}
#cook .form-switch .form-check-input:checked {
  background-color: var(--emerald) !important;
  border-color: var(--emerald) !important;
}
#cook label {
  font-size: 14px !important;
  margin-left: 5px;
  color: var(--emerald);
}
#cook .show {
  visibility: visible;
  bottom: 2em;
  right: 2em;
  position: fixed !important;
}
@media only screen and (max-width: 37.5em) {
  #cook #cookiePopup {
    width: 100%;
  }
  #cook .hide {
    bottom: 2em;
    right: 0;
  }
  #cook .show {
    right: 0;
    bottom: 0;
  }
}

.type-de-cook {
  padding-top: 0 !important;
  margin-top: 0 !important;
  font-size: 12px;
}

.cookieinfo {
  display: none !important;
}

/*GESTION DES COOKIES END*/
@media only screen and (max-width: 1400px) {
  #home .left-v .recettes-image img {
    object-fit: contain;
    text-align: end;
    justify-content: end;
    position: absolute;
    height: 500px;
    right: 49%;
    bottom: 50%;
    transform: translate(74.8%, 50%);
  }
  .section-new-eshop .select-menu .btn.btn-outline-success.active, .section-new-eshop .select-menu #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.active.button.wpr-add-simple-product, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .select-menu .btn-outline-success.active.button.wpr-add-simple-product,
  .section-new-eshop .select-menu #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.active.button.wpr-add-simple-product-next-shipment,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .select-menu .btn-outline-success.active.button.wpr-add-simple-product-next-shipment,
  .section-new-eshop .select-menu #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.active.button.wpr-subscription-add-submit,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .select-menu .btn-outline-success.active.button.wpr-subscription-add-submit,
  .section-new-eshop .select-menu #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.active.button.wpr-add-variable-product-next-shipment,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .select-menu .btn-outline-success.active.button.wpr-add-variable-product-next-shipment, .section-new-eshop .select-menu #ssd-modal-content .ssd-search-modal-header button.btn-outline-success.active#ssd-submit-search, #ssd-modal-content .ssd-search-modal-header .section-new-eshop .select-menu button.btn-outline-success.active#ssd-submit-search, .section-new-eshop .select-menu #panier .btn-outline-success.active.button, #panier .section-new-eshop .select-menu .btn-outline-success.active.button {
    font-size: 12px;
  }
  .section-new-eshop .select-menu .btn.btn-outline-success, .section-new-eshop .select-menu #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.button.wpr-add-simple-product, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .select-menu .btn-outline-success.button.wpr-add-simple-product,
  .section-new-eshop .select-menu #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.button.wpr-add-simple-product-next-shipment,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .select-menu .btn-outline-success.button.wpr-add-simple-product-next-shipment,
  .section-new-eshop .select-menu #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.button.wpr-subscription-add-submit,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .select-menu .btn-outline-success.button.wpr-subscription-add-submit,
  .section-new-eshop .select-menu #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.button.wpr-add-variable-product-next-shipment,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .select-menu .btn-outline-success.button.wpr-add-variable-product-next-shipment, .section-new-eshop .select-menu #ssd-modal-content .ssd-search-modal-header button.btn-outline-success#ssd-submit-search, #ssd-modal-content .ssd-search-modal-header .section-new-eshop .select-menu button.btn-outline-success#ssd-submit-search, .section-new-eshop .select-menu #panier .btn-outline-success.button, #panier .section-new-eshop .select-menu .btn-outline-success.button {
    font-size: 12px;
  }
  .section-new-eshop .select-menu .btn.btn-outline-success, .section-new-eshop .select-menu #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.button.wpr-add-simple-product, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .select-menu .btn-outline-success.button.wpr-add-simple-product,
  .section-new-eshop .select-menu #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.button.wpr-add-simple-product-next-shipment,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .select-menu .btn-outline-success.button.wpr-add-simple-product-next-shipment,
  .section-new-eshop .select-menu #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.button.wpr-subscription-add-submit,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .select-menu .btn-outline-success.button.wpr-subscription-add-submit,
  .section-new-eshop .select-menu #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.button.wpr-add-variable-product-next-shipment,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .select-menu .btn-outline-success.button.wpr-add-variable-product-next-shipment, .section-new-eshop .select-menu #ssd-modal-content .ssd-search-modal-header button.btn-outline-success#ssd-submit-search, #ssd-modal-content .ssd-search-modal-header .section-new-eshop .select-menu button.btn-outline-success#ssd-submit-search, .section-new-eshop .select-menu #panier .btn-outline-success.button, #panier .section-new-eshop .select-menu .btn-outline-success.button {
    padding: 3px 6px;
  }
  #home .right-v .recettes-image {
    margin-left: 40px !important;
  }
  #home .info-float-left .float-one {
    max-width: 357px;
    margin-left: 5%;
    margin-bottom: 20%;
    position: relative;
  }
  #home .info-float-left .float-two {
    max-width: 280px;
    margin-left: 8%;
    margin-bottom: 15%;
    position: relative;
  }
  #singleproduct .custom-bullets {
    top: 72%;
  }
  #singleproduct .prev-btn, #singleproduct .next-btn {
    top: 40%;
  }
  #boutique .listing .prix {
    font-size: 13px;
  }
  #boutique .listing .price-highlight {
    font-size: 15px;
  }
  #boutique .listing .prix > strong {
    font-size: 15px;
  }
}
@media only screen and (max-width: 1200px) {
  #missions .qualite .facts .card {
    height: 281px;
  }
  #singleproduct .custom-bullets {
    top: 68%;
  }
  #singleproduct .prev-btn, #singleproduct .next-btn {
    top: 36%;
  }
  #home .recettes-area-new .left__background {
    position: relative !important;
    width: 100%;
    height: auto;
  }
  #missions .qualite .text p span {
    font-size: 11px;
    line-height: 13px;
    font-family: var(--font-family);
  }
  #missions .qualite .text p {
    font-weight: 600;
    font-size: 25px;
    line-height: 27px;
    font-family: var(--font-title);
    color: var(--white);
  }
  #home .not-1200 {
    display: none !important;
  }
  #apropos .missions h4 {
    font-size: 35px !important;
    line-height: 38px !important;
  }
  .woocommerce div.product form.cart .variations label {
    font-size: 20px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 1040px) {
  #abonnement .essayez .section-left {
    padding: 0.5rem;
  }
  #abonnement .essayez .section-right {
    padding: 0.5rem;
  }
}
@media only screen and (max-width: 992px) {
  #missions .qualite .card-vs {
    height: 450px;
  }
  #singleproduct .custom-bullets {
    top: 75%;
  }
  #singleproduct .prev-btn, #singleproduct .next-btn {
    top: 40%;
  }
  .payment-methods .card-content {
    text-align: center;
    margin-bottom: 30px;
  }
  .payment-methods .card-content .align-items-center {
    justify-content: center;
  }
  .woocommerce-cart .cart-collaterals {
    width: 100% !important;
  }
  #home .nouveautes .content-left {
    padding-bottom: 5rem;
    text-align: center;
  }
  #home .déchets-plastiques img {
    width: 100% !important;
    filter: brightness(0.9);
    aspect-ratio: 1/1;
  }
  #home h2, #home h3 {
    font-size: 35px !important;
    line-height: 38px !important;
  }
  #home .nouveautes .card-title {
    font-size: 25px !important;
    line-height: 28px !important;
  }
  #home .nouveautes .card-style-one {
    margin-bottom: 30px;
  }
  #home .nouveautes {
    padding-bottom: 20px;
  }
  #home .déchets-plastiques p {
    font-size: 35px !important;
    line-height: 40px !important;
  }
  #home .formule-area .product-details-content .product-title {
    font-size: 35px !important;
    line-height: 40px !important;
  }
  #home .formule-area .overlay-link {
    color: var(--white);
    text-decoration: none;
    font-weight: 800;
    line-height: 45px;
    font-size: 40px;
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
  }
  #home .formule-area .product-details-content .product-addcart .btn, #home .formule-area .product-details-content .product-addcart #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #home .formule-area .product-details-content .product-addcart .button.wpr-add-simple-product,
  #home .formule-area .product-details-content .product-addcart #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product-next-shipment,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #home .formule-area .product-details-content .product-addcart .button.wpr-add-simple-product-next-shipment,
  #home .formule-area .product-details-content .product-addcart #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-subscription-add-submit,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #home .formule-area .product-details-content .product-addcart .button.wpr-subscription-add-submit,
  #home .formule-area .product-details-content .product-addcart #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-variable-product-next-shipment,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #home .formule-area .product-details-content .product-addcart .button.wpr-add-variable-product-next-shipment, #home .formule-area .product-details-content .product-addcart #ssd-modal-content .ssd-search-modal-header button#ssd-submit-search, #ssd-modal-content .ssd-search-modal-header #home .formule-area .product-details-content .product-addcart button#ssd-submit-search, #home .formule-area .product-details-content .product-addcart #panier .button, #panier #home .formule-area .product-details-content .product-addcart .button {
    font-size: 12px !important;
  }
  #home .formule-area .rounded-full {
    font-size: 12px;
  }
  #home .formule-area .input-form .lab {
    font-size: 20px !important;
    line-height: 22px !important;
  }
  #home .formule-area .spin {
    display: block !important;
  }
  #home .formule-area .spin p {
    margin-top: 0.5rem;
    font-family: var(--font-title);
    color: var(--black);
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 1rem;
    margin-left: 0;
  }
  #home .recettes-area-new .recettes-content {
    max-width: unset;
    text-align: center;
  }
  #boutique h2, #boutique h3 {
    font-size: 35px !important;
    line-height: 38px !important;
  }
  #home .recette-mobile .element h3 {
    font-size: 25px !important;
    line-height: 28px !important;
  }
  #abonnement .essayez .content {
    max-width: 350px;
    margin: auto;
  }
  #boutique .rounded-full {
    font-size: 12px !important;
  }
  #boutique .card-style-one {
    margin-bottom: 20px;
  }
  #boutique .listing .card-title {
    font-size: 25px !important;
    line-height: 28px !important;
  }
  #abonnement h2 {
    font-size: 35px !important;
    line-height: 38px !important;
  }
  #abonnement h4 {
    font-size: 25px !important;
    line-height: 28px !important;
  }
  .accordion-button p {
    font-size: 25px !important;
    line-height: 28px !important;
  }
  #apropos h2, #apropos h3 {
    font-size: 35px !important;
    line-height: 38px !important;
  }
  #apropos .webp {
    left: 17% !important;
    top: -6% !important;
    z-index: 2 !important;
  }
  .woocommerce div.product form.cart .variations label {
    font-size: 16px;
    line-height: 20px;
  }
  .woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) {
    padding: 10px 5px !important;
    font-size: 10px !important;
  }
  #singleproduct .wcsatt-options-product-dropdown {
    color: var(--black);
    padding: 6px 10px !important;
    font-size: 12px !important;
  }
  /*.woocommerce .single_add_to_cart_button {
      font-size: 10px !important;
      color: var(--white)!important;
      padding: 5px 10px!important;
  }*/
  #apropos .png-image:nth-child(1) {
    left: 9%;
    top: -11%;
    z-index: -1;
  }
  #apropos .png-image:nth-child(5) {
    left: 7%;
    top: 47%;
    z-index: 2;
    transform: rotate(260deg);
  }
  #apropos .about-us .about-right .content {
    position: relative;
    margin-bottom: 6rem;
  }
  #missions .qualite .content-middle h5 {
    font-size: 25px !important;
    line-height: 28px !important;
  }
  #missions .donner .content-middle h5 {
    font-size: 35px !important;
    line-height: 28px !important;
    margin-top: 3rem;
    margin-bottom: 4rem;
  }
  #missions .sub-title .content-left {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  #missions .qualite .sub-title img {
    width: 68px;
    height: auto;
  }
  #missions .qualite .content-left h5 {
    font-size: 20px !important;
    line-height: 28px !important;
    width: 100%;
    text-align: center;
  }
  #missions .donner .content {
    text-align: center !important;
  }
  #missions .qualite .content-right h5 {
    font-size: 20px !important;
    line-height: 22px !important;
    width: 100%;
    text-align: center;
  }
  #missions .cta-mission .primary-btn {
    font-size: 12px;
  }
  #trouver .cta-mission .primary-btn {
    font-size: 12px;
  }
  .form-selector #country {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--black);
  }
  .form-selector #country option {
    color: var(--black);
  }
  #trouver .form-selector .label {
    font-size: 25px !important;
    line-height: 28px !important;
  }
  #trouver .section-title h2 {
    font-size: 35px !important;
    line-height: 38px !important;
    margin-bottom: 0;
  }
  #trouver .search-button {
    font-size: 12px;
  }
  #blog .header-home .header-content {
    max-width: 600px;
    margin: auto !important;
  }
  #blog .header-home .image img {
    filter: brightness(1);
    width: 100%;
    height: 90vh;
    object-fit: cover;
  }
  #blog .header-home .header-content span {
    font-size: 25px !important;
    line-height: 28px !important;
  }
  #blog .header-home .header-content h1 {
    font-size: 35px !important;
    line-height: 38px !important;
  }
  #single-news .header-home .image img {
    filter: brightness(1);
    width: 100%;
    height: 70vh;
    object-fit: cover;
  }
  #single-news .header-home .header-content {
    max-width: 500px;
    margin: auto;
  }
  #single-news .header-home .absolute-wrapper {
    left: unset !important;
  }
  #single-news .header-home .header-content h1 {
    font-size: 35px !important;
    line-height: 38px !important;
  }
  #single-news header-home .header-content span {
    font-size: 25px !important;
    line-height: 28px !important;
  }
  #missions .donner .content.text-end {
    margin-top: 20px;
  }
  #home #categories .category > a.link-dark {
    margin-left: unset;
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  #boutique h1 {
    line-height: 50px;
    font-size: 45px;
  }
  #missions .impact img {
    padding: 15px;
  }
  #boutique .listing {
    margin-top: 80px;
  }
  #boutique .listing .container {
    padding: 0 !important;
  }
  .section-new-eshop .ver_la_page_formule .card-overlay .btn, .section-new-eshop .ver_la_page_formule .card-overlay #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .ver_la_page_formule .card-overlay .button.wpr-add-simple-product,
  .section-new-eshop .ver_la_page_formule .card-overlay #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product-next-shipment,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .ver_la_page_formule .card-overlay .button.wpr-add-simple-product-next-shipment,
  .section-new-eshop .ver_la_page_formule .card-overlay #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-subscription-add-submit,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .ver_la_page_formule .card-overlay .button.wpr-subscription-add-submit,
  .section-new-eshop .ver_la_page_formule .card-overlay #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-variable-product-next-shipment,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .section-new-eshop .ver_la_page_formule .card-overlay .button.wpr-add-variable-product-next-shipment, .section-new-eshop .ver_la_page_formule .card-overlay #ssd-modal-content .ssd-search-modal-header button#ssd-submit-search, #ssd-modal-content .ssd-search-modal-header .section-new-eshop .ver_la_page_formule .card-overlay button#ssd-submit-search, .section-new-eshop .ver_la_page_formule .card-overlay #panier .button, #panier .section-new-eshop .ver_la_page_formule .card-overlay .button {
    align-self: unset;
  }
  #boutique .listing .container .col-md-12 {
    padding: 0 !important;
  }
  #boutique .listing .card-area .container {
    padding: 0 !important;
  }
  .btn-success.light.imp {
    font-size: 12px !important;
  }
  #singleproduct .custom-bullets {
    top: 70%;
  }
  #singleproduct .prev-btn, #singleproduct .next-btn {
    top: 38%;
  }
  #panier .woocommerce table.shop_table .button {
    width: 100%;
  }
  .single-product .woocommerce-message a {
    width: 100%;
    text-align: center;
    border-radius: 25px;
    margin-bottom: 10px;
    background-color: #8fae1b;
    color: var(--white);
  }
  .woocommerce-cart table.cart img {
    width: 100% !important;
  }
  #panier .product-thumbnail {
    display: block;
    text-align: center !important;
    border-top: none !important;
  }
  #panier .product-name {
    border-top: none !important;
    text-align: left !important;
  }
  #panier .product-quantity {
    border-top: none !important;
    text-align: left !important;
  }
  #panier .product-subtotal {
    border-top: none !important;
    border-bottom: 3px solid var(--black) !important;
    text-align: left !important;
  }
  #panier .product-price {
    border-top: none !important;
    text-align: left !important;
  }
  #panier .product-price .wcsatt-options {
    margin-top: 10px !important;
  }
  #panier .product-name a {
    margin-top: 5px;
  }
  .payment-methods .card-content {
    text-align: center;
    margin-bottom: 30px;
  }
  .payment-methods .card-content .align-items-center {
    justify-content: center;
  }
  #checkout-page {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  #panier .product-thumbnail:before {
    display: none !important;
  }
  #panier #customer_details .form-row {
    display: block !important;
  }
  .wc-stripe-payment-request-button-separator {
    display: none !important;
  }
  #panier #customer_details p label {
    margin-bottom: 3px;
  }
  .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
    float: none !important;
  }
  .woocommerce-cart .woocommerce table.shop_table td {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .woocommerce-cart .cart-collaterals {
    width: unset !important;
  }
  .woocommerce-cart .woocommerce td.product-name {
    max-width: unset !important;
  }
  .woocommerce-cart #coupon_code {
    width: 100%;
    margin-bottom: 10px;
  }
  .header-home .header-right {
    display: flex;
    justify-content: start;
    margin-bottom: 3rem;
  }
  #home .reviw-image a {
    display: block !important;
  }
  #home .reviw-image li {
    display: inline-block;
    font-size: 9px;
    color: var(--white) !important;
    margin-right: 4px;
  }
  #home .reviw-image .google-rev {
    margin-right: 10px;
    max-height: 20px;
    width: auto;
  }
  #apropos .missions .calendar {
    margin-bottom: 40px;
  }
  #home .recette-mobile .image {
    padding: 20px;
  }
  #home .recettes-area-new {
    padding: 20px 0;
  }
  #missions .qualite .jpeg-image:nth-child(2) {
    display: none;
  }
  #missions .cta-mission .content {
    padding-top: 2rem;
    text-align: center;
  }
  #trouver .cta-mission .content {
    padding-top: 2rem;
    text-align: center;
  }
  #singleproduct .single-img-card {
    margin-bottom: 20px;
    padding: unset;
  }
  #singleproduct .section-decouvrez h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    font-family: var(--font-title);
    color: var(--black);
  }
  #missions .qualite .text p {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    font-family: var(--font-title);
    color: var(--white);
  }
  #missions .qualite .text p span {
    font-size: 10px;
    line-height: 22px;
    font-family: var(--font-family);
  }
  #politique .section-politique .section-title h1 {
    font-size: 40px;
  }
  #races .card-area .section-title h1 {
    font-size: 40px;
  }
  #offre .section-offre .section-title h1 {
    font-size: 40px;
  }
  #blog .blog-area .section-title h2 {
    font-size: 40px;
  }
  .woocommerce-cart .woocommerce td.product-name {
    width: 100%;
  }
  #home .header-home .image img {
    filter: brightness(1);
    width: 100%;
    object-fit: cover;
    object-position: 85% 12%;
  }
  .header-home .absolute-wrapper {
    position: absolute;
    width: 100%;
    top: 5%;
  }
  .header-home .header-content .header-title {
    line-height: 44px;
    font-size: 39px;
  }
  #home #categories {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  #home .projet-soucieux-area {
    padding-top: 80px;
    padding-bottom: 2rem;
  }
  #home .objectifs-area {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  #home .formule-area {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  #singleproduct .offcanvas.show .offert-text {
    font-size: 10px;
  }
  #singleproduct .offcanvas.show .offcanvas-footer .related-products .related-product-title {
    font-size: 14px;
  }
  #singleproduct .offcanvas.show .offcanvas-footer .related-products .related-product-desc {
    font-size: 10px;
  }
  #singleproduct .offcanvas.show .offcanvas-footer .related-products .add-to-cart-btn {
    height: 30px;
    width: 30px;
    font-size: 21px;
  }
  #singleproduct .offcanvas.show .related-products {
    padding: 10px;
    background-color: #E5E6EF;
  }
  #singleproduct .offcanvas.show .payment-summary {
    padding: 10px;
  }
  .header-home .rounded-buttons .btn.btn-success, .header-home .rounded-buttons #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-success.button.wpr-add-simple-product, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .header-home .rounded-buttons .btn-success.button.wpr-add-simple-product,
  .header-home .rounded-buttons #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-success.button.wpr-add-simple-product-next-shipment,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .header-home .rounded-buttons .btn-success.button.wpr-add-simple-product-next-shipment,
  .header-home .rounded-buttons #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-success.button.wpr-subscription-add-submit,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .header-home .rounded-buttons .btn-success.button.wpr-subscription-add-submit,
  .header-home .rounded-buttons #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-success.button.wpr-add-variable-product-next-shipment,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .header-home .rounded-buttons .btn-success.button.wpr-add-variable-product-next-shipment, .header-home .rounded-buttons #ssd-modal-content .ssd-search-modal-header button.btn-success#ssd-submit-search, #ssd-modal-content .ssd-search-modal-header .header-home .rounded-buttons button.btn-success#ssd-submit-search, .header-home .rounded-buttons #panier .btn-success.button, #panier .header-home .rounded-buttons .btn-success.button {
    padding: 12px 20px;
    font-size: 13px;
    font-weight: 700;
  }
  #singleproduct .offcanvas-header {
    padding: 0.5rem 1rem;
  }
  #singleproduct .offcanvas.show .related-product-item {
    padding-bottom: 2px;
    margin-bottom: 2px;
  }
  #singleproduct .offcanvas.show .offcanvas-header {
    min-height: 170px;
  }
  #singleproduct .offcanvas.show .offcanvas-title {
    font-size: 20px;
  }
  #singleproduct .offcanvas.show .product-cart-title {
    font-size: 18px;
    line-height: 20px;
  }
  #singleproduct .offcanvas.show .remove-item.btn.btn-sm, #singleproduct .offcanvas.show #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .remove-item.btn-sm.button.wpr-add-simple-product, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #singleproduct .offcanvas.show .remove-item.btn-sm.button.wpr-add-simple-product,
  #singleproduct .offcanvas.show #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .remove-item.btn-sm.button.wpr-add-simple-product-next-shipment,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #singleproduct .offcanvas.show .remove-item.btn-sm.button.wpr-add-simple-product-next-shipment,
  #singleproduct .offcanvas.show #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .remove-item.btn-sm.button.wpr-subscription-add-submit,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #singleproduct .offcanvas.show .remove-item.btn-sm.button.wpr-subscription-add-submit,
  #singleproduct .offcanvas.show #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .remove-item.btn-sm.button.wpr-add-variable-product-next-shipment,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button #singleproduct .offcanvas.show .remove-item.btn-sm.button.wpr-add-variable-product-next-shipment, #singleproduct .offcanvas.show #ssd-modal-content .ssd-search-modal-header button.remove-item.btn-sm#ssd-submit-search, #ssd-modal-content .ssd-search-modal-header #singleproduct .offcanvas.show button.remove-item.btn-sm#ssd-submit-search, #singleproduct .offcanvas.show #panier .remove-item.btn-sm.button, #panier #singleproduct .offcanvas.show .remove-item.btn-sm.button {
    font-size: 10px;
  }
  #singleproduct .offcanvas.show .cart-item .cart-info-list {
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
  }
  #singleproduct .offcanvas.show .offert-price {
    font-size: 17px;
    line-height: 20px;
  }
  .progress-labels .step {
    transform: translateX(-54%);
  }
  .progress-labels {
    width: 96%;
  }
  #singleproduct .offcanvas {
    height: 100vh; /* Full viewport height */
    display: flex;
    flex-direction: column;
  }
  #singleproduct .offcanvas-body {
    overflow-y: auto;
    flex-grow: 1; /* Makes sure it takes the remaining space */
    -webkit-overflow-scrolling: touch; /* Enables smooth scrolling on iOS */
  }
  #singleproduct .radio-text {
    font-size: 13px;
  }
  #singleproduct .main-text {
    font-size: 13px;
  }
  #singleproduct .selected-price {
    font-size: 13px !important;
  }
  .woocommerce div.product p.price, .woocommerce div.product span.subscription-price {
    font-weight: 500;
    font-size: 13px;
    color: var(--black);
    line-height: 32px;
    margin-left: auto;
  }
  #singleproduct .purchase-options .subscription-frequency > label {
    font-size: 13px;
  }
  #singleproduct .purchase-options .purchase-type .subscription-frequency select {
    font-size: 13px;
  }
  .woocommerce div.product .variation-item .p-detail .variation-price {
    font-size: 20px;
  }
  .woocommerce div.product .variation-item .p-detail .weight {
    font-size: 20px;
  }
}
@media only screen and (max-width: 550px) {
  #singleproduct .abbo-adv li {
    display: block;
  }
}
@media only screen and (max-width: 500px) {
  #singleproduct .custom-bullets {
    top: 68%;
  }
  #singleproduct .prev-btn, #singleproduct .next-btn {
    top: 40%;
  }
}
@media only screen and (max-width: 390px) {
  #abonnement .essayez .content {
    max-width: 300px;
    margin: auto;
  }
  #missions .qualite .content-right h5 {
    font-size: 20px !important;
    line-height: 19px !important;
    width: 100%;
    text-align: center;
  }
  #missions .qualite .sub-title img {
    width: 33px;
    height: 33px;
  }
  #abonnement .essayez .section-left {
    height: 100%;
    max-width: 300px;
    margin: auto;
  }
  .payment-methods .artisan-section {
    margin-top: 3rem;
  }
}
#home .déchets-plastiques {
  background-attachment: fixed;
  background-position: center center;
  background-image: url(images/dechets-plastique-evite-min-xl.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 415px;
}

@media screen and (max-width: 1200px) {
  #home .déchets-plastiques {
    background-image: url(images/dechets-plastique-evite-min-xl.jpg);
  }
}
@media screen and (max-width: 1024px) {
  #home .déchets-plastiques {
    background-image: url(images/dechets-plastique-evite-min-xl.jpg);
  }
}
@media screen and (max-width: 992px) {
  #home .objectifs-area .features-img {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 768px) {
  #home .déchets-plastiques {
    background-image: url(images/dechets-plastique-evite-min-xl.jpg);
  }
  #home .sur-volet .content-img img.right,
  #home .sur-volet .content-img img.left {
    border-top-left-radius: 38px;
    border-bottom-left-radius: 38px;
    border-top-right-radius: 38px;
    border-bottom-right-radius: 38px;
    margin-bottom: 15px;
  }
}
#panier .button,
.woocommerce-button.button,
.button.wc-backward {
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
  width: 100px;
  box-shadow: none;
}

#panier .woocommerce .quantity .qty {
  background-color: transparent !important;
}

#coupon_code {
  float: left;
  box-sizing: border-box;
  border: 1px solid #cfc8d8;
  padding: 12px 17px 11px !important;
  margin: 3px 4px 0 0;
  outline: 0;
}

/*.single_add_to_cart_button.button.alt {
    padding: 12px 24px !important;
}
.single_add_to_cart_button.button.alt,*/
.btn.rounded-full, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.rounded-full#ssd-submit-search, #panier .rounded-full.button {
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}

.footer-top .btn.rounded-full:hover, .footer-top #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-simple-product:hover, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .footer-top .rounded-full.button.wpr-add-simple-product:hover,
.footer-top #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-simple-product-next-shipment:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .footer-top .rounded-full.button.wpr-add-simple-product-next-shipment:hover,
.footer-top #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-subscription-add-submit:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .footer-top .rounded-full.button.wpr-subscription-add-submit:hover,
.footer-top #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-variable-product-next-shipment:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .footer-top .rounded-full.button.wpr-add-variable-product-next-shipment:hover, .footer-top #ssd-modal-content .ssd-search-modal-header button.rounded-full#ssd-submit-search:hover, #ssd-modal-content .ssd-search-modal-header .footer-top button.rounded-full#ssd-submit-search:hover, .footer-top #panier .rounded-full.button:hover, #panier .footer-top .rounded-full.button:hover {
  transform: none !important;
  box-shadow: none !important;
}

body.woocommerce-checkout .paypal-buttons.paypal-buttons-context-iframe {
  text-align: center;
}

body.woocommerce-checkout iframe.component-frame.visible {
  max-width: 250px;
  position: relative !important;
}

body.woocommerce-checkout .input-text {
  padding: 10px;
}

@media (max-width: 767px) {
  .woocommerce-cart-form {
    float: left !important;
    width: 100% !important;
  }
}
body.woocommerce-account input[type=text],
body.woocommerce-account input[type=email],
body.woocommerce-account input[type=password] {
  padding: 10px;
}

body.post-template-default.single.single-post .content img,
body.races-template-default .section-content img {
  max-width: 100%;
  height: auto;
}

body.post-template-default.single.single-post .content img.aligncenter,
body.races-template-default .section-content img.aligncenter {
  margin: auto;
  display: block;
}

body.post-template-default.single.single-post .content img.alignright,
body.races-template-default .section-content img.alignright {
  margin-left: auto;
  display: block;
  float: right;
  padding-left: 2em;
}

body.post-template-default.single.single-post .content img.alignleft,
body.races-template-default .section-content img.alignleft {
  margin-left: auto;
  display: block;
  float: left;
  padding-right: 2em;
}

body.post-template-default.single.single-post .content ul,
body.races-template-default .section-content ul {
  list-style-type: unset;
  padding-left: 2em;
}

body.post-template-default.single.single-post .content ol,
body.races-template-default .section-content ol {
  list-style-type: decimal;
  padding-left: 2em;
}

#partners-form {
  background-image: url(images/bg_texture.jpg);
}
#partners-form textarea {
  min-height: 130px;
}

mark,
.mark {
  background-color: #faf5f1;
  display: inline-block;
  height: 1em;
  line-height: 1;
  padding: 0;
}

.depannage_08-1kg {
  padding: 10px 20px;
  border: 1px solid var(--light-red);
  text-transform: capitalize;
  border-radius: 25px;
  display: inline-block;
  margin-bottom: 10px;
}

.btn, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button#ssd-submit-search, #panier .button {
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.08em;
  padding: 12px 24px;
  border: 1px solid transparent;
  border-radius: 10px;
  text-transform: none;
}
.btn:hover, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product-next-shipment:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-subscription-add-submit:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-variable-product-next-shipment:hover, #ssd-modal-content .ssd-search-modal-header button#ssd-submit-search:hover, #panier .button:hover {
  color: inherit;
}
.btn:focus, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product:focus,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product-next-shipment:focus,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-subscription-add-submit:focus,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-variable-product-next-shipment:focus, #ssd-modal-content .ssd-search-modal-header button#ssd-submit-search:focus, #panier .button:focus {
  box-shadow: none;
  outline: none;
}
.btn.btn-danger, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger.button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.btn-danger#ssd-submit-search, #panier .btn-danger.button {
  background-color: var(--light-red);
  border-color: var(--light-red);
}
.btn.btn-danger:hover, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger.button.wpr-add-simple-product:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger.button.wpr-add-simple-product-next-shipment:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger.button.wpr-subscription-add-submit:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger.button.wpr-add-variable-product-next-shipment:hover, #ssd-modal-content .ssd-search-modal-header button.btn-danger#ssd-submit-search:hover, #panier .btn-danger.button:hover {
  border-color: var(--light-red);
}
.btn.btn-success, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-success.button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-success.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-success.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-success.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.btn-success#ssd-submit-search, #panier .btn-success.button {
  background-color: var(--green);
  border-color: var(--green);
}
.btn.btn-success:hover, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-success.button.wpr-add-simple-product:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-success.button.wpr-add-simple-product-next-shipment:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-success.button.wpr-subscription-add-submit:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-success.button.wpr-add-variable-product-next-shipment:hover, #ssd-modal-content .ssd-search-modal-header button.btn-success#ssd-submit-search:hover, #panier .btn-success.button:hover, .btn.btn-success.active, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-success.active.button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-success.active.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-success.active.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-success.active.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.btn-success.active#ssd-submit-search, #panier .btn-success.active.button {
  color: var(--white);
  border-color: var(--emerald);
  background-color: var(--emerald);
}
.btn.btn-light, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-light.button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-light.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-light.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-light.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.btn-light#ssd-submit-search, #panier .btn-light.button {
  color: var(--green);
}
.btn.btn-light:hover, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-light.button.wpr-add-simple-product:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-light.button.wpr-add-simple-product-next-shipment:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-light.button.wpr-subscription-add-submit:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-light.button.wpr-add-variable-product-next-shipment:hover, #ssd-modal-content .ssd-search-modal-header button.btn-light#ssd-submit-search:hover, #panier .btn-light.button:hover, .btn.btn-light.active, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-light.active.button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-light.active.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-light.active.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-light.active.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.btn-light.active#ssd-submit-search, #panier .btn-light.active.button {
  border-color: var(--green);
}
.btn.btn-outline-success, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.btn-outline-success#ssd-submit-search, #panier .btn-outline-success.button {
  background-color: transparent;
  border-color: var(--green);
  color: var(--black);
}
.btn.btn-outline-success:hover, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.button.wpr-add-simple-product:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.button.wpr-add-simple-product-next-shipment:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.button.wpr-subscription-add-submit:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.button.wpr-add-variable-product-next-shipment:hover, #ssd-modal-content .ssd-search-modal-header button.btn-outline-success#ssd-submit-search:hover, #panier .btn-outline-success.button:hover, .btn.btn-outline-success.active, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.active.button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.active.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.active.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success.active.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.btn-outline-success.active#ssd-submit-search, #panier .btn-outline-success.active.button, .btn.btn-outline-success[aria-current=page], #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success[aria-current=page].button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success[aria-current=page].button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success[aria-current=page].button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-success[aria-current=page].button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.btn-outline-success[aria-current=page]#ssd-submit-search, #panier .btn-outline-success[aria-current=page].button {
  background-color: var(--green) !important;
  color: var(--white);
}
.btn.btn-outline-dark, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-dark.button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-dark.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-dark.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-dark.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.btn-outline-dark#ssd-submit-search, #panier .btn-outline-dark.button {
  background-color: transparent;
  border-color: var(--gray-4);
  color: var(--black);
}
.btn.btn-outline-dark:hover, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-dark.button.wpr-add-simple-product:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-dark.button.wpr-add-simple-product-next-shipment:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-dark.button.wpr-subscription-add-submit:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-dark.button.wpr-add-variable-product-next-shipment:hover, #ssd-modal-content .ssd-search-modal-header button.btn-outline-dark#ssd-submit-search:hover, #panier .btn-outline-dark.button:hover, .btn.btn-outline-dark.active, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-dark.active.button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-dark.active.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-dark.active.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-dark.active.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.btn-outline-dark.active#ssd-submit-search, #panier .btn-outline-dark.active.button, .btn.btn-outline-dark[aria-current=page], #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-dark[aria-current=page].button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-dark[aria-current=page].button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-dark[aria-current=page].button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-outline-dark[aria-current=page].button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.btn-outline-dark[aria-current=page]#ssd-submit-search, #panier .btn-outline-dark[aria-current=page].button {
  background-color: var(--black) !important;
  color: var(--white);
}
.btn.btn-danger-outline, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger-outline.button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger-outline.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger-outline.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger-outline.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.btn-danger-outline#ssd-submit-search, #panier .btn-danger-outline.button {
  background-color: var(--white);
  border-color: var(--light-red);
  color: var(--light-red);
}
.btn.btn-danger-outline:hover, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger-outline.button.wpr-add-simple-product:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger-outline.button.wpr-add-simple-product-next-shipment:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger-outline.button.wpr-subscription-add-submit:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger-outline.button.wpr-add-variable-product-next-shipment:hover, #ssd-modal-content .ssd-search-modal-header button.btn-danger-outline#ssd-submit-search:hover, #panier .btn-danger-outline.button:hover, .btn.btn-danger-outline.active, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger-outline.active.button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger-outline.active.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger-outline.active.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger-outline.active.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.btn-danger-outline.active#ssd-submit-search, #panier .btn-danger-outline.active.button, .btn.btn-danger-outline[aria-current=page], #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger-outline[aria-current=page].button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger-outline[aria-current=page].button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger-outline[aria-current=page].button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-danger-outline[aria-current=page].button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.btn-danger-outline[aria-current=page]#ssd-submit-search, #panier .btn-danger-outline[aria-current=page].button {
  background-color: var(--light-red) !important;
  border-color: var(--black);
  color: var(--white);
}
.btn.btn-sm, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-sm.button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-sm.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-sm.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-sm.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.btn-sm#ssd-submit-search, #panier .btn-sm.button {
  padding: 8px 16px;
  font-size: 12px;
  line-height: 16px;
}
.btn.btn-lg, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-lg.button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-lg.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-lg.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .btn-lg.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.btn-lg#ssd-submit-search, #panier .btn-lg.button {
  font-size: 1.15em;
  padding: 16px 24px;
}
.btn.square, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .square.button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .square.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .square.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .square.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.square#ssd-submit-search, #panier .square.button {
  border-radius: 0px;
}
.btn.semi-rounded, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .semi-rounded.button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .semi-rounded.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .semi-rounded.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .semi-rounded.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.semi-rounded#ssd-submit-search, #panier .semi-rounded.button {
  border-radius: 12px;
}
.btn.rounded-full, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.rounded-full#ssd-submit-search, #panier .rounded-full.button {
  border-radius: 50px;
}
@media only screen and (max-width: 992px) {
  .btn.rounded-full, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-simple-product,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-simple-product-next-shipment,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-subscription-add-submit,
  #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .rounded-full.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.rounded-full#ssd-submit-search, #panier .rounded-full.button {
    font-size: 12px;
  }
}
.btn.icon-left span, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-left.button.wpr-add-simple-product span,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-left.button.wpr-add-simple-product-next-shipment span,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-left.button.wpr-subscription-add-submit span,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-left.button.wpr-add-variable-product-next-shipment span, #ssd-modal-content .ssd-search-modal-header button.icon-left#ssd-submit-search span, #panier .icon-left.button span,
.btn.icon-left i,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-left.button.wpr-add-simple-product i,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-left.button.wpr-add-simple-product-next-shipment i,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-left.button.wpr-subscription-add-submit i,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-left.button.wpr-add-variable-product-next-shipment i,
#ssd-modal-content .ssd-search-modal-header button.icon-left#ssd-submit-search i,
#panier .icon-left.button i {
  margin-right: 8px;
}
.btn.icon-right span, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-right.button.wpr-add-simple-product span,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-right.button.wpr-add-simple-product-next-shipment span,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-right.button.wpr-subscription-add-submit span,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-right.button.wpr-add-variable-product-next-shipment span, #ssd-modal-content .ssd-search-modal-header button.icon-right#ssd-submit-search span, #panier .icon-right.button span,
.btn.icon-right i,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-right.button.wpr-add-simple-product i,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-right.button.wpr-add-simple-product-next-shipment i,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-right.button.wpr-subscription-add-submit i,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-right.button.wpr-add-variable-product-next-shipment i,
#ssd-modal-content .ssd-search-modal-header button.icon-right#ssd-submit-search i,
#panier .icon-right.button i {
  margin-left: 8px;
}
.btn.icon-btn, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-btn.button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-btn.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-btn.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-btn.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.icon-btn#ssd-submit-search, #panier .icon-btn.button {
  width: 48px;
  height: 48px;
  padding: 0;
  line-height: 48px;
}
.btn.icon-btn.btn-lg, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-btn.btn-lg.button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-btn.btn-lg.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-btn.btn-lg.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-btn.btn-lg.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.icon-btn.btn-lg#ssd-submit-search, #panier .icon-btn.btn-lg.button {
  width: 56px;
  height: 56px;
  line-height: 56px;
}
.btn.icon-btn.btn-sm, #ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-btn.btn-sm.button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-btn.btn-sm.button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-btn.btn-sm.button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .icon-btn.btn-sm.button.wpr-add-variable-product-next-shipment, #ssd-modal-content .ssd-search-modal-header button.icon-btn.btn-sm#ssd-submit-search, #panier .icon-btn.btn-sm.button {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.btn-success.light {
  background-color: var(--light-emerald);
  color: var(--black);
  border-color: var(--light-emerald);
}

.btn-success.light.imp {
  font-size: 16px;
  font-weight: 700;
}

.bg-texture {
  background-image: url(images/bg_texture.jpg);
}

.bg-light {
  background-color: var(--light-emerald) !important;
}

.bg-light-blue-gray {
  background-color: var(--light-blue-gray) !important;
}
.bg-light-blue-gray.bg-extend-left {
  position: relative;
}
.bg-light-blue-gray.bg-extend-left::before {
  content: " ";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: var(--light-blue-gray) !important;
}

.bg-beige {
  background-color: var(--light-beige);
}

.bg-green {
  background-color: var(--green);
}

.bg-red {
  background-color: var(--light-red);
}

#navbar_top {
  background-color: var(--white);
  padding-bottom: 0;
  padding-top: 0;
  display: block;
}
#navbar_top > .container {
  padding: 0 10px !important;
}
@media only screen and (min-width: 768px) {
  #navbar_top > .container {
    padding: 0 20px !important;
  }
}
#navbar_top #header-promo {
  background-color: var(--gold);
  text-align: center;
  color: var(--black);
  line-height: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 992px) {
  #navbar_top #header-promo {
    line-height: 32px;
    font-weight: 500;
    padding: none;
  }
}
#navbar_top .navbar-brand img {
  width: 87px;
  height: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
#navbar_top .navbar-toggler .toggler-icon {
  width: 30px;
  height: 2px;
  background-color: var(--black);
  margin: 8px 8px;
  display: block;
  position: relative;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
#navbar_top .navbar-toggler.active .toggler-icon:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 7px;
}
#navbar_top .navbar-toggler.active .toggler-icon:nth-of-type(2) {
  opacity: 0;
}
#navbar_top .navbar-toggler.active .toggler-icon:nth-of-type(3) {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  top: -13px;
}
#navbar_top .navbar-toggler:focus {
  box-shadow: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  #navbar_top .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--light-red);
    z-index: 8;
    padding: 10px 16px;
  }
}
#navbar_top .navbar-nav .nav-item {
  position: relative;
}
#navbar_top .navbar-nav .nav-item a {
  display: flex;
  align-items: center;
  color: var(--black);
  position: relative;
  border-radius: 10px;
  font-weight: 500;
  margin: auto 4px;
  padding: 4px 12px;
  font-size: 14px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
#navbar_top .navbar-nav .nav-item a i {
  font-size: 14px;
  font-weight: 700;
  padding-left: 8px;
}
#navbar_top .navbar-nav .nav-item a:hover {
  color: var(--green);
}
#navbar_top .navbar-nav .nav-item.active > a {
  background-color: var(--gold);
  color: var(--black);
}
#navbar_top .navbar-nav .nav-item .sub-menu {
  position: absolute;
  right: 0;
  top: 100%;
  width: 260px;
  background-color: var(--white);
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  z-index: 99;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
  padding: 10px;
  border-radius: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  #navbar_top .navbar-nav .nav-item .sub-menu {
    position: relative !important;
    width: 100% !important;
    left: 0 !important;
    top: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    right: auto;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all none ease-out 0s;
    -moz-transition: all none ease-out 0s;
    -ms-transition: all none ease-out 0s;
    -o-transition: all none ease-out 0s;
    transition: all none ease-out 0s;
    box-shadow: none;
    text-align: left;
    border-top: 0;
    height: 0;
  }
}
#navbar_top .navbar-nav .nav-item .sub-menu.collapse:not(.show) {
  height: auto;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  #navbar_top .navbar-nav .nav-item .sub-menu.collapse:not(.show) {
    height: 0;
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  #navbar_top .navbar-nav .nav-item .sub-menu.show {
    height: auto;
  }
}
#navbar_top .navbar-nav .nav-item .sub-menu li {
  position: relative;
}
#navbar_top .navbar-nav .nav-item .sub-menu li .sub-nav-toggler {
  color: var(--black);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
#navbar_top .navbar-nav .nav-item .sub-menu li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 24px;
  position: relative;
  color: var(--black);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  margin: 0 0;
  border: 0;
  border-radius: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  #navbar_top .navbar-nav .nav-item .sub-menu li a {
    font-size: 15px;
  }
}
#navbar_top .navbar-nav .nav-item .sub-menu li a i {
  font-weight: 700;
  font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  #navbar_top .navbar-nav .nav-item .sub-menu li a i {
    display: none;
  }
}
#navbar_top .navbar-nav .nav-item .sub-menu li a .sub-nav-toggler i {
  display: inline-block;
}
#navbar_top .navbar-nav .nav-item .sub-menu li .sub-menu {
  right: auto;
  left: 100%;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) {
  #navbar_top .navbar-nav .nav-item .sub-menu li .sub-menu {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  #navbar_top .navbar-nav .nav-item .sub-menu li .sub-menu {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  #navbar_top .navbar-nav .nav-item .sub-menu li .sub-menu.show {
    visibility: visible;
    height: auto;
    position: relative;
  }
}
#navbar_top .navbar-nav .nav-item .sub-menu li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
}
#navbar_top .navbar-nav .nav-item .sub-menu li:hover .sub-nav-toggler {
  color: var(--white);
}
#navbar_top .navbar-nav .nav-item .sub-menu li:hover > a {
  background: var(--primary);
  color: var(--white);
}
#navbar_top .navbar-nav .nav-item:hover .sub-menu {
  opacity: 1;
  visibility: visible;
}
#navbar_top.scrolled .navbar-brand img {
  margin: 0;
  width: 60px;
}
#navbar_top.scrolled .nav-item a {
  margin: auto 4px !important;
}
#navbar_top.scrolled #header-promo {
  line-height: 20px;
  font-size: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  #navbar_top .navbar .navbar-nav .nav-item .sub-nav-toggler {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 14px;
    font-size: 16px;
    background: none;
    border: 0;
    color: var(--white);
  }
}
#navbar_top .navbar .solde {
  display: none;
  /*position: absolute!important;
  color: red!important;
  z-index: 9;
  top: -50%;
  max-height: 10px;
  right: 66%;
  width: 100px;
  background-color: transparent!important;
  a {
      position: absolute!important;
      font-size: 20px;
      background-image: url("images/header-promo-bg.png");
      background-color: transparent!important;
      border-radius: 0;
      width: 77px;
      padding-left: 20px;
      font-weight: 600;
      font-family: var(--font-title);
      height: 32px;
      background-size: contain;
  }


  @media only screen and (max-width: 992px) {
      position: absolute!important;
      color: red!important;
      z-index: 9;
      top: -70%;
      max-height: 10px;
      right: 35%;
      width: 100px;
      background-color: transparent!important;
  }*/
}
#navbar_top .navbar-social {
  /*@media only screen and (min-width: 768px) and (max-width: 991px) {
      position: absolute;
      right: 90px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
  }
  @media (max-width: 767px) {
      position: absolute;
      right: 90px;
      top: 27px;
  }*/
}
#navbar_top .navbar-social ul {
  display: flex;
}
#navbar_top .navbar-social ul li {
  display: inline-block;
}
#navbar_top .navbar-social ul li a {
  height: 40px;
  width: 40px;
  font-weight: 600;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  color: var(--green);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
#navbar_top .navbar-social ul li a:hover {
  color: var(--black);
}
#navbar_top .wpml-ls-legacy-dropdown-click {
  width: auto;
  max-width: 100%;
}
#navbar_top .js-wpml-ls-item-toggle {
  background-color: transparent !important;
  border: none;
  width: 60px !important;
  height: unset !important;
  line-height: 30px !important;
}
#navbar_top .wpml-ls-sub-menu {
  display: block !important;
  background-color: rgba(255, 255, 255, 0.5);
  border-top: none;
}
#navbar_top .wpml-ls-sub-menu .wpml-ls-native {
  color: var(--black);
}
#navbar_top .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
  right: unset !important;
  left: unset !important;
}
#navbar_top .wpml-ls-sub-menu li a {
  background-color: transparent !important;
  border: none;
  height: unset !important;
  line-height: 30px !important;
}

#navbar_top .navbar-social ul li a.connecter {
  width: 150px;
}

#navbar_top .navbar-social ul li a.nav-acc {
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.08em;
  padding: 4px 28px;
  line-height: 16px;
  border: 1px solid transparent;
  border-radius: 10px;
  text-transform: none;
  color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  background-color: var(--emerald);
}

#navbar_top .navbar-social ul li a.nav-acc i {
  font-weight: 600;
}

@media (max-width: 1200px) {
  #navbar_top .navbar-social ul li a span {
    display: none;
  }
  #navbar_top .navbar-social ul li a.connecter {
    width: 60px;
  }
}
@media (max-width: 992px) {
  .border-end {
    border: none !important;
  }
  .wpml-ls-legacy-dropdown-click a {
    color: var(--black);
  }
  #navbar_top #header-promo {
    text-align: left;
  }
  #navbar_top .navbar-social ul li .connecter {
    height: 40px;
    width: 40px;
    font-weight: 700;
    line-height: 45px;
    text-align: center;
    font-size: 25px !important;
  }
}
@media (max-width: 500px) {
  #home .vetos-recommendation .section-title img {
    max-width: 320px;
  }
  #home .vetos-recommendation .single-chart .m-auto {
    width: 50%;
  }
  #home .vetos-recommendation {
    padding-top: 4rem;
    padding-bottom: 1rem;
  }
  #home .sur-volet .benefit-list li {
    margin-bottom: 10px;
    font-size: 25px !important;
    line-height: 35px !important;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 992px) {
  #navbar_top .navbar-nav .nav-item a {
    padding: 4px 9px;
    font-size: 13px;
  }
}
/*body > main {
    margin-top: 140px;

    -webkit-transition: margin 0.3s ease-out 0s;
    -moz-transition: margin 0.3s ease-out 0s;
    -ms-transition: margin 0.3s ease-out 0s;
    -o-transition: margin 0.3s ease-out 0s;
    transition: margin 0.3s ease-out 0s;

    &.scrolled {
        margin-top: 80px;
    }
}*/
/* === MOBILE STYLES (≤992px) === */
@media (max-width: 992px) {
  #navbar_top {
    transition: all 0.3s ease-in-out;
  }
  #navbar_top > .container {
    padding: 10px 10px 0 !important;
  }
  #navbar_top.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
}
body.modal-open {
  overflow: hidden;
}

.modal {
  z-index: 1160;
}
.modal .modal-dialog {
  margin-top: 0;
}
@media (min-width: 768px) {
  .modal .modal-dialog.modal-lg {
    max-width: 680px;
  }
}
.modal .modal-content {
  border: none;
}
@media (min-width: 768px) {
  .modal .modal-content {
    border-radius: 0 0 30px 30px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  }
}
.modal .modal-content .modal-header {
  padding: 15px 30px;
  border: 0;
}
.modal .modal-content .modal-header .logo {
  max-height: 60px;
  margin: auto;
}
.modal .modal-content .modal-header .btn-close,
.modal .modal-content .modal-header .close-link {
  position: absolute;
  top: 30px;
  right: 30px;
}
.modal .modal-content .modal-header .close-link {
  font-size: 0.9rem;
  color: var(--black);
  text-decoration: none;
  border: 0;
  background: transparent;
}
.modal .modal-content .modal-header .close-link:hover {
  text-decoration: underline;
}
.modal .modal-content .modal-body {
  padding: 15px 30px 30px 30px;
}
.modal .modal-content .modal-body h1,
.modal .modal-content .modal-body .h1 {
  margin-bottom: 14px;
  font-family: Recoleta, sans-serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 50px;
  text-align: center;
}
.modal .modal-content .modal-footer {
  padding: 15px 30px;
}

.modal-backdrop {
  z-index: 1080;
  background-color: #676DA7;
  opacity: 0.8 !important;
}

#subscriptionModal .modal-body {
  max-width: 500px;
  margin: auto;
}
#subscriptionModal .modal-body h1, #subscriptionModal .modal-body .h1 {
  max-width: 400px;
}

#exitSurveyModal h2 {
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  font-family: var(--font-title);
}
#exitSurveyModal p {
  font-size: 22px;
  margin-bottom: 1rem;
  font-family: var(--font-title);
}
#exitSurveyModal .survey-step {
  padding-bottom: 30px;
}
#exitSurveyModal #survey-step-1 .reste {
  font-family: var(--font-title);
}
#exitSurveyModal #survey-step-1 .advantages {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
  margin-left: 0;
  margin-right: 0;
}
#exitSurveyModal #survey-step-1 .advantages .advantage {
  background: #f5f5fa;
  border-radius: 10px;
  padding: 1rem;
  flex: 1;
  position: relative;
}
@media (max-width: 768px) {
  #exitSurveyModal #survey-step-1 .advantages .advantage {
    margin-top: 3rem;
  }
}
#exitSurveyModal #survey-step-1 .advantages .advantage .step {
  position: absolute;
  top: -60px;
  right: 50%;
  transform: translate(50%, 50%);
}
#exitSurveyModal #survey-step-1 .advantages .advantage .step img {
  width: 71px;
  height: auto;
}
#exitSurveyModal #survey-step-1 .advantages .advantage .title {
  font-weight: bold;
  color: var(--emerald);
  margin: 0.25rem 0;
  font-family: var(--font-title);
  font-size: 32px;
}
#exitSurveyModal #survey-step-1 .advantages .advantage small {
  font-size: 16px;
  color: var(--black);
  font-family: var(--font-title);
  line-height: 21px;
}
#exitSurveyModal #survey-step-1 .btn-keep {
  background: var(--green);
  color: #fff;
  border: none;
  padding: 0.75rem;
  border-radius: 10px;
  font-weight: bold;
  transition: background 0.3s ease;
}
#exitSurveyModal #survey-step-1 .btn-keep:hover {
  background: var(--emerald);
}
#exitSurveyModal #survey-step-1 .btn-cancel {
  margin-top: 0.75rem;
  font-size: 0.9rem;
  color: var(--black);
  text-decoration: underline;
  background: none;
  border: none;
}
#exitSurveyModal #survey-step-2 form .form-check {
  text-align: left;
  background: #f5f5fa;
  padding: 1rem 1rem;
  border-radius: 10px;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 2px solid var(--white);
}
#exitSurveyModal #survey-step-2 form .form-check:hover {
  border: 2px solid var(--green);
}
#exitSurveyModal #survey-step-2 form .form-check input[type=radio] {
  margin-top: 0.2rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px !important;
  height: 20px !important;
  border: 2px solid var(--emerald);
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  background-color: white;
  transition: all 0.3s ease;
  margin-right: 8px;
}
#exitSurveyModal #survey-step-2 form .form-check input[type=radio]::after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
#exitSurveyModal #survey-step-2 form .form-check input[type=radio]:checked::after {
  background-color: var(--emerald);
  border-color: var(--emerald);
}
#exitSurveyModal #survey-step-2 form .form-check label {
  font-weight: 600;
  margin-bottom: 0;
  flex: 1;
}
#exitSurveyModal #survey-step-2 form .form-check input[type=text] {
  margin-top: 0 !important;
  font-size: 0.9rem;
  flex: 2;
  border: none;
  border-bottom: 1px solid black;
  outline: none;
  border-radius: 0 !important;
}
#exitSurveyModal #survey-step-2 form .form-check input[type=text]:focus {
  border-bottom: 1px solid black;
  outline: none;
}
#exitSurveyModal #survey-step-2 form .form-check .form-check-input {
  margin-left: 0 !important;
}
#exitSurveyModal #survey-step-2 form textarea {
  width: 100%;
  border-radius: 10px;
  border: none !important;
  padding: 0.75rem;
  font-size: 0.9rem;
  margin-top: 1rem;
  background-color: #f5f5fa;
}
#exitSurveyModal #survey-step-2 form textarea:focus {
  border-bottom: 1px solid black;
  outline: none;
}
#exitSurveyModal #survey-step-2 form button[type=submit] {
  background: #000;
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 0.75rem 1.5rem;
  font-weight: bold;
  margin-top: 1rem;
}
#exitSurveyModal #survey-step-2 form button[type=submit]:hover {
  background: #333;
}
#exitSurveyModal #survey-step-2 form button[type=submit]:focus {
  border-bottom: 1px solid black;
  outline: none;
}
#exitSurveyModal #survey-step-3 h2 {
  font-weight: 700;
  margin-bottom: 1rem;
}
#exitSurveyModal #survey-step-3 p {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 1rem;
  font-family: var(--font-title);
}
#exitSurveyModal #survey-step-3 hr {
  margin: 2rem auto 1rem;
  width: 80%;
}
#exitSurveyModal #survey-step-3 .d-flex {
  justify-content: center;
  gap: 1rem;
}
#exitSurveyModal #survey-step-3 .d-flex a {
  width: 25px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 40px;
  background: var(--green);
  color: #fff;
  border-radius: 50% !important;
  transition: background 0.3s ease;
  font-size: 22px;
}
#exitSurveyModal #survey-step-3 .d-flex a:hover {
  background: var(--emerald);
  text-decoration: none;
}
#exitSurveyModal .font-t {
  font-family: var(--font-title) !important;
  font-size: 22px;
}

.ssd-modal,
.ssd-modal-wrapper {
  background-color: var(--white);
}

#ssd-modal-content {
  background-color: var(--white);
}
#ssd-modal-content .ssd-search-modal-header {
  background-color: var(--white);
  border-bottom: solid 1px var(--light-purple);
}
#ssd-modal-content .ssd-search-modal-header input[type=search] {
  background-color: var(--light-purple);
  padding: 0.75rem 0.75rem;
  font-size: 1rem;
  border: none;
  border-radius: 10px;
}
#ssd-modal-content .ssd-search-modal-header button#ssd-submit-search {
  background-color: var(--green) !important;
  border-color: var(--green) !important;
}
#ssd-modal-content .ssd-search-modal-header button#ssd-submit-search:hover {
  color: var(--white) !important;
  border-color: var(--emerald) !important;
  background-color: var(--emerald) !important;
}
#ssd-modal-content .ssd-search-modal-header .ssd-close-modal-link {
  border: none;
  background-color: transparent;
}
#ssd-modal-content .ssd-display-notification {
  display: inline-block;
  width: auto;
  margin: auto;
}
#ssd-modal-content .wpr-add-new-subscription {
  text-align: left;
}
#ssd-modal-content .wpr-add-new-subscription > div {
  border-radius: 20px;
  padding: 10px;
  margin: 20px;
  border: solid 1px #ebf5f2;
}
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-image {
  border-radius: 20px;
  overflow: hidden;
}
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-name {
  font-family: var(--font-title);
  font-size: 16px;
  font-weight: bold;
  color: var(--black);
}
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-select-add-variable {
  color: var(--black);
  text-decoration: underline;
  margin: 5px 0;
}
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-select-add-variable:before {
  content: " ";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background-image: url(img/icons/plus-circle-fill.svg);
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: text-top;
}
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-subscription-add-submit,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-variable-product-next-shipment {
  display: block;
  width: 100%;
}
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-subscription-add-submit {
  margin-top: 20px;
  background-color: var(--green) !important;
  border-color: var(--green) !important;
  color: var(--white) !important;
}
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-subscription-add-submit:hover {
  color: var(--white) !important;
  border-color: var(--emerald) !important;
  background-color: var(--emerald) !important;
}
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product-next-shipment,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-variable-product-next-shipment {
  color: var(--black) !important;
  background-color: var(--white) !important;
  border-color: var(--white) !important;
}
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-simple-product-next-shipment:hover,
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-add-variable-product-next-shipment:hover {
  color: var(--green) !important;
  border-color: var(--green) !important;
}
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .button.wpr-subscription-cancel-submit {
  position: absolute;
  top: 10px;
  right: 10px;
}
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .variations_form.cart.wvs-loaded {
  position: relative;
  background-color: #ebf5f2;
  padding: 50px 10px 10px 10px;
  border-radius: 20px;
}
#ssd-modal-content .wpr-add-new-subscription > div .wpr-product-add-button .variations_form.cart.wvs-loaded .selected {
  border-color: var(--black);
}

#builder {
  /*Bloc image text bouton*/
}
#builder h2 {
  font-family: var(--font-title);
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  #builder h2 {
    font-size: 35px !important;
    line-height: 38px !important;
  }
}
#builder .red {
  font-weight: 800;
  font-size: 23px;
  line-height: 26px;
  color: var(--light-red);
  text-align: center;
}
#builder .green {
  font-weight: 800;
  font-size: 23px;
  line-height: 26px;
  color: var(--emerald);
  text-align: center;
}
#builder .text {
  margin-top: 20px;
  text-align: center;
}
#builder .background-sticky {
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  min-height: 415px;
}
#builder .color-white {
  color: var(--white);
}
#builder .features-img {
  border-radius: 58px;
}
@media screen and (max-width: 992px) {
  #builder .features-img {
    margin-bottom: 15px;
  }
}
#builder .contenu {
  margin-top: 15px;
  margin-bottom: 15px;
}
#builder .heightSeparator {
  height: 100px;
}
#builder .features-nine .features-items {
  padding-top: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #builder .features-nine .features-items {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  #builder .features-nine .features-items {
    padding-top: 20px;
  }
}
#builder .features-nine .features-title {
  margin-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #builder .features-nine .features-title {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  #builder .features-nine .features-title {
    margin-top: 20px;
  }
}
#builder .features-nine .main-title {
  font-weight: 700;
  margin-top: 10px;
}
@media (max-width: 767px) {
  #builder .features-nine .main-title {
    font-size: 28px;
    line-height: 36px;
  }
}
#builder .features-nine h3 {
  text-align: left;
  font-family: var(--font-title);
}
#builder .features-nine h2 {
  text-align: left;
  font-family: var(--font-title);
}
#builder .features-nine .text-lg {
  margin-top: 19px;
}
#builder .features-nine .features-image {
  margin-top: 50px;
}
#builder .features-nine .features-image img {
  width: 100%;
  border-radius: 8px;
}
#builder .features-nine .feature-btn {
  margin-top: 32px;
}
#builder .features-nine .primary-btn {
  background-color: var(--green);
}
#builder #boutique .listing img {
  aspect-ratio: 1/1 !important;
  width: 100% !important;
  object-fit: cover !important;
  border-radius: 20px;
  padding: 5px;
}
#builder #boutique .listing .card-content {
  padding: 5px;
}
#builder #boutique .text {
  margin-top: 0 !important;
  text-align: left !important;
}
#builder #boutique .my-slider {
  position: relative;
}
#builder #boutique .tns-controls {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 10;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none; /* permetti click solo su i bottoni */
}
#builder #boutique .tns-controls button {
  background: transparent;
  border: none;
  color: var(--green);
  width: 40px;
  height: 40px;
  font-size: 18px;
  border-radius: 50%;
  pointer-events: all;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}
#builder #boutique .product-slide {
  transform: scale(0.88);
  transition: transform 0.3s ease;
}
#builder #blog .blog-area {
  padding-top: 0;
  padding-bottom: 0;
}
#builder #blog .blog-slider-wrapper {
  position: relative;
}
#builder #blog .tns-controls {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 10;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none; /* permetti click solo su i bottoni */
}
#builder #blog .tns-controls button {
  background: transparent;
  border: none;
  color: var(--green);
  width: 40px;
  height: 40px;
  font-size: 18px;
  border-radius: 50%;
  pointer-events: all;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}
#builder #blog .blog-area .blog-title {
  min-height: 96px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
#builder #blog .blog-slide {
  transform: scale(0.88);
  transition: transform 0.3s ease;
}
#builder #blog .blog-slide:hover {
  transform: scale(0.93);
}
#builder #blog .blog-area .blog-two {
  padding: 25px;
}
#builder #blog .races .blog-title {
  min-height: 32px;
  -webkit-line-clamp: 1;
}
#builder .texte_blog ul {
  list-style: unset;
}
#builder .texte_blog ol {
  list-style-type: decimal;
}
#builder .texte_blog a {
  color: var(--green);
  transition: 0.3ms;
  text-decoration: underline;
}
#builder .texte_blog a:hover {
  color: var(--light-emerald);
}

.wizardTrigger {
  cursor: pointer;
}

#wizardModal {
  background-color: var(--green);
  background-image: url("images/wizard-background-fr.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
#wizardModal h3 {
  text-align: center;
  font-family: Recoleta, sans-serif;
  margin-bottom: 30px;
}
#wizardModal .form-floating label {
  left: auto;
}
#wizardModal .tip {
  background-color: #EEF4AE;
  border-radius: 30px;
  margin-top: 60px;
  margin-bottom: 20px;
  background-image: url("wizard/tips.png");
  background-position: top left;
  background-repeat: no-repeat;
}
#wizardModal .tip img {
  margin: auto;
  margin-top: -80px;
}
#wizardModal .triangle-figure {
  position: absolute;
  margin: 0;
  width: 100%;
  height: 100%;
}
#wizardModal .triangle-figure.top {
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
#wizardModal .triangle-figure.bottom {
  clip-path: polygon(0 0, 0 100%, 100% 100%);
}
#wizardModal .triangle-figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#cartOffcanvas {
  width: 40%;
}
@media (max-width: 768px) {
  #cartOffcanvas {
    width: 100%;
  }
}
#cartOffcanvas.show {
  visibility: revert;
  z-index: 99999 !important;
  visibility: revert;
}
#cartOffcanvas.show .cart-progress {
  margin-bottom: 20px;
}
#cartOffcanvas.show .progress-bar-container {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
#cartOffcanvas.show .offcanvas-footer .img-thumbnail {
  border-radius: 0;
  width: 60px !important;
  height: 60px !important;
  aspect-ratio: 1;
  object-fit: cover;
  border: none !important;
  padding: 0 !important;
}
#cartOffcanvas.show .offcanvas-footer .related-products h6 {
  font-size: 1em !important;
  font-weight: 600 !important;
  color: var(--emerald);
  margin-bottom: 15px;
}
#cartOffcanvas.show .offcanvas-footer .related-products .tns-nav {
  text-align: center;
  margin: auto;
}
#cartOffcanvas.show .offcanvas-footer .related-products .tns-nav button {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: var(--light-emerald);
  border: 1px solid var(--emerald) !important;
  opacity: 0.5;
  margin: 0 5px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  line-height: 10px;
  padding: 0;
}
#cartOffcanvas.show .offcanvas-footer .related-products .tns-nav button.tns-nav-active {
  background-color: var(--emerald);
}
#cartOffcanvas.show .offcanvas-footer .related-products .related-product-title {
  font-family: var(--font-title);
  font-size: 20px;
  font-weight: 800;
  color: var(--black);
  text-decoration: none !important;
}
#cartOffcanvas.show .offcanvas-footer .related-products .add-to-cart-btn {
  background-color: var(--green);
  border-radius: 50%;
  height: 50px;
  width: 50px;
  font-size: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 50px;
  padding: 0 !important;
  letter-spacing: 0 !important;
}
#cartOffcanvas.show .offcanvas-footer .related-products .related-product-desc {
  color: var(--black);
  font-weight: 500;
}
#cartOffcanvas.show .offcanvas-footer .related-products .related-product-price {
  color: var(--black);
  font-weight: 500;
  margin-right: 15px;
}
#cartOffcanvas.show .progress {
  height: 20px;
  background-color: #e9ecef;
  margin: 10px 0;
  border-radius: 21px;
  position: relative;
  padding: 6px;
}
#cartOffcanvas.show .visibility-hidden {
  visibility: hidden;
  font-weight: 0.1px;
  padding: 0;
  position: absolute; /* Remove it from normal flow */
  opacity: 0; /* Make it invisible */
  pointer-events: none; /* Ensure it doesn’t receive any clicks */
  height: 0;
  width: 0;
}
#cartOffcanvas.show .progress-bar {
  background-color: #42AE85;
  border-radius: 4px;
}
#cartOffcanvas.show .progress-labels {
  display: flex;
  justify-content: space-around;
  font-size: 12px;
}
#cartOffcanvas.show .cart-items {
  border-top: 1px solid #e9ecef;
  padding-top: 15px;
  margin: 0 20px 0 20px;
}
#cartOffcanvas.show .cart-item {
  border-bottom: 1px solid #e9ecef;
  padding-bottom: 15px;
  margin-bottom: 15px;
  display: flex;
}
#cartOffcanvas.show .cart-item img {
  border-radius: 0;
  width: 100px !important;
  height: 100px !important;
  aspect-ratio: 1;
  object-fit: cover;
}
#cartOffcanvas.show .offcanvas-title {
  font-family: var(--font-title);
  font-size: 30px;
  color: var(--black);
  font-weight: 800;
}
#cartOffcanvas.show .cart-item .cart-info-list {
  font-weight: 500;
  color: var(--black);
}
#cartOffcanvas.show .cart-item .cart-info-list.text-green {
  color: var(--green);
  font-weight: 600;
}
#cartOffcanvas.show .offcanvas-header {
  display: block;
  background-color: var(--light-emerald);
  min-height: 220px;
}
#cartOffcanvas.show .offcanvas-header .btn-close {
  box-sizing: content-box;
  width: unset !important;
  height: unset !important;
  padding: 0.25em 0.25em;
  color: var(--black) !important;
  background: none !important;
  border: 0;
  border-radius: 0.25rem;
  font-width: 500px !important;
  font-size: 15px;
  display: flex;
  align-items: center;
  opacity: unset !important;
  outline: none;
  box-shadow: none;
}
#cartOffcanvas.show .offcanvas-header .btn-close:active, #cartOffcanvas.show .offcanvas-header .btn-close:hover {
  outline: none;
  box-shadow: none;
}
#cartOffcanvas.show .offcanvas-header .btn-close i {
  margin-left: 4px;
}
#cartOffcanvas.show .offert-price {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
}
#cartOffcanvas.show .offert-text {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
#cartOffcanvas.show .offcanvas-body {
  padding: 0 !important;
}
#cartOffcanvas.show .decrement-qty {
  border-radius: 10px 0 0 10px;
  padding: 0;
  color: var(--black);
  font-size: 18px;
}
#cartOffcanvas.show .increment-qty {
  border-radius: 0px 10px 10px 0px;
  padding: 0;
  color: var(--black);
  font-size: 18px;
}
#cartOffcanvas.show .increment-qty,
#cartOffcanvas.show .decrement-qty {
  min-width: 35px;
  min-height: 35px;
  background-color: var(--light-emerald);
  border: solid 1px var(--light-emerald);
}
#cartOffcanvas.show .cart-qnt-disp {
  border: solid 1px var(--light-emerald);
  margin: 0;
  min-height: 35px;
  max-height: 35px;
  margin: -3px;
  width: 55px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#cartOffcanvas.show .product-cart-title {
  font-family: var(--font-title);
  font-size: 20px;
  font-weight: 800;
  color: var(--black);
  text-decoration: none !important;
}
#cartOffcanvas.show .cart-item .img-thumbnail {
  border: none !important;
  padding: 0 !important;
}
#cartOffcanvas.show .related-products {
  padding: 20px;
  background-color: #E5E6EF;
}
#cartOffcanvas.show .related-product-item {
  background-color: #E5E6EF;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#cartOffcanvas.show .payment-summary {
  background-color: #E5E6EF;
  padding: 15px;
}
#cartOffcanvas.show .text-right {
  text-align: right;
  font-size: 20px;
  line-height: 30px;
}
#cartOffcanvas.show .remove-item {
  border: none;
  outline: none;
  background-color: transparent;
  box-shadow: none;
  color: var(--black);
  transition: 0.3ms;
  display: contents;
}
#cartOffcanvas.show .remove-item:hover {
  color: var(--light-red);
}
#cartOffcanvas .offcanvas-body {
  z-index: 999 !important;
}
#cartOffcanvas .offcanvas-body .product-title {
  margin-bottom: 2rem;
}
#cartOffcanvas .offcanvas-body.loading {
  position: relative;
  pointer-events: none; /* Prevents interactions during loading */
}
#cartOffcanvas .offcanvas-body.loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8); /* Light semi-transparent overlay */
  z-index: 10; /* Ensure it overlays content */
}
#cartOffcanvas .offcanvas-body.loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  border: 5px solid rgba(255, 255, 255, 0.3);
  border-top: 5px solid var(--green);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  z-index: 20; /* Ensures spinner is always visible above overlay */
}
#cartOffcanvas .offcanvas-body .description {
  margin-bottom: 2rem;
}
#cartOffcanvas .offcanvas-body span {
  font-weight: 600;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=style.css.map */