/*  ------  reset   ------  */
/*
#main:not(.main-homepage) {padding-top: 0px; }
.breadcrumb {display: none !important; }
#wrapper { max-width: 100%; }
i-footer footer {  margin-top: 0; }
.footer-wrapper { position: relative; }
.primary-content { padding-bottom: 0px; }

@media (max-width: 640px) { 
    .offerbumper-loader { display: none !important;}
}

#wrapper.pt_category-wide .site-width-slot, 
#wrapper.pt_category-wide .breadcrumb-container,
#wrapper.pt_category-wide .page-content {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 0 !important;
    padding-right: 0 !important; 
}
*/

/*  ------  fonts   ------  */

@font-face {
   font-family: "Gotham_Light";
   src: url("../fonts/GothamLight.woff2") format("woff2"),
      url("../fonts/GothamLight.woff") format("woff"),
      url("../fonts/GothamLight.ttf") format("truetype");
}


/*  ------  variables   ------  */

.ds__page {
   --CLARINS-FONT: ClarinsRegular, Clarins;
   --GOTHAM-LIGHT: "Gotham_Light";
   --GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
   --GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
   --COLOR-DEFAULT: #333;
   --COLOR-RED-A: #b40024;
   --COLOR-RED-B: #8c0b26;
   --RADIUS: 8px;
   --ratioWidth: 1px;
   --mainOffset: 60px;
   --screenHeight: calc(100vh - var(--mainOffset));
}

@media (min-width: 768px) {
   .ds__page {
      --mainOffset: 147px;
   }
}



/*  ------  page   ------  */

.ds__page {
   font-family: var(--GOTHAM-BOOK);
   font-weight: normal;
   color: #333333;
   position: relative;
   width: 100%;
   overflow: hidden;
}

.ds__page * {
   box-sizing: border-box;
}

.ds__page h1,
.ds__page h2,
.ds__page h3 {
   margin: 0;
   padding: 0;
   font-weight: normal;
}

.ds__page p {
   margin: 0;
   padding: 0;
}

.ds__page picture {
   display: block;
   /*! width: 100%; */
}

.ds__page img {
   width: 100%;
   display: block;
}

.ds__page sup {
   line-height: 1em;
}

.ds__page a {
   color: var(--COLOR-DEFAULT);
   text-decoration: none;
}

.ds__page .ds__container {
   position: relative;
   max-width: 1050px;
   width: 90%;
   margin: 0 auto;
}

.ds__page .ds__bloc {
   position: relative;
   width: 100%;
   margin: 0 auto;
}

.ds__page .ds__title {
   font-size: 48px;
   line-height: 1.42em;
   text-rendering: optimizeSpeed;
}

.ds__page .ds__title small {
   display: block;
}

.ds__page .ds__subtitle {
   font-family: var(--GOTHAM-MEDIUM);
   font-size: 24px;
   line-height: 1.33em;
   text-rendering: optimizeSpeed;
}

.ds__page .ds__text {
   font-size: 14px;
   line-height: 1.45em;
   text-rendering: optimizeSpeed;
}

.ds__page .ds__text>span {
   display: block;
}

.ds__page .ds__text .ds__nowrap {
   white-space: nowrap;
}

.ds__page .ds__text a {
   text-decoration: underline;
}

.ds__page .ds__text a:hover {
   text-decoration: none;
}

.ds__page .ds__price {
   font-size: 14px;
   line-height: 1.28em;
   text-rendering: optimizeSpeed;
}

.ds__page .ds__priceperunit {
   font-size: 10px;
   line-height: 1.28em;
   text-rendering: optimizeSpeed;
}

.ds__page .ds__legend-text {
   font-size: 10px;
   line-height: 1.44em;
   text-align: center;
   text-rendering: optimizeSpeed;
}

.ds__page .ds__text strong,
.ds__page .ds__strong {
   font-family: var(--GOTHAM-MEDIUM);
   font-weight: normal;
}

.ds__page .ds__price {
   font-size: 16px;
   line-height: 20px;
}

.ds__page .ds__cta {
   padding-top: 16px;
}

.ds__page .ds__cta-btn {
   cursor: pointer;
   display: inline-flex;
   min-width: 120px;
   height: auto;
   padding: 14px 17px;
   font-size: 14px;
   line-height: 1em;
   text-align: center;
   text-decoration: none;
   letter-spacing: 0;
   color: #fff;
   background-color: var(--COLOR-RED-A);
   border: 2px solid var(--COLOR-RED-A);
   border-radius: 5px;
   font-family: var(--GOTHAM-MEDIUM, Helvetica, Arial);
   font-weight: 500;
   position: relative;
   top: 0;
   left: 0;
   align-items: center;
   justify-content: center;
}

.ds__page .ds__cta-text {
   color: #fff;
}

.ds__page .ds__cta-white {
   color: var(--COLOR-DEFAULT);
   background: #fff;
   border: 1px solid #cfcac9;
   transition: all 0.3s;
   font-size: 11px;
   text-transform: uppercase;
}

.ds__page .ds__cta-white .ds__cta-text {
   color: var(--COLOR-DEFAULT);
}

.ds__page .ds__cta .add-to-bag button {
   background-color: var(--COLOR-RED-A) !important;
   border: 0px solid var(--COLOR-RED-A) !important;
   height: 44px !important;
   width: auto;
   text-transform: none;
   padding-left: 1.575em;
   padding-right: 1.575em;
}


.ds__page .ds__cta .add-to-bag button:active,
.ds__page .ds__cta .add-to-bag button:focus {
   border: 2px solid var(--COLOR-RED-A) !important;
   color: #fff !important;
}

.ds__page .ds__cta .add-to-bag button:focus {
   outline: 2px solid var(--COLOR-RED-A) !important;
}

.ds__page .ds__cta .add-to-bag button:hover {
   border: 2px solid var(--COLOR-RED-B) !important;
   color: #fff !important;
   background-color: var(--COLOR-RED-B) !important;
}

.ds__page a.ds__link {
   color: var(--COLOR-DEFAULT);
   text-decoration: underline;
   font-family: var(--GOTHAM-MEDIUM);
   font-size: 11px;
   line-height: 1.42em;
   letter-spacing: 0.02em;
   text-transform: uppercase;
}

.ds__page .ds__link-text {
   color: var(--COLOR-DEFAULT);
}

.ds__page .ds__quickview-btn {
   display: inline-flex;
}

.ds__page .ds__quickview-btn-white {
   display: inline-flex;
}


.ds__page .ds__gradient {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   background: linear-gradient(289.12deg, #DBA467 -2.26%, #DC903B 49.03%, #9E4D16 106.31%, #240600 163.64%);
}

.ds__page .ds__gradient.ds__hidden {
   display: none;
}

.ds__page .ds__nowrap {
   white-space: nowrap;
}

.ds__page .ds__underline {
   text-decoration: underline;
}

.ds__page .ds__quickshop {
   display: none;
}

.ds__page .ds__addtobag {
   display: none;
}

.ds__page .ds__data {
   display: none;
}

/*
.ds__page .ds__cta a.ds__disabled { background-color: #cfcac9; border-color:#cfcac9; cursor: default; }
*/
.ds__page .ds__only-desktop {
   display: none;
}

.ds__page .ds__only-mobile {
   display: none;
}


@media (max-width: 768px) {

   .ds__page .ds__page {
      overflow: hidden;
   }

   .ds__page .ds__cta-btn.ds__only-mobile {
      display: inline-flex;
   }

   .ds__page .ds__container {
      padding: 0;
   }

   .ds__page .ds__bloc {
      padding-bottom: 0;
   }

   .ds__page .ds__title {
      font-size: 40px;
      line-height: 1.2em;
   }


}


@media (min-width: 769px) {

   .ds__page .ds__quickview-btn.ds__only-desktop {
      display: inline-block;
   }

   .ds__page .ds__cta-btn.ds__only-desktop {
      display: inline-flex;
   }

   .ds__page .ds__cta-btn:hover {
      color: #fff;
      outline: 0 !important;
      background-color: var(--COLOR-RED-B);
      border-color: var(--COLOR-RED-B);
   }

   .ds__page .ds__cta-white:hover {
      color: var(--COLOR-DEFAULT);
      border: 1px solid #797674;
      background: #fff;
      box-shadow: 0px 0px 7px 0px #00000026;
   }

   .ds__page a.ds__link:hover {
      color: var(--COLOR-DEFAULT);
      text-decoration: none;
   }

   .ds__page a.ds__link:hover .ds__link-text {
      color: var(--COLOR-DEFAULT);
   }

   .ds__page a.ds__underline:hover {
      text-decoration: none;
   }

}


/*   header    */

.ds__page .ds__bloc-header {
   --pictoWidth: calc(var(--headerRatio) * 74 / 112);
   --headerRatio: calc(100vw / 376);
   position: relative;
   height: calc(726 * var(--headerRatio));
   margin-top: 44px;
}

.ds__page .ds__header-media {
   position: absolute;
   width: 100%;
   height: 100%;
}

.ds__page .ds__header-picture {
   width: 100%;
   height: 100%;
}

.ds__page .ds__header-img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.ds__page .ds__header-body {
   position: relative;
   display: flex;
   align-items: center;
   height: 100%;
}

.ds__page .ds__header-content {
   height: 100%;
   position: relative;
   top: 0;
   left: 0;
   width: 83%;
   margin: 0 auto;
   text-align: center;
   padding-top: calc(355 * var(--headerRatio))
}

.ds__page .ds__header-title {
   color: #fff;
   font-size: calc(48 * var(--headerRatio));
   line-height: 1em;
   padding-bottom: calc(24 * var(--headerRatio));
   font-family: var(--CLARINS-FONT);
}

.ds__page .ds__header-text {
   color: #fff;
   font-size: calc(16 * var(--headerRatio));
   line-height: 1.45em;
   padding-bottom: calc(8 * var(--headerRatio));
}

.ds__page .ds__header-media .ds__header-link {
   display: none;
}

.ds__page .ds__header-picto {
   width: calc(98 * var(--pictoWidth));
   height: calc(98 * var(--pictoWidth));
   text-align: center;
   position: absolute;
   top: calc(72 * var(--pictoWidth));
   ;
   left: calc(15 * var(--pictoWidth));
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.ds__page .ds__header-picto-circle {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.ds__page .ds__header-picto-circle svg {
   width: 100%;
   display: block;
   height: auto;
}

.ds__page .ds__header-picto-circle .circle_internal {
   transform-origin: 50% center;
}

.ds__page .ds__header-picto-circle .circle_external {
   transform-origin: 50% center;
}

.ds__page .ds__header-picto-text-big {
   color: #FFF;
   font-size: calc(35 * var(--pictoWidth));
   line-height: 0.85em;
   display: block;
   font-family: var(--GOTHAM-LIGHT);
}

.ds__page .ds__header-picto-text {
   color: #FFF;
   font-size: calc(8 * var(--pictoWidth));
   line-height: 1.05em;
   letter-spacing: 0.07em;
   text-transform: uppercase;
   display: block;
   padding-bottom: calc(1 * var(----pictoWidth));
}

.ds__page .ds__header-picto-text:last-child {
   padding-bottom: 0;
}



@media (min-width: 768px) {

   .ds__page .ds__bloc-header {
      --headerRatio: 1px;
      --pictoWidth: calc(1 * var(--headerRatio));
      height: 460px;
      padding-bottom: 0;
      overflow: hidden;
      margin-top: 40px;
   }

   .ds__page .ds__header-content {
      text-align: left;
      top: 0;
      left: calc(50% + calc(64 * var(--headerRatio)));
      width: calc(440 * var(--headerRatio));
      padding-top: calc(104 * var(--headerRatio));
      margin: 0;
   }

   .ds__page .ds__header-title {
      padding-bottom: calc(48 * var(--headerRatio));
   }

   .ds__page .ds__header-text {
      padding-bottom: 0;
   }

   .ds__page .ds__header-picto {
      top: calc(90 * var(--headerRatio));
      left: calc(50% - calc(440 * var(--headerRatio)));
   }

}


/*   navigation    */

.ds__page .ds__navigation {
   --topNav: var(--mainOffset);
   height: 44px;
   transition: transform 0.5s;
   transform: translateY(calc((-1) * var(--topNav) - 45px));
   position: fixed;
   top: var(--topNav);
   left: 0;
   width: 100%;
   z-index: 21;
}

.ds__page .ds__navigation.ds__stacked {
   transform: translateY(0);
}

.ds__page .ds__navigation-content {
   width: 100%;
   height: 100%;
   overflow: hidden;
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   flex-direction: column;
   height: auto;
   max-height: 0;
   transition: max-height 0.5s ease-out;
}

.ds__page .ds__navigation.ds__opened .ds__navigation-content {
   max-height: 285px;
}

.ds__page .ds__navigation-handler {
   display: flex;
   justify-content: space-between;
   position: relative;
   left: 0;
   top: 0;
}

.ds__page .ds__navigation-handler-click {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: block;
   cursor: pointer;
}

.ds__page .ds__navigation-handler-left {
   height: 44px;
   display: flex;
   align-items: center;
   color: #fff;
}

.ds__page .ds__navigation-handler-right {
   padding-right: 20px;
   display: flex;
   align-items: center;
}

.ds__page .ds__navigation-handler-text {
   font-size: 14px;
   line-height: 1.45em;
   font-family: var(--GOTHAM-MEDIUM);
   padding: 0 20px;
   display: block;
   pointer-events: none;
}

.ds__page .ds__navigation-handler-arrow {
   background: url(images/holy_arrow.svg) left top no-repeat;
   background-size: 100% auto;
   width: 8px;
   height: 15px;
   transform: rotate(90deg);
   transition: transform 0.3s;
   pointer-events: none;
}

.ds__page .ds__navigation.ds__opened .ds__navigation-handler-arrow {
   transform: rotate(-90deg);
}

.ds__page .ds__navigation-inside {
   position: relative;
   top: 0;
   left: 0;
   z-index: 1;
   background: #BE8958;
   color: #fff;
}

.ds__page .ds__navigation-items {
   display: flex;
   flex-direction: column;
   padding: 0;
   list-style: none;
   margin: 0 16px;
   padding-bottom: 16px;
   width: calc(100% - 32px);
   border-top: solid 1px #fff;
}

.ds__page .ds__navigation-item {
   height: 52px;
   white-space: nowrap;
   display: flex;
   align-items: center;
   border-bottom: solid 1px #D3CCC8;
   position: relative;
   cursor: pointer;
}

.ds__page .ds__navigation-item:hover,
.ds__page .ds__navigation-item.ds__active {}

.ds__page .ds__navigation-item span {
   font-size: 14px;
   line-height: 1.45em;
   color: #fff;
   letter-spacing: 0.05em;
   display: block;
   text-align: center;
   position: relative;
}

.ds__page .ds__navigation-item {
   opacity: 1;
}

.ds__page.ds__stack .ds__navigation-inside {
   position: fixed;
   top: var(--mainOffset);
   left: 0;
   z-index: 10;
   width: 100%;
}

.ds__page .ds__navigation-inside .ds__cta-btn {
   padding-top: 0;
   padding-bottom: 0;
   height: 32px;
}

.ds__page .ds__navigation-handler .ds__cta-btn {
   margin-left: 20px;
}

.ds__page .ds__navigation-content .ds__cta-btn {
   display: none;
}

@media (min-width: 1024px) {

   .ds__page .ds__navigation-content {
      height: 100%;
      justify-content: center;
      align-items: center;
      flex-direction: row;
      max-height: unset;
   }

   .ds__page .ds__navigation-handler {
      display: none;
   }

   .ds__page .ds__navigation-inside {
      height: 40px;
   }

   .ds__page .ds__navigation-items {
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding-bottom: 0;
      width: unset;
      border-top: none;
   }

   .ds__page .ds__navigation-item {
      display: block;
      height: unset;
      border-bottom: none;
      margin: 0 32px;
   }

   .ds__page .ds__navigation-item a {
      text-transform: uppercase;
   }

   .ds__page .ds__navigation-item a span {
      letter-spacing: 0
   }

   .ds__page .ds__navigation-item:hover span {
      color: #e9d2bd;
   }

   .ds__page .ds__navigation-content .ds__cta-btn {
      display: flex;
   }

}



/*   anchor    */

.ds__page .ds__anchor {
   background: #FDFAF8;
   height: 199px;
   --ratioAnchor: calc(100vw / 375);
}

.ds__page .ds__anchor-items-wrapper {
   width: 100%;
   max-width: calc(124px * 3);
   height: 100%;
   margin: 0 auto;
   position: relative;
   top: 0;
   left: 0;
}

.ds__page .ds__anchor-items {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   width: 100%;
   position: relative;
   top: 0;
   left: 0;
}

.ds__page .ds__anchor-item {
   width: calc(124 * var(--ratioAnchor));
}

.ds__page .ds__anchor-media {
   width: 39px;
   margin: 0 auto;
   height: 102px;
   display: flex;
   align-items: flex-end;
}

.ds__page .ds__anchor-item:nth-child(1) .ds__anchor-media {
   width: 34px;
}

.ds__page .ds__anchor-item:nth-child(2) .ds__anchor-media {
   width: 34px;
}

.ds__page .ds__anchor-content {
   padding-top: 8px;
   width: calc(78 * var(--ratioAnchor));
   margin: 0 auto;
}

.ds__page .ds__anchor-item:nth-child(1) .ds__anchor-content {
   width: calc(60 * var(--ratioAnchor));
}

.ds__page .ds__anchor-text {
   font-size: 10px;
   line-height: 1.45em;
   text-align: center;
   min-height: 2.9em;
}


@media (min-width: 768px) {


   .ds__page .ds__anchor {
      --ratioAnchor: 1px;
   }

   .ds__page .ds__anchor-items-wrapper {
      width: calc(100% - 96px);
      max-width: calc(140 * var(--ratioAnchor) * 3);
   }

   .ds__page .ds__anchor-item {
      width: calc(140 * var(--ratioAnchor));
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: opacity 0.3s;
   }

   .ds__page .ds__anchor-items:hover .ds__anchor-item {
      opacity: 0.5;
   }

   .ds__page .ds__anchor-item:hover {
      background: rgba(0, 0, 0, 0.1);
   }

   .ds__page .ds__anchor-items:hover .ds__anchor-item:hover {
      opacity: 1;
   }

   .ds__page .ds__anchor-content {
      padding-left: 8px;
      padding-right: 8px;
      width: auto;
      margin: 0;
   }

   .ds__page .ds__anchor-item:nth-child(1) .ds__anchor-content {
      width: auto;
   }

}



/*   ingredient    */

.ds__page .ds__bloc-ingredient {
   background: #fff;
}

.ds__page .ds__ingredient {
   display: flex;
   align-items: center;
   height: 280px;
   overflow: hidden;
   margin-left: 112px;
}

.ds__page .ds__ingredient-media {
   width: 430px;
}

.ds__page .ds__ingredient-picture {
   transform: translateY(calc(340px - 50%));
}

.ds__page .ds__ingredient-content {
   width: 514px;
}

.ds__page .ds__ingredient-title {
   color: #AD722E;
   font-size: 40px;
   line-height: 1.4375em;
}

.ds__page .ds__ingredient-title small {
   display: block;
   font-size: 32px;
   line-height: 1.4375em;
}

.ds__page .ds__ingredient-text {
   font-size: 16px;
   line-height: 1.4375em;
   padding-bottom: 16px;
}


@media (max-width: 768px) {

   .ds__page .ds__bloc-ingredient {
      padding-bottom: 0;
   }

   .ds__page .ds__ingredient {
      flex-direction: column;
      height: auto;
      margin-left: 0;
   }

   .ds__page .ds__ingredient-picture {
      transform: none;
   }

   .ds__page .ds__ingredient-content {
      width: 100%;
      text-align: center;
      padding-top: 30px;
      padding-bottom: 16px;
   }

   .ds__page .ds__ingredient-title {
      font-size: 30px;
      line-height: 1.4375em;
      padding-bottom: 12px;
   }

   .ds__page .ds__ingredient-title small {
      font-size: 22px;
      line-height: 1.4375em;
   }

   .ds__page .ds__ingredient-text {
      padding-bottom: 10px;
   }

}


/*   collection    */

.ds__page .ds__bloc-collection {
   padding-bottom: 0;
   --collectionRatio: 1px;
}

@media (max-width: 1220px) {
   .ds__page .ds__bloc-collection {
      --collectionRatio: calc(100vw / 1220);
   }
}

@media (max-width: 768px) {
   .ds__page .ds__bloc-collection {
      --collectionRatio: 1px;
   }
}


/*   Products    */

.ds__page .ds__product {
   display: flex;
   flex-direction: row;
   align-items: center;
   --collection-visual: calc(278 * var(--collectionRatio));
   padding-top: 75px;
   padding-bottom: 50px;
}

.ds__page .ds__product-media {
   position: relative;
   left: calc(50% - (40 * var(--collectionRatio)) - (158 * var(--collectionRatio)));
   width: 1px;
}

.ds__page .ds__product[data-item="2"] .ds__product-media {
   left: calc(50% + (40 * var(--collectionRatio)));
}

.ds__page .ds__product-media-badge {
   position: absolute;
   display: block;
   width: calc(120 * var(--collectionRatio));
   left: calc(50% - 334 * var(--collectionRatio));
   top: calc(50% + (var(--collection-visual) / 2) - (343 * var(--collectionRatio)));
}

.ds__page .ds__product-media-number {
   position: absolute;
   display: block;
   font-weight: 100;
}

.ds__page .ds__product[data-item="1"] .ds__product-media-number {
   left: calc(50% - (360 * var(--collectionRatio)));
   top: calc(50% + (var(--collection-visual) / 2) - (50 * var(--collectionRatio)));
}

.ds__page .ds__product[data-item="2"] .ds__product-media-number {
   left: calc(50% + (354 * var(--collectionRatio)));
   top: calc(50% + (var(--collection-visual) / 2) - (45 * var(--collectionRatio)));
}

.ds__page .ds__product[data-item="3"] .ds__product-media-number {
   left: calc(50% - (320 * var(--collectionRatio)));
   top: calc(50% + (var(--collection-visual) / 2) - (140 * var(--collectionRatio)));
}

.ds__page .ds__product-media-value {
   color: #fff;
   font-size: calc(90 * var(--collectionRatio));
   line-height: 1em;
   display: block;
   font-family: var(--GOTHAM-LIGHT);
}

.ds__page .ds__product-media-value small {
   color: #fff;
   font-size: 0.5em;
   line-height: 1em;
   position: relative;
   top: -0.7em;
}

.ds__page .ds__product-media-text {
   color: #fff;
   font-size: calc(25 * var(--collectionRatio));
   line-height: 1.45em;
   white-space: nowrap;
}

.ds__page .ds__product-media-bubble {
   position: absolute;
}

.ds__page .ds__product[data-item="1"] .ds__product-media-bubble {
   width: calc(256 * var(--collectionRatio));
   left: calc((-1) * 480 * var(--collectionRatio));
   top: calc(133 * var(--collectionRatio));
}

.ds__page .ds__product[data-item="2"] .ds__product-media-bubble {
   width: calc(152 * var(--collectionRatio));
   left: calc(408 * var(--collectionRatio));
   top: calc(72 * var(--collectionRatio));
}

.ds__page .ds__product[data-item="3"] .ds__product-media-bubble {
   width: calc(225 * var(--collectionRatio));
   left: calc((-1) * 420 * var(--collectionRatio));
   top: calc((-1) * 95 * var(--collectionRatio));
}

.ds__page .ds__product-media-packshot {
   position: relative;
   cursor: pointer;
}

.ds__page .ds__product[data-item="1"] .ds__product-media-packshot {
   width: calc(158 * var(--collectionRatio));
}

.ds__page .ds__product[data-item="2"] .ds__product-media-packshot {
   width: calc(172 * var(--collectionRatio));
}

.ds__page .ds__product[data-item="3"] .ds__product-media-packshot {
   width: calc(215 * var(--collectionRatio));
}

.ds__page .ds__product-media-bkgd {
   position: absolute;
   width: calc(571 * var(--collectionRatio));
   height: calc(600 * var(--collectionRatio));
   background: radial-gradient(closest-side, rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 100%);
   opacity: 0.8;
}

.ds__page .ds__product[data-item="1"] .ds__product-media-bkgd {
   left: calc((-1) * 300 * var(--collectionRatio));
   top: calc((-1) * 30 * var(--collectionRatio));
}

.ds__page .ds__product[data-item="2"] .ds__product-media-bkgd {
   left: calc((-1) * 50 * var(--collectionRatio));
   top: calc((-1) * 44 * var(--collectionRatio));
}

.ds__page .ds__product[data-item="3"] .ds__product-media-bkgd {
   left: calc((-1) * 260 * var(--collectionRatio));
   top: calc((-1) * 130 * var(--collectionRatio));
}

.ds__page .ds__product-media-visual {
   position: absolute;
   width: var(--collection-visual);
   box-shadow: 0px 0px 21px 0px #00000026;
}

.ds__page .ds__product[data-item="1"] .ds__product-media-visual {
   left: calc((-1) * 258 * var(--collectionRatio));
   top: calc(50% - (var(--collection-visual) / 2) + 10px);
}

.ds__page .ds__product[data-item="2"] .ds__product-media-visual {
   left: calc(170 * var(--collectionRatio));
   top: calc(50% - (var(--collection-visual) / 2) + 0px);
}

.ds__page .ds__product[data-item="3"] .ds__product-media-visual {
   left: calc((-1) * var(--collection-visual) + 60px);
   top: 5px;
}

.ds__page .ds__product-content {
   position: relative;
   left: calc(50% + (40 * var(--collectionRatio)));
   width: calc(500 * var(--collectionRatio));
}

.ds__page .ds__product[data-item="2"] .ds__product-content {
   left: calc(50% - (500 * var(--collectionRatio)) - (40 * var(--collectionRatio)));
}

.ds__page .ds__product-texture {
   position: absolute;
}

.ds__page .ds__product[data-item="1"] .ds__product-texture {
   width: calc(370 * var(--collectionRatio));
   left: 100%;
   top: 50%;
   transform: translate(-26%, -43%);
}

.ds__page .ds__product[data-item="2"] .ds__product-texture {
   width: calc(356 * var(--collectionRatio));
   left: 0;
   top: 114px;
   transform: translateX(-74%);
}

.ds__page .ds__product[data-item="3"] .ds__product-texture {
   width: calc(311 * var(--collectionRatio));
   left: 100%;
   top: 50%;
   transform: translate(-50%, -50%);
}

.ds__page .ds__product-bloc {
   position: relative;
   border-radius: 8px;
   padding: calc(40 * var(--collectionRatio));
   background: #FFFBF2E5;
   box-shadow: 0px 0px 21px 0px #00000026;
}

.ds__page .ds__product-name {
   font-size: 30px;
   line-height: 1.4375em;
   padding-bottom: 8px;
}

.ds__page .ds__product-desc {
   font-size: 16px;
   line-height: 1.4375em;
   color: #AD722E;
   padding-bottom: 16px;
}

.ds__page .ds__product-text {
   font-size: 14px;
   line-height: 1.4375em;
   padding-bottom: 10px;
}

.ds__page .ds__product-application {
   padding-bottom: 10px;
}

.ds__page .ds__product-application-sup {
   font-size: 16px;
   line-height: 1.4375em;
}

.ds__page .ds__product-application-days {
   font-size: 48px;
   line-height: 1.1em;
}

.ds__page .ds__product-application-text {
   font-size: 16px;
   line-height: 1.4375em;
}

.ds__page .ds__product-reviews {
   min-height: 30px;
}

.ds__page .ds__product-reviews a {
   color: var(--COLOR-RED-A);
}

.ds__page .ds__product-reviews a:hover {
   color: var(--COLOR-RED-B);
}

.ds__page .ds__product-reviews .rating {
   margin-top: auto;
   height: 11px;
   display: inline-block;
}

.ds__page .ds__product-reviews .rating svg {
   margin-right: 3px
}

.ds__page .ds__product-reviews .rating i-svg-icon,
.ds__page .ds__product-reviews .rating svg {
   width: 12px;
   height: 12px
}

.ds__page .ds__product-from {
   font-size: 9px;
   line-height: 1.4375em;
}

.ds__page .ds__product-price {
   font-size: 14px;
   line-height: 1.4375em;
   font-family: var(--GOTHAM-MEDIUM);
}

.ds__page .ds__product-priceperunit {
   font-size: 9px;
   line-height: 1.4375em;
}

.ds__page .ds__product-cta {
   padding-bottom: 24px;
}

.ds__page .ds__product-link {
   text-transform: unset;
   font-size: 12px;
   line-height: 1.45em;
   font-family: var(--GOTHAM-BOOK);
}



@media (max-width: 768px) {

   .ds__page .ds__product {
      flex-direction: column;
      align-items: flex-start;
      --collection-visual: 195px;
      padding-top: 47px;
      padding-bottom: 60px;
   }

   .ds__page .ds__product-bloc {
      padding: 6vw;
   }

   .ds__page .ds__product-texture {
      display: none;
   }

   .ds__page .ds__product-media-value {
      font-size: calc(63 * var(--collectionRatio));
      line-height: 1em;
   }

   .ds__page .ds__product-media-text {
      font-size: calc(17 * var(--collectionRatio));
      line-height: 1.4375em;
   }

   .ds__page .ds__product-media-badge {
      width: calc(115 * var(--collectionRatio));
      left: calc(50% - 210 * var(--collectionRatio));
      top: calc(50% + (var(--collection-visual) / 2) - (257 * var(--collectionRatio)));
   }

   .ds__page .ds__product-media {
      left: calc(50% + (45 * var(--collectionRatio)));
      margin-bottom: 35px;
   }

   .ds__page .ds__product[data-item="2"] .ds__product-media {
      left: calc(50% - (168 * var(--collectionRatio)));
   }

   .ds__page .ds__product[data-item="3"] .ds__product-media {
      left: calc(50% + (17 * var(--collectionRatio)));
      margin-bottom: 125px;
   }

   .ds__page .ds__product-content {
      left: 0;
      width: 100%;
   }

   .ds__page .ds__product[data-item="2"] .ds__product-content {
      left: 0;
   }

   .ds__page .ds__product[data-item="1"] .ds__product-media-number {
      left: calc(50% - (208 * var(--collectionRatio)));
      top: calc(50% + (var(--collection-visual) / 2) - (30 * var(--collectionRatio)));
      ;
   }

   .ds__page .ds__product[data-item="2"] .ds__product-media-number {
      left: calc(50% + (168 * var(--collectionRatio)));
      top: calc(50% + (var(--collection-visual) / 2) - (30 * var(--collectionRatio)));
      ;
   }

   .ds__page .ds__product[data-item="3"] .ds__product-media-number {
      left: calc(50% - (161 * var(--collectionRatio)));
      top: calc(50% + (var(--collection-visual) / 2) + (16 * var(--collectionRatio)));
      ;
   }

   .ds__page .ds__product[data-item="1"] .ds__product-media-bubble {
      width: calc(256 * var(--collectionRatio));
      left: calc((-1) * 168 * var(--collectionRatio));
      top: calc((-1) * 88 * var(--collectionRatio));
   }

   .ds__page .ds__product[data-item="2"] .ds__product-media-bubble {
      width: calc(130 * var(--collectionRatio));
      left: calc(150 * var(--collectionRatio));
      top: calc((-1) * 35 * var(--collectionRatio));
   }

   .ds__page .ds__product[data-item="3"] .ds__product-media-bubble {
      width: calc(225 * var(--collectionRatio));
      left: calc((-1) * 180 * var(--collectionRatio));
      top: calc((-1) * 66 * var(--collectionRatio));
   }

   .ds__page .ds__product[data-item="1"] .ds__product-media-packshot {
      width: calc(112 * var(--collectionRatio));
   }

   .ds__page .ds__product[data-item="2"] .ds__product-media-packshot {
      width: calc(152 * var(--collectionRatio));
   }

   .ds__page .ds__product[data-item="3"] .ds__product-media-packshot {
      width: calc(148 * var(--collectionRatio));
   }

   .ds__page .ds__product[data-item="1"] .ds__product-media-visual {
      left: calc((-1) * 183 * var(--collectionRatio));
   }

   .ds__page .ds__product[data-item="2"] .ds__product-media-visual {
      left: calc(130 * var(--collectionRatio));
      top: calc(50% - (var(--collection-visual) / 2) + 10px);
   }

   .ds__page .ds__product[data-item="3"] .ds__product-media-visual {
      left: calc((-1) * var(--collection-visual) + 60 * var(--collectionRatio));
      top: calc(115 * var(--collectionRatio));
   }

   .ds__page .ds__product-media-bkgd {
      width: calc(400 * var(--collectionRatio));
      height: calc(400 * var(--collectionRatio));
      background: radial-gradient(closest-side, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 90%);
   }

   .ds__page .ds__product[data-item="1"] .ds__product-media-bkgd {
      left: calc((-1) * 300 * var(--collectionRatio));
      top: calc((-1) * 30 * var(--collectionRatio));
   }

   .ds__page .ds__product[data-item="2"] .ds__product-media-bkgd {
      left: calc((-1) * 50 * var(--collectionRatio));
      top: calc((-1) * 44 * var(--collectionRatio));
   }

   .ds__page .ds__product[data-item="3"] .ds__product-media-bkgd {
      left: calc((-1) * 220 * var(--collectionRatio));
      top: calc((-1) * 20 * var(--collectionRatio));
   }


}



/*   compare    */

.ds__page .ds__bloc-compare {
   background: #FFF3E3;
}

.ds__page .ds__compare-wrapper {
   display: none;
}

.ds__page .ds__compare {
   padding-top: 40px;
   padding-bottom: 55px;
   width: 100%;
}

.ds__page .ds__compare-title {
   color: #C4925A;
   font-size: 40px;
   line-height: 1em;
   font-family: var(--CLARINS-FONT);
   text-align: center;
   padding-bottom: 16px;
   width: 100%;
   max-width: 336px;
   margin: 0 auto;
}

.ds__page .ds__compare-text {
   font-size: 16px;
   line-height: 1.45em;
   text-align: center;
   padding-bottom: 32px;
   width: 100%;
   max-width: 320px;
   margin: 0 auto;
}

.ds__page .ds__compare-items-wrapper {
   display: block;
   position: relative;
   top: 0;
   left: 0;
   width: 92%;
   max-width: 614px;
   margin: 0 auto;
}

.ds__page .ds__compare-items {
   width: 100%;
}

.ds__page .ds__compare-items .swiper-container {
   overflow: unset !important;
}

.ds__page .ds__compare-item {
   width: 44vw;
}

.ds__page .ds__compare-item-group {
   text-align: center;
   background: #fff;
   border-right: solid 1px #D3CCC8;
   margin-top: 36px;
   position: relative;
   top: 0;
   left: 0;
}

.ds__page .ds__compare-item:last-child .ds__compare-item-group {
   border-color: #fff;
}

.ds__page .ds__compare-item-group {
   text-align: center;
   background: #fff;
   border-right: solid 1px #D3CCC8;
   margin-top: 36px;
   position: relative;
   top: 0;
   left: 0;
}

.ds__page .ds__compare-item-group:first-child {
   margin-top: 0px;
}

.ds__page .ds__compare-item-filter {
   text-align: center;
   width: 100%;
   height: 36px;
   position: absolute;
   top: -36px;
   left: 0;
   z-index: 10;
   cursor: pointer;
   display: flex;
   justify-content: center;
   align-items: center;
   transition: transform 0.3s;
   transform: translateY(0);
}

.ds__page .ds__compare-item-filter-text {
   font-size: 14px;
   line-height: 1.45em;
   font-family: var(--GOTHAM-MEDIUM);
   text-transform: uppercase;
   position: relative;
   top: 0;
   left: 0;
}

.ds__page .ds__compare-item-filter-text::after {
   content: "";
   position: absolute;
   top: 0;
   right: -25px;
   width: 20px;
   height: 20px;
   background: url(../common/arrow-down-grey-icon.svg) center center no-repeat;
   background-size: 100% auto;
   transform: rotate(0deg);
   transition: transform 0.3s;
}

.ds__page .ds__compare-item-filter.mod__expand .ds__compare-item-filter-text::after {
   transform: rotate(180deg);
}

/*
.ds__page .ds__compare-items-wrapper[data-filters-state="0,1,1"] .ds__compare-item-filter-2 { transform:translateY(-61px); }
.ds__page .ds__compare-items-wrapper[data-filters-state="0,1,0"] .ds__compare-item-filter-2 { transform:translateY(-61px); }
.ds__page .ds__compare-items-wrapper[data-filters-state="0,0,1"] .ds__compare-item-filter-2 { transform:translateY(-61px); }
.ds__page .ds__compare-items-wrapper[data-filters-state="0,0,0"] .ds__compare-item-filter-2 { transform:translateY(-61px); }

.ds__page .ds__compare-items-wrapper[data-filters-state="0,1,1"] .ds__compare-item-filter-3 { transform:translateY(-61px); }
.ds__page .ds__compare-items-wrapper[data-filters-state="0,1,0"] .ds__compare-item-filter-3 { transform:translateY(-61px); }
.ds__page .ds__compare-items-wrapper[data-filters-state="0,0,1"] .ds__compare-item-filter-3 { transform:translateY(-122px); }
.ds__page .ds__compare-items-wrapper[data-filters-state="0,0,0"] .ds__compare-item-filter-3 { transform:translateY(-122px); }

.ds__page .ds__compare-items-wrapper[data-filters-state="1,0,1"] .ds__compare-item-filter-3 { transform:translateY(-61px); }
.ds__page .ds__compare-items-wrapper[data-filters-state="1,0,0"] .ds__compare-item-filter-3 { transform:translateY(-61px); }
*/

.ds__page .ds__compare-item-title {
   font-size: 16px;
   line-height: 1.45em;
   font-family: var(--GOTHAM-MEDIUM);
   padding: 16px 8px 10px 8px;
   height: calc(1.45em * 2 + 26px);
}

.ds__page .ds__compare-item-text {
   font-size: 14px;
   line-height: 1.45em;
   height: 62px;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 0 8px;
}

.ds__page .ds__compare-item-price-wrapper {
   height: 32px;
}

.ds__page .ds__compare-item-supprice {
   font-size: 9px;
   line-height: 1em;
}

.ds__page .ds__compare-item-price {
   font-size: 14px;
   line-height: 1em;
   font-family: var(--GOTHAM-MEDIUM);
}

.ds__page .ds__compare-item-priceperunit {
   font-size: 9px;
   line-height: 1.45em;
   color: #797674;
   text-transform: uppercase;
   min-height: 13.05px;
}


.ds__page .ds__compare-item-inside {
   transition: max-height 0.3s;
   overflow: hidden;
}

.ds__page .ds__compare-item-group.mod__collapse .ds__compare-item-inside {
   max-height: 1px !important;
}

.ds__page .ds__compare-item-media {
   height: 166px;
   display: flex;
   align-items: flex-end;
}

.ds__page .ds__compare-item-media-img {
   width: 48px;
   margin: 0 auto;
}

.ds__page .ds__compare-item:nth-child(1) .ds__compare-item-media-img {
   width: 48px;
}

.ds__page .ds__compare-item-texture {
   padding-bottom: 44px;
}

.ds__page .ds__compare-item-texture-img {
   width: 136px;
   margin: 0 auto;
}

.ds__page .ds__compare .ds__cta {
   padding-top: 10px;
   padding-bottom: 24px;
}

.ds__page .ds__compare-opener {
   text-align: center;
   padding-top: 32px;
   padding-bottom: 32px;
}

.ds__page .ds__compare-opener .ds__cta-btn {
   padding-top: 14px;
   padding-bottom: 14px;
}


@media (min-width: 390px) {

   .ds__page .ds__compare-item-title {}

}

@media (min-width: 768px) {

   .ds__page .ds__compare {
      padding-top: 64px;
   }

   .ds__page .ds__compare-title {
      font-size: 48px;
      line-height: 1.2em;
      padding-bottom: 16px;
      max-width: unset;
   }

   .ds__page .ds__compare-text {
      max-width: 510px;
   }

   .ds__page .ds__compare-items-wrapper {
      display: flex;
      justify-content: center;
   }

   .ds__page .ds__compare-items {
      width: auto;
   }

   .ds__page .ds__compare-item {
      width: 204px;
   }

   .ds__page .ds__compare-opener {
      text-align: center;
      padding-bottom: 40px;
   }

}




/*   sets    */

.ds__page .ds__bloc-sets {
   background: #FFF;
   padding-top: 40px;
   padding-bottom: 0px;
}

.ds__page .ds__sets {
   width: 100%;
   margin: 0 auto;
}

.ds__page .ds__sets-title {
   color: #C4925A;
   font-size: 40px;
   line-height: 1em;
   font-family: var(--CLARINS-FONT);
   text-align: center;
   padding-bottom: 16px;
   width: 100%;
   max-width: 344px;
   margin: 0 auto;
}

.ds__page .ds__sets-text {
   font-size: 14px;
   line-height: 1.45em;
   text-align: center;
   padding-bottom: 32px;
   width: 100%;
   max-width: 344px;
   margin: 0 auto;
}

.ds__page .ds__sets-products {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   margin: 0 auto;
}

.ds__page .ds__sets-product {
   width: 66vw;
}

.ds__page .ds__sets-product-content {
   width: 150px;
   margin: 0 auto;
   padding-top: 24px;
}

.ds__page .ds__sets-product-title {
   font-size: 14px;
   line-height: 1.45em;
   min-height: 78px;
   text-align: center;
   padding-bottom: 16px;
}

.ds__page .ds__sets-product-price {
   font-size: 14px;
   line-height: 1.45em;
   font-family: var(--GOTHAM-MEDIUM);
}

.ds__page .ds__sets-body .swiper-pagination {
   display: block;
}


@media (min-width: 768px) {

   .ds__page .ds__bloc-sets {
      background: #FFF;
      padding-top: 64px;
      padding-bottom: 40px;
   }

   .ds__page .ds__sets {
      width: calc(100% - 80px);
      max-width: 1264px;
      margin: 0 auto;
   }

   .ds__page .ds__sets-title {
      font-size: 48px;
      line-height: 1.2em;
      padding-bottom: 24px;
      max-width: unset;
   }

   .ds__page .ds__sets-text {
      font-size: 14px;
      line-height: 1.45em;
      text-align: center;
      padding-bottom: 32px;
      max-width: 510px;
   }

   .ds__page .ds__sets-products {
      width: 100%;
   }

   .ds__page .ds__sets-product:last-child {
      margin-right: 0 !important;
   }

   .ds__page .ds__sets-product {
      padding: 0;
   }

}

@media (min-width: 1024px) {

   .ds__page .ds__sets-body .swiper-pagination {
      display: none;
   }

}



/*   testimonies    */

.ds__page .ds__bloc-testimony {
   background: #FFFAF2;
   padding-top: 24px;
   padding-bottom: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
}

.ds__page .ds__testimonies-wrapper {
   width: 92%;
   position: relative;
   top: 0;
   left: 0;
   margin: 0 auto;
}

.ds__page .ds__testimonies {
   width: 100%;
}

.ds__page .ds__testimony {
   display: flex;
   flex-direction: column-reverse;
   padding: 0;
}

.ds__page .ds__testimony-right {
   padding-left: 50px;
}

.ds__page .ds__testimony-left {
   display: flex;
   flex-direction: column-reverse;
   padding-top: 24px;
}


.ds__page .ds__testimony-name {
   font-size: 16px;
   line-height: 1.45em;
   font-family: var(--GOTHAM-MEDIUM);
   padding-bottom: 4px;
}

.ds__page .ds__testimony-country {
   padding-bottom: 4px;
}

.ds__page .ds__testimony-age {
   font-size: 12px;
   line-height: 1.45em;
   font-family: var(--GOTHAM-MEDIUM);
   padding-bottom: 0;
   white-space: nowrap;
}

.ds__page .ds__testimony-title {
   font-size: 30px;
   line-height: 1em;
   font-family: var(--CLARINS-FONT);
   padding-bottom: 8px;
   position: relative;
}

.ds__page .ds__testimony-first {
   position: relative;
   top: 0;
   left: 0;
   display: block;
   height: 55px;
   width: 75px;
   margin: 0 auto;
}

.ds__page .ds__testimony-glyph {
   color: #B98449;
   font-size: 200px;
   line-height: 120px;
   position: absolute;
   top: 0;
   left: 0;
   display: block;
}

.ds__page .ds__testimony-text {
   font-size: 14px;
   line-height: 1.45em;
   padding-bottom: 16px;
   width: 100%;
   margin: 0 auto;
}

.ds__page .ds__testimony-categories {
   font-size: 12px;
   line-height: 1.45em;
   color: #B98449;
   width: 85%;
   margin: 0 auto;
}

.ds__page .ds__testimony-reviews {
   padding-bottom: 22px;
}

.ds__page .ds__testimony-rating-stars-container,
.ds__page .ds__testimony-rating-stars {
   vertical-align: middle;
   -webkit-font-smoothing: antialiased;
   overflow: hidden;
   font-family: 'BVCustom', 'times new roman';
}

.ds__page .ds__testimony-rating-stars-container {
   zoom: 1;
   display: inline-block;
}

.ds__page .ds__testimony-rating-stars {
   position: relative;
   display: block;
   overflow: hidden;
   line-height: 1em;
   height: 1em;
   font-size: 25px;
   letter-spacing: 3px;
}

.ds__page .ds__testimony-rating-stars-on {
   position: relative;
   float: left;
   white-space: nowrap;
}

.ds__page .ds__testimony-rating-stars-on {
   color: #B98449;
}

.ds__page .ds__testimony-rating-stars-off {
   position: absolute;
   color: #fff;
}

.ds__page .ds__testimony-width-from-rating-stats-98 {
   width: 98% !important;
}


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

   .ds__page .ds__bloc-testimony {
      padding-top: 40px;
      padding-bottom: 40px;
      height: 221px;
      margin-top: 0;
   }

   .ds__page .ds__testimonies-wrapper {
      width: calc(100% - 96px);
      max-width: 660px;
   }

   .ds__page .ds__testimony {
      flex-direction: row;
      align-items: center;
      padding: 0 35px;
   }

   .ds__page .ds__testimony-right {
      text-align: left;
   }

   .ds__page .ds__testimony-left {
      text-align: right;
      flex-direction: column;
      padding-top: 0;
   }

   .ds__page .ds__testimony-reviews {
      padding-bottom: 0;
   }

   .ds__page .ds__testimony-title {
      font-size: 35px;
      line-height: 1em;
   }

   .ds__page .ds__testimony-text {
      width: 85%;
   }

   .ds__page .ds__testimony-first {
      display: inline-block;
      height: 35px;
      width: 35px;
   }

   .ds__page .ds__testimony-glyph {
      font-size: 100px;
      line-height: 65px;
   }

   .ds__page .ds__testimony-age {
      padding-bottom: 16px;
   }

}



/*   Push   */

.ds__page .ds__bloc-push {
   padding-top: 40px;
   padding-bottom: 32px;
   background: #fff;
}

.ds__page .ds__push {
   width: 90%;
   margin: 0 auto;
}

.ds__page .ds__push-body {
   display: flex;
   flex-direction: column;
   align-items: center;
   background: #FBF6F3;
   padding: 16px 16px 24px 16px;
}

.ds__page .ds__push-content {
   width: 90%;
   padding-top: 24px;
   text-align: center;
}

.ds__page .ds__push-title {
   font-size: 32px;
   line-height: 1.2em;
   text-align: center;
   padding-bottom: 24px;
}

.ds__page .ds__push-subtitle {
   font-size: 24px;
   line-height: 1.2em;
   padding-bottom: 16px;
   text-align: center;
}

.ds__page .ds__push-text {
   font-size: 16px;
   line-height: 1.45em;
   padding-bottom: 24px;
   text-align: center;
}

.ds__page .ds__push-media {
   width: 100%;
   border-radius: 8px;
   overflow: hidden;
}


@media (min-width: 768px) {

   .ds__page .ds__bloc-push {
      padding-top: 40px;
      padding-bottom: 40px;
      background: #fff;
   }

   .ds__page .ds__push {
      width: 90%;
      max-width: 949px;
      margin: 0 auto;
      border-radius: 8px;
      overflow: hidden;
   }

   .ds__page .ds__push-body {
      flex-direction: row;
      align-items: center;
      padding: 24px;
   }

   .ds__page .ds__push-content {
      width: 100%;
      padding-top: 0;
      text-align: left;
      padding-left: 32px;
      padding-right: 32px;
   }

   .ds__page .ds__push-title {
      text-align: left;
   }

   .ds__page .ds__push-subtitle {
      padding-bottom: 24px;
      text-align: left;
   }

   .ds__page .ds__push-text {
      font-size: 14px;
      line-height: 1.45em;
      padding-bottom: 24px;
      text-align: left;
   }

   .ds__page .ds__push-media {
      width: 90%;
      border-radius: 8px;
      overflow: hidden;
   }

}


/*  faq */

.ds__page .ds__bloc-faq {
   padding: 40px 0 40px 0;
   background: #fff;
}

.ds__page .ds__faq-title {
   font-family: var(--CLARINS-FONT);
   text-align: center;
   padding-bottom: 20px;
}

.ds__page .ds__faq-text {
   font-size: 14px;
   line-height: 1.42em;
   text-align: center;
   padding-bottom: 43px;
}

.ds__page .ds__faq-items {
   width: calc(100% - 40px);
   max-width: 832px;
   height: auto;
   display: block;
   vertical-align: top;
   margin: 0 auto;
   border-top: solid 1px #333;
}

.ds__page .ds__faq-item {
   height: 40px;
   display: block;
   transition: height ease-in-out 0.5s;
   overflow: hidden;
   border-bottom: 1px solid #D3CCC8;
}

.ds__page .ds__faq-item-handler:after {
   content: "";
   width: 20px;
   height: 40px;
   background: url(images/arrow-gray.svg) center center no-repeat;
   background-size: 100% auto;
   transform: rotate(180deg);
   transition: transform 0.3s;
   position: absolute;
   right: 0px;
   top: 10px;
   cursor: pointer;
}

.ds__page .ds__faq-item[data-open="1"] .ds__faq-item-handler:after {
   transform: rotate(0deg);
}

.ds__page .ds__faq-item-handler {
   text-align: left;
   font-weight: normal;
   font-size: 14px;
   line-height: 1.42em;
   padding: 18px 0;
   padding-right: 45px;
   position: relative;
   box-sizing: border-box;
   cursor: pointer;
}

.ds__page .ds__faq-item-answer {
   font-size: 14px;
   display: block;
   padding-top: 20px;
   padding-bottom: 20px;
   box-sizing: border-box;
   text-align: left;
}


.ds__page .ds__faq-item a.ds__underline {
   color: var(--COLOR-DEFAULT);
}

@media (max-width: 768px) {

   .ds__page .ds__bloc-faq {
      padding: 32px 0 32px 0;
   }

   .ds__page .ds__faq-text {
      font-size: 16px;
      line-height: 1.42em;
      max-width: 260px;
      margin: 0 auto;
      padding-bottom: 30px;
   }

   .ds__page .ds__faq-item-handler {
      padding: 16px 35px 16px 0;
   }

}

@media (min-width: 768px) {
   .ds__page .ds__faq-item a.ds__underline:hover {
      color: var(--COLOR-DEFAULT);
   }

}


/*    expert   */

.ds__page .ds__bloc-expert {
   background: #fff;
   padding-top: 32px;
   padding-bottom: 32px;
}

.ds__page .ds__expert {
   position: relative;
   top: 0;
   left: 0;
   width: 90%;
   max-width: 1048px;
   margin: 0 auto;
   border-radius: 8px;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
}

.ds__page .ds__expert-media {
   width: 100%;
   display: block;
}

.ds__page .ds__expert-picture {
   width: 100%;
}

.ds__page .ds__expert-img {
   width: 100%;
}

.ds__page .ds__expert-body {
   width: 100%;
   text-align: center;
   padding-top: 24px;
   padding-bottom: 24px;
   color: var(--COLOR-DEFAULT);
   background: #FBF6F3;
}

.ds__page .ds__expert-content {
   width: 100%;
}

.ds__page .ds__expert-type {
   margin-bottom: 16px;
   color: #fff;
   border-top-color: #fff;
   border-bottom-color: #fff;
}

.ds__page .ds__expert-logo {
   width: 268px;
   padding-bottom: 24px;
   margin: 0 auto;
}

.ds__page .ds__expert-logo-img {
   width: 100%;
}

.ds__page .ds__expert-text {
   padding-bottom: 24px;
   width: 90%;
   margin: 0 auto;
}

@media (min-width: 768px) {

   .ds__page .ds__bloc-expert {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .ds__page .ds__expert {
      flex-direction: row;
      align-items: stretch;
   }

   .ds__page .ds__expert-body {
      width: calc(100% - 508px);
      padding-top: 0;
      padding-bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .ds__page .ds__expert-media {
      width: 508px;
   }

   .ds__page .ds__expert-content {
      text-align: left;
      width: 80%;
      margin: 0 auto;
   }

   .ds__page .ds__expert-logo {
      width: 90%;
      max-width: 268px;
      margin: 0;
   }

}



/*  legendes */
.ds__page .ds__bloc-legendes {
   background: #fff;
   padding-top: 32px;
   padding-bottom: 32px;
}

.ds__page .ds__legendes {
   width: 1172px;
   width: 100%;
   margin: 0 auto;
   padding: 0 40px;
}

.ds__page .ds__legende {
   font-size: 12px;
   line-height: 1.4375em;
}


@media (max-width: 768px) {

   .ds__page .ds__legendes {
      text-align: center;
      padding: 0 6vw;
   }

}





/*    Swiper    */

.ds__page .swiper-container {
   width: 100%;
   height: 100%;
   margin: 0 auto;
   position: relative;
   overflow: hidden;
   list-style: none;
   display: block;
}

.ds__page .swiper-container-initialized {
   opacity: 1;
}

.ds__page .swiper-container-no-flexbox .swiper-slide {
   float: left;
}

.ds__page .swiper-container-vertical>.swiper-wrapper {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
}

.ds__page .swiper-wrapper {
   position: relative;
   /* width: 100%; */
   height: 100%;
   /* z-index: 1; */
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   flex-wrap: nowrap;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   -o-transition-property: transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
}

.ds__page .swiper-container-android .swiper-slide,
.ds__page .swiper-wrapper {
   -webkit-transform: translate3d(0px, 0, 0);
   transform: translate3d(0px, 0, 0);
}

.ds__page .swiper-container-multirow>.swiper-wrapper {
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.ds__page .swiper-container-free-mode>.swiper-wrapper {
   -webkit-transition-timing-function: ease-out;
   -o-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
   margin: 0 auto;
}

.ds__page .swiper-slide {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   position: relative;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   -o-transition-property: transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
   text-align: center;
}

.ds__page .swiper-slide:before,
.swiper-slide:after {
   content: "";
   display: table;
}

.ds__page .swiper-slide:after {
   clear: both;
}

.ds__page .swiper-slide-invisible-blank {
   visibility: hidden;
}

/* Auto Height */
.ds__page .swiper-container-autoheight,
.ds__page .swiper-container-autoheight .swiper-slide {
   height: auto;
}

.ds__page .swiper-container-autoheight .swiper-wrapper {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-transition-property: height, -webkit-transform;
   transition-property: height, -webkit-transform;
   -o-transition-property: transform, height;
   transition-property: transform, height;
   transition-property: transform, height, -webkit-transform;
}

/* IE10 Windows Phone 8 Fixes */
.ds__page .swiper-container-wp8-horizontal,
.ds__page .swiper-container-wp8-horizontal>.swiper-wrapper {
   -ms-touch-action: pan-y;
   touch-action: pan-y;
}

.ds__page .swiper-container-wp8-vertical,
.ds__page .swiper-container-wp8-vertical>.swiper-wrapper {
   -ms-touch-action: pan-x;
   touch-action: pan-x;
}

.swiper-backface-hidden .swiper-slide {
   transform: translateZ(0);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden
}

.ds__page .swiper-button {
   position: absolute;
   top: 0;
   width: 25px;
   height: 25px;
   z-index: 10;
   cursor: pointer;
}

.ds__page .swiper-button:after {
   content: "";
   background-size: 75% auto;
   background-position: center;
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
   display: block;
}

.ds__page .ds__game-container .swiper-button::after {}

.ds__page .swiper-button:focus {
   outline: none;
}

.ds__page .swiper-button-prev.swiper-button-disabled,
.ds__page .swiper-button-next.swiper-button-disabled {
   opacity: 0.4;
   cursor: auto;
   pointer-events: none;
}

.ds__page .swiper-button-prev,
.ds__page .swiper-container-rtl .swiper-button-next,
html[dir="rtl"] .swiper-button-next {
   left: -37.5px;
   right: auto;
   top: calc(50% - 12.5px);
}

.ds__page .swiper-button-prev::after,
.ds__page .swiper-container-rtl .swiper-button-next::after,
html[dir="rtl"] .swiper-button-next::after {
   background-image: url(../common/arrow-left-grey-icon.svg);
}

.ds__page .swiper-button-next,
.ds__page .swiper-container-rtl .swiper-button-prev,
html[dir="rtl"] .swiper-button-prev {
   right: -37.5px;
   left: auto;
   top: calc(50% - 12.5px);
}

.ds__page .swiper-button-next:after,
.ds__page .swiper-container-rtl .swiper-button-prev:after,
html[dir="rtl"] .swiper-button-prev:after {
   background-image: url(../common/arrow-right-grey-icon.svg);
}

.ds__page .swiper-button-lock {
   display: none;
}

.ds__page .swiper-pagination {
   position: relative;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   text-align: center;
   padding: 25px 0;
}

.swiper-pagination.swiper-pagination-hidden {
   opacity: 0
}

.swiper-pagination-bullet {
   width: 16px;
   height: 16px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   opacity: 1;
   position: relative;
}

.swiper-pagination-bullet:after {
   content: "";
   position: relative;
   width: 8px;
   height: 8px;
   display: block;
   border-radius: 50%;
   background: #D2A475;
   opacity: 1
}

button.swiper-pagination-bullet {
   border: none;
   margin: 0;
   padding: 0;
   box-shadow: none;
   -webkit-appearance: none;
   appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer
}

.swiper-pagination-bullet:only-child {
   display: none !important
}

.swiper-pagination-bullet-active:after {
   opacity: 1;
   background: #B98449;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0;
}


/*
.ds__page .swiper-wrapper {
    justify-content: center;
}

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

.ds__page .swiper-wrapper {
    justify-content: unset;
}
}

*/


.ds__page .ds__anchor-items-wrapper .swiper-wrapper {
   align-items: center;
}

.ds__page .ds__sets-products .swiper-wrapper {
   justify-content: center;
}

.ds__page .ds__anchor-items-wrapper .swiper-button-prev,
.ds__page .ds__anchor-items-wrapper .swiper-container-rtl .swiper-button-next,
html[dir="rtl"] .ds__anchor-items-wrapper .swiper-button-next {
   top: 100px;
}

.ds__page .ds__anchor-items-wrapper .swiper-button-next,
.ds__page .ds__anchor-items-wrapper .swiper-container-rtl .swiper-button-prev,
html[dir="rtl"] .ds__anchor-items-wrapper .swiper-button-prev {
   top: 100px;
}


.ds__page .ds__testimonies-wrapper .swiper-pagination {
   display: none;
}

.ds__page .ds__services-wrapper .swiper-pagination {
   display: none;
}

.ds__page .swiper-pagination-bullet:after {
   background: #D17285;
}

.ds__page .swiper-pagination-bullet-active:after {
   background: #8E4E0C;
}

.ds__page .swiper-notification {
   height: 0;
   line-height: 0;
}



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

   .ds__page .ds__services-wrapper .swiper-pagination {
      display: block;
   }

}


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

   .ds__page .swiper-pagination {
      padding: 40px 0;
   }

   .ds__page .ds__sets-products .swiper-wrapper {
      justify-content: unset;
   }

   .ds__page .ds__testimonies-wrapper .swiper-button {
      display: none;
   }

   .ds__page .ds__testimonies-wrapper .swiper-pagination {
      display: block;
      padding: 40px 0 24px 0;
   }

   .ds__page .ds__services-wrapper .swiper-pagination {
      display: block;
   }

   .ds__page .ds__anchor-items-wrapper .swiper-button {
      display: none;
   }

   .ds__page .ds__testimonies {
      width: 100%;
   }

   .ds__page .ds__testimony-right {
      padding-left: 0px;
   }

   .ds__page .ds__testimony-title::before {
      left: -10px;
   }

   .ds__page .swiper-button-next,
   .ds__page .swiper-container-rtl .swiper-button-prev,
   html[dir="rtl"] .swiper-button-prev {
      right: 5%;
      top: 0;
   }

   .ds__page .swiper-button-prev,
   .ds__page .swiper-container-rtl .swiper-button-next,
   html[dir="rtl"] .swiper-button-next {
      left: 5%;
      top: 0;
   }

}





/* ---------------------------------------------------------------------------------------------------------- */
/*.ds__product[data-item="1"] .ds__cta.ds__product-cta {
   max-width: 122px;
   width: 100%;
}*/

.ds__page .ds__compare-items .ds__cta {
   max-width: 107px;
   width: 100%;
   margin: 0 auto;
}

.ab1210748-pdp {
   display: none;
}

.ds__page .ds__product-link {
   text-transform: uppercase;
}

.ds__page .ds__cta-white {
   text-transform: none;
}

@media only screen and (min-device-width : 834px) and (max-device-width : 1112px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
   .ds__page .ds__product[data-item="2"] .ds__product-media-number {
      left: calc(50% + (304 * var(--collectionRatio)));
   }
}

@media only screen and (min-device-width : 834px) and (max-device-width : 1112px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
   .ds__page .ds__header-picture {
      position: relative;
      top: 17px;
   }

   .ds__page .ds__header-content {
      top: -12px;
      left: calc(49% + calc(64 * var(--headerRatio)));
      width: calc(360 * var(--headerRatio));
   }

   .ds__page .ds__header-picto {
      left: calc(53% - calc(440 * var(--headerRatio)));
   }

   .ds__page .ds__ingredient-title small {
      font-size: 27px;
   }

   .ds__page .ds__product[data-item="2"] .ds__product-media-number {
      left: calc(52% + (284 * var(--collectionRatio)));
   }

   .ds__page .ds__compare-title {
      font-size: 45px;
   }
}

/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
   .ds__product[data-item="1"] .ds__cta.ds__product-cta {
      max-width: 122px;
      width: 100%;
   }

   .ds__page .ds__compare-items .ds__cta {
      max-width: 107px;
      width: 100%;
      margin: 0 auto;
   }
}