@charset "UTF-8";
/*
+---------------------------------------------------------------+
| Colors                                                        |
+---------------------------------------------------------------+
*/
/*
+---------------------------------------------------------------+
| Fonts                                                         |
+---------------------------------------------------------------+
*/
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
@font-face {
  font-family: "Catenary Stamp";
  src: url("../fonts/Catenary-Stamp.ttf") format("truetype"); }

@font-face {
  font-family: "Lie to Me";
  src: url("../fonts/Lie-to-Me.ttf") format("truetype"), url("../fonts/Lie-to-Me.otf") format("otf"); }

/*
+---------------------------------------------------------------+
| Global                                                        |
+---------------------------------------------------------------+
*/
html {
  font-size: 16px;
  font-family: "Lato", sans-serif; }

body {
  color: #602f10 !important;
  margin-top: 100px;
  width: 100%;
  background-color: white;
  overflow-x: hidden;
  font-family: "Lato", sans-serif; }
  body a {
    color: #64b928; }

img {
  max-width: 100%;
  max-height: 100%; }

h1,
.h1 {
  font-family: "Catenary Stamp"; }

h2,
.h2 {
  margin-bottom: 80px;
  font-family: "Catenary Stamp";
  font-size: 2rem;
  text-transform: uppercase; }

#wrapper {
  padding: 0;
  background-color: transparent; }

body#index main section {
  padding: 100px 0; }

@media (max-width: 992px) {
  section:not(#main) {
    padding: 20px 0; } }

@media (max-width: 1199px) {
  body {
    margin-top: 50px; }
  #adtm_menu ul#menu {
    padding: 50px; } }

.thm-trap {
  position: relative;
  color: white; }
  .thm-trap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 105%;
    top: 0;
    left: 0;
    border-radius: 20px;
    background-color: #602f10;
    transform: perspective(200px) rotateX(-5deg);
    backface-visibility: hidden; }
  .thm-trap .outline {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-2deg); }
    .thm-trap .outline::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border: 1px solid #64b928;
      border-radius: 20px;
      background-color: transparent;
      transform: perspective(200px) rotateX(-5deg);
      backface-visibility: hidden; }

.container-xl {
  width: 100%;
  padding: 0 30px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 1600px) {
  .container-xl {
    max-width: 1500px; } }

@media (min-width: 1920px) {
  .container-xl {
    max-width: 1700px; } }

.carousel {
  margin: 0; }

.thm-link {
  color: #602f10;
  transition: all 0.3s linear; }
  .thm-link:hover {
    color: #64b928; }

.lower {
  text-transform: lowercase; }

.shifted-border {
  position: relative; }
  .shifted-border::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid #602f10;
    border-radius: 4px;
    transform: rotate(-2deg); }

/*
+---------------------------------------------------------------+
| Buttons                                                       |
+---------------------------------------------------------------+
*/
.btn {
  position: relative;
  padding: 0.5rem 2rem;
  border: none;
  border-radius: 50px;
  background-color: #64b928;
  color: white;
  transition: all 0.3s linear;
  text-transform: uppercase;
  box-shadow: none; }

.btn:hover {
  color: white; }

.btn-primary:hover {
  background-color: #64b928;
  filter: brightness(120%); }

.btn-large {
  padding: 1.2rem 3rem;
  font-size: 1.2rem; }

.btn.shake::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #602f10;
  border-radius: 50px;
  transform: rotate(-4deg);
  transition: all 0.3s linear; }

.btn.shake:hover {
  transform: scale(1.05);
  box-shadow: 0px 0px 12px #64b928; }
  .btn.shake:hover::after {
    transform: rotate(0deg); }

.featured-products .owl-carousel .owl-nav button {
  width: 60px;
  height: 60px;
  background-color: transparent;
  background-image: url("../img/icones/cercle.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.25s; }
  .featured-products .owl-carousel .owl-nav button:hover {
    border: none;
    background-color: transparent;
    background-image: url("../img/icones/cercle.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: scale(1.2); }
  .featured-products .owl-carousel .owl-nav button span {
    font-size: 1.8rem; }

#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  max-height: 150px;
  z-index: 3; }
  #header .header-nav {
    margin: 0;
    border: none;
    background-color: #f3e4b9; }
    #header .header-nav .block-social ul {
      justify-content: center; }
    #header .header-nav .mobile-menu > div {
      display: inline-block; }
    #header .header-nav .mobile-menu #_mobile_cart,
    #header .header-nav .mobile-menu #_mobile_user_info {
      margin: 0 !important; }
    #header .header-nav .mobile-menu #menu-icon {
      margin-right: 0 !important; }
    #header .header-nav .blockcart {
      background-color: transparent;
      padding: 0;
      display: flex;
      align-items: center; }
      #header .header-nav .blockcart .header {
        position: relative; }
        #header .header-nav .blockcart .header img {
          max-width: 100px;
          max-height: 100px;
          position: relative;
          z-index: 2; }
        #header .header-nav .blockcart .header a {
          width: 100%;
          height: 100%;
          display: inline-block; }
  #header .header-top {
    padding: 0;
    background-color: #fff4d6; }
    #header .header-top .logo {
      position: absolute;
      overflow: visible;
      top: -40px;
      left: 0px;
      z-index: 100;
      max-width: none;
      max-height: none;
      width: 100%; }
    #header .header-top .menu {
      margin: 0; }
  #header .logo {
    z-index: 100;
    position: absolute;
    overflow: visible;
    max-width: none;
    max-height: none;
    top: 5px;
    width: 100%; }
  #header .main-menu {
    user-select: none; }
    #header .main-menu .cms-category {
      cursor: pointer; }

.header .cart-products-count {
  position: absolute;
  display: inline-block;
  bottom: -1px;
  left: 1px;
  color: white;
  background: #64b928;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px; }

#header #search_widget {
  background-image: url("../img/icones/border.svg");
  background-size: 95% 70%;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: fit-content;
  padding: 0 2%; }

.search-widget form {
  min-height: 50px;
  width: 100%; }
  .search-widget form input[type="text"] {
    outline: none;
    background: transparent !important;
    padding: 10px 45px 10px 15px; }
    .search-widget form input[type="text"]:checked {
      border: none; }
  .search-widget form img {
    max-width: 78%;
    max-height: 78%; }
  .search-widget form button[type="submit"] {
    right: 5px;
    top: 5px; }

.right-nav {
  display: flex;
  align-items: center; }

#header .right-nav .user-info {
  display: flex;
  align-items: center;
  margin-left: 25px;
  margin-top: 0 !important; }
  #header .right-nav .user-info img {
    max-width: 100px;
    max-height: 100px;
    margin: 0;
    position: relative;
    z-index: 2; }
  #header .right-nav .user-info a {
    width: 100%;
    height: 100%;
    display: inline-block; }

.mobile-menu .user-info img {
  max-width: 100px;
  max-height: 100px; }

/*
+---------------------------------------------------------------+
| Top menu                                                      |
+---------------------------------------------------------------+
*/
.top-menu {
  display: inline-block;
  width: 100%; }
  .top-menu[data-depth="0"] > li {
    display: inline-block;
    padding: 1rem 2%; }
    .top-menu[data-depth="0"] > li:hover {
      background-color: white; }
      .top-menu[data-depth="0"] > li:hover > a {
        color: #64b928; }
  .top-menu a {
    margin: 0;
    padding: 0;
    font-size: 0.8rem;
    font-weight: 700;
    color: #602f10;
    text-transform: uppercase;
    transition: all 0.3s linear; }
  .top-menu .sub-menu {
    position: absolute;
    width: 100%;
    left: 15px;
    top: 100%;
    background-color: white;
    display: flex;
    flex-direction: column;
    z-index: 2;
    box-shadow: 2px 6px 6px 2px rgba(0, 0, 0, 0.1); }

.dropdown-item {
  color: #602f10 !important; }
  .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:active {
    color: #64b928 !important; }

@media (max-width: 992px) {
  .top-menu .sub-menu {
    padding: 0;
    left: 0;
    width: 100vw;
    z-index: 18;
    display: flex;
    flex-direction: column; }
    .top-menu .sub-menu .top-menu {
      display: flex;
      flex-direction: column; } }

.block-social ul li,
.social-sharing ul li {
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.3rem, 1.5rem, 2.7rem;
  box-shadow: none; }

.block-social ul .facebook,
.social-sharing ul .facebook {
  background-image: url("../img/icones/social_border.svg"), url("../css/3935e107ea61866e60d7946dc6a962f1.svg"), url("../img/icones/social_background.svg");
  /* 3935e107ea61866e60d7946dc6a962f1 */ }

.block-social ul .instagram,
.social-sharing ul .instagram {
  background-image: url("../img/icones/social_border.svg"), url("../css/0266b05265f317a7409560b751cd61e8.svg"), url("../img/icones/social_background.svg"); }

.block-social ul .twitter,
.social-sharing ul .twitter {
  background-image: url("../img/icones/social_border.svg"), url("../css/a67175d1ea11389d9107bd8c08f9d7d7.svg"), url("../img/icones/social_background.svg"); }

.block-social ul .pinterest,
.social-sharing ul .pinterest {
  background-image: url("../img/icones/social_border.svg"), url("../css/afb2ed6d67613a724a420a39b4fe5b0d.svg"), url("../img/icones/social_background.svg"); }

.block-social ul .linkedin,
.social-sharing ul .linkedin {
  background-image: url("../img/icones/social_border.svg"), url("../css/c135a20aa76cea4876a24bf50c7c821d.svg"), url("../img/icones/social_background.svg"); }

.block-social ul .googleplus,
.social-sharing ul .googleplus {
  background-image: url("../img/icones/social_border.svg"), url("../css/36bff72dcba3098b4b70b482b22c29ab.svg"), url("../img/icones/social_background.svg"); }

.block-social ul .youtube,
.social-sharing ul .youtube {
  background-image: url("../img/icones/social_border.svg"), url("../css/22c0528acb6d9cd5bf4c8f96381bc05c.svg"), url("../img/icones/social_background.svg"); }

.logout {
  color: #64b928; }

#mobile_top_menu_wrapper {
  max-height: 90vh;
  overflow: hidden scroll; }
  #mobile_top_menu_wrapper .top-menu li {
    width: 100%; }

/*
+---------------------------------------------------------------+
| Breadcrumb                                                    |
+---------------------------------------------------------------+
*/
.breadcrumb {
  padding: 1.2rem 0;
  margin-bottom: 20px; }
  .breadcrumb ol,
  .breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .breadcrumb li {
    display: inline-block;
    margin-right: 12px;
    color: #64b928; }
  .breadcrumb ol li:not(:last-child)::after,
  .breadcrumb ul li:not(:last-child)::after {
    content: ">";
    margin-left: 12px; }
  .breadcrumb a {
    color: grey;
    text-decoration: underline; }
  .breadcrumb[data-depth="1"] {
    display: none; }

/*
+---------------------------------------------------------------+
| HOMEPAGE HERO - LES INFUTHÉS
| SEO / CRO / RESPONSIVE
+---------------------------------------------------------------+
*/

#carousel {
  position: relative;

  width: 100%;
  min-height: 540px;
  height: auto;

  margin: 0;

  overflow: hidden;

  background-color: #fffcf5;
  background-image: url("../img/background/header_background.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 100%;
}


/* =========================================================
   CAROUSEL
   ========================================================= */

#carousel .carousel-inner,
#carousel .carousel-item {
  min-height: 540px;
}


/* =========================================================
   STRUCTURE DU HERO
   ========================================================= */

#carousel .home-hero {
  display: grid;

  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(360px, 0.95fr);

  align-items: center;

  gap: clamp(40px, 5vw, 80px);

  min-height: 540px;

  padding: 58px 0 82px;
}


/* =========================================================
   CONTENU
   ========================================================= */

#carousel .home-hero__content {
  position: relative;

  z-index: 2;

  width: 100%;
  max-width: 690px;
}


/* Petite promesse au-dessus du H1 */

#carousel .home-hero__eyebrow {
  margin: 0 0 16px;

  color: #64b928;

  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;

  letter-spacing: 0.5px;

  text-transform: uppercase;
}


/* =========================================================
   TITRE
   ========================================================= */

#carousel .home-hero__title {
  margin: 0 0 24px;

  color: #602f10;

  font-family: "Catenary Stamp", "Lato", sans-serif;

  font-size: clamp(2rem, 2.7vw, 2.75rem);
  line-height: 1.22;
  font-weight: 400;

  text-transform: uppercase;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

#carousel .home-hero__description {
  max-width: 650px;

  margin: 0 0 30px;

  color: #8b6245;

  font-family: "Lato", sans-serif;
  font-size: 17px;
  line-height: 1.65;
}


#carousel .home-hero__description p {
  margin: 0;
}


/* =========================================================
   CTA
   ========================================================= */

#carousel .home-hero__actions {
  display: flex;

  align-items: center;

  gap: 24px;

  flex-wrap: wrap;
}


/* CTA principal */

#carousel .home-hero__primary {
  margin: 0;

  white-space: nowrap;
}


/* CTA secondaire */

#carousel .home-hero__secondary {
  position: relative;

  display: inline-flex;

  align-items: center;

  gap: 7px;

  padding: 7px 2px;

  color: #602f10;

  font-family: "Lato", sans-serif;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 700;

  text-decoration: none;

  transition:
    color 0.2s ease,
    transform 0.2s ease;
}


#carousel .home-hero__secondary::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: 2px;

  width: 100%;
  height: 1px;

  background-color: rgba(96, 47, 16, 0.4);

  transition: background-color 0.2s ease;
}


#carousel .home-hero__secondary:hover,
#carousel .home-hero__secondary:focus {
  color: #64b928;

  text-decoration: none;

  transform: translateY(-1px);
}


#carousel .home-hero__secondary:hover::after,
#carousel .home-hero__secondary:focus::after {
  background-color: #64b928;
}


/* =========================================================
   VISUEL
   ========================================================= */

#carousel .home-hero__visual {
  position: relative;

  display: flex;

  align-items: center;
  justify-content: center;

  width: 100%;

  margin: 0;
}


#carousel .home-hero__visual img {
  display: block;

  width: 100%;
  max-width: 560px;
  height: auto;

  margin: 0 auto;

  object-fit: contain;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media screen and (max-width: 991px) {

  #carousel {
    min-height: 0;

    background-size: cover;
  }


  #carousel .carousel-inner,
  #carousel .carousel-item {
    min-height: 0;
  }


  #carousel .home-hero {
    grid-template-columns: 1fr;

    gap: 28px;

    min-height: 0;

    padding: 46px 20px 72px;

    text-align: center;
  }


  #carousel .home-hero__content {
    max-width: 700px;

    margin: 0 auto;
  }


  #carousel .home-hero__eyebrow {
    margin-bottom: 13px;

    font-size: 13px;
  }


  #carousel .home-hero__title {
    margin-bottom: 20px;

    font-size: clamp(1.9rem, 5vw, 2.4rem);
  }


  #carousel .home-hero__description {
    max-width: 620px;

    margin-right: auto;
    margin-bottom: 26px;
    margin-left: auto;

    font-size: 16px;
  }


  #carousel .home-hero__actions {
    justify-content: center;
  }


  #carousel .home-hero__visual {
    max-width: 390px;

    margin: 0 auto;
  }


  #carousel .home-hero__visual img {
    max-width: 390px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

  #carousel .home-hero {
    gap: 22px;

    padding: 34px 10px 58px;
  }


  #carousel .home-hero__eyebrow {
    margin-bottom: 11px;

    font-size: 11px;
    line-height: 1.45;

    letter-spacing: 0.3px;
  }


  #carousel .home-hero__title {
    margin-bottom: 17px;

    font-size: 1.85rem;
    line-height: 1.2;
  }


  #carousel .home-hero__description {
    margin-bottom: 23px;

    font-size: 15px;
    line-height: 1.55;
  }


  #carousel .home-hero__actions {
    flex-direction: column;

    gap: 14px;
  }


  #carousel .home-hero__primary {
    width: auto;

    max-width: 100%;

    padding: 12px 25px;

    font-size: 15px;
  }


  #carousel .home-hero__secondary {
    font-size: 14px;
  }


  #carousel .home-hero__visual {
    max-width: 300px;
  }


  #carousel .home-hero__visual img {
    max-width: 300px;
  }

}


/* =========================================================
   PETITS MOBILES
   ========================================================= */

@media screen and (max-width: 420px) {

  #carousel .home-hero {
    padding-top: 28px;
    padding-bottom: 52px;
  }


  #carousel .home-hero__title {
    font-size: 1.65rem;
  }


  #carousel .home-hero__description {
    font-size: 14px;
  }


  #carousel .home-hero__visual,
  #carousel .home-hero__visual img {
    max-width: 255px;
  }

}

/*
+---------------------------------------------------------------+
| homepage                                                      |
+---------------------------------------------------------------+
*/
#block-reassurance {
  background-image: url("../img/background/bandeau_background.png");
  background-color: #fffcf5;
  min-height: 358px;
  display: flex;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
  margin-top: 0;
  position: relative;
  overflow: hidden; }
  #block-reassurance:before, #block-reassurance:after {
    content: "";
    position: absolute;
    width: 374px;
    height: 224px;
    opacity: 0.8; }
  #block-reassurance:before {
    background-image: url("../img/decors/reassurance_before.png");
    left: -120px;
    bottom: 5%; }
  #block-reassurance:after {
    background-image: url("../img/decors/reassurance_after.png");
    right: -280px;
    bottom: 0; }

.block-reassurance-item .h6 {
  font-size: 1.25rem;
  font-weight: 700; }

.bloghome,
.new-products,
.featured-products {
  background-color: #fffcf5; }

/*
+---------------------------------------------------------------+
| Cart                                                          |
+---------------------------------------------------------------+
*/
.cart-grid .cart-container {
  background-color: #fffcf5;
  border: none;
  box-shadow: none; }
  .cart-grid .cart-container .cart-overview ul li .product-line-info a {
    color: #602f10; }

.cart-grid-right {
  background-color: #f3e4b9;
  border-radius: 4px; }
  .cart-grid-right .cart-summary {
    background-color: transparent; }
    .cart-grid-right .cart-summary .cart-detailed-totals .block-promo {
      position: relative; }
      .cart-grid-right .cart-summary .cart-detailed-totals .block-promo .promo-input {
        border: none; }
      .cart-grid-right .cart-summary .cart-detailed-totals .block-promo .promo-input + button {
        border: none;
        margin-left: 5px; }
      .cart-grid-right .cart-summary .cart-detailed-totals .block-promo:hover a {
        color: #64b928; }
    .cart-grid-right .cart-summary .cart-detailed-totals .cart-summary-totals .cart-summary-line {
      background-color: transparent; }

.product-line-grid-body .product-line-info a.label {
  font-size: 1.2rem;
  font-weight: 700; }

.product-line-grid-body .product-line-info span {
  color: #c49f77; }

.product-line-actions .price .product-price {
  font-size: 1.2rem; }

.product-actions .product-prices .product-price .product-unit-price {
  color: #64b928 !important; }

.product-line-grid div .product-price .current-price .price {
  font-size: 1.2rem; }

.product-line-grid div .product-price .current-price .unit-price-cart {
  font-size: 0.8rem; }

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.btn-primary.focus,
.btn-primary:focus {
  background-color: none !important;
  border: none !important;
  box-shadow: none !important; }

.cart-container .product-line-header {
  color: white;
  background-color: #602f10;
  padding: 15px;
  border-radius: 25px;
  position: relative; }
  .cart-container .product-line-header::before {
    content: "";
    width: 101%;
    height: 100%;
    top: -0.5%;
    left: -0.5%;
    position: absolute;
    border-radius: 30px;
    border: 2px solid #64b928; }

.card-block h4 span.label {
  color: gray; }

.product-line-actions .input-group input.form-control {
  background-color: transparent;
  border: none;
  text-align: center; }

.cart-grid .cart-grid-body a.label {
  color: #602f10;
  font-weight: 700; }
  .cart-grid .cart-grid-body a.label:hover {
    color: #64b928 !important; }

#checkout {
  background-color: transparent;
  box-shadow: none;
  border: none; }
  #checkout section.checkout-step .address-item.selected {
    border: 3px solid #602f10 !important; }
  #checkout .custom-radio input[type="radio"]:checked + span {
    background-color: #602f10; }

#content-hook_order_confirmation .card-block a {
  color: #64b928; }

/*
+---------------------------------------------------------------+
| Module : ps_shoppingcart                                      |
+---------------------------------------------------------------+
*/
#blockcart-modal {
  color: #602f10; }
  #blockcart-modal .cart-products-count,
  #blockcart-modal .modal-title,
  #blockcart-modal .cart-content,
  #blockcart-modal .product-price {
    color: #602f10; }
  #blockcart-modal .modal-title {
    font-size: 1.625rem;
    font-weight: bold; }
  #blockcart-modal .cart-content {
    padding: 2.5rem;
    background-color: #f3e4b9; }
  #blockcart-modal .product-name {
    font-size: 1.125rem;
    font-weight: 700; }

/*
+---------------------------------------------------------------+
| Module : ps_socialfollow                                      |
+---------------------------------------------------------------+
*/
.block-social ul {
  margin: 0; }

/*
+---------------------------------------------------------------+
| Module : newproducts                                          |
+---------------------------------------------------------------+
*/
.new-products .section-title,
.featured-products .section-title {
  position: relative;
  display: inline-block;
  margin: auto;
  margin-bottom: 80px; }
  .new-products .section-title::before,
  .featured-products .section-title::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 70px;
    height: 62px;
    top: -46px;
    right: 8px;
    background: no-repeat url("../img/insectes/fourmi.svg");
    background-size: contain; }

/*
+---------------------------------------------------------------+
| Module : ps_customtext                                        |
+---------------------------------------------------------------+
*/
#custom-text {
  margin: 0;
  background-color: white;
  background-image: url("../img/background/valeurs_background.png");
  background-position: center;
  background-repeat: no-repeat; }

@media (max-width: 991px) {
  #custom-text {
    background-image: none; } }

/*
+---------------------------------------------------------------+
| Module : everpsblog                                           |
+---------------------------------------------------------------+
*/
.bloghome .article::before {
  content: "";
  position: relative;
  display: block;
  width: 50%;
  height: 23px;
  margin: auto;
  height: 30px;
  bottom: 20px;
  background-image: url("../img/decors/devider.png");
  background-position: center;
  background-repeat: no-repeat; }

.bloghome .section-title {
  position: relative;
  display: inline-block;
  margin: auto;
  margin-bottom: 80px; }

.bloghome .section-title::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 75px;
  height: 40px;
  top: -26px;
  left: 3px;
  background: no-repeat url("../img/insectes/cigale.svg");
  background-size: contain; }

.bloghome .article-img {
  overflow: hidden; }
  .bloghome .article-img img {
    transition: all 0.5s ease-in-out; }

.bloghome .article-title {
  color: #602f10; }

.bloghome .article-date {
  font-family: "Lie to Me";
  color: #64b928;
  text-transform: capitalize; }

.bloghome .article-content {
  color: #c49f77; }

.bloghome .everpsblog a:hover .article-img img {
  transform: scale(1.2) rotate(2deg); }

.everpsblog {
  transform: scale(0.9); }

.id_custom {
  transform: scale(1.1); }
  .id_custom .everpsblog_miniature {
    position: relative;
    background-color: #fff4d6;
    border-radius: 4px;
    margin-top: 5px;
    padding: 10px; }
    .id_custom .everpsblog_miniature::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border: 1px solid #602f10;
      border-radius: 4px;
      transform: rotate(-1deg); }

.postcontent .shifted-border-blog {
  position: relative; }
  .postcontent .shifted-border-blog::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 2px solid #602f10;
    border-radius: 4px;
    transform: rotate(-1deg); }

.postcontent blockquote {
  position: relative;
  background-color: #f2f2f2;
  border-radius: 4px;
  padding: 15px; }
  .postcontent blockquote::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 2px solid #64b928;
    border-radius: 4px;
    transform: rotate(-1deg); }

/*
+---------------------------------------------------------------+
| Module : csoft_instagramfeeds                                 |
+---------------------------------------------------------------+
*/
#csinstagramfeed h2 {
  margin-bottom: 20px;
  font-size: 2rem; }

#csinstagramfeed .brand {
  font-family: "Lie to Me";
  font-size: 4rem;
  color: #64b928; }

#csinstagramfeed .row {
  margin: 0 -0.5rem; }

#csinstagramfeed .img-responsive {
  width: 100%;
  height: auto;
  border-radius: 4px; }

/* =========================================================
   MODULE : NEWSLETTER LES INFUTHÉS
   VERSION HARMONISÉE - TOUTES LES PAGES
   Accueil + catégories + autres pages où le module est affiché
   ========================================================= */

/* Conteneur du module */
.block_newsletter.infuthes-newsletter {
  position: relative;
  width: 100%;
  min-height: 0;
  margin: 0 auto;
  padding: 0;
  color: #602f10;
  background: transparent;
  text-align: center;
}

/* Carte */
.block_newsletter.infuthes-newsletter .infuthes-newsletter-content {
  position: relative;
  z-index: 1;
  isolation: isolate;
  width: 100%;
  margin: 0 auto;
  padding: 38px 46px 32px;
  background-color: #fff4d6;
  border: 2px solid #64b928;
  border-radius: 22px;
  box-sizing: border-box;
  box-shadow: 0 7px 20px rgba(96, 47, 16, 0.06);
  overflow: visible !important;
}

/* Contour marron décalé */
.block_newsletter.infuthes-newsletter .infuthes-newsletter-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border: 2px solid #602f10;
  border-radius: 22px;
  background: transparent;
  transform: translate(3px, 3px) rotate(-1deg);
  transform-origin: center;
  box-sizing: border-box;
  pointer-events: none;
}

/* Titre */
.block_newsletter.infuthes-newsletter .infuthes-newsletter-title {
  position: relative;
  z-index: 2;
  margin: 0 0 12px;
  color: #602f10;
  font-family: "Catenary Stamp", "Lato", sans-serif;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}

/* Introduction */
.block_newsletter.infuthes-newsletter .infuthes-newsletter-text {
  position: relative;
  z-index: 2;
  max-width: 670px;
  margin: 0 auto 25px;
  color: #8b6245;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}

/* Formulaire */
.block_newsletter.infuthes-newsletter .infuthes-newsletter-form {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background: transparent !important;
  background-image: none !important;
}

/* Champ + bouton */
.block_newsletter.infuthes-newsletter .infuthes-newsletter-fields {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
  padding: 4px;
  background-color: #ffffff;
  border: 2px solid #602f10;
  border-radius: 50px;
  box-sizing: border-box;
  overflow: visible;
}

.block_newsletter.infuthes-newsletter .infuthes-newsletter-fields .input-wrapper {
  flex: 1;
  width: auto !important;
  margin: 0;
  padding: 0;
}

.block_newsletter.infuthes-newsletter .infuthes-newsletter-fields input[type="email"] {
  display: block;
  width: 100% !important;
  height: 48px;
  margin: 0;
  padding: 0 20px;
  color: #602f10 !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 50px 0 0 50px;
  outline: none !important;
  box-shadow: none !important;
  font-family: "Lato", sans-serif;
  font-size: 15px;
  box-sizing: border-box;
}

.block_newsletter.infuthes-newsletter .infuthes-newsletter-fields input[type="email"]::placeholder {
  color: #b18160;
  opacity: 1;
}

/* Bouton */
.block_newsletter.infuthes-newsletter .infuthes-newsletter-submit {
  position: relative;
  z-index: 3;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  height: 48px;
  margin: 0;
  padding: 0 22px;
  color: #ffffff !important;
  background: #64b928 !important;
  background-color: #64b928 !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 50px !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}

/* Contour du bouton si l'élément accepte les pseudo-éléments */
.block_newsletter.infuthes-newsletter .infuthes-newsletter-submit::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border: 2px solid #602f10;
  border-radius: 50px;
  background: transparent;
  transform: translate(3px, 2px) rotate(-3deg);
  box-sizing: border-box;
  pointer-events: none;
}

.block_newsletter.infuthes-newsletter .infuthes-newsletter-submit:hover,
.block_newsletter.infuthes-newsletter .infuthes-newsletter-submit:focus {
  color: #ffffff !important;
  background: #70c832 !important;
  background-color: #70c832 !important;
  filter: none !important;
  transform: translateY(-1px);
}

/* Conditions / RGPD */
.block_newsletter.infuthes-newsletter .infuthes-newsletter-conditions,
.block_newsletter.infuthes-newsletter .infuthes-newsletter-gdpr {
  position: relative;
  z-index: 2;
  max-width: 620px;
  margin: 13px auto 0;
  color: #8b6245;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 1.45;
  text-align: left;
}

.block_newsletter.infuthes-newsletter .infuthes-newsletter-gdpr label {
  color: #8b6245;
  font-size: 12px;
  line-height: 1.45;
}

.block_newsletter.infuthes-newsletter .infuthes-newsletter-gdpr a,
.block_newsletter.infuthes-newsletter .infuthes-newsletter-conditions a {
  color: #602f10 !important;
  text-decoration: underline;
}

.block_newsletter.infuthes-newsletter .infuthes-newsletter-gdpr .custom-checkbox input[type="checkbox"] + span {
  border: 2px solid #602f10;
}

/* Désinscription */
.block_newsletter.infuthes-newsletter .infuthes-newsletter-reassurance {
  position: relative;
  z-index: 2;
  margin: 16px 0 0;
  color: #9b7a62;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}

/* Messages succès / erreur */
.block_newsletter.infuthes-newsletter .infuthes-newsletter-message {
  position: relative;
  z-index: 2;
  max-width: 620px;
  margin: 15px auto 0;
  border-radius: 10px;
  font-size: 14px;
  text-align: center;
}

/* Tablette */
@media screen and (max-width: 991px) {
  .block_newsletter.infuthes-newsletter .infuthes-newsletter-content {
    padding: 32px 30px 28px;
  }

  .block_newsletter.infuthes-newsletter .infuthes-newsletter-title {
    font-size: 27px;
  }

  .block_newsletter.infuthes-newsletter .infuthes-newsletter-text {
    font-size: 15px;
  }
}

/* Mobile */
@media screen and (max-width: 767px) {
  .block_newsletter.infuthes-newsletter .infuthes-newsletter-content {
    padding: 27px 18px 25px;
    border-radius: 18px;
  }

  .block_newsletter.infuthes-newsletter .infuthes-newsletter-content::after {
    border-radius: 18px;
    transform: translate(3px, 3px) rotate(-0.7deg);
  }

  .block_newsletter.infuthes-newsletter .infuthes-newsletter-title {
    margin-bottom: 10px;
    font-size: 23px;
    line-height: 1.25;
  }

  .block_newsletter.infuthes-newsletter .infuthes-newsletter-text {
    max-width: 430px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.45;
  }

  .block_newsletter.infuthes-newsletter .infuthes-newsletter-fields {
    display: flex;
    flex-direction: column;
    max-width: 430px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
  }

  .block_newsletter.infuthes-newsletter .infuthes-newsletter-fields .input-wrapper {
    width: 100% !important;
  }

  .block_newsletter.infuthes-newsletter .infuthes-newsletter-fields input[type="email"] {
    width: 100% !important;
    height: 48px;
    margin-bottom: 13px;
    padding: 0 18px;
    background-color: #ffffff !important;
    border: 2px solid #602f10 !important;
    border-radius: 50px;
    text-align: left;
  }

  .block_newsletter.infuthes-newsletter .infuthes-newsletter-submit {
    width: 100%;
    min-width: 0;
    height: 48px;
    background: #64b928 !important;
    background-color: #64b928 !important;
    border-radius: 50px !important;
  }

  .block_newsletter.infuthes-newsletter .infuthes-newsletter-submit::after {
    transform: translate(3px, 2px) rotate(-2deg);
  }

  .block_newsletter.infuthes-newsletter .infuthes-newsletter-conditions,
  .block_newsletter.infuthes-newsletter .infuthes-newsletter-gdpr {
    max-width: 430px;
    font-size: 11.5px;
  }

  .block_newsletter.infuthes-newsletter .infuthes-newsletter-reassurance {
    margin-top: 13px;
    font-size: 11.5px;
  }
}

/* Très petits écrans */
@media screen and (max-width: 420px) {
  .block_newsletter.infuthes-newsletter .infuthes-newsletter-content {
    padding: 24px 14px 22px;
  }

  .block_newsletter.infuthes-newsletter .infuthes-newsletter-title {
    font-size: 21px;
  }

  .block_newsletter.infuthes-newsletter .infuthes-newsletter-text {
    font-size: 13.5px;
  }

  .block_newsletter.infuthes-newsletter .infuthes-newsletter-content::after {
    transform: translate(2px, 2px) rotate(-0.55deg);
  }
}

/*
+---------------------------------------------------------------+
| Module : productcomments                                      |
+---------------------------------------------------------------+
*/
#product-comments-list-header {
  flex-direction: column;
  padding: 0; }

.product-comment-list-item:not(#empty-product-comment) {
  padding: 15px 30px;
  background-color: #fff4d6;
  border-radius: 4px;
  color: #602f10;
  position: relative; }
  .product-comment-list-item:not(#empty-product-comment) .comment-content h4 {
    color: #602f10; }
  .product-comment-list-item:not(#empty-product-comment) .comment-infos {
    min-height: 50px;
    color: #602f10; }
  .product-comment-list-item:not(#empty-product-comment) .initiales {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    z-index: 4;
    width: 4rem;
    height: 4rem;
    top: -10%;
    left: -3%;
    position: absolute;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 3.3rem, 3.7rem;
    box-shadow: none;
    background-image: url("../img/icones/social_border.svg"), url("../img/icones/social_background.svg"); }

section#main #products .active_filters ul li.filter-block {
  background: #fffcf5 !important;
  border-radius: 5px; }

section#main #products .active_filters p.h6 {
  color: #602f10; }

/*
+---------------------------------------------------------------+
| Miniature product                                             |
+---------------------------------------------------------------+
*/
.product-miniature {
  background-color: white;
  box-shadow: 0 0 5px lightgrey; }
  .product-miniature .thumbnail img {
    width: 100%; }
  .product-miniature .product-title {
    height: 50px;
    margin: 1rem 0;
    text-align: center; }
  .product-miniature .product-title,
  .product-miniature .product-title a {
    color: #602f10;
    font-size: 1.2rem;
    font-weight: 700; }
  .product-miniature .product-resume {
    height: 50px;
    margin-bottom: 2rem; }
  .product-miniature .quick-view {
    position: absolute;
    right: 0;
    bottom: 0px; }
  .product-miniature .card-body {
    padding: 0 1.25rem; }
  .product-miniature .variant-links div p {
    margin-bottom: 0 !important;
    font-size: 12px;
    color: #602f10; }

.product-thumb .title-container {
  position: relative;
  display: block;
  width: 80%;
  margin: auto;
  font-size: 1rem;
  color: white;
  transform: translateY(-40%); }

.product-thumb .thm-trap::before {
  z-index: -1;
  border-radius: 8px;
  transform: perspective(200px) rotateX(-15deg);
  backface-visibility: hidden;
  transform-origin: top; }

.product-thumb .thm-trap .outline::after {
  border-radius: 8px;
  transform: perspective(50px) rotateX(-5deg);
  backface-visibility: hidden; }

.product-thumb .product-title {
  position: relative;
  margin: 0;
  font-size: 1rem;
  color: white; }

.thumb.selected {
  border: 2px solid #64b928; }

.product-variants .input-color {
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer; }
  .product-variants .input-color:checked + .color-container, .product-variants .input-color:hover + .color-container {
    border-color: #64b928; }

.product-variants .color-container {
  padding: 0.25rem;
  border: 2px solid transparent; }
  .product-variants .color-container > span {
    display: block;
    margin: auto; }

.product-variants .color {
  position: relative;
  width: 40px;
  height: 40px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

.product-variants .evername {
  color: #602f10;
  font-size: 0.8rem; }

.product-variants label {
  margin-bottom: 0; }

.product-variants ul li.input-container label {
  text-align: center; }

.product-container .scroll-box-arrows {
  display: none; }

.product-price .current-price {
  color: #602f10;
  font-size: 2rem;
  font-weight: 700; }

.page-content .product-flags .product-flag {
  background-color: #64b928; }

.product-cover {
  position: relative;
  z-index: 2; }
  .product-cover img {
    border-radius: 4px;
    position: relative;
    z-index: 2; }
  .product-cover div.layer {
    z-index: 4;
    position: absolute; }
  .product-cover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #602f10;
    border-radius: 4px;
    transform: rotate(2deg);
    transition: all 0.3s linear;
    z-index: 3; }
  .product-cover::after {
    content: "";
    position: absolute;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    z-index: 1;
    background-image: url("../img/decors/traces.svg");
    background-size: 100% 100%; }

.product-description {
  color: #c49f77; }
  .product-description h4 {
    font-family: "Catenary Stamp";
    color: #64b928; }
  .product-description p {
    margin-bottom: 3rem; }
  .product-description ul {
    list-style: none !important;
    display: flex;
    flex-direction: column; }
    .product-description ul li {
      position: relative;
      margin: auto;
      text-align: justify;
      margin-bottom: 8px; }
      .product-description ul li::before {
        display: inline-block;
        position: absolute;
        content: "";
        width: 15px;
        height: 15px;
        left: -25px;
        margin-top: 5px;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/icones/bulle.svg); }
  .product-description ol {
    list-style: none !important;
    display: flex;
    flex-direction: column; }
    .product-description ol li {
      position: relative;
      margin: auto;
      text-align: justify;
      margin-bottom: 8px; }
      .product-description ol li::before {
        display: inline-block;
        position: absolute;
        content: "";
        width: 25px;
        height: 25px;
        left: -20px;
        margin-top: 5px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../img/icones/fleur.svg); }
  .product-description .variant-links {
    margin: 20px 0;
    display: flex;
    justify-content: space-around;
    width: 100%; }
    .product-description .variant-links a {
      height: 40px;
      width: 40px;
      display: inline-block;
      background-size: contain;
      position: relative; }
      .product-description .variant-links a:hover::before {
        content: "";
        position: absolute;
        top: 5%;
        left: -50%;
        width: 200%;
        height: 100%;
        z-index: 1;
        background-image: url("../img/icones/hover_variant.svg");
        background-size: 100% 100%; }
  .product-description blockquote {
    background-image: url(../img/background/background_conclusion.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    width: 140%;
    margin-left: -20%;
    padding: 25px; }

.product-features {
  text-align: center;
  background-image: url(../img/background/background_caracteristique.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  padding: 40px 0; }
  .product-features ul {
    display: flex;
    flex-direction: column; }
    .product-features ul li.value {
      position: relative;
      margin: auto; }
      .product-features ul li.value::before {
        display: inline-block;
        position: absolute;
        content: "";
        width: 15px;
        height: 15px;
        left: -25px;
        margin-top: 5px;
        background-image: url(../img/icones/bulle.svg);
        background-repeat: no-repeat;
        background-size: cover; }

.control-label {
  color: #64b928;
  font-family: "Catenary Stamp";
  display: block; }

.product-prices .tax-shipping-delivery-label {
  display: inline;
  font-size: 0.5rem; }

.qty {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .qty input {
    width: 60px !important;
    z-index: 5 !important; }
  .qty #quantity_wanted {
    background-color: transparent;
    text-align: center;
    border: none;
    color: #602f10;
    font-size: 1.2rem;
    font-weight: 700; }
  .qty .input-group-btn-vertical {
    position: absolute;
    left: -100%;
    width: 300%;
    height: 100%;
    padding: 0 6px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    z-index: 3; }
  .qty .btn-touchspin {
    background-color: #64b928;
    border-radius: 50%;
    border: 2px solid #602f10;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.2rem;
    font-weight: 700; }
    .qty .btn-touchspin i {
      display: none; }
  .qty .bootstrap-touchspin-down::before {
    content: "-"; }
  .qty .bootstrap-touchspin-up::before {
    content: "+"; }

.add {
  margin-left: 10%; }

.tabs {
  background-image: url(../img/background/background_description.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  text-align: center;
  border-radius: 20px;
  padding: 25px 15%;
  box-shadow: none; }
  .tabs .product-description {
    color: #602f10; }

@media (max-width: 992px) {
  .product-miniature .product-description h3 {
    margin: 0;
    height: auto; }
  .product-miniature .product-description .product-price-and-shipping {
    display: flex;
    flex-direction: column; }
    .product-miniature .product-description .product-price-and-shipping form {
      justify-content: center;
      display: flex; }
    .product-miniature .product-description .product-price-and-shipping button.add-to-cart,
    .product-miniature .product-description .product-price-and-shipping button.quick-view {
      display: block;
      float: none;
      bottom: 0; }
  .product-actions .product-quantity {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .product {
    padding-right: 5px;
    padding-left: 5px; }
    .product .product-miniature .card-body {
      padding: 0 0.25rem; }
      .product .product-miniature .card-body h2 {
        margin: 0; }
      .product .product-miniature .card-body .variant-links,
      .product .product-miniature .card-body form {
        display: none; }
      .product .product-miniature .card-body .variant-links p {
        margin-bottom: 0; } }

.product-thumb .thumbnail {
  position: relative;
  padding: 25px 0 0 25px;
  margin: 0 10px; }
  .product-thumb .thumbnail:before {
    content: "";
    position: absolute;
    width: 60%;
    height: 70%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-image: url("../img/cadres/cadre_blanc.png"); }
  .product-thumb .thumbnail.blanc:before {
    background-image: url("../img/cadres/cadre_blanc.png"); }
  .product-thumb .thumbnail.bleu:before {
    background-image: url("../img/cadres/cadre_bleu.png"); }
  .product-thumb .thumbnail.jaune:before {
    background-image: url("../img/cadres/cadre_jaune.png"); }
  .product-thumb .thumbnail.noir:before {
    background-image: url("../img/cadres/cadre_noir.png"); }
  .product-thumb .thumbnail.orange:before {
    background-image: url("../img/cadres/cadre_orange.png"); }
  .product-thumb .thumbnail.rouge:before {
    background-image: url("../img/cadres/cadre_rouge.png"); }
  .product-thumb .thumbnail.vert-fonce:before {
    background-image: url("../img/cadres/cadre_vert-fonce.png"); }
  .product-thumb .thumbnail.vert:before {
    background-image: url("../img/cadres/cadre_vert.png"); }
  .product-thumb .thumbnail.violet:before {
    background-image: url("../img/cadres/cadre_violet.png"); }
  .product-thumb .thumbnail img {
    position: relative; }

/*
+---------------------------------------------------------------+
| Listing                                                       |
+---------------------------------------------------------------+
*/
.block-category,
.page-header {
  padding: 70px 0;
  background-color: #fffcf5;
  box-shadow: none;
  border: none; }
  .block-category > div,
.page-header > div {
  position: relative;
  display: flex;
  align-items: center;}  
.block-category .lettrine,
  .page-header .lettrine {
    position: absolute;
    left: 20px; }
  .block-category h1,
  .page-header h1 {
    color: #602f10;
    text-transform: uppercase;
    margin: 0 50px;
    text-align: center; }
    .block-category h1::after,
    .page-header h1::after {
      content: "";
      position: absolute;
      width: 40px;
      height: 40px;
      top: 8px;
      right: -10px;
      background-image: url("../img/icones/after_h1.svg");
      background-repeat: no-repeat;
      background-size: 40px; }
    .block-category h1::before,
    .page-header h1::before {
      content: "";
      position: absolute;
      width: 40px;
      height: 40px;
      top: 8px;
      left: -10px;
      background-image: url("../img/icones/before_h1.svg");
      background-repeat: no-repeat;
      background-size: 40px; }
  .block-category .card-block h1::before, .block-category .card-block h1::after,
  .page-header .card-block h1::before,
  .page-header .card-block h1::after {
    top: 28px; }
  .block-category img,
  .page-header img {
    height: 100px;
    max-width: none;
    max-height: none; }
  .block-category .inverse,
  .page-header .inverse {
    transform: scale(-1, 1); }

.sort-by-row {
  padding: 10px;
  background-image: url("../img/icones/border.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat; }

.product-miniature .product-title a {
  color: #602f10;
  font-size: 0.875rem;
  text-decoration: none;
  text-align: center;
  font-weight: 400; }

.product-list-reviews {
  position: inherit; }

.product-miniature {
  position: relative; }
  .product-miniature .product-price-and-shipping {
    padding-bottom: 20px; }
  .product-miniature .add-to-cart,
  .product-miniature .quick-view {
    width: 60px;
    height: 60px;
    padding: 0px;
    background-color: transparent;
    background-image: url("../img/icones/cercle.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    outline: none; }
    .product-miniature .add-to-cart i,
    .product-miniature .quick-view i {
      margin: 0; }
    .product-miniature .add-to-cart:disabled,
    .product-miniature .quick-view:disabled {
      cursor: not-allowed;
      opacity: 0.7;
      filter: grayscale(100%); }

.pagination {
  float: right; }

.pagination .page-list {
  background-color: transparent;
  box-shadow: none; }
  .pagination .page-list a:not(.previous):not(.next) {
    margin: 0 10px; }
  .pagination .page-list .current a {
    color: #64b928;
    font-size: 1rem; }

.sort-by-row .products-sort-order {
  border: none; }
  .sort-by-row .products-sort-order .btn-unstyle .material-icons {
    color: #64b928; }

ul.page-list li a.next,
ul.page-list li a.previous {
  border-radius: 50%;
  color: white;
  background-color: #64b928;
  height: 2.5rem;
  width: 2.5rem; }

.product-line-grid button.btn-touchspin {
  padding: 0px;
  border: none;
  background-color: transparent;
  background-image: url("../img/icones/cercle.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }
  .product-line-grid button.btn-touchspin .material-icons {
    border: none;
    background-color: transparent; }

@media (max-width: 991px) {
  .block-category img,
  .page-header img {
    display: none; } }

/*
+---------------------------------------------------------------+
| Quick view                                                    |
+---------------------------------------------------------------+
*/
.quickview .modal-content {
  background-color: #fffcf5; }

/*
+---------------------------------------------------------------+
| Footer                                                        |
+---------------------------------------------------------------+
*/
footer#footer {
  padding-top: 200px;
  background-color: #f3e4b9;
  padding-bottom: 50px; }
  footer#footer a {
    color: #602f10 !important; }

/* =========================================================
   FOOTER - LIVRAISON DPD + ENGAGEMENTS
   VERSION FINALE
   ========================================================= */

footer#footer .footer-trust {
  display: flex;
  flex-direction: column;
  color: #602f10;
}


/* TITRES */
footer#footer .footer-trust-title {
  margin: 0 0 14px;

  color: #602f10;

  font-family: "Lato", sans-serif;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 600;

  text-align: left;
}


/* =========================================================
   LIVRAISON DPD
   ========================================================= */

footer#footer .footer-delivery {
  width: 100%;
  margin: 0 0 28px;
}

footer#footer .footer-delivery-logo-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;

  width: 100%;
}

footer#footer .footer-delivery-logo {
  display: block;

  width: 105px;
  max-width: 100%;
  height: auto;

  margin: 0;

  object-fit: contain;
}


/* =========================================================
   ENGAGEMENTS
   ========================================================= */

footer#footer .footer-engagements {
  width: 100%;
}

footer#footer .footer-engagement-logos {
  display: grid !important;

  grid-template-columns: repeat(2, 82px) !important;

  gap: 15px 14px !important;

  width: auto !important;

  justify-content: start !important;
  align-items: center !important;

  margin: 0 !important;
  padding: 0 !important;
}

footer#footer .footer-engagement-logo {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 82px !important;
  height: 65px !important;

  margin: 0 !important;
  padding: 3px !important;

  box-sizing: border-box;
}

footer#footer .footer-engagement-logo img {
  display: block !important;

  width: auto !important;
  max-width: 78px !important;

  height: auto !important;
  max-height: 58px !important;

  margin: 0 auto !important;

  object-fit: contain !important;
}


/* =========================================================
   TABLETTE / MOBILE
   ========================================================= */

@media screen and (max-width: 991px) {

  footer#footer .footer-trust {
    margin-top: 30px;

    align-items: center;

    text-align: center;
  }

  footer#footer .footer-trust-title {
    text-align: center;
  }

  footer#footer .footer-delivery-logo-wrapper {
    justify-content: center;
  }

  footer#footer .footer-delivery-logo {
    width: 105px;

    margin: 0 auto;
  }

  footer#footer .footer-engagement-logos {
    grid-template-columns: repeat(2, 90px) !important;

    justify-content: center !important;

    gap: 14px !important;
  }

  footer#footer .footer-engagement-logo {
    width: 90px !important;
    height: 68px !important;
  }

}


/* =========================================================
   PETITS MOBILES
   ========================================================= */

@media screen and (max-width: 420px) {

  footer#footer .footer-trust-title {
    font-size: 17px;
  }

  footer#footer .footer-delivery-logo {
    width: 95px;
  }

  footer#footer .footer-engagement-logos {
    grid-template-columns: repeat(2, 82px) !important;
  }

  footer#footer .footer-engagement-logo {
    width: 82px !important;
    height: 62px !important;
  }

  footer#footer .footer-engagement-logo img {
    max-width: 74px !important;
    max-height: 54px !important;
  }

}

/*
+---------------------------------------------------------------+
| Modal                                                         |
+---------------------------------------------------------------+
*/
.modal h2 {
  margin-bottom: 20px; }

.modal h6.product-name {
  color: #602f10 !important; }

.modal div.modal-body div.cart-content p.product-total {
  background-color: transparent !important; }

.modal .modal-body a.link {
  color: #64b928;
  cursor: pointer; }

.free-shipping-progressbar .progress {
  height: 40px;
  border-radius: 20px;
  border: 2px solid #602f10;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  margin-top: 15px; }
  .free-shipping-progressbar .progress .progress-bar {
    transform: scale(0.98, 0.9);
    border-radius: 20px;
    background-color: #64b928; }

/*
+---------------------------------------------------------------+
| Aditional product                                             |
+---------------------------------------------------------------+
*/
.product-accessories .h5 {
  font-family: "Catenary Stamp";
  color: #602f10;
  text-align: center;
  font-size: 1.8rem; }

/*
+---------------------------------------------------------------+
| Contact                                                       |
+---------------------------------------------------------------+
*/
section.contact-form h3 {
  text-align: center;
  font-family: "Catenary Stamp";
  color: #602f10; }

section.contact-form input,
section.contact-form select,
section.contact-form textarea {
  border: none; }
  section.contact-form input:focus, section.contact-form input:active,
  section.contact-form select:focus,
  section.contact-form select:active,
  section.contact-form textarea:focus,
  section.contact-form textarea:active {
    outline-color: #602f10; }

.contact-form form .form-fields #captcha-box > div {
  float: none; }

.contact-rich {
  background-color: #fffcf5;
  color: #602f10; }
  .contact-rich h4 {
    font-size: 1.8rem;
    text-align: center; }
  .contact-rich .row > :first-child {
    border-right: 1px solid #f3e4b9; }
  .contact-rich .block .data {
    font-size: 1.6rem; }
    .contact-rich .block .data a {
      color: #602f10; }
      .contact-rich .block .data a:hover {
        color: #64b928; }

@media (max-width: 992px) {
  .contact-rich .row > :first-child {
    border-right: none;
    border-bottom: 1px solid #f3e4b9;
    margin-bottom: 10px;
    padding-bottom: 10px; } }

/*
+---------------------------------------------------------------+
| Users pages                                                   |
+---------------------------------------------------------------+
*/
.login-form a,
.no-account a,
.register-form a {
  color: #64b928; }

.form-group {
  display: flex; }

.page-authentication {
  background-color: #fffcf5; }
  .page-authentication .custom-radio span {
    background-color: #64b928; }
  .page-authentication #content {
    max-width: 1200px;
    background-color: transparent;
    box-shadow: none;
    border: none; }
  .page-authentication .form-group input.form-control {
    background-color: transparent; }
    .page-authentication .form-group input.form-control:focus {
      border: none !important;
      outline-color: #64b928 !important; }
  .page-authentication a,
  .page-authentication a i {
    color: #64b928; }

.page-my-account #content .links a:hover i {
  color: #64b928; }

#password .card {
  box-shadow: none;
  border: none; }

#contact .contact-form {
  padding: 10px 0 0 0 !important; }

.forgotten-password .form-fields .center-email-fields {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 500px; }
  .forgotten-password .form-fields .center-email-fields label {
    width: 100%;
    text-align: left; }
  .forgotten-password .form-fields .center-email-fields div.email {
    margin: 20px 0; }
    .forgotten-password .form-fields .center-email-fields div.email input {
      background: none;
      color: #602f10;
      border-radius: 4px; }
      .forgotten-password .form-fields .center-email-fields div.email input:focus {
        border: 2px solid #602f10;
        outline: none; }

/*
+---------------------------------------------------------------+
| Checkout                                                      |
+---------------------------------------------------------------+
*/
body#checkout .cart-grid-body .checkout-step {
  background-color: #fffcf5;
  color: #602f10; }
  body#checkout .cart-grid-body .checkout-step .form-control:focus,
  body#checkout .cart-grid-body .checkout-step .input-group.focus {
    outline: 0.1875rem solid #602f10;
    border-color: #602f10; }

body#checkout .cart-grid-body,
body#checkout .cart-grid-right {
  margin-top: 20px; }

body#checkout .cart-grid-right {
  background-color: transparent; }
  body#checkout .cart-grid-right .card {
    background-color: #fffcf5; }
    body#checkout .cart-grid-right .card .card-block .cart-summary-products a {
      color: #64b928; }
    body#checkout .cart-grid-right .card .card-block .cart-summary-products .collapse .product-price {
      color: #602f10; }

.block-promo .promo-input + button {
  margin-left: 20px; }

/*
+---------------------------------------------------------------+
| Valeurs                                                       |
+---------------------------------------------------------------+
*/
#valeurs div img {
  margin: auto; }

#valeurs h6,
#valeurs p {
  text-align: center;
  width: 100%; }

#valeurs h6 {
  color: #64b928;
  font-size: 1.3rem; }

#valeurs p {
  color: #c49f77;
  font-size: 1.1rem; }

#valeurs .message {
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center; }
  #valeurs .message p {
    margin-top: 50px;
    font-size: 2rem;
    z-index: 2; }
    #valeurs .message p span {
      color: #64b928; }
  div #valeurs .message::before {
    content: "";
    background-image: url("../img/background/bacground_message.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 100vw;
    left: 0;
    height: 400px; }

/*
+---------------------------------------------------------------+
| Histoire                                                      |
+---------------------------------------------------------------+
*/
#histoire {
  overflow: hidden; }
  #histoire .message {
    margin: 50px 0;
    height: 400px; }
    #histoire .message h3 {
      text-align: center;
      color: #64b928;
      margin: 40px 0; }
    div #histoire .message::before {
      content: "";
      background-image: url("../img/background/bandeau_background.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      position: absolute;
      width: 100vw;
      left: 0;
      height: 400px; }
    #histoire .message div img {
      height: auto;
      max-height: 150px;
      max-width: 15%; }

@media (max-width: 992px) {
  #histoire .message div img {
    max-width: 20%; } }

@media (max-width: 576px) {
  #histoire .message div img {
    max-width: 25%; } }

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #64b928;
  filter: grayscale(100%); }

/*
+---------------------------------------------------------------+
| Filtre catalog                                                |
+---------------------------------------------------------------+
*/
#left-column #search_filters .ui-slider .ui-slider-handle {
  width: 20px;
  height: 20px;
  border-radius: 50%; }

#left-column #search_filters .ui-slider-range {
  background-color: #64b928; }

#left-column #search_filters .custom-checkbox input + span {
  border: 2px solid #c4c4c4;
  border-radius: 2px; }

#left-column #search_filters .custom-checkbox input:checked ~ span {
  background-color: #64b928; }
  #left-column #search_filters .custom-checkbox input:checked ~ span i {
    color: white; }

#left-column #search_filters section.facet {
  padding: 25px 10px; }
  #left-column #search_filters section.facet a {
    color: #602f10; }
  #left-column #search_filters section.facet .h6 {
    color: #64b928; }

#left-column #search_filters section.facet .tags li {
  display: inline-block;
  width: auto;
  margin-left: 5px; }
  #left-column #search_filters section.facet .tags li a {
    width: auto;
    margin: 0; }

#left-column #search_filters section.facet .tags .custom-checkbox {
  display: none; }

#left-column #search_filters section.facet .tags .magnitude {
  display: none; }

#left-column #search_filters section.facet .tags .facet-label {
  display: flex;
  justify-content: center; }
  #left-column #search_filters section.facet .tags .facet-label:before {
    content: "#"; }

#search_filters,
#search_filters_brands,
#search_filters_suppliers {
  box-shadow: none;
  background-color: transparent;
  background-image: url("../img/background/background_filtre.svg");
  background-size: 100% 100%;
  min-height: 400px; }

/*
+---------------------------------------------------------------+
| Blog                                                          |
+---------------------------------------------------------------+
*/
#module-everpsblog-blog article.everpsblog {
  text-align: center;
  border: none; }
  #module-everpsblog-blog article.everpsblog span.article-date {
    color: #64b928; }
  #module-everpsblog-blog article.everpsblog h3.article-content {
    text-align: center; }
    #module-everpsblog-blog article.everpsblog h3.article-content a {
      color: #602f10; }

/*
+---------------------------------------------------------------+
| Tableau réduction                                             |
+---------------------------------------------------------------+
*/
table.table {
  border: none; }
  table.table thead th {
    color: #602f10;
    background-color: transparent;
    border: none; }
  table.table tbody tr th,
  table.table tbody tr td {
    background-color: transparent;
    color: #602f10;
    border: none; }
  table.table tbody tr:hover {
    background-color: #fffcf5; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: transparent; }

/*
+---------------------------------------------------------------+
| Map colissimo                                                 |
+---------------------------------------------------------------+
*/
.leaflet-tile-container,
.leaflet-layer,
.leaflet-tile-pane,
.leaflet-map-pane {
  height: 100%; }

/*
+---------------------------------------------------------------+
| Texte                                                         |
+---------------------------------------------------------------+
*/
#product-description-short,
.product-line-grid-right .product-price,
.card-block h4 span.label,
.cart-summary-line .label,
.cart-summary-line .value,
body#checkout section.checkout-step .add-address a,
body#checkout a:hover,
section.checkout-step.-reachable.-complete h1 .step-edit,
.page-my-account #content .links a span.link-item,
.page-my-account #content .links a span.link-item .material-icons,
#product-availability,
.social-sharing,
.product-description .product-price-and-shipping,
.pagination a,
.contact-rich .block .data,
.contact-rich h4 {
  color: #602f10; }

.block-promo .promo-code-button.cancel-promo {
  color: #64b928; }

.everpsblogcontent {
  color: #c49f77; }

.btn-info:hover {
  background-color: #602f10; }

.debug {
  position: fixed;
  width: 100vw;
  background-color: red;
  z-index: 50; }

/*
+---------------------------------------------------------------+
| F****** Certishopping module                                  |
+---------------------------------------------------------------+
*/
.modal.in .modal-dialog {
  position: relative;
  max-width: 600px;
  background: none;
  overflow: visible; }


/* =========================================================
   ACCUEIL - COFFRETS À OFFRIR
   Version finale - effet incliné et décalé
   Desktop + mobile
   ========================================================= */


/* =========================================================
   CONTENEUR
   ========================================================= */

body#index .home-coffret-card .title-container {
  position: relative;
  z-index: 2;
  isolation: isolate;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 88%;
  min-height: 90px;

  margin: 0 auto;
  padding: 14px 18px !important;

  background: transparent;

  overflow: visible;

  transform: translateY(-30%);
}


/* =========================================================
   FOND VERT
   ========================================================= */

body#index .home-coffret-card .thm-trap::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  z-index: 0;

  background-color: #64b928;

  border-radius: 16px;

  /*
   * Très légère inclinaison seulement.
   * Aucune perspective : pas de triangle sur mobile.
   */
  transform: rotate(-0.8deg);
  transform-origin: center;

  box-shadow: 0 5px 14px rgba(96, 47, 16, 0.14);

  backface-visibility: hidden;

  transition:
    background-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}


/* =========================================================
   CONTOUR MARRON DÉCALÉ
   ========================================================= */

body#index .home-coffret-card .thm-trap .outline {
  position: absolute;

  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  z-index: 1;

  transform: none;

  pointer-events: none;
}


body#index .home-coffret-card .thm-trap .outline::after {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  border: 2px solid #602f10;
  border-radius: 16px;

  background: transparent;

  box-sizing: border-box;

  /*
   * Contour volontairement différent du fond :
   * rotation inverse + petit décalage.
   */
  transform:
    translate(4px, 3px)
    rotate(1.4deg);

  transform-origin: center;

  backface-visibility: hidden;
}


/* =========================================================
   TITRE
   ========================================================= */

body#index .home-coffret-card .product-title {
  position: relative;
  z-index: 3;

  display: block;

  width: 100%;

  margin: 0;
  padding: 0 4px;

  color: #ffffff !important;

  font-family: "Lato", sans-serif;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 700;

  letter-spacing: 0.1px;

  text-align: center;
}


body#index .home-coffret-card .product-title a {
  color: #ffffff !important;

  text-decoration: none !important;
}


/* =========================================================
   SOUS-TITRE
   ========================================================= */

body#index .home-coffret-card .home-coffret-subtitle {
  position: relative;
  z-index: 3;

  display: block;

  width: 100%;

  margin: 6px 0 0;
  padding: 0 4px;

  color: #ffffff !important;

  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 400;

  text-align: center;

  opacity: 0.95;
}


/* =========================================================
   LIEN
   ========================================================= */

body#index .home-coffret-card > a {
  text-decoration: none !important;
}


/* =========================================================
   SURVOL PC
   ========================================================= */

@media screen and (min-width: 768px) {

  body#index .home-coffret-card:hover .thm-trap::before {
    background-color: #69bf2c;

    box-shadow: 0 7px 18px rgba(96, 47, 16, 0.18);

    transform:
      translateY(-1px)
      rotate(-0.8deg);
  }


  body#index .home-coffret-card:hover
  .thm-trap .outline::after {
    transform:
      translate(4px, 3px)
      rotate(0.8deg);
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

  body#index .home-coffret-card .title-container {
    width: 92%;
    min-height: 82px;

    margin: 0 auto;

    padding: 12px 10px 13px !important;

    transform: translateY(-24%);
  }


  /* Fond vert : très légère inclinaison */
  body#index .home-coffret-card .thm-trap::before {
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border-radius: 14px;

    transform: rotate(-0.45deg) !important;

    box-shadow: 0 4px 11px rgba(96, 47, 16, 0.14);
  }


  /* Contour */
  body#index .home-coffret-card .thm-trap .outline {
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    transform: none !important;
  }


  body#index .home-coffret-card
  .thm-trap .outline::after {
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border: 2px solid #602f10;
    border-radius: 14px;

    /*
     * Même signature graphique sur mobile,
     * mais moins prononcée.
     */
    transform:
      translate(3px, 2px)
      rotate(1deg) !important;
  }


  body#index .home-coffret-card .product-title {
    width: 100%;

    margin: 0;
    padding: 0 3px;

    font-size: 16px;
    line-height: 1.25;
    font-weight: 700;

    text-align: center;
  }


  body#index .home-coffret-card
  .home-coffret-subtitle {
    width: 100%;

    margin: 5px 0 0;
    padding: 0 3px;

    font-size: 12px;
    line-height: 1.3;

    text-align: center;
  }

}


/* =========================================================
   TRÈS PETITS ÉCRANS
   ========================================================= */

@media screen and (max-width: 420px) {

  body#index .home-coffret-card .title-container {
    width: 94%;
    min-height: 80px;

    padding: 11px 8px 12px !important;
  }


  body#index .home-coffret-card .thm-trap::before {
    transform: rotate(-0.35deg) !important;
  }


  body#index .home-coffret-card
  .thm-trap .outline::after {
    transform:
      translate(2px, 2px)
      rotate(0.8deg) !important;
  }


  body#index .home-coffret-card .product-title {
    font-size: 15px;
    line-height: 1.25;
  }


  body#index .home-coffret-card
  .home-coffret-subtitle {
    font-size: 11.5px;
    line-height: 1.25;
  }

}

/* =========================================================
   ACCUEIL - BOUTON BLOG
   "DÉCOUVRIR TOUS NOS CONSEILS"
   Fond vert + contour marron décalé
   ========================================================= */

body#index section.bloghome .btn.btn-info {
  position: relative;
  z-index: 1;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 28px;

  color: #ffffff !important;

  background: #64b928 !important;
  background-color: #64b928 !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 50px !important;

  box-shadow: none !important;

  font-family: "Lato", sans-serif;
  font-weight: 600;

  text-decoration: none !important;

  overflow: visible;

  transition:
    background-color 0.2s ease,
    transform 0.2s ease;
}


/* Contour marron incliné et décalé */
body#index section.bloghome .btn.btn-info::after {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  border: 2px solid #602f10;
  border-radius: 50px;

  background: transparent;

  transform:
    translate(3px, 2px)
    rotate(-3deg);

  box-sizing: border-box;

  pointer-events: none;
}


/* Survol */
body#index section.bloghome .btn.btn-info:hover,
body#index section.bloghome .btn.btn-info:focus {
  color: #ffffff !important;

  background: #70c832 !important;
  background-color: #70c832 !important;

  transform: translateY(-1px);

  text-decoration: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

  body#index section.bloghome .btn.btn-info {
    padding: 11px 24px;

    font-size: 14px;
    line-height: 1.2;
  }


  body#index section.bloghome .btn.btn-info::after {
    transform:
      translate(3px, 2px)
      rotate(-2deg);
  }

}
/* =========================================================
   FOOTER - BESOIN D'AIDE / CONTACT
   ========================================================= */

footer#footer .footer-contact-content {
  color: #602f10;
}

footer#footer .footer-contact-content .block-contact-title {
  margin: 0 0 20px;

  color: #602f10;

  font-family: "Lato", sans-serif;
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: 400;
}


/* Téléphone */
footer#footer .footer-contact-phone {
  display: flex;
  align-items: center;

  margin-bottom: 12px;
}

footer#footer .footer-contact-phone img {
  width: 26px;
  height: 26px;

  margin-right: 9px;

  object-fit: contain;
}

footer#footer .footer-contact-phone a {
  color: #602f10 !important;

  font-size: 16px;

  text-decoration: none !important;
}


/* Contact */
footer#footer .footer-contact-link {
  margin-bottom: 16px;
}

footer#footer .footer-contact-link a {
  color: #602f10 !important;

  font-size: 15px;
  font-weight: 600;

  text-decoration: underline;
  text-underline-offset: 3px;
}

footer#footer .footer-contact-link a:hover {
  color: #64b928 !important;
}


/* Réseaux sociaux */
footer#footer .footer-social {
  margin: 0;
}

footer#footer .footer-social ul {
  display: flex;
  align-items: center;

  margin: 0;
  padding: 0;

  gap: 8px;
}


/* E-mail éventuel */
footer#footer .footer-contact-email {
  margin-top: 15px;
}

footer#footer .footer-contact-email a {
  color: #602f10 !important;

  font-size: 14px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

  footer#footer .footer-contact-content {
    margin-top: 28px;

    text-align: center;
  }

  footer#footer .footer-contact-content .block-contact-title {
    margin-bottom: 16px;

    font-size: 1.5rem;
  }

  footer#footer .footer-contact-phone {
    justify-content: center;
  }

  footer#footer .footer-social ul {
    justify-content: center;
  }

}

/* =========================================================
   FOOTER - CERTISHOPPING GOLD
   ========================================================= */

footer#footer .footer-copyright {
  margin-top: 8px;
  color: #602f10;
  font-size: 14px;
}

footer#footer .footer-certishopping-gold {
  width: 100%;
  max-width: 190px;

  margin: 20px 0 0;

  display: flex;
  justify-content: flex-start;
  align-items: center;
}


/* TABLETTE / MOBILE */
@media screen and (max-width: 991px) {

  footer#footer .footer-certishopping-gold {
    max-width: 180px;

    margin: 20px auto 0;

    justify-content: center;
  }

}
/* =========================================================
   FOOTER MOBILE - VERSION FINALE LES INFUTHÉS
   ========================================================= */

@media screen and (max-width: 767px) {

  /* =======================================================
     FOOTER GLOBAL
     ======================================================= */

  footer#footer {
    padding-top: 38px !important;
    padding-bottom: 95px !important;

    text-align: center !important;
  }

  footer#footer .container-xl {
    width: 100% !important;

    padding-left: 18px !important;
    padding-right: 18px !important;
  }


  /* =======================================================
     LOGO LES INFUTHÉS
     ======================================================= */

  footer#footer .logo_footer {
    width: 100% !important;

    margin: 0 auto 14px !important;

    text-align: center !important;
  }

  footer#footer .logo_footer a {
    display: inline-block !important;
  }

  footer#footer .logo_footer img {
    display: block !important;

    width: 215px !important;
    max-width: 82vw !important;
    height: auto !important;

    margin: 0 auto !important;
  }


  /* =======================================================
     COPYRIGHT
     ======================================================= */

  footer#footer .footer-copyright {
    margin: 0 auto 12px !important;

    font-size: 13px !important;
    line-height: 1.3 !important;

    text-align: center !important;
  }

  footer#footer .footer-copyright a {
    text-decoration: none !important;
  }


  /* =======================================================
     CERTISHOPPING GOLD
     ======================================================= */

  footer#footer .footer-certishopping-gold {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 170px !important;
    max-width: 170px !important;

    margin: 12px auto 25px !important;
  }

  footer#footer .footer-certishopping-gold
  [certishopping-badge-certification] {
    display: block !important;

    width: 170px !important;
    max-width: 170px !important;

    margin: 0 auto !important;
  }


  /* =======================================================
     ZONE CENTRALE DU FOOTER
     ======================================================= */

  footer#footer .col-lg-8 {
    width: 100% !important;
    max-width: 100% !important;

    flex: 0 0 100% !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
  }


  /* =======================================================
     ACCORDÉONS
     NOS INFUSIONS & THÉS / LES INFUTHÉS
     ======================================================= */

  footer#footer .links .title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    max-width: 300px !important;

    min-height: 56px !important;

    margin: 0 auto !important;
    padding: 12px 12px !important;

    border-bottom: 1px solid rgba(96, 47, 16, 0.12) !important;

    box-sizing: border-box !important;

    text-align: left !important;
  }

  footer#footer .links .title .h3 {
    margin: 0 !important;

    color: #602f10 !important;

    font-family: "Lato", sans-serif !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;

    white-space: nowrap !important;

    text-align: left !important;
  }

  footer#footer .links .title .float-xs-right {
    margin-left: auto !important;
  }

  footer#footer .links .title .collapse-icons {
    color: #602f10 !important;
  }


  /* Liens quand l'accordéon est ouvert */
  footer#footer .links ul.collapse,
  footer#footer .links ul.collapsing {
    max-width: 300px !important;

    margin: 0 auto !important;
    padding: 10px 12px 14px !important;

    text-align: left !important;
  }

  footer#footer .links ul li {
    margin: 0 !important;
    padding: 4px 0 !important;

    line-height: 1.35 !important;
  }

  footer#footer .links ul li a {
    font-size: 14px !important;
  }


  /* =======================================================
     BESOIN D'AIDE
     ======================================================= */

  footer#footer .footer-contact-content {
    width: 100% !important;
    max-width: 330px !important;

    margin: 30px auto 0 !important;
    padding: 0 !important;

    text-align: center !important;
  }

  footer#footer
  .footer-contact-content
  .block-contact-title {
    margin: 0 0 17px !important;

    color: #602f10 !important;

    font-size: 25px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;

    text-align: center !important;
  }


  /* Téléphone */
  footer#footer .footer-contact-phone {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 auto 15px !important;
  }

  footer#footer .footer-contact-phone img {
    width: 27px !important;
    height: 27px !important;

    margin: 0 9px 0 0 !important;
  }

  footer#footer .footer-contact-phone a {
    font-size: 17px !important;

    text-decoration: none !important;
  }


  /* Nous contacter */
  footer#footer .footer-contact-link {
    margin: 0 auto 19px !important;
  }

  footer#footer .footer-contact-link a {
    font-size: 15px !important;
    font-weight: 600 !important;

    text-underline-offset: 3px !important;
  }


  /* =======================================================
     RÉSEAUX SOCIAUX
     ======================================================= */

  footer#footer .footer-social {
    margin: 0 auto !important;
  }

  footer#footer .footer-social ul {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 15px !important;

    margin: 0 auto !important;
    padding: 0 !important;
  }


  /* =======================================================
     RÉTRACTATION
     ======================================================= */

  footer#footer .pswithdrawal-footer {
    width: 100% !important;

    margin: 22px auto 0 !important;

    text-align: center !important;
  }

  footer#footer .pswithdrawal-footer-link {
    font-size: 15px !important;
    font-weight: 600 !important;

    text-underline-offset: 3px !important;
  }


  /* =======================================================
     LIVRAISON DPD
     ======================================================= */

  footer#footer .footer-trust {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 320px !important;

    margin: 40px auto 0 !important;

    padding: 0 !important;

    text-align: center !important;
  }

  footer#footer .footer-trust-title {
    margin: 0 0 14px !important;

    color: #602f10 !important;

    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;

    text-align: center !important;
  }

  footer#footer .footer-delivery {
    width: 100% !important;

    margin: 0 0 32px !important;
  }

  footer#footer .footer-delivery-logo-wrapper {
    display: flex !important;

    justify-content: center !important;
    align-items: center !important;
  }

  footer#footer .footer-delivery-logo {
    width: 90px !important;
    max-width: 90px !important;
    height: auto !important;

    margin: 0 auto !important;
  }


  /* =======================================================
     NOS ENGAGEMENTS
     ======================================================= */

  footer#footer .footer-engagements {
    width: 100% !important;
  }

  footer#footer .footer-engagement-logos {
    display: grid !important;

    grid-template-columns: repeat(2, 95px) !important;

    justify-content: center !important;
    align-items: center !important;

    gap: 16px !important;

    width: 100% !important;
    max-width: 230px !important;

    margin: 0 auto !important;
    padding: 0 !important;
  }

  footer#footer .footer-engagement-logo {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 95px !important;
    height: 72px !important;

    margin: 0 !important;
    padding: 4px !important;

    box-sizing: border-box !important;
  }

  footer#footer .footer-engagement-logo img {
    display: block !important;

    width: auto !important;
    max-width: 88px !important;

    height: auto !important;
    max-height: 64px !important;

    margin: 0 auto !important;

    object-fit: contain !important;
  }

}


/* =========================================================
   TRÈS PETITS MOBILES
   ========================================================= */

@media screen and (max-width: 380px) {

  footer#footer {
    padding-top: 32px !important;
  }

  footer#footer .logo_footer img {
    width: 195px !important;
  }

  footer#footer .footer-certishopping-gold,
  footer#footer .footer-certishopping-gold
  [certishopping-badge-certification] {
    width: 155px !important;
    max-width: 155px !important;
  }

  footer#footer .links .title {
    max-width: 280px !important;
  }

  footer#footer .links .title .h3 {
    font-size: 20px !important;
  }

  footer#footer
  .footer-contact-content
  .block-contact-title {
    font-size: 23px !important;
  }

  footer#footer .footer-engagement-logos {
    grid-template-columns: repeat(2, 86px) !important;

    gap: 12px !important;
  }

  footer#footer .footer-engagement-logo {
    width: 86px !important;
    height: 66px !important;
  }

  footer#footer .footer-engagement-logo img {
    max-width: 80px !important;
    max-height: 58px !important;
  }

}

/* =========================================================
   DESCRIPTIONS DES CATÉGORIES - LES INFUTHÉS
   VERSION UNIFIÉE
   PC + TABLETTE + MOBILE
   ========================================================= */


/* =========================================================
   CONTENEUR
   ========================================================= */

body#category .block-category #category-description {
  display: block !important;

  width: calc(100% - 50px) !important;
  max-width: 1050px !important;

  min-width: 0 !important;

  margin: 28px auto 0 !important;
  padding: 30px 42px !important;

  color: #4b4035 !important;

  background-color: #fbf7ed !important;

  border: 1px solid #eadfc9 !important;
  border-radius: 12px !important;

  box-sizing: border-box !important;

  float: none !important;

  overflow: visible !important;

  left: auto !important;
  right: auto !important;

  transform: none !important;
}


/* =========================================================
   CONTENU INTERMÉDIAIRE ÉVENTUEL
   PrestaShop peut encapsuler le HTML dans un div
   ========================================================= */

body#category
.block-category
#category-description
> div {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}


/* =========================================================
   TITRES
   ========================================================= */

body#category
.block-category
#category-description h2 {
  display: block !important;

  width: 100% !important;
  max-width: 780px !important;

  margin: 0 auto 18px !important;
  padding: 0 !important;

  color: #58a85c !important;

  font-family:
    "Catenary Stamp",
    "Lato",
    sans-serif !important;

  font-size: 25px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;

  text-align: center !important;

  text-transform: uppercase !important;

  transform: none !important;
}


/* =========================================================
   PARAGRAPHES
   ========================================================= */

body#category
.block-category
#category-description p {
  display: block !important;

  width: 100% !important;
  max-width: 900px !important;

  min-width: 0 !important;

  margin: 0 auto !important;
  padding: 0 !important;

  color: #4b4035 !important;

  font-family: "Lato", sans-serif !important;

  font-size: 16px !important;
  line-height: 1.7 !important;

  text-align: center !important;

  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;

  box-sizing: border-box !important;
}


/* Espacement entre plusieurs paragraphes */

body#category
.block-category
#category-description p + p {
  margin-top: 16px !important;
}


/* =========================================================
   TEXTE IMPORTANT / LIENS
   ========================================================= */

body#category
.block-category
#category-description strong {
  color: #602f10 !important;

  font-weight: 700 !important;
}


body#category
.block-category
#category-description a {
  color: #58a85c !important;

  font-weight: 600;

  text-decoration: none;
}


body#category
.block-category
#category-description a:hover,
body#category
.block-category
#category-description a:focus {
  color: #602f10 !important;

  text-decoration: underline;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media screen and (max-width: 991px) {

  body#category .block-category {
    width: 100% !important;

    padding-top: 38px !important;
    padding-bottom: 30px !important;

    box-sizing: border-box !important;
  }


  body#category .block-category > div {
    width: 100% !important;
    max-width: 100% !important;

    min-width: 0 !important;

    flex-wrap: wrap !important;

    justify-content: center !important;

    box-sizing: border-box !important;
  }


  body#category
  .block-category
  #category-description {
    width: calc(100% - 30px) !important;
    max-width: 760px !important;

    margin: 22px auto 0 !important;

    padding: 27px 28px !important;
  }


  body#category
  .block-category
  #category-description h2 {
    margin-bottom: 17px !important;

    font-size: 23px !important;
  }


  body#category
  .block-category
  #category-description p {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 576px) {

  body#category .block-category {
    padding-top: 28px !important;
    padding-bottom: 25px !important;
  }


  body#category
  .block-category
  #category-description {
    width: calc(100% - 20px) !important;
    max-width: none !important;

    margin: 18px auto 0 !important;

    padding: 22px 17px !important;

    border-radius: 10px !important;
  }


  body#category
  .block-category
  #category-description h2 {
    margin-bottom: 15px !important;

    font-size: 21px !important;
    line-height: 1.3 !important;
  }


  body#category
  .block-category
  #category-description p {
    font-size: 14.5px !important;
    line-height: 1.65 !important;

    text-align: left !important;
  }


  body#category
  .block-category
  #category-description p + p {
    margin-top: 15px !important;
  }

}


/* =========================================================
   PETITS MOBILES
   ========================================================= */

@media screen and (max-width: 420px) {

  body#category
  .block-category
  #category-description {
    width: calc(100% - 16px) !important;

    padding: 20px 14px !important;
  }


  body#category
  .block-category
  #category-description h2 {
    font-size: 19px !important;
  }


  body#category
  .block-category
  #category-description p {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

}