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

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

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


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

.cny__page { 
    --CLARINS-FONT: ClarinsRegular, Clarins, "Kanit Light";
    --GOTHAM-LIGHT: "Gotham_Light", "Kanit Light";
    --GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", "Kanit Light",Helvetica, Arial, sans-serif, "Kanit Light";
    --GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", "Kanit Light",Helvetica, Arial, sans-serif, "Kanit Light";
    --COLOR-DEFAULT:#333;
    --COLOR-RED-A:#b40024;
    --COLOR-RED-B:#8c0b26;
    --RADIUS:8px; 
    --ratioWidth: 1px;
    --mainOffset: 147px;
}

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

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



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

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

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

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

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

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

.cny__page .cny__bloc { position: relative; width: 100%; margin: 0 auto;  }

.cny__page .cny__title { font-size: 35px; line-height: 1.25em;  text-rendering: optimizeSpeed; 
    background: linear-gradient(-159.15deg, #EDC97C -15.64%, #A27342 228.02%),
    linear-gradient(0deg, #FFFFFF, #FFFFFF);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.cny__page .cny__title small { display: block; }
.cny__page .cny__subtitle { font-size: 24px; line-height: 1.45em; text-rendering: optimizeSpeed; }
.cny__page .cny__text {font-size: 16px;line-height: 1.45em; text-rendering: optimizeSpeed;  }
.cny__page .cny__text>span {display: block; }
.cny__page .cny__text .cny__nowrap {white-space: nowrap; }
.cny__page .cny__text a { text-decoration: underline; }
.cny__page .cny__text a:hover { text-decoration: none; }

.cny__page .cny__price {font-size: 14px;line-height: 1.28em;  text-rendering: optimizeSpeed; }
.cny__page .cny__priceperunit {font-size: 11px;line-height: 1.28em; text-rendering: optimizeSpeed;  }

.cny__page .cny__legend-text { font-size: 11px; line-height: 1.28em; }

.cny__page .cny__text strong,
.cny__page .cny__strong {font-family: var(--GOTHAM-MEDIUM); font-weight: normal; }

.cny__page .cny__price {font-size: 16px;line-height: 20px; }

/*
.cny__page .cny__on {  display: block; background: transparent; }
*/

.cny__page .cny__cta {  padding-top: 16px; }
.cny__page .cny__cta-btn {cursor: pointer;display: inline-flex; height: auto;padding: 14px 16px; 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, "Kanit Light");font-weight: 500; position: relative; top:0; left:0; align-items: center;justify-content: center;}
.cny__page .cny__cta-btn:hover { color: #fff; outline: 0 !important;  background-color: var(--COLOR-RED-B);  border-color: var(--COLOR-RED-B); }

.cny__page .cny__cta-plus {cursor: pointer;display: inline-flex;width: 30px;height: 30px;padding: 16px; font-size: 24px;line-height: 1em;text-align: center;text-decoration: none;letter-spacing: 0;color: #fff;background-color: #fff;border: none !important ;border-radius: 50%;font-family: var(--GOTHAM-MEDIUM, Helvetica, Arial, "Kanit Light");font-weight: 500; position: absolute; top:0; left:0; align-items: center;justify-content: center;}
.cny__page .cny__cta-plus.cny__opened { transform:rotate(45deg);}
.cny__page .cny__cta-white {color: var(--COLOR-DEFAULT); background: #fff;  border: 1px solid #B0A9A5; transition:all 0.3s; }
.cny__page .cny__cta-white:hover { color: var(--COLOR-DEFAULT);  border: 1px solid #797674; background: #fff;  box-shadow: 0px 0px 7px #00000026; }
.cny__page .cny__cta-text { pointer-events:none; }

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

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

.cny__page .cny__quickshop { display: none; }
.cny__page .cny__addtobag  { display: none; }

.cny__page .cny__bkgd { position: fixed; top:0; left: 0; background: linear-gradient(242.68deg, #D70323 19.66%, #680815 90.78%); width: 100%; height: 100vh; }

.cny__page .cny__set { position: absolute; pointer-events:none; display: block; }

.cny__page .cny__set[data-fade] { opacity: 0; transition:opacity 0.5s;}
.cny__page .cny__set[data-fade].cny__visible { opacity: 1; }

.cny__page .cny__set-img {  display: block; }

/*
.cny__page .cny__cta a.cny__disabled { background-color: #cfcac9; border-color:#cfcac9; cursor: default; }
*/

@media (max-width: 1024px) { 
    .cny__page .cny__title { font-size: 30px; line-height: 1.25em; }
    .cny__page .cny__subtitle { font-size: 20px; line-height: 1.45em; }
    .cny__page .cny__text {font-size: 16px;line-height: 1.45em; }
}

@media (max-width: 768px) { 
    .cny__page .cny__page { overflow: hidden;}

    .cny__page .cny__title { font-size: 24px; line-height: 1.25em; }
    .cny__page .cny__subtitle { font-size: 16px; line-height: 1.45em; }
    .cny__page .cny__text {font-size: 14px;line-height: 1.45em; }
}



/*   header    */

.cny__page .cny__header { --headerRatio:1px; position: relative; }

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

.cny__page .cny__header-body { position: relative;  max-width: 1120px;margin: 0 auto; padding: 0 40px; }

.cny__page .cny__header-content { position: relative; top: 0; left: 0; text-align:center; width:100%; max-width:calc(596 * var(--headerRatio)); padding-top: calc(32 * var(--headerRatio)); margin: 0 auto; padding-bottom: calc(49 * var(--headerRatio));}
.cny__page .cny__header-title { font-size: calc(48 * var(--headerRatio)); line-height: 1.25em; margin-bottom: calc(16 * var(--headerRatio)); }
.cny__page .cny__header-text { font-size: calc(24 * var(--headerRatio)); line-height: 1.45em; margin-bottom: calc(25 * var(--headerRatio)); }

.cny__page .cny__header-more {  display: flex; justify-content:flex-start;  align-items: center; /*! flex-direction:row-reverse; */ height: 650px;position: relative;top: 0;left: 0;}
.cny__page .cny__header-more-media {  position: absolute; top: -7px; left: 56.7%; width: 500px; height: 588px; }
.cny__page .cny__header-more-content {  position: relative; top: 0; left: 0;  width:48%; max-width:calc(550 * var(--headerRatio)); padding-right: calc(50 * var(--headerRatio));}
.cny__page .cny__header-more-title { margin-bottom: calc(8 * var(--headerRatio)); margin-right: calc(16 * var(--headerRatio)); }
.cny__page .cny__header-more-text { margin-bottom: calc(25 * var(--headerRatio)); }

.cny__page .cny__header-media .cny__header-link { display: none; }


@media (max-width: 768px) { 
    .cny__page .cny__header-subtitle { width: 75%; margin: 0 auto; padding-bottom: 15px; }
}



/*  roll  */

.cny__page .cny__header-more { --headerRollRatio:1px; --headerRollMarge:calc(21 * var(--headerRollRatio)); --headerRollWidth:calc(498 * var(--headerRollRatio)); --headerRollHeight:calc(544 * var(--headerRollRatio)); --headerRollTop:calc(41 * var(--headerRollRatio));; --speendOpening:1s; }
.cny__page .cny__header .cny__set[data-item="mask"] { width: calc(330 * var(--headerRollRatio) + 2 * var(--headerRollMarge)); height: calc(var(--headerRollHeight) / 10 ); top:calc(var(--headerRollHeight)  * 0.4 ); left:calc(61 * var(--headerRollRatio)); overflow: hidden; transition: top var(--speendOpening) ease-out,height var(--speendOpening) ease-out; }
.cny__page .cny__header[data-open="1"]  .cny__set[data-item="mask"]  { height: var(--headerRollHeight); top:var(--headerRollTop); }

.cny__page .cny__header .cny__set[data-item="1"] { opacity:0; width: 100%; height: var(--headerRollHeight); top:0; left:0; background: linear-gradient(181deg, #BD301C 24.79%, #F6B17C 94.96%); }
.cny__page .cny__header .cny__set[data-item="1"]:after,
.cny__page .cny__header .cny__set[data-item="1"]:before { content: ""; position: absolute; top:0; height: 100%; width:var(--headerRollMarge); background: linear-gradient(180deg, #7E1416 1%, #A62D23 13.3%, #A32822 23.2%, #9B2720 27.04%, #9D1F1F 33.84%, #9B1C1F 44.19%, #9C1E1F 56.57%, #A12621 65.17%, #A62D23 75%, #9B261F 83.67%, #8C1D1A 93.73%, #7E1416 99.99%); }
.cny__page .cny__header .cny__set[data-item="1"]:before { left: 0; }
.cny__page .cny__header .cny__set[data-item="1"]:after { right: 0; }

.cny__page .cny__header .cny__set[data-item="2"] { opacity:0; top:calc(var(--headerRollHeight) * 0.4  - calc(var(--headerRollHeight) / 10 )); left:0; transition: top var(--speendOpening) ease-out; }
.cny__page .cny__header .cny__set[data-item="2"] .cny__set-img { width:var(--headerRollWidth); }
.cny__page .cny__header[data-open="1"]  .cny__set[data-item="2"]  { top: 0; }
.cny__page .cny__header .cny__set[data-item="3"] {  opacity:0; top:calc(var(--headerRollHeight) * 0.4 ); left:0;  transition: top var(--speendOpening) ease-out;  }
.cny__page .cny__header .cny__set[data-item="3"] .cny__set-img { width:var(--headerRollWidth); }
.cny__page .cny__header[data-open="1"]  .cny__set[data-item="3"]  { top: calc(var(--headerRollHeight) - 1px); }

.cny__page .cny__header[data-open="0"]  .cny__set[data-item="1"],
.cny__page .cny__header[data-open="1"]  .cny__set[data-item="1"],
.cny__page .cny__header[data-open="0"]  .cny__set[data-item="2"],
.cny__page .cny__header[data-open="1"]  .cny__set[data-item="2"],
.cny__page .cny__header[data-open="0"]  .cny__set[data-item="3"],
.cny__page .cny__header[data-open="1"]  .cny__set[data-item="3"] { opacity:1; }


/*  packshot  */
.cny__page .cny__header .cny__set[data-item="4"] { top:calc(82 * var(--headerRollRatio) - var(--headerRollTop)); left:calc(50% - 65 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="4"] .cny__set-img { width:calc(126 * var(--headerRollRatio)); transform:scale(0.8); transform-origin:50% 150%; transition: transform var(--speendOpening) ease-out; }
.cny__page .cny__header[data-open="1"]  .cny__set[data-item="4"]  .cny__set-img { transform:scale(1); }

.cny__page .cny__header .cny__set[data-item="4bis"] { top:calc(82 * var(--headerRollRatio)); left:calc(50% - 68 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="4bis"] .cny__set-img { width:calc(126 * var(--headerRollRatio)); transform:scale(0.8); transform-origin:50% 150%; transition: transform var(--speendOpening) ease-out; }
.cny__page .cny__header[data-open="1"]  .cny__set[data-item="4bis"]  .cny__set-img { transform:scale(1); }


/*  moon  */
.cny__page .cny__header .cny__set[data-item="5"] { top:calc(35 * var(--headerRollRatio) - var(--headerRollTop)); left:calc(50%  - 120 * var(--headerRollRatio)); width:calc(93 * var(--headerRollRatio)); height:calc(93 * var(--headerRollRatio)); border-radius:50%; background: linear-gradient(180deg, #E94D1C -8.95%, #EA532F 20.27%, #EB583C 45.1%, #F07F5F 99.16%); opacity: 0; transform:translate(calc((-1) * 10 * var(--headerRollRatio)), calc(30 * var(--headerRollRatio))); transition: opacity 1s 0.25s, transform 4s 0.25s; }
.cny__page .cny__header[data-open="1"]  .cny__set[data-item="5"] { opacity: 0.4; transform:translate(0, 0); }


/*  firework  */
.cny__page .cny__header .cny__set[data-item="110"] { top:calc((-1) * 469 * var(--headerRollRatio)); left:calc(50% - 1067 * var(--headerRollRatio));  }
.cny__page .cny__header .cny__set[data-item="110"] .cny__set-img { width:calc(450 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="111"] { top:calc((-1) * 254 * var(--headerRollRatio)); left:calc(50% + 25 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="111"] .cny__set-img { width:calc(266 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="112"] { top:calc(282 * var(--headerRollRatio)); left:calc(50% + 250 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="112"] .cny__set-img { width:calc(130 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="113"] { top:calc(174 * var(--headerRollRatio)); left:calc(50% - 380 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="113"] .cny__set-img { width:calc(126 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="114"] { top:calc(54 * var(--headerRollRatio)); left:calc(50% - 275 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="114"] .cny__set-img { width:calc(150 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="115"] { top:calc(56 * var(--headerRollRatio) - var(--headerRollTop)); left:50%; }
.cny__page .cny__header .cny__set[data-item="115"] .cny__set-img { width:calc(120 * var(--headerRollRatio)); }

.cny__page .cny__header .cny__set[data-item="120"] { top:calc(78 * var(--headerRollRatio)); left:calc(50% + 199 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="120"] .cny__set-img { width:calc(160 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="121"] { top:calc(464 * var(--headerRollRatio)); left:calc(50% + 335 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="121"] .cny__set-img { width:calc(82 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="122"] { top:calc(424 * var(--headerRollRatio)); left:calc(50% - 308 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="122"] .cny__set-img { width:calc(95 * var(--headerRollRatio)); }

.cny__page .cny__header .cny__set[data-set="letOff"] { 
    animation-duration: 0.5s;
    animation-name: cny__letOff;
    animation-iteration-count: 1;
    animation-timing-function:ease-in;
    animation-play-state: paused;
    opacity: 1;
    transform-origin:50% 55%;
}

.cny__page .cny__header .cny__set[data-set="letOff"][data-state="run"] {
    animation-play-state: running;
}

@keyframes cny__letOff {
    from { transform:scale(0); opacity: 0; }
    15% { opacity: 1; }
    98% { transform:scale(1.05); filter:brightness(1.5); }
    to { transform:scale(1); filter:brightness(1); }
}

.cny__page .cny__header .cny__set[data-set="fade"] { 
    animation-duration: 0.25s;
    animation-name: cny__fade;
    animation-iteration-count: 1;
    animation-timing-function:ease-out;
    animation-play-state: paused;
    opacity: 1;
}

.cny__page .cny__header .cny__set[data-set="fade"][data-item="4bis"] { 
    animation-duration: 0.05s;
}

.cny__page .cny__header .cny__set[data-set="fade"][data-state="run"] {
    animation-play-state: running;
}

@keyframes cny__fade {
    from {  opacity: 0; }
    to {  opacity: 1;}
}


.cny__page .cny__header .cny__set[data-set="gold"] { 
    animation-duration: 2s;
    animation-name: cny__gold;
    animation-iteration-count: 1;
    animation-timing-function:ease-out;
    animation-play-state: paused;
    opacity: 1;
    transform-origin:55% 55%;
}

.cny__page .cny__header .cny__set[data-set="gold"][data-state="run"] {
    animation-play-state: running;
}

@keyframes cny__gold {
    from { transform: translateX(10px) rotate(3deg) scale(0.95); opacity: 0; }
    50% {  opacity: 1; }
    to { transform: translateX(0px) rotate(0deg) scale(1); }
}


.cny__page .cny__header .cny__set[data-set="silver"] { 
    animation-duration: 2s;
    animation-name: cny__silver;
    animation-iteration-count: 1;
    animation-timing-function:ease-out;
    animation-play-state: paused;
    opacity: 1;
    transform-origin:0% 55%;
}

.cny__page .cny__header .cny__set[data-set="silver"][data-state="run"] {
    animation-play-state: running;
}

@keyframes cny__silver {
    from { transform: translateX(20px) rotate(-3deg) scale(0.9); opacity: 0; }
    50% {  opacity: 1; }
    to { transform: translateX(0px) rotate(0deg)  scale(1); }
}


/*  drip  */
.cny__page .cny__header .cny__set[data-item="30"] { top:calc(248 * var(--headerRollRatio)); left:calc(50% - 1115 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="30"] .cny__set-img { width:calc(85 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="31"] { top:calc(470 * var(--headerRollRatio)); left:calc(50% - 429 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="31"] .cny__set-img { width:calc(85 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="32"] { top:calc(42 * var(--headerRollRatio)); left:calc(50% + 427 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="32"] .cny__set-img { width:calc(85 * var(--headerRollRatio)); transform:rotate(126deg) }


/*  leaf  */
.cny__page .cny__header .cny__set[data-item="40"] { top:calc(508 * var(--headerRollRatio)); left: calc(50% - 306 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="40"] .cny__set-img { width:calc(40 * var(--headerRollRatio)); transform: rotate(89deg);}
.cny__page .cny__header .cny__set[data-item="41"] { top:calc(442 * var(--headerRollRatio)); left: calc(50% + 311 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="41"] .cny__set-img { width:calc(64 * var(--headerRollRatio)); transform: rotate(25deg);}
.cny__page .cny__header .cny__set[data-item="42"] { top:68px; left:calc(50% - 790px); }
.cny__page .cny__header .cny__set[data-item="42"] .cny__set-img { width:46px; transform: rotate(-80deg);}
.cny__page .cny__header .cny__set[data-item="43"] { top:calc(306 * var(--headerRollRatio)); left: calc(50% - 334 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="43"] .cny__set-img { width:calc(205 * var(--headerRollRatio)); transform: rotate(0deg);}




/*  flower red  */
.cny__page .cny__header .cny__set[data-item="50"] { top:313px; left:calc(50% - 1006px); }
.cny__page .cny__header .cny__set[data-item="50"] .cny__set-img { width:95px; transform: rotate(25deg);}
.cny__page .cny__header .cny__set[data-item="51"] { top:calc(286 * var(--headerRollRatio) ); left:calc(50% + 55 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="51"] .cny__set-img { width:calc(150 * var(--headerRollRatio) ); }
.cny__page .cny__header .cny__set[data-item="52"] { top: calc(446 * var(--headerRollRatio) ); left: calc(50% - 135 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="52"] .cny__set-img { width:calc(157 * var(--headerRollRatio) ); }



/*  flower white  */
.cny__page .cny__header .cny__set[data-item="60"] { top:calc(75 * var(--headerRollRatio)); left:calc(50% - 388 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="60"] .cny__set-img { width:calc(30 * var(--headerRollRatio)); transform: scaleX(-1);}
.cny__page .cny__header .cny__set[data-item="61"] { top:calc(263 * var(--headerRollRatio)); left:calc(50% + 190 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="61"] .cny__set-img { width:calc(40 * var(--headerRollRatio)); transform: scaleX(-1);}
.cny__page .cny__header .cny__set[data-item="62"] { top:calc(124 * var(--headerRollRatio)); left:calc(50% - 355 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="62"] .cny__set-img { width:calc(26 * var(--headerRollRatio)); transform: rotate(-52deg) scaleX(-1);}
.cny__page .cny__header .cny__set[data-item="63"] { top:calc(127 * var(--headerRollRatio)); left:calc(50% - 426 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="63"] .cny__set-img { width:calc(28 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="64"] { top:calc(32 * var(--headerRollRatio)); left:calc(50% - 478 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="64"] .cny__set-img { width:calc(55 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="65"] { top:calc(389 * var(--headerRollRatio)); left:calc(50% + 442 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="65"] .cny__set-img { width:calc(68 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="66"] { top:calc(350 * var(--headerRollRatio)); left:calc(50% + 365 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="66"] .cny__set-img { width:calc(26 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="67"] { top:calc(445 * var(--headerRollRatio)); left:calc(50% + 275 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="67"] .cny__set-img { width:calc(17 * var(--headerRollRatio)); transform: rotate(81deg);}



/*  flower pink  */
.cny__page .cny__header .cny__set[data-item="70"] { top:calc(228 * var(--headerRollRatio)); left:calc(50% + 355 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="70"] .cny__set-img { width:calc(203 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="71"] { top:calc(401 * var(--headerRollRatio)); left:calc(50% + 299 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="71"] .cny__set-img { width:calc(40 * var(--headerRollRatio)); transform: rotate(-34deg);}
.cny__page .cny__header .cny__set[data-item="72"] { top:calc(100 * var(--headerRollRatio)); left:calc(50% - 509 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="72"] .cny__set-img { width:calc(51 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="73"] { top:calc(106 * var(--headerRollRatio)); left: calc(50% - 752 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="73"] .cny__set-img { width:calc(52 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="74"] { top:calc(406 * var(--headerRollRatio)); left:calc(50% - 236 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="74"] .cny__set-img { width:calc(40 * var(--headerRollRatio)); }



/*  flower green  */
.cny__page .cny__header .cny__set[data-item="80"] { top:calc(248 * var(--headerRollRatio)); left:calc(50% - 266 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="80"] .cny__set-img { width:calc(39 * var(--headerRollRatio)); }



/*  ingredient    */
.cny__page .cny__header .cny__set[data-item="85"] { top:calc(517 * var(--headerRollRatio)); left:calc(50% - 195 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="85"] .cny__set-img { width:calc(81 * var(--headerRollRatio)); }


/*  chardon    */
.cny__page .cny__header .cny__set[data-item="86"] { top:calc(258 * var(--headerRollRatio)); left:calc(50% + 398 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="86"] .cny__set-img { width:calc(21 * var(--headerRollRatio)); }



/*  flowers  */
.cny__page .cny__header .cny__set[data-item="90"] {   top: calc(320 * var(--headerRollRatio) ); left: calc(50% + 33 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="90"] .cny__set-img { width:calc(73 * var(--headerRollRatio) ); }
.cny__page .cny__header .cny__set[data-item="91"] { top: calc(491 * var(--headerRollRatio) ); left: calc(50% + 60 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="91"] .cny__set-img { width:calc(65 * var(--headerRollRatio) ); }
.cny__page .cny__header .cny__set[data-item="92"] { top: calc(427 * var(--headerRollRatio) ); left: calc(50% - 212 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="92"] .cny__set-img { width:calc(168 * var(--headerRollRatio) ); }



/*  dragon  */
.cny__page .cny__header .cny__set[data-item="100"] {   top: calc(104 * var(--headerRollRatio) ); left: calc(50%  - 11 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="100"] .cny__set-img { width:calc(250 * var(--headerRollRatio) ); }
.cny__page .cny__header .cny__set[data-item="101"] { top: calc(227 * var(--headerRollRatio) ); left: calc(50% - 230 * var(--headerRollRatio)); }
.cny__page .cny__header .cny__set[data-item="101"] .cny__set-img { width:calc(382 * var(--headerRollRatio) ); transform: rotate(90deg); }



@media (max-width: 1120px) { 
    .cny__page .cny__header-more-media { left: auto; right: -49px; }
}

@media (max-width: 768px) { 

    .cny__page .cny__bloc-header { width: 92%; margin: 0 auto; }

    .cny__page .cny__header-content { padding-bottom: 0; }

    .cny__page .cny__header-title { font-size: 30px; line-height: 1.25em; margin-bottom: calc(16 * var(--headerRatio)); }
    .cny__page .cny__header-title span { display: block; }
    .cny__page .cny__header-text { font-size: calc(24 * var(--headerRatio)); line-height: 1.45em; margin-bottom: calc(25 * var(--headerRatio)); }

    .cny__page .cny__header-more { --headerRollRatio:calc(0.66 * 100vw / 375); flex-direction:column; height: auto; }

    .cny__page .cny__header-more-media { position: relative; left:0; top:0; right:auto; width: 100vw; height: 115vw;  }
    .cny__page .cny__header-more-content {  text-align: center; padding-right: 0; width: 92%; margin: 0 auto; }
    .cny__page .cny__header-more-title { margin-bottom: 7px; margin-right: 0; }
    .cny__page .cny__header-more-text { margin-bottom: 16px; }


    .cny__page .cny__header .cny__set[data-item="2"]  { left: calc(35 * var(--headerRollRatio)) }
    .cny__page .cny__header .cny__set[data-item="3"]  { left: calc(35 * var(--headerRollRatio)) }

    .cny__page .cny__header .cny__set[data-item="mask"] { left: calc(95 * var(--headerRollRatio)) }

    .cny__page .cny__header .cny__set[data-item="30"],
    .cny__page .cny__header .cny__set[data-item="42"],
    .cny__page .cny__header .cny__set[data-item="50"],
    .cny__page .cny__header .cny__set[data-item="64"],
    .cny__page .cny__header .cny__set[data-item="65"],
    .cny__page .cny__header .cny__set[data-item="72"],
    .cny__page .cny__header .cny__set[data-item="73"],
    .cny__page .cny__header .cny__set[data-item="110"],
    .cny__page .cny__header .cny__set[data-item="111"],
    .cny__page .cny__header .cny__set[data-item="113"]     { display: none; }

    .cny__page .cny__header .cny__set[data-item="31"] { top:calc(530 * var(--headerRollRatio)); left:calc(50% - 319 * var(--headerRollRatio)); }
    .cny__page .cny__header .cny__set[data-item="31"] .cny__set-img { width:calc(85 * var(--headerRollRatio)); transform: rotate(0);}
    .cny__page .cny__header .cny__set[data-item="32"] { top:calc(-25 * var(--headerRollRatio)); left:calc(50% + 190 * var(--headerRollRatio)); }
    .cny__page .cny__header .cny__set[data-item="32"] .cny__set-img { width:calc(80 * var(--headerRollRatio)); transform:rotate(105deg); }

    .cny__page .cny__header .cny__set[data-item="41"] { top:calc(472 * var(--headerRollRatio)); left: calc(50% + 227 * var(--headerRollRatio)); }

    .cny__page .cny__header .cny__set[data-item="63"] { top: calc((-1) * 68 * var(--headerRollRatio));  left: calc(7% - 7 * var(--headerRollRatio)); }
    .cny__page .cny__header .cny__set[data-item="63"] .cny__set-img { width:calc(48 * var(--headerRollRatio)); transform:rotate(-96deg);}

    .cny__page .cny__header .cny__set[data-item="66"] { top:calc(440 * var(--headerRollRatio)); left:calc(50% + 215 * var(--headerRollRatio)); }
    .cny__page .cny__header .cny__set[data-item="66"] .cny__set-img { width:calc(26 * var(--headerRollRatio)); }

    .cny__page .cny__header .cny__set[data-item="112"] { top:calc(352 * var(--headerRollRatio)); left:calc(50% + 210 * var(--headerRollRatio)); }
    .cny__page .cny__header .cny__set[data-item="112"] .cny__set-img { width:calc(80 * var(--headerRollRatio)); }

    .cny__page .cny__header .cny__set[data-item="120"] { top:calc(108 * var(--headerRollRatio)); left:calc(50% + 192 * var(--headerRollRatio)); }
    .cny__page .cny__header .cny__set[data-item="120"] .cny__set-img { width:calc(85 * var(--headerRollRatio)); }

}



/*   video    */
.cny__page .cny__video { --videoRatio : 1px; width: 92%; margin: 0 auto; position: relative; padding-bottom:120px; }

.cny__page .cny__video-body { position: relative; top: 0; left: 0; text-align:center; padding-top: calc(36 * var(--videoRatio)); padding-bottom: calc(24 * var(--videoRatio));  margin: 0 auto; }

.cny__page .cny__video-title {  margin-bottom: calc(17 * var(--videoRatio)); }
.cny__page .cny__video-subtitle{ margin-bottom: calc(12 * var(--videoRatio)); }
.cny__page .cny__video-text { }

.cny__page .cny__video-media { position: relative; top: 0; left: 0; width:100%; max-width:calc(1047 * var(--videoRatio)); margin: 0 auto; }

.cny__page .cny__video-content {cursor: pointer; position: relative;top: 0;left: 0;width: 100%;display: block; }
.cny__page .cny__video-img {width: 100%;height: 100%;display: block;object-fit: cover; }
.cny__page .cny__video-play {position: absolute;top: calc(50% - 30px);left: calc(50% - 30px);width: 60px;height: 60px;border: 1px #fff solid;border-radius: 50%;display: block;margin: 0 auto;background-color: rgba(0,0,0,0.15); }
.cny__page .cny__video-play:after {content: "";position: absolute;top: calc(50% - 10px);left: calc(50% - 5px);border-left: solid #fff 15px;border-top: solid transparent 10px;border-bottom: solid transparent 10px; }
.cny__page .cny__video.cny__playing .cny__video-content { opacity: 0; pointer-events:none; }

.cny__page .cny__video-vimeo { position: absolute;top: 0;left: 0;width: 100%;display: block;height: 100%; opacity: 0; }
.cny__page .cny__video-vimeo iframe { width: 100%; height: 100%; display: block; }
.cny__page .cny__video.cny__playing .cny__video-vimeo { opacity: 1; }

.cny__page .cny__video .cny__set[data-item="1"] { top:-225px; left:calc(50% - 1016px); }
.cny__page .cny__video .cny__set[data-item="1"] .cny__set-img { width:530px; transform:rotate(52deg); }
.cny__page .cny__video .cny__set[data-item="2"] { top:-277px; left:calc(50% + 535px); }
.cny__page .cny__video .cny__set[data-item="2"] .cny__set-img { width:510px; transform:rotate(60deg) }
.cny__page .cny__video .cny__set[data-item="3"] { top:150px; left:calc(50% + 545px); }
.cny__page .cny__video .cny__set[data-item="3"] .cny__set-img { width:208px; }
.cny__page .cny__video .cny__set[data-item="4"] { top:-28px; left:calc(50% - 722px); }
.cny__page .cny__video .cny__set[data-item="4"] .cny__set-img { width:54px; }

.cny__page .cny__video .cny__set[data-item="5"] { top:231px; left:calc(50% + 545px); }
.cny__page .cny__video .cny__set[data-item="5"] .cny__set-img { width:137px; }
.cny__page .cny__video .cny__set[data-item="5"] .cny__set-picture { transform-origin:5% 185%; }

.cny__page .cny__video .cny__set[data-item="6"] { top:219px; left:calc(50% + 545px); }
.cny__page .cny__video .cny__set[data-item="6"] .cny__set-img { width:208px; }
.cny__page .cny__video .cny__set[data-item="6"] .cny__set-picture { transform-origin:5% 170%; }

.cny__page .cny__video .cny__set[data-item="7"] { top:243px; left:calc(50% + 545px); }
.cny__page .cny__video .cny__set[data-item="7"] .cny__set-img { width:208px; }
.cny__page .cny__video .cny__set[data-item="7"] .cny__set-picture { transform-origin:-5% 100%; }


@media (max-width: 768px) { 

    .cny__page .cny__video {  padding-bottom:30px; }

    .cny__page .cny__video-body { padding-top: 30px; }
    .cny__page .cny__video-title {  margin-bottom: 5px; }
    .cny__page .cny__video-subtitle{ margin-bottom: 7px; }
    .cny__page .cny__video-text { margin-bottom: 18px; }

    .cny__page .cny__video .cny__set { display: none; }

}



/*   Products    */

.cny__page .cny__products { --productsRatio : 1px; width: 92%; margin: 0 auto; display: flex; justify-content:center;  align-items: center; padding-bottom:120px; }

.cny__page .cny__products-media { width:100%; max-width: 520px; margin-right: 15px; position: relative; left:0; top:0; }
.cny__page .cny__products-media img { width: 100%; display: block; }

.cny__page .cny__products-media .cny__cta-plus[data-item="1"] { top:calc(142 * var(--productsRatio) - 15px); left:calc(109 * var(--productsRatio) - 15px); }
.cny__page .cny__products-media .cny__cta-plus[data-item="2"] { top:calc(100 * var(--productsRatio) - 15px); left:calc(361 * var(--productsRatio) - 15px); }

.cny__page .cny__products-content { width:100%; max-width: 520px; padding-left: 50px; }

.cny__page .cny__products-badges { display: flex; }
.cny__page .cny__products-badge { width: 86px; margin-right: 18px; }
.cny__page .cny__products-badge:last-child { margin-right: 0; }
.cny__page .cny__products-badge img { width: 100%; display: block; } 

.cny__page .cny__products-title { margin-top: 0.71425em; margin-bottom: 1em; }
.cny__page .cny__products-text { }

.cny__page .cny__products .cny__set[data-item="1"] { top:-552px; left:calc(50% - 1278px); }
.cny__page .cny__products .cny__set[data-item="1"] .cny__set-img { width:854px; transform:rotate(90deg); }
.cny__page .cny__products .cny__set[data-item="2"] { top:-245px; left:calc(50% + 596px); }
.cny__page .cny__products .cny__set[data-item="2"] .cny__set-img { width:339px; }
.cny__page .cny__products .cny__set[data-item="3"] { bottom:80px; left:calc(50% + 705px); }
.cny__page .cny__products .cny__set[data-item="3"] .cny__set-img { width:88px; transform:rotate(150deg); }
.cny__page .cny__products .cny__set[data-item="4"] { top:-255px; left:calc(50% - 600px); }
.cny__page .cny__products .cny__set[data-item="4"] .cny__set-img { width:208px; }
.cny__page .cny__products .cny__set[data-item="5"] { top:-255px; left:calc(50% - 600px); }
.cny__page .cny__products .cny__set[data-item="5"] .cny__set-img { width:208px; }
.cny__page .cny__products .cny__set[data-item="5"] .cny__set-picture { transform-origin:-10% 100%; }
.cny__page .cny__products .cny__set[data-item="6"] { top:-158px; left:calc(50% - 522px); }
.cny__page .cny__products .cny__set[data-item="6"] .cny__set-img { width:130px; }
.cny__page .cny__products .cny__set[data-item="6"] .cny__set-picture { transform-origin:-10% 100%; }

.cny__page .cny__products .cny__set[data-item="7"] { top:-106px; left:calc(50% + 725px); }
.cny__page .cny__products .cny__set[data-item="7"] .cny__set-img { width:48px; }
.cny__page .cny__products .cny__set[data-item="8"] { top:-162px; left:calc(50% + 737px); }
.cny__page .cny__products .cny__set[data-item="8"] .cny__set-img { width:66px; }
.cny__page .cny__products .cny__set[data-item="9"] { top:-155px; left:calc(50% + 685px); }
.cny__page .cny__products .cny__set[data-item="9"] .cny__set-img { width:30px; }
.cny__page .cny__products .cny__set[data-item="10"] { top:-199px; left:calc(50% + 821px); }
.cny__page .cny__products .cny__set[data-item="10"] .cny__set-img { width:59px; }
.cny__page .cny__products .cny__set[data-item="11"] { top:-42px; left:calc(50% + 597px); }
.cny__page .cny__products .cny__set[data-item="11"] .cny__set-img { width:54px; }
.cny__page .cny__products .cny__set[data-item="12"] { top:-201px; left:calc(50% + 876px); }
.cny__page .cny__products .cny__set[data-item="12"] .cny__set-img { width:59px; }

.cny__page .cny__products .cny__set[data-item="13"] { top:-147px; left:calc(50% + 785px); }
.cny__page .cny__products .cny__set[data-item="13"] .cny__set-img { width:70px; }

.cny__page .cny__products .cny__set[data-item="7"] { top:106px; left:calc(50% + 725px); }
.cny__page .cny__products .cny__set[data-item="7"] .cny__set-img { width:48px; }
.cny__page .cny__products .cny__set[data-item="8"] { top:168px; left:calc(50% + 737px); }
.cny__page .cny__products .cny__set[data-item="8"] .cny__set-img { width:66px; }
.cny__page .cny__products .cny__set[data-item="9"] { top:55px; left:calc(50% + 685px); }
.cny__page .cny__products .cny__set[data-item="9"] .cny__set-img { width:30px; }
.cny__page .cny__products .cny__set[data-item="10"] { top:9px; left:calc(50% + 821px); }
.cny__page .cny__products .cny__set[data-item="10"] .cny__set-img { width:59px; }
.cny__page .cny__products .cny__set[data-item="11"] { top:160px; left:calc(50% + 597px); }
.cny__page .cny__products .cny__set[data-item="11"] .cny__set-img { width:54px; }
.cny__page .cny__products .cny__set[data-item="12"] { top:1px; left:calc(50% + 876px); }
.cny__page .cny__products .cny__set[data-item="12"] .cny__set-img { width:59px; }

.cny__page .cny__products .cny__set[data-item="13"] { top:57px; left:calc(50% + 785px); }
.cny__page .cny__products .cny__set[data-item="13"] .cny__set-img { width:70px; }

.cny__page .cny__product { background: #fff; border-radius: 8px; width: 184px; position: absolute; top:0; left:0; z-index: 10; overflow: hidden; max-height: 0; transition:max-height 0.5s; }
.cny__page .cny__product.cny__opened { max-height: 354px; }
.cny__page .cny__product[data-item="1"] { top: calc(142 * var(--productsRatio) - 15px); transform: translateY(calc(-100% - 15px)); left:calc(109 * var(--productsRatio) - 92px); }
.cny__page .cny__product[data-item="2"] { top: calc(100 * var(--productsRatio) - 15px); transform: translateY(calc(-100% - 15px)); left:calc(361 * var(--productsRatio) - 92px); }

.cny__page .cny__product-inside { display: flex; flex-direction:column; align-items:center; color: var(--COLOR-DEFAULT); padding-top: 12px; padding-bottom: 22px; }

.cny__page .cny__product-media { height: 143px; display: flex; align-items:flex-end; justify-content:center; }
.cny__page .cny__product-picture { display: block; margin: 0 auto; }
.cny__page .cny__product[data-item="1"] .cny__product-picture { width:38px; }
.cny__page .cny__product[data-item="2"] .cny__product-picture { width:45px; }

.cny__page .cny__product-img { display: block; width: 100%; }

.cny__page .cny__product-name { text-align:center; font-size: 14px; line-height: 1.25em;  font-family: var(--GOTHAM-MEDIUM); margin-top: 16px; }
.cny__page .cny__product-price { text-align:center; font-size: 12px; line-height: 1.25em; font-family: var(--GOTHAM-MEDIUM); margin-top: 10px; }
.cny__page .cny__product-priceperunit { text-align:center;  font-size: 8px; line-height: 1.25em; min-height: 1.25em; margin-top: 2px; }
.cny__page .cny__product-cta { padding-top: 8px; }



@media (max-width: 1130px) { 

    .cny__page .cny__products { --productsRatio : calc(46vw / 520); }
}

@media (max-width: 914px) { 

.cny__page .cny__product[data-item="2"] {  left:calc(109 * var(--productsRatio) + 92px + 17px ); }

}

@media (max-width: 768px) { 

    .cny__page .cny__products { --productsRatio : 1px; flex-direction:column-reverse; padding-bottom:18px; }

    .cny__page .cny__products-media { margin-right: 0; }

    .cny__page .cny__products-content { text-align: center; padding-left: 0; }
    .cny__page .cny__products-badges { justify-content:center; }
    .cny__page .cny__products-title { margin-top: 12px; margin-bottom: 12px; }
    .cny__page .cny__products-text { margin-bottom: 24px; }

    .cny__page .cny__products .cny__set { display: none; }

    .cny__page .cny__product[data-item="1"] { top: calc(142 * var(--productsRatio) + 15px); transform: translateY(15px); }
    .cny__page .cny__product[data-item="2"] {  left:calc(361 * var(--productsRatio) - 92px); }

}

@media (max-width: 520px) { 

    .cny__page .cny__products { --productsRatio : calc(92vw / 520); }
     .cny__page .cny__product[data-item="1"] { left:4vw; }
   
}

@media (max-width: 414px) { 

    .cny__page .cny__products { --productsRatio : calc(92vw / 520); }
     .cny__page .cny__product[data-item="2"] { left:auto; right:4vw; }
   
}


/*   Artist    */

.cny__page .cny__artist { --artistRatio : 1px; width: 92%; margin: 0 auto; display: flex; justify-content:center; flex-direction:row-reverse; align-items: center; padding-bottom:120px; }

.cny__page .cny__artist-media { padding-left: 15px; width:100%; max-width: calc(520 * var(--artistRatio)); }
.cny__page .cny__artist-media img { width: 100%; display: block; }

.cny__page .cny__artist-content { width:100%; max-width: calc(520 * var(--artistRatio)); padding-right: 15px; }

.cny__page .cny__artist-title { margin-bottom: 0.71425em; }
.cny__page .cny__artist-text { margin-right: 1.25em; margin-bottom: 1em; }
.cny__page .cny__artist-text-1 { width:100%; max-width: calc(475 * var(--artistRatio)); }
.cny__page .cny__artist-text-2 { width:100%; max-width: calc(425 * var(--artistRatio)); }

.cny__page .cny__artist .cny__set[data-item="1"] { top:-47px; left:calc(50% + 478px); }
.cny__page .cny__artist .cny__set[data-item="1"] .cny__set-img { width:269px; transform:rotate(-18deg); }
.cny__page .cny__artist .cny__set[data-item="2"] { top:293px; left:calc(50% - 236px); }
.cny__page .cny__artist .cny__set[data-item="2"] .cny__set-img { width:309px; transform:rotate(40deg) scaleX(-1); }
.cny__page .cny__artist .cny__set[data-item="3"] { top:187px; left:calc(50% - 18px); }
.cny__page .cny__artist .cny__set[data-item="3"] .cny__set-img { width:82px; }
.cny__page .cny__artist .cny__set[data-item="4"] { top:12px; left:calc(50% + 561px); }
.cny__page .cny__artist .cny__set[data-item="4"] .cny__set-img { width:630px; }
.cny__page .cny__artist .cny__set[data-item="5"] { top:-150px; left:calc(50% - 725px); }
.cny__page .cny__artist .cny__set[data-item="5"] .cny__set-img { width:98px; transform:rotate(26deg); }
.cny__page .cny__artist .cny__set[data-item="6"] { top:320px; left:calc(50% - 800px); }
.cny__page .cny__artist .cny__set[data-item="6"] .cny__set-img { width:98px; transform:rotate(26deg); }


@media (max-width: 768px) { 

    .cny__page .cny__artist { flex-direction:column-reverse; padding-bottom:18px; }

    .cny__page .cny__artist-media { padding-left: 0; }

    .cny__page .cny__artist-content { text-align: center; padding-right: 0; }
    .cny__page .cny__artist-title { margin-bottom:12px }
    .cny__page .cny__artist-text { margin-right: 0; max-width: unset; }
    .cny__page .cny__artist-text-1 { width: 100%; }
    .cny__page .cny__artist-text-2 { width: 100%;  padding-bottom: 1.57em;}

    .cny__page .cny__artist .cny__set[data-item="1"] { top:auto; left:-140px; bottom: -50px; z-index: 1;}
    .cny__page .cny__artist .cny__set[data-item="1"] .cny__set-img { width:269px; transform:rotate(41deg); }

    .cny__page .cny__artist .cny__set[data-item="2"],
    .cny__page .cny__artist .cny__set[data-item="3"],
    .cny__page .cny__artist .cny__set[data-item="4"],
    .cny__page .cny__artist .cny__set[data-item="5"],
    .cny__page .cny__artist .cny__set[data-item="6"]  { display: none; }
}





/*   Routine    */

.cny__page .cny__routine-bkgd { position: absolute; top:0; left:0; width: 100%; height: 100%; display: block; }
.cny__page .cny__routine-bkgd img { width: 100%; height: 100%; display: block; object-fit:cover; }

.cny__page .cny__routine-content { position: relative; top:0; left:0; text-align: center; padding:45px 0 85px 0; }
.cny__page .cny__routine-title { margin-bottom: 20px; }
.cny__page .cny__routine-subtitle { width:92%; max-width: 825px; margin:0 auto; }

.cny__routine-slider { --rollWidth:96px; --sliderHeight:610px; --sliderTopMarge:20px; --sliderBottomMarge:24px; position: relative; top:0; left:0; height: var(--sliderHeight); width: 100%; max-width: calc( 1096px + 2 * var(--rollWidth) ); margin: 0 auto; margin-bottom: 170px; }

.cny__routine-slider .swiper-pagination { opacity: 0; transition:opacity 0.5s 1.5s;}
.cny__routine-slider[data-open="1"] .swiper-pagination { opacity: 1; }

.cny__routine-slider-roll { width: var(--rollWidth); position: absolute; top:-80px; pointer-events:none; }
.cny__routine-slider-roll img { width: 100%; display: block; }
.cny__routine-slider-roll[data-roll="left"] { left:calc(50% - var(--rollWidth) ); transition:left 0.8s ease-out 1s;  }
.cny__routine-slider[data-open="1"] .cny__routine-slider-roll[data-roll="left"] { left:6px; }
.cny__routine-slider-roll[data-roll="right"] { right:calc(50% - var(--rollWidth));transition:right 0.8s ease-out 1s;  }
.cny__routine-slider[data-open="1"] .cny__routine-slider-roll[data-roll="right"] { right:6px; }
.cny__routine-slider-roll[data-roll="right"] img { transform:scaleX(-1); }

.cny__routine-slider-bkgd {  position: absolute; top:var(--sliderTopMarge); bottom: var(--sliderBottomMarge); left:0; width: 100%; height: calc(100% - var(--sliderTopMarge) - var(--sliderBottomMarge)); }
.cny__routine-slider-bkgd img { width: 100%; height: 100%; object-fit:cover; display: block; }

.cny__routine-slider-mask { position: relative; top:0; left:50%; width:9px; height: 100%; overflow: hidden; transform:translateX(-50%); transition:width 0.8s ease-out 1s; }
.cny__routine-slider[data-open="1"] .cny__routine-slider-mask { width: calc(100% - 2 * var(--rollWidth) - 2px); }

.cny__routine-products { opacity: 0; transition:opacity 0.8s ease-out 1s; }
.cny__routine-slider[data-open="1"] .cny__routine-products { opacity: 1; }

.cny__routine-slider-content { position: absolute; top:0; left:50%; width:1096px; height: var(--sliderHeight); transform:translateX(-50%);}
.cny__routine-slider-content:before { content: ""; position: absolute; left:0; top:0px; height: var(--sliderTopMarge); width: 100%; background: linear-gradient(90deg, #7E1416 0%, #A62D23 23%, #A32822 26%, #9D1F1F 36%, #9B1C1F 50%, #9C1E1F 64%, #A12621 71%, #A62D23 75%, #8C1D1A 91%, #7E1416 98%);  }
.cny__routine-slider-content:after { content: ""; position: absolute; left:0; bottom:0px; height: var(--sliderBottomMarge); width: 100%; background: linear-gradient(90deg, #7E1416 0%, #7E1416 0.01%, #A62D23 23%, #A32822 26%, #9D1F1F 36%, #9B1C1F 50%, #9C1E1F 64%, #A12621 71%, #A62D23 75%, #8C1D1A 91%, #7E1416 98%); }

.cny__page .cny__routine-products { position: relative;top: 0;left: 0;width: calc(100vw - 2 * var(--rollWidth)); margin: 0 auto; margin-top: var(--sliderTopMarge); max-width: 1000px; }
.cny__page .cny__routine-products:not(.slick-slider) { display:flex; }
.cny__page .cny__routine-products.slick-slider .slick-list { overflow: unset; }

.cny__page .cny__routine-product-inside { width: 172px; margin: 0 15px; }
.cny__page .cny__routine-product[data-item="4"] .cny__routine-product-inside { width: 328px; }

.cny__page .cny__routine-product-media { height: 291px; display: flex; align-items: flex-end; justify-content:center; margin: 20px auto 0 auto; }

.cny__page .cny__routine-product-content {text-align: center; padding-top: 54px; }
.cny__page .cny__routine-product[data-item="1"] .cny__routine-product-content {text-align: center; padding-top: 16px; }

.cny__page .cny__routine-product-variant { min-height: 38px; }
.cny__page .cny__routine-product-variant a { color: #F8DCCA;  text-decoration: underline; font-size: 11px; line-height: 14px; text-transform: uppercase; display: inline-block; }
.cny__page .cny__routine-product-variant a:hover { text-decoration: none;  }
.cny__page .cny__routine-product-picto { width: 32px; margin: 0 auto; }

.cny__page .cny__routine-product-category { color: #F8DCCA; border-bottom:solid 1px #F8DCCA; font-size: 18px; line-height: 1.45em; padding-bottom: 5px; width: 100%; text-transform: uppercase;  }

.cny__page .cny__routine-product-title { font-size: 14px; line-height: 1.25em;  font-family: var(--GOTHAM-MEDIUM);  min-height: 41px; margin-top: 10px; }
.cny__page .cny__routine-product-price { font-size: 14px; line-height: 1.25em; font-family: var(--GOTHAM-MEDIUM); margin-bottom: 5px;}
.cny__page .cny__routine-product-priceperunit { font-size: 11px; line-height: 1.25em; min-height: 1.45em; }

.cny__page .cny__routine-product-cta { padding-top: 12px; }

.cny__page .cny__routine-product-items { display: flex; align-items: flex-end; justify-content:space-around; width: 100%;  }
.cny__page .cny__routine-product-media .cny__routine-product-item picture { width: 100%; display: block; }
.cny__page .cny__routine-product-media .cny__routine-product-item img { width: 100%; display: block; }
.cny__page .cny__routine-product[data-item="1"] .cny__routine-product-media .cny__routine-product-item { width: 80px;}
.cny__page .cny__routine-product[data-item="2"] .cny__routine-product-media .cny__routine-product-item { width: 84px;}
.cny__page .cny__routine-product[data-item="3"] .cny__routine-product-media .cny__routine-product-item { width: 152px;}
.cny__page .cny__routine-product[data-item="4"] .cny__routine-product-media .cny__routine-product-item { width: 84px;}
.cny__page .cny__routine-product[data-item="4"] .cny__routine-product-media .cny__routine-product-item:nth-child(2) { padding: 0px 22px; }

.cny__page .cny__routine-legend { position: relative; padding-bottom: 17px; width: 92%; max-width: 1250px; margin: 0 auto; }

.cny__page .cny__routine .cny__set[data-item="1"] { top:-552px; left:calc(50% + 483px); }
.cny__page .cny__routine .cny__set[data-item="1"] .cny__set-img { width:548px; transform:rotate(-28.5deg); }
.cny__page .cny__routine .cny__set[data-item="2"] { top:302px; left:calc(50% - 1491px); }
.cny__page .cny__routine .cny__set[data-item="2"] .cny__set-img { width:974px; transform:rotate(14deg); }
.cny__page .cny__routine .cny__set[data-item="3"] { top:202px; left:calc(50% - 935px); }
.cny__page .cny__routine .cny__set[data-item="3"] .cny__set-img { width:400px; transform:rotate(46deg); }
.cny__page .cny__routine .cny__set[data-item="4"],
.cny__page .cny__routine .cny__set[data-item="5"]  { display: none; }

@media (max-width: 768px) { 

    .cny__page .cny__routine-content { padding-top:35px; padding-bottom: 52px; }
    .cny__page .cny__routine-title { margin-bottom:2px; }
    .cny__page .cny__routine-title span { display: block; }

    .cny__routine-slider { --rollWidth:58px; --sliderHeight:563px; --sliderTopMarge:14px; --sliderBottomMarge:14px; margin-bottom: 80px; }

    .cny__routine-slider-roll { top:-52px; }

    .cny__routine-slider[data-open="1"] .cny__routine-slider-mask { width: 100%; }

    .cny__page .cny__routine-products { width: 100vw; }
    .cny__routine-slider[data-open="1"] .cny__routine-slider-roll[data-roll="left"] { left:calc( (-1) * 1px - var(--rollWidth)); }
    .cny__routine-slider[data-open="1"] .cny__routine-slider-roll[data-roll="right"] { right:calc( (-1) * 1px - var(--rollWidth)); }

    .cny__page .cny__routine-product { width: 100%; }
    .cny__page .cny__routine-product-inside { margin: 0 auto; }

    .cny__page .cny__routine-product-media { height: 264px; }
    .cny__page .cny__routine-product[data-item="1"] .cny__routine-product-media .cny__routine-product-item { width: 74px; }

    .cny__page .cny__routine-product-category { font-size: 16px; line-height:1.45em; padding-bottom: 10px; }

    .cny__page .cny__routine .cny__set[data-item="3"],
    .cny__page .cny__routine .cny__set[data-item="1"] { display: none; }

    .cny__page .cny__routine .cny__set[data-item="4"] { display: block; top:-22px; left:calc(50% - 126px); }
    .cny__page .cny__routine .cny__set[data-item="4"] .cny__set-img { width:248px; transform:rotate(-28deg) scaleX(-1); }

    .cny__page .cny__routine .cny__set[data-item="2"] { display: block; top:auto; bottom:-172px; left:calc(50% - 245px); transition:transform 0.8s ease-out 1s; }
    .cny__page .cny__routine .cny__set[data-item="2"] .cny__set-img { width:411px; transform:rotate(-12deg); }
    .cny__page .cny__routine[data-open="1"] .cny__set[data-item="2"] { transform:translateX(calc(-50vw - 120px)); }

    .cny__page .cny__routine .cny__set[data-item="5"] { display: block; top:16px; left:calc(50% + 126px); }
    .cny__page .cny__routine .cny__set[data-item="5"] .cny__set-img { width:53px; }


}







/*    Swiper    */

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


#cny__page .new__ingredients-slider[data-type="scrollbar"] .swiper-container { height: calc(100% - 32px); }
#cny__page .new__ingredients-slider[data-type="default"] .swiper-container { width: calc(100% - 64px); }


#cny__page .swiper-container-initialized { opacity: 1; }

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

#cny__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;
}

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

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

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

#cny__page .swiper-button {
   position: absolute;
   top: 0;
   width: 14px;
   height: 25px;
   z-index: 10;
   cursor: pointer;
   background-size: 17px 25px;
   background-position: center;
   background-repeat: no-repeat;
}
#cny__page .swiper-button:after {
   font-family:swiper-icons; color:#1D1D1D; font-size:22px;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1; transition:color 0.2s; position: absolute; top: 0px;
}
#cny__page .swiper-button:focus {  outline: none; }

#cny__page .swiper-button-prev.swiper-button-disabled,
#cny__page .swiper-button-next.swiper-button-disabled {
   opacity: 0.4;
   cursor: auto;
   pointer-events: none;
}
#cny__page .swiper-button-prev,
#cny__page .swiper-container-rtl .swiper-button-next,
html[dir="rtl"] .swiper-button-next {
   left: 0;
   right: auto;
   top: calc(50% - 11px);
}
#cny__page .swiper-button-prev:after,
#cny__page .swiper-container-rtl .swiper-button-next:after,
html[dir="rtl"] .swiper-button-next:after {
   content:"prev"; 
   left:2px;
}
#cny__page .swiper-button-next,
#cny__page .swiper-container-rtl .swiper-button-prev,
html[dir="rtl"] .swiper-button-prev {
   right: 0;
   left: auto;
   top: calc(50% - 11px);
}
#cny__page .swiper-button-next:after,
#cny__page .swiper-container-rtl .swiper-button-prev:after,
html[dir="rtl"] .swiper-button-prev:after {
   content:"next";
   right:2px; 
}

#cny__page .swiper-button-lock {
   display: none;
}

#cny__page .swiper-pagination {
   position: absolute; 
   bottom:-40px; 
   left:50%;
   transform:translateX(-50%);
}

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


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

    #cny__page .swiper-button-next,
    #cny__page .swiper-container-rtl .swiper-button-prev,
    html[dir="rtl"] .swiper-button-prev {
       right: 5%;
       top: calc(41% - 11px);
   }

   #cny__page .swiper-button-prev,
   #cny__page .swiper-container-rtl .swiper-button-next,
   html[dir="rtl"] .swiper-button-next {
       left: 5%;
       top: calc(41% - 11px);
   }

}





/*------------------------------------------------------------------------------------------*/
#wrapper.pt_category-wide .site-width-slot, #wrapper.pt_category-wide .breadcrumb-container {
    max-width: 100%;
}
#main:not(.main-homepage) {
    max-width: revert!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
}
/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
    .cny__page .cny__artist .cny__set[data-item="1"] {
        left: -163px;
    }
}

/*  */
[data-item="2"] .cny__routine-product-content {
    width: 18em;
    transform: translate(-13px, 0);
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .cny__page .cny__header-title {
        width: 76%;
        margin: 0px auto 10px;
    }

}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {}
@media (max-width: 480px) {
    .cny__page .cny__routine-title {
        width: 73%;
        margin: 5px auto;
    }
}