/*  ------  reset   ------  */

#main:not(.main-homepage) {padding-top: 0px; }
.breadcrumb {display: none !important; }
#wrapper { max-width: 100%; }
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; 
}


@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");
}

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


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

.dse__page { 
    --CLARINS-FONT: ClarinsRegular, Clarins;
    --GOTHAM-EXTRALIGHT: "Gotham_ExtraLight";
    --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-PAGE: #AC651B;
    --COLOR-RED-A:#b40024;
    --COLOR-RED-B:#8c0b26;
    --RADIUS:8px; 
    --ratioWidth: 1px;
    --mainOffset: 147px;
}

@media (max-width: 1280px) { 
    .dse__page {   
        --ratioWidth: calc( 100vw / 1280 );
    }
}

@media (max-width: 768px) { 
    .dse__page {   
        --ratioWidth: calc( 100vw / 375 );
    }
}



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

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

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

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

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

.dse__page .dse__container {position: relative; max-width: 1046px; width: 92%; margin: 0 auto; }

.dse__page .dse__bloc { position: relative; width: 100%; margin: 0 auto;  }

.dse__page .dse__title { font-size: 48px; line-height: 1.42em;  text-rendering: optimizeSpeed; }
.dse__page .dse__title small { display: block; }

.dse__page .dse__subtitle {font-family: var(--GOTHAM-MEDIUM);font-size: 24px;line-height: 1.33em; text-rendering: optimizeSpeed; }
.dse__page .dse__text {font-size: 14px;line-height: 1.44em; text-rendering: optimizeSpeed;  }
.dse__page .dse__text>span {display: block; }
.dse__page .dse__text .dse__nowrap {white-space: nowrap; }
.dse__page .dse__text a { text-decoration: underline; }
.dse__page .dse__text a:hover { text-decoration: none; }

.dse__page .dse__colored { color:var(--COLOR-PAGE); }

.dse__page .dse__text strong,
.dse__page .dse__strong {font-family: var(--GOTHAM-MEDIUM); font-weight: normal; }

.dse__page .dse__price {font-size: 16px;line-height: 20px; }

.dse__page .dse__cta {  padding-top: 16px; }
.dse__page .dse__cta-btn {cursor: pointer;display: inline-flex;min-width: 132px;height: auto;padding: 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;}
.dse__page .dse__cta-btn:hover { color: #fff; outline: 0 !important;  background-color: var(--COLOR-RED-B);  border-color: var(--COLOR-RED-B); }

.dse__page .dse__cta-white {color: var(--COLOR-DEFAULT); background: #fff;  border: 1px solid #B0A9A5; transition:all 0.3s; }
.dse__page .dse__cta-white:hover { color: var(--COLOR-DEFAULT);  border: 1px solid #797674; background: #fff;  box-shadow: 0px 0px 7px 0px #00000026; }

.dse__page .dse__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; }
.dse__page .dse__cta .add-to-bag button:active,
.dse__page .dse__cta .add-to-bag button:focus { border: 2px solid var(--COLOR-RED-A) !important; color: #fff !important; }
.dse__page .dse__cta .add-to-bag button:focus { outline: 2px solid var(--COLOR-RED-A)!important; }
.dse__page .dse__cta .add-to-bag button:hover { border: 2px solid var(--COLOR-RED-A) !important; color: #fff !important; background-color:var(--COLOR-RED-B) !important; }

.dse__page .dse__link { text-decoration: underline; font-family: var(--GOTHAM-MEDIUM); font-size: 11px; line-height: 1.42em; letter-spacing: 0.02em;  text-transform: uppercase; }
.dse__page .dse__link:hover { text-decoration: none; }

.dse__page .dse__quickshop { display: none; }
.dse__page .dse__addtobag  { display: none; }



/*
.dse__page .dse__cta a.dse__disabled { background-color: #cfcac9; border-color:#cfcac9; cursor: default; }
*/

@media (max-width: 768px) { 
    .dse__page .dse__page { overflow: hidden;}
    .dse__page .dse__container { padding: 0;}

    .dse__page .dse__title { font-size: 40px; line-height: 1.2em; }

}


/*   header    */

.dse__page .dse__bloc-header { --headerRatio:1px; position: relative; height:calc(596 * var(--headerRatio)); }

.dse__page .dse__header-media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.dse__page .dse__header-picture { width: 100%; height: 100%; }
.dse__page .dse__header-img { width: 100%; height: 100%; object-fit:cover;  }

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

.dse__page .dse__header-content { position: relative; top: 0; left: calc(50% + calc(34 * var(--headerRatio))); width: calc(500 * var(--headerRatio)); background:#fff; padding: calc(40 * var(--headerRatio)) }
.dse__page .dse__header-title { color:#B40024; font-size: calc(40 * var(--headerRatio)); line-height: 1em; padding-bottom: calc(16 * var(--headerRatio)); }
.dse__page .dse__header-subtitle { font-size: calc(16 * var(--headerRatio)); line-height: 1.45em; padding-bottom: calc(16 * var(--headerRatio)); width: 85%; font-family: var(--GOTHAM-MEDIUM); }
.dse__page .dse__header-text { font-size: calc(16 * var(--headerRatio)); line-height: 1.45em; width: 85%; }

.dse__page .dse__header-picto { width: 116px; position: absolute; top:calc(125 * var(--headerRatio)); left:calc(50% - calc(362 * var(--headerRatio))); }
.dse__page .dse__header-picto-img { width: 100%; display: block; }


@media (max-width: 1220px) {

    .dse__page .dse__bloc-header { --headerRatio:calc(100vw / 1220); }

}

@media (max-width: 768px) { 

    .dse__page .dse__bloc-header { --headerRatio:1px; height: 674px; padding-bottom: 0; overflow: hidden; }
    .dse__page .dse__header-img { object-position: 50% top; }

    .dse__page .dse__header-body { position: relative; display: block; padding-top: calc(306 * var(--headerRatio)); padding-bottom: 40px; }

    .dse__page .dse__header-content { text-align: center; width: 92%; max-width:420px; left:0; margin: 0 auto; padding: calc(24 * var(--headerRatio)) calc(32 * var(--headerRatio))  calc(40 * var(--headerRatio)) calc(32 * var(--headerRatio)) ;}
    .dse__page .dse__header-title { padding-bottom: calc(18 * var(--headerRatio)); }
    .dse__page .dse__header-title span.dse__mobile { display: block; }

    .dse__page .dse__header-subtitle { width: 100%; }
    .dse__page .dse__header-text { width: 85%; margin: 0 auto; }

   .dse__page .dse__header-picto { width: calc(85 * var(--headerRatio)); top:calc(56 * var(--headerRatio)); left:calc(50% - calc(142 * var(--headerRatio))); }

}


@media (max-width: 373px) { 

    .dse__page .dse__header-content { padding-left:8.5vw; padding-right:8.5vw; }
    .dse__page .dse__header-title { font-size: calc(37 * var(--headerRatio)); line-height: 1em; padding-bottom: calc(12 * var(--headerRatio)); }

    .dse__page .dse__header-subtitle { padding-bottom: calc(12 * var(--headerRatio)); }
    .dse__page .dse__header-text { width: 100%; }
}

/*   results    */

.dse__page .dse__bloc-results { background: #fff; padding-bottom: 64px; }
.dse__page .dse__results-title { font-size: 35px; line-height: 1.25em; text-align: center; padding-top: 57px; padding-bottom: 61px; width: 810px; margin: 0 auto;
    background: linear-gradient(270.38deg, #AC651B 0.51%, #DCB389 48.1%, #AC651B 99.82%); background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

.dse__page .dse__results-body { display: flex; }

.dse__page .dse__results-container { display: flex; flex-wrap:wrap; justify-content:space-between; width: 350px; }
.dse__page .dse__results-result { width: 175px; padding-bottom: 50px; }
.dse__page .dse__results-result:nth-child(3),
.dse__page .dse__results-result:nth-child(4) { padding-bottom: 0; }

.dse__page .dse__results-content { width: 435px; }
.dse__page .dse__results-subtitle { font-size: 24px; line-height: 1.2em; font-family: var(--GOTHAM-MEDIUM); padding-top: 22px; padding-bottom: 27px; max-width: 350px; }
.dse__page .dse__results-media .dse__results-subtitle { display: none; }
.dse__page .dse__results-text { font-size: 16px; line-height: 1.45em; padding-bottom: 27px; max-width: 250px; }
.dse__page .dse__results-result-number { color:var(--COLOR-PAGE); font-size: 70px; line-height: 52px; font-family: var(--GOTHAM-EXTRALIGHT); display: flex; align-items: flex-start; justify-content: flex-start; }
.dse__page .dse__results-result-value { display: inline-block; }
.dse__page .dse__results-result-glyph { font-size: 0.42em; line-height: 21px; }
.dse__page .dse__results-result-text { color: var(--COLOR-DEFAULT); font-size: 14px; line-height: 1.45em; text-align: left; }

.dse__page .dse__results-media { width: 735px; }
.dse__page .dse__results-picture { width: 100%; display: block; }
.dse__page .dse__results-img { width: 100%; display: block; }

@media (max-width: 1024px) { 

    .dse__page .dse__results-content { width: 350px; }
    .dse__page .dse__results-media { width: calc(100% - 350px); }

}


@media (max-width: 768px) { 

    .dse__page .dse__bloc-results { padding-bottom: 0; }

    .dse__page .dse__results-content { width: 100%; max-width : 350px; margin:0 auto; text-align: center; }

    .dse__page .dse__results-title { font-size: 30px;  line-height: 1.2em; padding-top: 34px; padding-bottom: 27px; width: unset; }
    .dse__page .dse__results-subtitle { padding-top: 0; max-width: unset; text-align: center; }
    .dse__page .dse__results-content .dse__results-subtitle { display: none; }
    .dse__page .dse__results-media .dse__results-subtitle { display: block; }
    .dse__page .dse__results-text { max-width: 250px; margin: 0 auto; padding-top: 32px; padding-bottom: 24px; }

    .dse__page .dse__results-body { flex-direction :column-reverse; }
    .dse__page .dse__results-media { width: 100%; }

    .dse__page .dse__results-container { justify-content:space-between; }
    .dse__page .dse__results-result { width:150px; }

    .dse__page .dse__results-result { padding-bottom: 40px; }
    .dse__page .dse__results-result:nth-child(3),
    .dse__page .dse__results-result:nth-child(4) { padding-bottom: 40px; }
    .dse__page .dse__results-container { justify-content: space-evenly; }

}

@media (max-width: 373px) { 

    .dse__page .dse__results-result { width:125px; }
    .dse__page .dse__results-result-number { font-size: 57px; }

}


/*   ingredient    */

.dse__page .dse__bloc-ingredient {background: linear-gradient(329.69deg, #FFFFFF 41.51%, #FBF1E5 64.12%, #E9B67C 90.84%); }

.dse__page .dse__ingredient-title { font-size: 48px; line-height: 1.2em; text-align: center; padding-top:61px; margin-bottom: 43px; 
    background: linear-gradient(270.38deg, #D67E22 0.51%, #DE9549 49.65%, #92520F 99.82%); background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent; 
}
.dse__page .dse__ingredient-title span.dse__desktop { display: block; }

.dse__page .dse__ingredient-subtitle { color:var(--COLOR-PAGE); font-size: 24px; line-height: 1.45em; padding-bottom: 8px; text-align: center; font-family: var(--GOTHAM-MEDIUM);  }
.dse__page .dse__ingredient-text { color:var(--COLOR-PAGE);  font-size: 14px; line-height: 1.45em; padding-bottom: 16px; text-align: center; width: 350px; margin: 0 auto;  }

.dse__page .dse__ingredient-body { position: relative; height: 560px; margin-bottom: 24px; }

.dse__page .dse__ingredient-media { position: relative; height: 100%; }
.dse__page .dse__ingredient-picture { position: absolute; opacity: 0; transition:opacity 0.5s; }
.dse__page .dse__ingredient-picture[data-item="1"] { top:31px; left:calc(50% - 541px); width: 317px; }
.dse__page .dse__ingredient-picture[data-item="2"] { top:32px; left:calc(50% - 180px); width: 322px; }
.dse__page .dse__ingredient-picture[data-item="3"] { top:90px; left:calc(50% + 130px); width: 318px;  }

.dse__page .dse__ingredient-item { position: absolute; width: 270px;  opacity: 0; transition:opacity 0.5s; }
.dse__page .dse__ingredient-item[data-item="1"] { top:365px; left:calc(50% - 284px);  }
.dse__page .dse__ingredient-item[data-item="2"] { top:0px; left:calc(50% + 146px); text-align: right; }
.dse__page .dse__ingredient-item-close { display: none; }
.dse__page .dse__ingredient-item-name { font-size: 24px; line-height: 1.45em; font-family: var(--GOTHAM-MEDIUM); padding-bottom: 8px; }
.dse__page .dse__ingredient-item-text { font-size: 14px; line-height: 1.45em; }

.dse__page .dse__ingredient-mark { position: absolute; opacity: 0; transition:opacity 0.5s; }
.dse__page .dse__ingredient-mark-end { border: solid 1px #89531A; width: 50px; height: 50px; border-radius: 50%; position: absolute; top:-25px; }
.dse__page .dse__ingredient-mark-end-inside {  border: solid 1px #fff; width: 40px; height: 40px; border-radius: 50%; background: rgba(137, 83, 26, 0.4); position: absolute; top:4px; left:4px; }
.dse__page .dse__ingredient-mark-line { background: #89531A; width: 64px; height: 1px; position: absolute; top:0; }
.dse__page .dse__ingredient-mark-start { background: #89531A; width: 7px; height: 7px; border-radius: 50%; position: absolute; top:-3px; left:0; }

.dse__page .dse__ingredient-mark[data-item="1"] { top:239px; left:calc(50% - 265px); }
.dse__page .dse__ingredient-mark[data-item="1"] .dse__ingredient-mark-line { left: 0; }
.dse__page .dse__ingredient-mark[data-item="1"] .dse__ingredient-mark-line { width: 72px; }
.dse__page .dse__ingredient-mark[data-item="1"] .dse__ingredient-mark-end { left: 72px; }
.dse__page .dse__ingredient-mark[data-item="2"] { top:110px; left:calc(50% + 196px); }
.dse__page .dse__ingredient-mark[data-item="2"] .dse__ingredient-mark-line { left: -64px; }
.dse__page .dse__ingredient-mark[data-item="2"] .dse__ingredient-mark-end { left: -114px; }

.dse__page .dse__ingredient-legend { position: absolute; display: flex; align-items:center; justify-content:center; opacity: 0; transition:opacity 0.5s; }
.dse__page .dse__ingredient-legend-text { color:#fff; font-size: 14px; line-height: 1.45em; padding: 7px 10px; white-space: nowrap; }
.dse__page .dse__ingredient-legend[data-item="1"] { background: rgba(92, 145, 35, 0.8); top:459px; left:calc(50% - 427px); }
.dse__page .dse__ingredient-legend[data-item="2"] { background: rgba(219, 104, 71, 0.8); top:286px; left:calc(50% + 314px); }
.dse__page .dse__ingredient-legend-close {display: none; }

.dse__page .dse__ingredient-video { padding-bottom: 80px; }

.dse__page .dse__ingredient.dse__inview .dse__ingredient-picture[data-item="1"] { opacity: 1; transition-delay:0.2s; }
.dse__page .dse__ingredient.dse__inview .dse__ingredient-picture[data-item="2"] { opacity: 1; transition-delay:1.25s; }
.dse__page .dse__ingredient.dse__inview .dse__ingredient-picture[data-item="3"] { opacity: 1; transition-delay:0.2s; }

.dse__page .dse__ingredient.dse__inview .dse__ingredient-legend[data-item="1"] { opacity: 1; transition-delay:0.7s; }
.dse__page .dse__ingredient.dse__inview .dse__ingredient-legend[data-item="2"] { opacity: 1; transition-delay:0.7s; }

.dse__page .dse__ingredient.dse__inview .dse__ingredient-item[data-item="1"] { opacity: 1; transition-delay:1s; }
.dse__page .dse__ingredient.dse__inview .dse__ingredient-item[data-item="2"] { opacity: 1; transition-delay:1s; }

.dse__page .dse__ingredient.dse__inview .dse__ingredient-mark[data-item="1"] { opacity: 1; transition-delay:1.25s; }
.dse__page .dse__ingredient.dse__inview .dse__ingredient-mark[data-item="2"] { opacity: 1; transition-delay:1.25s; }



@media (max-width: 768px) {

    .dse__page .dse__bloc-ingredient { padding-bottom:40px; background: linear-gradient(293.93deg, #FFFFFF 30.17%, #FBF1E5 60.61%, #E9B67C 98.13%); }

    .dse__page .dse__ingredient-title { font-size: 40px; line-height: 1.2em; padding-top:36px; margin-bottom: 17px; }
    .dse__page .dse__ingredient-title span.dse__desktop { display: unset; }

    .dse__page .dse__ingredient-text { width: unset; padding-bottom: 1px; }

    .dse__page .dse__ingredient-body { height: 490px; }

    .dse__page .dse__ingredient-picture[data-item="1"] { top:204px; left:calc(50% - 52px); width: 176px; transform: rotate(2deg);}
    .dse__page .dse__ingredient-picture[data-item="2"] { top:108px; left:calc(50% - 175px); width: 194px; }
    .dse__page .dse__ingredient-picture[data-item="3"] { top:0px; left:calc(50% - 3px); width: 183px;  transform: rotate(-14deg);}

    .dse__page .dse__ingredient-item { width:100%; max-width: 336px; display: none; cursor: pointer; }
    .dse__page .dse__ingredient-item.dse__opened { display: block; }
    .dse__page .dse__ingredient-item { box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15); border-radius:8px; background:#fff; text-align: center; padding: 24px; }
    .dse__page .dse__ingredient-item-close { position: absolute; top:-9px; right:-9px; width:18px; height:18px; background: #fff; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15); border-radius: 50%; display: flex; align-items:center; justify-content:center; }
    .dse__page .dse__ingredient-item-close img { width:8px; display: block; }
    .dse__page .dse__ingredient-item[data-item="1"] { top:362px; left:0;  }
    .dse__page .dse__ingredient-item[data-item="2"] { top:37px; left:0; text-align: center; }

    .dse__page .dse__ingredient-mark-end { width: 35px; height: 35px; top:-17.5px; }
    .dse__page .dse__ingredient-mark-end-inside { width: 27px; height: 27px; top:3px; left:3px; }
    .dse__page .dse__ingredient-mark-line { width: 50px; }
    .dse__page .dse__ingredient-mark-start { width: 5px; height: 5px; top:-2px; }

    .dse__page .dse__ingredient-mark[data-item="1"] { top: 334px; left: calc(50% + 16px); transform: rotate(-135deg); }
    .dse__page .dse__ingredient-mark[data-item="1"] .dse__ingredient-mark-line { left: 0; }
    .dse__page .dse__ingredient-mark[data-item="1"] .dse__ingredient-mark-end { left: 50px; }
    .dse__page .dse__ingredient-mark[data-item="2"] { top:82px; left:calc(50% + 10px); transform: rotate(-45deg); }
    .dse__page .dse__ingredient-mark[data-item="2"] .dse__ingredient-mark-line { left: -50px; }
    .dse__page .dse__ingredient-mark[data-item="2"] .dse__ingredient-mark-end { left: -85px; }

    .dse__page .dse__ingredient-legend { cursor: pointer; }
    .dse__page .dse__ingredient-legend[data-item="1"] { top: 362px; left: calc(50% - 72px); }
    .dse__page .dse__ingredient-legend[data-item="2"] { top:37px; left:calc(50% - 91px); }
    .dse__page .dse__ingredient-legend-close { position: absolute; top:-9px; left:-9px; width:18px; height:18px; background: #fff; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15); border-radius: 50%; display: flex; align-items:center; justify-content:center; }
    .dse__page .dse__ingredient-legend-close img { width:8px; display: block; transform:rotate(45deg);}
    .dse__page .dse__ingredient-legend[data-item="2"] .dse__ingredient-legend-close { left:auto; right:-9px; }

    .dse__page .dse__ingredient-video { padding-bottom: 0px; }

    .dse__page .dse__ingredient.dse__inview .dse__ingredient-picture[data-item="1"] { opacity: 1; transition-delay:0.6s; }
    .dse__page .dse__ingredient.dse__inview .dse__ingredient-picture[data-item="2"] { opacity: 1; transition-delay:1.5s; }
    .dse__page .dse__ingredient.dse__inview .dse__ingredient-picture[data-item="3"] { opacity: 1; transition-delay:0.2s; }

    .dse__page .dse__ingredient.dse__inview .dse__ingredient-legend[data-item="1"] { opacity: 1; transition-delay:0.6s; }
    .dse__page .dse__ingredient.dse__inview .dse__ingredient-legend[data-item="2"] { opacity: 1; transition-delay:0.2s; }

    .dse__page .dse__ingredient.dse__inview .dse__ingredient-item[data-item="1"] { opacity: 1; transition-delay:0s; }
    .dse__page .dse__ingredient.dse__inview .dse__ingredient-item[data-item="2"] { opacity: 1; transition-delay:0s; }

    .dse__page .dse__ingredient.dse__inview .dse__ingredient-mark[data-item="1"] { opacity: 1; transition-delay:1.5s; }
    .dse__page .dse__ingredient.dse__inview .dse__ingredient-mark[data-item="2"] { opacity: 1; transition-delay:1.5s; }

}


/*   collection    */

.dse__page .dse__bloc-collection {  color:#fff; padding-bottom: 0; --collectionRatio:1px; }

.dse__page .dse__collection { position: relative; top:0; left: 0; height: calc(740 * var(--collectionRatio)); }

.dse__page .dse__collection-bkgd { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
.dse__page .dse__collection-bkgd-picture { width: 100%; height: 100%; }
.dse__page .dse__collection-bkgd-img {  width: 100%; height: 100%; object-fit:cover; }

.dse__page .dse__collection-body { position: relative; top:0; left: 0; }

.dse__page .dse__collection-title { font-size: 40px; line-height: 1.2em; text-align: center; padding-top: 64px; margin-bottom: 43px; }

.dse__page .dse__collection-compare { display: flex; justify-content:center; text-transform: uppercase; }
.dse__page .dse__collection-compare-text { padding: 0 20px; }
.dse__page .dse__collection-compare-item { position: relative; padding-bottom: 8px; }
.dse__page .dse__collection-compare-item::after { content:""; position: absolute; left:0; bottom:0px; width: 100%; height: 1px; background: #fff; display: block; }

.dse__page .dse__collection-left { position: absolute; left:calc(50% - calc(365 * var(--collectionRatio))); top: calc(186 * var(--collectionRatio)); }
.dse__page .dse__collection-right { position: absolute; left:calc(50% + calc(265 * var(--collectionRatio))); top: calc(186 * var(--collectionRatio)); }

.dse__page .dse__collection-picto { width: calc(247 * var(--collectionRatio)); height: calc(247 * var(--collectionRatio)); display: flex; align-items:center; }
.dse__page .dse__collection-picto-img { width: 100%; display: block; }
.dse__page .dse__collection-left .dse__collection-picto { width: calc(240 * var(--collectionRatio)); padding-top: 0px; position: relative;left: calc((-1) * 63 * var(--collectionRatio));}
.dse__page .dse__collection-right .dse__collection-picto { width: calc(128 * var(--collectionRatio)); padding-top: 0px; position: relative;left: calc((-1) * 65 * var(--collectionRatio));}

.dse__page .dse__collection-name { font-size: calc(24 * var(--collectionRatio)); line-height: 1.45em; padding-bottom: 20px; font-family: var(--GOTHAM-MEDIUM);  }
.dse__page .dse__collection-supvalues { font-size: calc(18 * var(--collectionRatio)); line-height: 1.2em; padding-bottom: 12px;  }
.dse__page .dse__collection-values { font-size: calc(26 * var(--collectionRatio)); line-height: 37px; padding-bottom: 8px; }
.dse__page .dse__collection-values-number { font-size: calc(60 * var(--collectionRatio)); line-height: 37px; font-family: var(--GOTHAM-EXTRALIGHT); }
.dse__page .dse__collection-text { font-size: calc(16 * var(--collectionRatio)); line-height: 1.45em; padding-bottom: 0px;  }

.dse__page .dse__collection-left .dse__collection-text { width: calc(164 * var(--collectionRatio)); }
.dse__page .dse__collection-left .dse__collection-supvalues { width: calc(87 * var(--collectionRatio)); }

.dse__page .dse__collection-right .dse__collection-text,
.dse__page .dse__collection-right .dse__collection-supvalues { width: calc(240 * var(--collectionRatio)); }



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

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

    .dse__page .dse__collection-title { font-size: 35px; line-height: 1.2em; padding-top: 31px; margin-bottom: 27px; max-width: 305px; margin-right: auto; margin-left: auto; }

    .dse__page .dse__collection{ height: 935px; }

    .dse__page .dse__collection-compare-text { padding: 0 18px; }

    .dse__page .dse__collection-cols { position: absolute; top:580px; left:0; width:100%; display: flex; justify-content:center; }
    .dse__page .dse__collection-left,
    .dse__page .dse__collection-right { position: relative; left:0; top: 0; width:50%; max-width: 168px; }

    .dse__page .dse__collection-left { padding: 0 5px; padding-top: 0;}
    .dse__page .dse__collection-right { padding-right: 0 5px; padding-top: 0;}

    .dse__page .dse__collection-left .dse__collection-picto { width: 132px; height: 132px; left: 0;}
    .dse__page .dse__collection-right .dse__collection-picto { width: 98px; height: 132px; left: 22px;}

    .dse__page .dse__collection-left .dse__collection-text { width: unset; }
    .dse__page .dse__collection-left .dse__collection-supvalues { width: unset; }

    .dse__page .dse__collection-right .dse__collection-text, 
    .dse__page .dse__collection-right .dse__collection-supvalues {  width: unset; }

    .dse__page .dse__collection-name { font-size: 16px; line-height: 1.45em; padding-bottom: 8px; }
    .dse__page .dse__collection-supvalues { font-size: 14px; line-height: 1.2em; padding-bottom: 12px;  max-width: 145px; }
    .dse__page .dse__collection-values { font-size: 26px; line-height: 37px; padding-bottom: 8px; }
    .dse__page .dse__collection-values-number { font-size: 60px; line-height: 37px; }
    .dse__page .dse__collection-text { font-size: 14px; line-height: 1.45em; padding-bottom: 0px; max-width: 145px; }

}


/*   video    */

.dse__page .dse__video { position: relative; }
.dse__page .dse__video-content { cursor: pointer; position: relative;top: 0;left: 0;width: 100%;display: block; }
.dse__page .dse__video-img { width: 100%;height: 100%;display: block;object-fit: cover; }
.dse__page .dse__video-play { position: absolute; bottom: 22px; left: 22px; width: 54px; height: 54px; background: url(../commun/icon-play.svg) left top no-repeat; background-size: 100% auto; }

.dse__page .dse__video-youtube { position: absolute;top: 0;left: 0;width: 100%;display: block;height: 100%; }
.dse__page .dse__video-youtube iframe { width: 100%; height: 100%; display: block; }
.dse__page .dse__video.dse__playing .dse__video-content { opacity: 0; pointer-events:none; }

@media (max-width: 768px) { 

}



/*  legendes */

.dse__page .dse__bloc-legendes { background: #fff; }

.dse__page .dse__legendes { width: 1172px; width: 100%; margin: 0 auto; padding: 40px; }
.dse__page .dse__legende { font-size: 12px; line-height: 1.4375em; }



@media (max-width: 768px) { 

    .dse__page .dse__legendes { padding: 40px 3%; }

}



/*   Routine    */

.dse__page .dse__bloc-routine { overflow:hidden; padding-top:50px; padding-bottom: 48px; text-align: center; background: linear-gradient(8.34deg, #FFF7EF 9.05%, #FFE7D0 55.06%, #FFDAB6 84.56%); }

.dse__page .dse__bloc-routine .dse__container {width: 100%; }

.dse__page .dse__routine { position: relative; top:0; left:0; --slideWidth:225px; }
.dse__page .dse__routine-halo { position: absolute; width: 1500px; height: 1500px; left: calc(50% - 750px); top: calc(50% - 750px); background: radial-gradient(closest-side, rgb(255, 255, 255) 60%, rgba(255,255,255,0) 100%); opacity: 0.9; filter: blur(92px);  }
.dse__page .dse__routine-body { position: relative; top:0; left:0; }
.dse__page .dse__routine-title { padding-bottom:50px; text-align: center; font-size: 40px; line-height: 1.2em; width: 92%; margin: 0 auto; }

.dse__page .dse__routine-products { position: relative; top: 0; left: 0;width: 100%; margin: 0 auto; max-width: calc( var(--slideWidth) * 3); }
.dse__page .dse__routine-products .swiper-container { overflow: unset; }
.dse__page .dse__routine-product-media { position:absolute; display: flex; align-items: flex-start; margin: 0 auto; }
.dse__page .dse__routine-product[data-item="1"] .dse__routine-product-media { width: 200px; transform: translateX(27%); left:calc(50% - 100px);}
.dse__page .dse__routine-product[data-item="2"] .dse__routine-product-media { width: 256px; transform: translateX(29%); left:calc(50% - 128px);}
.dse__page .dse__routine-product[data-item="3"] .dse__routine-product-media { width: 196px; padding-top: 112px; transform: translateX(12%); left:calc(50% - 98px);}
.dse__page .dse__routine-product-number { color: #F5D3AE; font-size: 100px; line-height: 145px; position: absolute; font-family: var(--GOTHAM-EXTRALIGHT); }
.dse__page .dse__routine-product[data-item="1"] .dse__routine-product-number { left:calc(50% - 80px); top:42px; }
.dse__page .dse__routine-product[data-item="2"] .dse__routine-product-number { left:calc(50% - 99px); top:146px; }
.dse__page .dse__routine-product[data-item="3"] .dse__routine-product-number { left:calc(50% - 95px); top:90px; }
.dse__page .dse__routine-product-content { text-align: center; padding-top: 327px; width: var(--slideWidth); }
.dse__page .dse__routine-product-variant { font-size: 10px; line-height: 12px; text-decoration: underline;  text-transform: uppercase; min-height: 30px;display: inline-flex;align-items: center;}
.dse__page .dse__routine-product-variant:hover { text-decoration: none;  }
.dse__page .dse__routine-product-picto { width: 32px; margin: 0 auto; }
.dse__page .dse__routine-product-title { color:var(--COLOR-PAGE); font-size: 16px; line-height: 1.45em; padding-top: 6px; padding-bottom: 8px; font-family: var(--GOTHAM-MEDIUM); }
.dse__page .dse__routine-product-text { font-size: 14px; line-height: 1.45em; min-height: calc(3em + 8px); padding-bottom: 8px; }
.dse__page .dse__routine-product-price { font-size: 14px; line-height: 1.45em; font-family: var(--GOTHAM-MEDIUM); padding-bottom: 8px; }
.dse__page .dse__routine-product-priceperunit { font-size: 9px; line-height: 1.45em; min-height: 1.45em; color: #797674;}

.dse__page .dse__routine-cta { padding-top: 40px; }



@media (max-width: 768px) { 

    .dse__page .dse__bloc-routine {  padding-top:28px; padding-bottom: 18px; background: linear-gradient(0deg, #FFE7D0, #FFE7D0),
        linear-gradient(0deg, #FFE7E7, #FFE7E7),
        linear-gradient(8.34deg, #FFF7EF 9.05%, #FFE7D0 55.06%, #FFDAB6 84.56%);
    }

    .dse__page .dse__routine { --slideWidth:55vw; }

    .dse__page .dse__bloc-routine .dse__container { width: 100%; }

    .dse__page .dse__routine-title { font-size: 35px; line-height: 1.2em; padding-bottom:32px; }

    .dse__page .dse__routine-products { display: block; width: 100%; }
    .dse__page .dse__routine-product { padding: 0; }

    .dse__page .dse__routine-product-content { opacity: 0; transition:opacity 0.3s; }
    .dse__page .dse__routine-product.swiper-slide-active .dse__routine-product-content { opacity: 1; }


/*
.dse__page .dse__routine-product-media { height: 245px; }
.dse__page .dse__routine-product[data-item="1"] .dse__routine-product-media { width: 145px; }
.dse__page .dse__routine-product[data-item="2"] .dse__routine-product-media { width: 161px; }
.dse__page .dse__routine-product[data-item="3"] .dse__routine-product-media { width: 196px; height: 222px; transform: translateX(30%); }
*/

}

@media (max-width: 373px) { 

    .dse__page .dse__routine { --slideWidth:65vw; }

}




/*    Swiper    */

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

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

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

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

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

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

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

/*
.dse__page .swiper-button {
 position: absolute;
 top: 0;
 width: 25px;
 height: 25px;
 background: #fff; 
 z-index: 10;
 cursor: pointer;
border-radius: 50%;
}
.dse__page .swiper-button:after { content:"";  background-size: 75% auto;  background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; display: block; }
.dse__page .bf__game-container .swiper-button::after { }

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

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

.dse__page .swiper-button-lock {
 display: none;
}
*/

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

.dse__page .bf__game-navigation .swiper-pagination {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  width: 100%;
  padding: 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:#D3CCC8;
    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:#333;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
   margin:0;
}


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

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

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

*/

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

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

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

}


/*------------------------------------------------------------------------------------*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .dse__page .dse__ingredient-item[data-item="2"] {
        left: calc(50% + 116px);
    }
    .dse__page .dse__ingredient-legend[data-item="2"] {
        left: calc(50% + 244px);
    }
    .dse__page .dse__ingredient-legend[data-item="1"] {
        left: calc(50% - 407px);
    }
    .dse__page .dse__header-picto {
        width: 108px;
        top: calc(157 * var(--headerRatio));
        left: calc(45% - calc(362 * var(--headerRatio)));
    }
    .dse__page .dse__collection-title {
        padding-top: 28px;
        margin-bottom: 13px;
    }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .dse__page .dse__header-picto {
        width: 108px;
        top: calc(157 * var(--headerRatio));
        left: calc(48% - calc(362 * var(--headerRatio)));
    }
    .dse__page .dse__collection-title {
        padding-top: 27px;
    }
}

/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
    .dse__page .dse__header-content {
        padding: 30px;
    }
}