/*  ------  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   ------  */

.ds9__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) { 
    .ds9__page {   
       --mainOffset: 147px;
    }
}



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

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

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

.ds9__page h1,
.ds9__page h2,
.ds9__page h3 {margin: 0;padding: 0;font-weight: normal; }
.ds9__page p {margin: 0;padding: 0; }
.ds9__page picture {display: block; /*! width: 100%; */}
.ds9__page img { width: 100%;display: block; }
.ds9__page sup { line-height: 1em; }

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

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

.ds9__page .ds9__bloc { position: relative; width: 100%; margin: 0 auto;  }

.ds9__page .ds9__title { font-size: 48px; line-height: 1.42em;  text-rendering: optimizeSpeed; }
.ds9__page .ds9__title small { display: block; }
.ds9__page .ds9__subtitle {font-family: var(--GOTHAM-MEDIUM);font-size: 24px;line-height: 1.33em; text-rendering: optimizeSpeed; }
.ds9__page .ds9__text {font-size: 14px;line-height: 1.45em; text-rendering: optimizeSpeed;  }
.ds9__page .ds9__text>span {display: block; }
.ds9__page .ds9__text .ds9__nowrap {white-space: nowrap; }
.ds9__page .ds9__text a { text-decoration: underline; }
.ds9__page .ds9__text a:hover { text-decoration: none; }

.ds9__page .ds9__price {font-size: 14px;line-height: 1.28em;  text-rendering: optimizeSpeed; }
.ds9__page .ds9__priceperunit {font-size: 10px;line-height: 1.28em; text-rendering: optimizeSpeed;  }

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

.ds9__page .ds9__text strong,
.ds9__page .ds9__strong {font-family: var(--GOTHAM-MEDIUM); font-weight: normal; }

.ds9__page .ds9__price {font-size: 16px;line-height: 20px; }

.ds9__page .ds9__cta {  padding-top: 16px; }
.ds9__page .ds9__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;}
.ds9__page .ds9__cta-text {color: #fff;}

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

.ds9__page .ds9__cta .add-to-bag button { background-color: var(--COLOR-RED-A) !important; border: 2px solid var(--COLOR-RED-A) !important; height:52px !important; width: auto; text-transform: none; padding-left: 1.575em; padding-right: 1.575em; }
.ds9__page .ds9__cta .add-to-bag button:active,
.ds9__page .ds9__cta .add-to-bag button:focus { border: 2px solid var(--COLOR-RED-A) !important; color: #fff !important; }
.ds9__page .ds9__cta .add-to-bag button:focus { outline: 2px solid var(--COLOR-RED-A)!important; }
.ds9__page .ds9__cta .add-to-bag button:hover { border: 2px solid var(--COLOR-RED-A) !important; color: #fff !important; background-color:var(--COLOR-RED-B) !important; }

.ds9__page a.ds9__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; }
.ds9__page .ds9__link-text {color: var(--COLOR-DEFAULT);}

.ds9__page .ds9__quickview-btn { display: inline-flex;}
.ds9__page .ds9__quickview-btn-white { display: inline-flex;}


.ds9__page .ds9__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%); }
.ds9__page .ds9__nowrap { white-space: nowrap; }

.ds9__page .ds9__underline { text-decoration: underline; }

.ds9__page .ds9__quickshop { display: none; }
.ds9__page .ds9__addtobag  { display: none; }
.ds9__page .ds9__data  { display: none; }

/*
.ds9__page .ds9__cta a.ds9__disabled { background-color: #cfcac9; border-color:#cfcac9; cursor: default; }
*/
.ds9__page .ds9__only-desktop { display: none; }
.ds9__page .ds9__only-mobile { display: none; }
        

@media (max-width: 768px) { 

    .ds9__page .ds9__page { overflow: hidden;}

    .ds9__page .ds9__cta-btn.ds9__only-mobile { display: inline-flex; }

    .ds9__page .ds9__container { padding: 0;}
    .ds9__page .ds9__bloc { padding-bottom: 0; }

    .ds9__page .ds9__title { font-size: 40px; line-height: 1.2em; }

    
}


 @media (min-width: 769px) { 

    .ds9__page .ds9__quickview-btn.ds9__only-desktop { display: inline-block; }
    .ds9__page .ds9__cta-btn.ds9__only-desktop { display: inline-flex; }

    .ds9__page .ds9__cta-btn:hover { color: #fff; outline: 0 !important;  background-color: var(--COLOR-RED-B);  border-color: var(--COLOR-RED-B); }
    .ds9__page .ds9__cta-white:hover { color: var(--COLOR-DEFAULT);  border: 1px solid #797674; background: #fff;  box-shadow: 0px 0px 7px 0px #00000026; }

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

    .ds9__page a.ds9__underline:hover { text-decoration: none; }

}


/*   header    */

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

.ds9__page .ds9__header-media {position: absolute; width: 100%; height: 100%; }
.ds9__page .ds9__header-picture { width: 100%; height: 100%; }
.ds9__page .ds9__header-img { width: 100%; height: 100%; object-fit:cover;}

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

.ds9__page .ds9__header-content { height: 100%; position: relative; top: 0; left: 0; width: 83%; margin: 0 auto; text-align: center;  padding-top: calc(355 * var(--headerRatio)) }
.ds9__page .ds9__header-title { color:#fff; font-size: calc(48 * var(--headerRatio)); line-height: 1em; padding-bottom: calc(24 * var(--headerRatio)); font-family: var(--CLARINS-FONT); }
.ds9__page .ds9__header-text { color:#fff; font-size: calc(16 * var(--headerRatio)); line-height: 1.45em; padding-bottom: calc(8 * var(--headerRatio)); }

.ds9__page .ds9__header-media .ds9__header-link { display: none; }

.ds9__page .ds9__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; }
.ds9__page .ds9__header-picto-circle { position: absolute; top:0; left:0; width: 100%; height: 100%; }
.ds9__page .ds9__header-picto-circle svg { width: 100%; display: block; height: auto;}
.ds9__page .ds9__header-picto-circle .circle_internal {  transform-origin:50% center; }
.ds9__page .ds9__header-picto-circle .circle_external { transform-origin:50% center; }
.ds9__page .ds9__header-picto-text-big { color:#FFF; font-size: calc(35 * var(--pictoWidth)); line-height: 0.85em; display: block; font-family: var(--GOTHAM-LIGHT); }
.ds9__page .ds9__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)); }
.ds9__page .ds9__header-picto-text:last-child { padding-bottom: 0; }



@media (min-width: 768px) { 

    .ds9__page .ds9__bloc-header { --headerRatio:1px;  --pictoWidth: calc( 1 * var(--headerRatio));  height: 460px; padding-bottom: 0; overflow: hidden;  margin-top: 40px; }
   
   .ds9__page .ds9__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;  }
    .ds9__page .ds9__header-title { padding-bottom: calc(48 * var(--headerRatio)); }
        .ds9__page .ds9__header-text { padding-bottom: 0; }

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

}


/*   navigation    */

.ds9__page .ds9__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; }
.ds9__page .ds9__navigation.ds9__stacked  {  transform: translateY(0); }

.ds9__page .ds9__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;  }
.ds9__page .ds9__navigation.ds9__opened .ds9__navigation-content { max-height: 285px;  }

.ds9__page .ds9__navigation-handler { display: flex; justify-content:space-between;  position: relative;left: 0;top: 0; }
.ds9__page .ds9__navigation-handler-click { position: absolute;top: 0;left:0; width: 100%; height: 100%; display: block; cursor: pointer; }

.ds9__page .ds9__navigation-handler-left { height: 44px;display: flex;align-items: center; color:#fff; }
.ds9__page .ds9__navigation-handler-right { padding-right: 20px; display: flex;align-items: center; }

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

.ds9__page .ds9__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; }
.ds9__page .ds9__navigation.ds9__opened .ds9__navigation-handler-arrow { transform: rotate(-90deg); }

.ds9__page .ds9__navigation-inside  { position: relative; top:0; left:0; z-index:1; background: #BE8958; color: #fff; }
.ds9__page .ds9__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;  }
.ds9__page .ds9__navigation-item { height: 52px; white-space: nowrap;display: flex; align-items: center; border-bottom: solid 1px #D3CCC8; position: relative;cursor: pointer; }
.ds9__page .ds9__navigation-item:hover,
.ds9__page .ds9__navigation-item.ds9__active {}
.ds9__page .ds9__navigation-item span { font-size: 14px; line-height: 1.45em; color: #fff;  letter-spacing: 0.05em; display: block;text-align: center; position: relative;}
.ds9__page .ds9__navigation-item { opacity: 1; }

.ds9__page.ds9__stack .ds9__navigation-inside { position: fixed; top: var(--mainOffset); left: 0; z-index: 10; width: 100%; }

.ds9__page .ds9__navigation-inside .ds9__cta-btn { padding-top: 0; padding-bottom: 0; height: 32px;  }
.ds9__page .ds9__navigation-handler .ds9__cta-btn { margin-left: 20px; }
.ds9__page .ds9__navigation-content .ds9__cta-btn { display: none; }

@media (min-width: 1024px) { 

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

    .ds9__page .ds9__navigation-handler { display: none; }
  .ds9__page .ds9__navigation-inside  { height: 40px;  }
    .ds9__page .ds9__navigation-items { flex-direction:row; justify-content: center; align-items:center; padding-bottom: 0; width: unset; border-top: none; }
    .ds9__page .ds9__navigation-item{ display: block; height: unset; border-bottom: none; margin: 0 32px; }

    .ds9__page .ds9__navigation-item a { text-transform: uppercase; }

    .ds9__page .ds9__navigation-item a span { letter-spacing: 0 }
       .ds9__page .ds9__navigation-item:hover span { color: #e9d2bd; }

    .ds9__page .ds9__navigation-content .ds9__cta-btn { display: flex; }

}



/*   anchor    */

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

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

.ds9__page .ds9__anchor-items { display: flex; align-items:center; justify-content:center; height: 100%; width:100%; position: relative; top:0; left:0; }
.ds9__page .ds9__anchor-item { width: calc(124 * var(--ratioAnchor)); }
.ds9__page .ds9__anchor-media { width: 39px; margin: 0 auto; height: 102px; display: flex; align-items: flex-end; }
.ds9__page .ds9__anchor-item:nth-child(1) .ds9__anchor-media { width: 34px;  }

.ds9__page .ds9__anchor-content { padding-top: 8px; width: calc(78 * var(--ratioAnchor));  margin: 0 auto; }
.ds9__page .ds9__anchor-item:nth-child(1) .ds9__anchor-content { width: calc(60 * var(--ratioAnchor)); }

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


@media (min-width: 768px) { 


.ds9__page .ds9__anchor { --ratioAnchor:1px; }
.ds9__page .ds9__anchor-items-wrapper { width:calc(100% - 96px); max-width: calc(140 * var(--ratioAnchor) * 3); }
.ds9__page .ds9__anchor-item { width: calc(140 * var(--ratioAnchor));  height: 100%; display: flex; align-items:center; justify-content:center; transition:opacity 0.3s; }
.ds9__page .ds9__anchor-items:hover .ds9__anchor-item { opacity: 0.5; }
.ds9__page .ds9__anchor-item:hover { background: rgba(0,0,0,0.1); }
.ds9__page .ds9__anchor-items:hover .ds9__anchor-item:hover { opacity: 1; }
.ds9__page .ds9__anchor-content { padding-left: 8px; padding-right:  8px; width: auto;  margin: 0; }
.ds9__page .ds9__anchor-item:nth-child(1) .ds9__anchor-content { width: auto; }

}



/*   ingredient    */

.ds9__page .ds9__bloc-ingredient { background: #fff; }

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

.ds9__page .ds9__ingredient-media {  width: 430px; }
.ds9__page .ds9__ingredient-picture {  transform: translateY(calc(340px - 50%)); }

.ds9__page .ds9__ingredient-content {  width: 514px; }

.ds9__page .ds9__ingredient-title { color: #AD722E; font-size: 40px; line-height: 1.4375em; }
.ds9__page .ds9__ingredient-title small { display: block; font-size: 32px; line-height: 1.4375em; }

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


@media (max-width: 768px) {

.ds9__page .ds9__bloc-ingredient { padding-bottom: 0; }
    .ds9__page .ds9__ingredient { flex-direction:column; height: auto; margin-left: 0; }
    .ds9__page .ds9__ingredient-picture {  transform: none; }

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

.ds9__page .ds9__ingredient-title { font-size: 30px; line-height: 1.4375em; padding-bottom: 12px; }
.ds9__page .ds9__ingredient-title small { font-size: 22px; line-height: 1.4375em; }
.ds9__page .ds9__ingredient-text {  padding-bottom: 10px; }

}


/*   collection    */

.ds9__page .ds9__bloc-collection {  padding-bottom: 0; --collectionRatio:1px;}

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

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


/*   Products    */

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

.ds9__page .ds9__product-media { position: relative; left:calc(50% -  ( 40 * var(--collectionRatio)) - ( 158 * var(--collectionRatio))); width: 1px; }
.ds9__page .ds9__product[data-item="2"] .ds9__product-media {  left:calc(50% + ( 40 * var(--collectionRatio))); }

.ds9__page .ds9__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)) ); }

.ds9__page .ds9__product-media-number { position: absolute; display: block; font-weight: 100; }
.ds9__page .ds9__product[data-item="1"]  .ds9__product-media-number {  left:calc(50% -  ( 360 * var(--collectionRatio)) ); top: calc(50% + ( var(--collection-visual)  / 2  ) - ( 50 * var(--collectionRatio)) );  }
.ds9__page .ds9__product[data-item="2"]  .ds9__product-media-number {  left:calc(50% +  ( 354 * var(--collectionRatio))); top: calc(50% + ( var(--collection-visual)  / 2  ) - ( 45 * var(--collectionRatio)) );  }
.ds9__page .ds9__product[data-item="3"]  .ds9__product-media-number {  left:calc(50% -  ( 320 * var(--collectionRatio))); top: calc(50% + ( var(--collection-visual)  / 2  ) - ( 140 * var(--collectionRatio)) );  }

.ds9__page .ds9__product-media-value { color:#fff; font-size:calc( 90 * var(--collectionRatio)); line-height: 1em; display: block; font-family: var(--GOTHAM-LIGHT); }
.ds9__page .ds9__product-media-value small { color:#fff; font-size:0.5em; line-height: 1em; position: relative; top: -0.7em; }
.ds9__page .ds9__product-media-text { color:#fff; font-size:calc( 25 * var(--collectionRatio)); line-height: 1.45em; white-space: nowrap;}

.ds9__page .ds9__product-media-bubble { position: absolute; }
.ds9__page .ds9__product[data-item="1"]  .ds9__product-media-bubble { width: calc( 256 * var(--collectionRatio)); left: calc( (-1) * 480 * var(--collectionRatio)); top:calc( 133 * var(--collectionRatio)); }
.ds9__page .ds9__product[data-item="2"]  .ds9__product-media-bubble { width: calc( 181 * var(--collectionRatio)); left: calc( 394 * var(--collectionRatio)); top:calc( 40 * var(--collectionRatio));  }
.ds9__page .ds9__product[data-item="3"]  .ds9__product-media-bubble { width: calc( 225 * var(--collectionRatio)); left: calc( (-1) * 420 * var(--collectionRatio)); top:calc( (-1) * 95 * var(--collectionRatio)); }

.ds9__page .ds9__product-media-packshot { position: relative; cursor: pointer; }
.ds9__page .ds9__product[data-item="1"]  .ds9__product-media-packshot { width: calc( 158 * var(--collectionRatio)); }
.ds9__page .ds9__product[data-item="2"]  .ds9__product-media-packshot { width: calc( 215 * var(--collectionRatio)); }
.ds9__page .ds9__product[data-item="3"]  .ds9__product-media-packshot { width: calc( 215 * var(--collectionRatio)); }

.ds9__page .ds9__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;}
.ds9__page .ds9__product[data-item="1"]  .ds9__product-media-bkgd { left :calc( (-1) * 300 * var(--collectionRatio));  top:calc( (-1) * 30 * var(--collectionRatio)); }
.ds9__page .ds9__product[data-item="2"]  .ds9__product-media-bkgd { left :calc( (-1) * 50 * var(--collectionRatio));  top:calc( (-1) * 44 * var(--collectionRatio));  }
.ds9__page .ds9__product[data-item="3"]  .ds9__product-media-bkgd { left :calc( (-1) * 260 * var(--collectionRatio));  top:calc( (-1) * 130 * var(--collectionRatio));  }

.ds9__page .ds9__product-media-visual { position: absolute; width: var(--collection-visual); box-shadow: 0px 0px 21px 0px #00000026; }
.ds9__page .ds9__product[data-item="1"] .ds9__product-media-visual {  left: calc( (-1) * 258 * var(--collectionRatio)); top: calc(50% - ( var(--collection-visual)  / 2  ) + 10px ); }
.ds9__page .ds9__product[data-item="2"] .ds9__product-media-visual {  left: calc( 170 * var(--collectionRatio)); top: calc(50% - ( var(--collection-visual)  / 2  ) + 10px ); }
.ds9__page .ds9__product[data-item="3"] .ds9__product-media-visual {  left: calc( (-1) * var(--collection-visual) + 60px ); top: 5px; }

.ds9__page .ds9__product-content { position: relative; left:calc(50% + ( 40 * var(--collectionRatio))); width: calc( 500 * var(--collectionRatio)); }
.ds9__page .ds9__product[data-item="2"] .ds9__product-content {  left:calc(50% - ( 500 * var(--collectionRatio)) - ( 40 * var(--collectionRatio))); }

.ds9__page .ds9__product-texture { position: absolute; }
.ds9__page .ds9__product[data-item="1"]  .ds9__product-texture { width: calc( 370 * var(--collectionRatio)); left: 100%; top:50%; transform:translate(-26%, -43%);  }
.ds9__page .ds9__product[data-item="2"]  .ds9__product-texture { width: calc( 339 * var(--collectionRatio)); left: 0; top:56px;  transform:translateX(-80%) }
.ds9__page .ds9__product[data-item="3"]  .ds9__product-texture { width: calc( 311 * var(--collectionRatio)); left: 100%; top:50%; transform:translate(-50%, -50%);  }

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

.ds9__page .ds9__product-name { font-size: 30px;  line-height: 1.4375em; padding-bottom: 8px;}
.ds9__page .ds9__product-desc { font-size: 16px;  line-height: 1.4375em;  color:#AD722E; padding-bottom: 16px;}
.ds9__page .ds9__product-text { font-size: 14px;  line-height: 1.4375em;  padding-bottom: 10px;}

.ds9__page .ds9__product-application { padding-bottom: 10px; }
.ds9__page .ds9__product-application-sup { font-size: 16px;  line-height: 1.4375em;  }
.ds9__page .ds9__product-application-days { font-size: 48px;  line-height: 1.1em;  }
.ds9__page .ds9__product-application-text { font-size: 16px;  line-height: 1.4375em; }

.ds9__page .ds9__product-reviews { min-height: 30px; }
.ds9__page .ds9__product-reviews a { color: var(--COLOR-RED-A); }
.ds9__page .ds9__product-reviews a:hover { color: var(--COLOR-RED-B); }

.ds9__page .ds9__product-reviews .rating {
 margin-top:auto;
 height:11px; display: inline-block; 
}
.ds9__page .ds9__product-reviews .rating svg {
 margin-right:3px
}
.ds9__page .ds9__product-reviews .rating i-svg-icon,
.ds9__page .ds9__product-reviews .rating svg {
 width:12px;
 height:12px
}

.ds9__page .ds9__product-from { font-size: 9px;  line-height: 1.4375em;  }
.ds9__page .ds9__product-price { font-size: 14px;  line-height: 1.4375em; font-family: var(--GOTHAM-MEDIUM); }
.ds9__page .ds9__product-priceperunit { font-size: 9px;  line-height: 1.4375em;  }

.ds9__page .ds9__product-cta { padding-bottom: 24px; }
.ds9__page .ds9__product-link { text-transform: unset; font-size: 12px; line-height: 1.45em; font-family: var(--GOTHAM-BOOK); }



@media (max-width: 768px) { 

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

.ds9__page .ds9__product-bloc {  padding:6vw; }

.ds9__page .ds9__product-texture { display: none; }

.ds9__page .ds9__product-media-value { font-size:calc( 63 * var(--collectionRatio)); line-height: 1em; }
.ds9__page .ds9__product-media-text { font-size:calc( 17 * var(--collectionRatio)); line-height: 1.4375em; }

.ds9__page .ds9__product-media-badge { width: calc( 115 * var(--collectionRatio)); left: calc( 50% - 210 * var(--collectionRatio)); top:calc(50% + ( var(--collection-visual)  / 2  ) - (257 * var(--collectionRatio)) ); }
.ds9__page .ds9__product-media { left:calc(50% +  ( 45 * var(--collectionRatio)) ); margin-bottom: 35px; }
.ds9__page .ds9__product[data-item="2"] .ds9__product-media { left:calc(50% - ( 168 * var(--collectionRatio))); }
.ds9__page .ds9__product[data-item="3"] .ds9__product-media {  left:calc(50% +  ( 17 * var(--collectionRatio)) ); margin-bottom: 125px; }

.ds9__page .ds9__product-content { left:0; width: 100%; }
.ds9__page .ds9__product[data-item="2"] .ds9__product-content { left:0; }

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

.ds9__page .ds9__product[data-item="1"]  .ds9__product-media-bubble { width: calc( 256 * var(--collectionRatio)); left: calc( (-1) * 168 * var(--collectionRatio)); top:calc( (-1) * 88 * var(--collectionRatio)); }
.ds9__page .ds9__product[data-item="2"]  .ds9__product-media-bubble { width: calc( 130 * var(--collectionRatio)); left: calc( 150 * var(--collectionRatio)); top: calc( (-1) * 35 * var(--collectionRatio));  }
.ds9__page .ds9__product[data-item="3"]  .ds9__product-media-bubble { width: calc( 225 * var(--collectionRatio)); left: calc( (-1) * 180 * var(--collectionRatio)); top:calc( (-1) * 66 * var(--collectionRatio));  }

.ds9__page .ds9__product[data-item="1"]  .ds9__product-media-packshot { width: calc( 112 * var(--collectionRatio)); }
.ds9__page .ds9__product[data-item="2"]  .ds9__product-media-packshot { width: calc( 152 * var(--collectionRatio)); }
.ds9__page .ds9__product[data-item="3"]  .ds9__product-media-packshot { width: calc( 148 * var(--collectionRatio)); }

.ds9__page .ds9__product[data-item="1"] .ds9__product-media-visual {  left: calc( (-1) * 183 * var(--collectionRatio)); }
.ds9__page .ds9__product[data-item="2"] .ds9__product-media-visual {  left: calc( 130 * var(--collectionRatio)); top: calc(50% - ( var(--collection-visual)  / 2  ) + 10px ); }
.ds9__page .ds9__product[data-item="3"] .ds9__product-media-visual {  left: calc( (-1) * var(--collection-visual) + 60 * var(--collectionRatio) ); top: calc( 115 * var(--collectionRatio)); }

.ds9__page .ds9__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%); }
.ds9__page .ds9__product[data-item="1"]  .ds9__product-media-bkgd { left :calc( (-1) * 300 * var(--collectionRatio));  top:calc( (-1) * 30 * var(--collectionRatio)); }
.ds9__page .ds9__product[data-item="2"]  .ds9__product-media-bkgd { left :calc( (-1) * 50 * var(--collectionRatio));  top:calc( (-1) * 44 * var(--collectionRatio));  }
.ds9__page .ds9__product[data-item="3"]  .ds9__product-media-bkgd { left :calc( (-1) * 220 * var(--collectionRatio));  top:calc( (-1) * 20 * var(--collectionRatio));  }


}



/*   compare    */

.ds9__page .ds9__bloc-compare { background: #FFF3E3; }

.ds9__page .ds9__compare-wrapper { display: none; }

.ds9__page .ds9__compare { padding-top: 40px; padding-bottom: 55px; width: 100%; }

.ds9__page .ds9__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;  }
.ds9__page .ds9__compare-text { font-size: 16px; line-height: 1.45em;  text-align: center; padding-bottom: 32px; width: 100%; max-width: 320px; margin: 0 auto; }

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

.ds9__page .ds9__compare-items { width: 100%; }
.ds9__page .ds9__compare-items .swiper-container { overflow: unset !important; }

.ds9__page .ds9__compare-item { width: 44vw; }

.ds9__page .ds9__compare-item-group { text-align: center; background: #fff; border-right: solid 1px #D3CCC8; margin-top: 36px; position: relative; top:0; left:0; }
.ds9__page .ds9__compare-item:last-child .ds9__compare-item-group { border-color:#fff; }

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

.ds9__page .ds9__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);  }
.ds9__page .ds9__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; }
.ds9__page .ds9__compare-item-filter-text::after { content: ""; position: absolute; top:0; right:-25px; width: 20px; height: 20px; background: url(../commun/arrow-down-grey-icon.svg) center center no-repeat; background-size:100% auto; transform:rotate(0deg); transition:transform 0.3s;  }
.ds9__page .ds9__compare-item-filter.mod__expand .ds9__compare-item-filter-text::after { transform:rotate(180deg); }

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

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

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

.ds9__page .ds9__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); }
.ds9__page .ds9__compare-item-text { font-size: 14px; line-height: 1.45em; height:62px; display: flex; justify-content:center; align-items:center;  padding: 0 8px;  }
.ds9__page .ds9__compare-item-price-wrapper { height: 32px; }
.ds9__page .ds9__compare-item-supprice { font-size: 9px; line-height: 1em; }
.ds9__page .ds9__compare-item-price { font-size: 14px; line-height: 1em; font-family: var(--GOTHAM-MEDIUM); }
.ds9__page .ds9__compare-item-priceperunit { font-size: 9px; line-height: 1.45em; color:#797674; text-transform: uppercase; min-height: 13.05px; }


.ds9__page .ds9__compare-item-inside {  transition:max-height 0.3s; overflow: hidden; }
.ds9__page .ds9__compare-item-group.mod__collapse .ds9__compare-item-inside { max-height:1px !important; }

.ds9__page .ds9__compare-item-media { height: 166px; display: flex; align-items:flex-end;}
.ds9__page .ds9__compare-item-media-img { width: 58px; margin: 0 auto; }
.ds9__page .ds9__compare-item:nth-child(1) .ds9__compare-item-media-img { width: 48px;  }

.ds9__page .ds9__compare-item-texture { padding-bottom: 44px; }
.ds9__page .ds9__compare-item-texture-img { width: 136px; margin: 0 auto; }

.ds9__page .ds9__compare .ds9__cta { padding-top:10px; padding-bottom: 24px; }

.ds9__page .ds9__compare-opener {  text-align: center; padding-top: 32px; padding-bottom: 32px; }
.ds9__page .ds9__compare-opener .ds9__cta-btn { padding-top: 14px; padding-bottom: 14px; }


@media (min-width: 390px) { 

    .ds9__page .ds9__compare-item-title { }

}

@media (min-width: 768px) { 

    .ds9__page .ds9__compare { padding-top: 64px; }

    .ds9__page .ds9__compare-title { font-size: 48px; line-height: 1.2em; padding-bottom: 16px; max-width: unset; }
    .ds9__page .ds9__compare-text { max-width: 510px; }

    .ds9__page .ds9__compare-items-wrapper { display: flex; justify-content:center; }
    .ds9__page .ds9__compare-items { width: auto; }
    .ds9__page .ds9__compare-item { width: 204px; }

    .ds9__page .ds9__compare-opener { text-align: center; padding-bottom: 40px; }

}




/*   sets    */

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

.ds9__page .ds9__sets { width: 100%; margin: 0 auto;  }
.ds9__page .ds9__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;  }
.ds9__page .ds9__sets-text { font-size: 14px; line-height: 1.45em;  text-align: center; padding-bottom: 32px; width: 100%; max-width: 344px; margin: 0 auto; }

.ds9__page .ds9__sets-products { position: relative;top: 0;left: 0; width: 100%; margin: 0 auto; }
.ds9__page .ds9__sets-product { width: 66vw; }

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

.ds9__page .ds9__sets-product-title { font-size: 14px; line-height: 1.45em;  min-height: 78px; text-align: center; padding-bottom: 16px; }
.ds9__page .ds9__sets-product-price {  font-size: 14px; line-height: 1.45em; font-family: var(--GOTHAM-MEDIUM);  }

.ds9__page .ds9__sets-body .swiper-pagination { display: block; }


@media (min-width: 768px) { 

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

    .ds9__page .ds9__sets { width: calc(100% - 80px); max-width: 1264px; margin: 0 auto; }
    .ds9__page .ds9__sets-title { font-size: 48px; line-height: 1.2em; padding-bottom:24px; max-width: unset;  }
   .ds9__page .ds9__sets-text { font-size: 14px; line-height: 1.45em;  text-align: center; padding-bottom: 32px; max-width: 510px;  }

    .ds9__page .ds9__sets-products { width: 100%; }
    .ds9__page .ds9__sets-product:last-child { margin-right: 0 !important; }    

 .ds9__page .ds9__sets-product { padding: 0; }
  
}

@media (min-width: 1024px) { 

.ds9__page .ds9__sets-body .swiper-pagination { display: none; }

}



/*   testimonies    */

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

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

.ds9__page .ds9__testimonies { width: 100%;  }

.ds9__page .ds9__testimony { display: flex;  flex-direction:column-reverse; padding: 0; }
.ds9__page .ds9__testimony-right { padding-left: 50px; }

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


.ds9__page .ds9__testimony-name { font-size: 16px; line-height: 1.45em; font-family: var(--GOTHAM-MEDIUM); padding-bottom: 4px; }
.ds9__page .ds9__testimony-age { font-size: 12px; line-height: 1.45em; font-family: var(--GOTHAM-MEDIUM); padding-bottom: 0; white-space: nowrap; }
.ds9__page .ds9__testimony-title { font-size: 30px; line-height: 1em; font-family: var(--CLARINS-FONT); padding-bottom: 8px; position: relative; }
.ds9__page .ds9__testimony-first { position: relative; top: 0; left: 0; display: block; height: 55px; width: 75px; margin: 0 auto; }
.ds9__page .ds9__testimony-glyph { color:#B98449; font-size: 200px; line-height: 120px; position: absolute; top: 0; left: 0; display: block; }
.ds9__page .ds9__testimony-text { font-size: 14px; line-height: 1.45em; padding-bottom: 16px; width: 100%; margin: 0 auto; }
.ds9__page .ds9__testimony-categories { font-size: 12px; line-height: 1.45em; color:#B98449;  width: 85%; margin: 0 auto; }

.ds9__page .ds9__testimony-reviews { padding-bottom: 22px; }

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

.ds9__page .ds9__testimony-rating-stars-container {
  zoom: 1;
  display: inline-block;
}
.ds9__page .ds9__testimony-rating-stars {
  position: relative;
  display: block;
  overflow: hidden;
 line-height:1em;
 height:1em;
 font-size:25px;
 letter-spacing: 3px; 
}
.ds9__page .ds9__testimony-rating-stars-on {
  position: relative;
  float: left;
  white-space: nowrap;
}

.ds9__page .ds9__testimony-rating-stars-on {
 color:#B98449;
}
.ds9__page .ds9__testimony-rating-stars-off {
  position: absolute;
 color:#fff;
}
.ds9__page .ds9__testimony-width-from-rating-stats-98 {
  width: 98% !important;
}


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

    .ds9__page .ds9__bloc-testimony { padding-top: 40px; padding-bottom: 40px; height:221px; margin-top: 0; }
    
    .ds9__page .ds9__testimonies-wrapper { width: calc(100% - 96px); max-width: 660px; }
    .ds9__page .ds9__testimony { flex-direction:row; align-items:center; padding: 0 35px; }

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

    .ds9__page .ds9__testimony-reviews { padding-bottom: 0; }
    .ds9__page .ds9__testimony-title { font-size: 35px; line-height: 1em; }
    .ds9__page .ds9__testimony-text { width: 85%; }
   .ds9__page .ds9__testimony-first { display: inline-block; height: 35px; width: 35px; }
  .ds9__page .ds9__testimony-glyph {  font-size: 100px; line-height: 65px;  }
    .ds9__page .ds9__testimony-age {  padding-bottom: 16px; }

}



/*   Push   */

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

.ds9__page .ds9__push { width: 90%; margin: 0 auto;}

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

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

.ds9__page .ds9__push-title { font-size: 32px; line-height: 1.2em; text-align: center; padding-bottom: 24px;  }
.ds9__page .ds9__push-subtitle { font-size: 24px; line-height: 1.2em; padding-bottom: 16px; text-align: center;  }
.ds9__page .ds9__push-text { font-size: 16px; line-height: 1.45em;  padding-bottom: 24px; text-align: center;  }

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


@media (min-width: 768px) { 

.ds9__page .ds9__bloc-push { padding-top: 40px; padding-bottom: 40px; background: #fff; }

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

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

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

.ds9__page .ds9__push-title { text-align: left; }
.ds9__page .ds9__push-subtitle { padding-bottom: 24px;   text-align: left; }
.ds9__page .ds9__push-text { font-size: 14px; line-height: 1.45em;  padding-bottom: 24px; text-align: left;  }

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

}


/*  faq */

.ds9__page .ds9__bloc-faq { padding: 40px 0 40px 0; background: #fff; }
.ds9__page .ds9__faq-title { font-family: var(--CLARINS-FONT); text-align: center; padding-bottom: 20px; }
.ds9__page .ds9__faq-text { font-size: 14px; line-height: 1.42em; text-align: center; padding-bottom: 43px;  }

.ds9__page .ds9__faq-items {
  width: calc(100% - 40px);
  max-width: 832px;
  height: auto;
  display: block;
  vertical-align: top;
  margin: 0 auto;
  border-top: solid 1px #333;
}
.ds9__page .ds9__faq-item {
  height: 40px;
  display: block;
  transition: height ease-in-out 0.5s;
  overflow: hidden;
  border-bottom: 1px solid #D3CCC8;
}
.ds9__page .ds9__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;
 }

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

.ds9__page .ds9__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;
}

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


.ds9__page .ds9__faq-item a.ds9__underline { color:var(--COLOR-DEFAULT); }

@media (max-width: 768px) { 

    .ds9__page .ds9__bloc-faq { padding: 32px 0 32px 0; }
    .ds9__page .ds9__faq-text { font-size: 16px; line-height: 1.42em; max-width: 260px; margin: 0 auto; padding-bottom: 30px; }
    .ds9__page .ds9__faq-item-handler { padding: 16px 35px 16px 0; }

}

 @media (min-width: 768px) { 
    .ds9__page .ds9__faq-item a.ds9__underline:hover { color:var(--COLOR-DEFAULT); }

}


/*    expert   */

.ds9__page .ds9__bloc-expert { background: #fff; padding-top: 32px; padding-bottom: 32px; }

.ds9__page .ds9__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; }

.ds9__page .ds9__expert-media { width: 100%; display: block; }
.ds9__page .ds9__expert-picture { width: 100%; }
.ds9__page .ds9__expert-img { width: 100%; }

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

.ds9__page .ds9__expert-content { width: 100%;  }

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

.ds9__page .ds9__expert-logo { width: 268px; padding-bottom: 24px; margin: 0 auto; }
.ds9__page .ds9__expert-logo-img { width: 100%; }

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

@media (min-width: 768px) { 

.ds9__page .ds9__bloc-expert { padding-top: 40px; padding-bottom: 40px; }

.ds9__page .ds9__expert {  flex-direction:row; align-items:stretch; }

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

.ds9__page .ds9__expert-media { width:508px; }
.ds9__page .ds9__expert-content { text-align: left; width: 80%; margin: 0 auto; }

.ds9__page .ds9__expert-logo { width:90%; max-width: 268px; margin: 0; }

}



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

.ds9__page .ds9__legendes { width: 1172px; width: 100%; margin: 0 auto; padding: 0 40px; }
.ds9__page .ds9__legende { font-size: 12px; line-height: 1.4375em; }


@media (max-width: 768px) { 

.ds9__page .ds9__legendes { text-align: center; padding: 0 6vw; }

}





/*    Swiper    */

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

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

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

.ds9__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;
}

.ds9__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;
}
.ds9__page .swiper-container-android .swiper-slide,
.ds9__page .swiper-wrapper {
   -webkit-transform: translate3d(0px, 0, 0);
   transform: translate3d(0px, 0, 0);
}
.ds9__page .swiper-container-multirow > .swiper-wrapper {
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.ds9__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;
}
.ds9__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;
}

.ds9__page .swiper-slide:before,.swiper-slide:after { content: ""; display: table; }
.ds9__page .swiper-slide:after { clear: both; }

.ds9__page .swiper-slide-invisible-blank {
   visibility: hidden;
}
/* Auto Height */
.ds9__page .swiper-container-autoheight,
.ds9__page .swiper-container-autoheight .swiper-slide {
   height: auto;
}
.ds9__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 */
.ds9__page .swiper-container-wp8-horizontal,
.ds9__page .swiper-container-wp8-horizontal > .swiper-wrapper {
   -ms-touch-action: pan-y;
   touch-action: pan-y;
}
.ds9__page .swiper-container-wp8-vertical,
.ds9__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
}

.ds9__page .swiper-button {
 position: absolute;
 top: 0;
 width: 25px;
 height: 25px;
 z-index: 10;
 cursor: pointer;
}
.ds9__page .swiper-button:after { content:"";  background-size: 75% auto;  background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; display: block; }
.ds9__page .ds9__game-container .swiper-button::after { }

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

.ds9__page .swiper-button-prev.swiper-button-disabled,
.ds9__page .swiper-button-next.swiper-button-disabled {
 opacity: 0.4;
 cursor: auto;
 pointer-events: none;
}
.ds9__page .swiper-button-prev,
.ds9__page .swiper-container-rtl .swiper-button-next,
html[dir="rtl"] .swiper-button-next {
 left: -37.5px;
 right: auto;
 top: calc(50% - 12.5px);
}
.ds9__page .swiper-button-prev::after,
.ds9__page .swiper-container-rtl .swiper-button-next::after,
html[dir="rtl"] .swiper-button-next::after {
 background-image: url(../commun/arrow-left-grey-icon.svg);
}
.ds9__page .swiper-button-next,
.ds9__page .swiper-container-rtl .swiper-button-prev,
html[dir="rtl"] .swiper-button-prev {
 right: -37.5px;
 left: auto;
 top: calc(50% - 12.5px);
}
.ds9__page .swiper-button-next:after,
.ds9__page .swiper-container-rtl .swiper-button-prev:after,
html[dir="rtl"] .swiper-button-prev:after {
  background-image: url(../commun/arrow-right-grey-icon.svg);
}

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

.ds9__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;
}


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

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

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

*/


.ds9__page .ds9__anchor-items-wrapper .swiper-wrapper { align-items: center; }
.ds9__page .ds9__sets-products .swiper-wrapper { justify-content: center; }

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

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


.ds9__page .ds9__testimonies-wrapper .swiper-pagination { display: none; }
.ds9__page .ds9__services-wrapper .swiper-pagination { display: none; }

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

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



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

.ds9__page .ds9__services-wrapper .swiper-pagination { display: block; }

}


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

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

.ds9__page .ds9__sets-products .swiper-wrapper { justify-content: unset; }

.ds9__page .ds9__testimonies-wrapper .swiper-button { display: none; }
.ds9__page .ds9__testimonies-wrapper .swiper-pagination { display: block; padding: 40px 0 24px 0; }
.ds9__page .ds9__services-wrapper .swiper-pagination { display: block; }

.ds9__page .ds9__anchor-items-wrapper .swiper-button { display: none; }

.ds9__page .ds9__testimonies { width: 100%; }
.ds9__page .ds9__testimony-right { padding-left: 0px; }
.ds9__page .ds9__testimony-title::before { left: -10px; }

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

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

}




/* ---------------------------------------------------------------------------------------------------------- */
.ds9__product[data-item="1"] .ds9__cta.ds9__product-cta {
   max-width: 122px;
   width: 100%;
}
.ds9__page .ds9__compare-items .ds9__cta {
   max-width: 107px;
   width: 100%;
   margin: 0 auto;
}
.ab1210748-pdp{
   display: none;
}
.ds9__page .ds9__product-link {
	text-transform: uppercase;
}
.ds9__page .ds9__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) {
   .ds9__page .ds9__product[data-item="2"]  .ds9__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) {
   .ds9__page .ds9__header-picture {
         position: relative;
         top: 17px;
   }
   .ds9__page .ds9__header-content {
      top: -12px;
      left: calc(49% + calc(64 * var(--headerRatio)));
      width: calc(360 * var(--headerRatio));
   }
   .ds9__page .ds9__header-picto {
      left: calc(53% - calc(440 * var(--headerRatio)));
   }
   .ds9__page .ds9__ingredient-title small {
      font-size: 27px;
   }
   .ds9__page .ds9__product[data-item="2"] .ds9__product-media-number {
      left: calc(52% + ( 284 * var(--collectionRatio)));
   }
   .ds9__page .ds9__compare-title {
      font-size: 45px;
   }
}

/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
   .ds9__product[data-item="1"] .ds9__cta.ds9__product-cta {
      max-width: 122px;
      width: 100%;
  }
  .ds9__page .ds9__compare-items .ds9__cta {
      max-width: 107px;
      width: 100%;
      margin: 0 auto;
   }
}



/* Fix for the detached navigation menu issue */
.ds9__page .ds9__navigation{
	display: none !important;
}
.ds9__page .ds9__bloc-header {
   margin-top: 0 !important;
}