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

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

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

@media (max-width: 768px) { 
    #wrapper .inTheMiddle { display: none !important; }
}

.i-search .cba-search-box { display: none; }


@font-face {
   font-family: 'BVCustom';
   src: url('data:font/woff;charset=utf-8;base64,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') format('woff');
   font-weight: normal;
   font-style: normal;
}

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

.src__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: 60px;
}

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

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

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


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

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

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

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

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

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

.src__page .src__bloc { position: relative; width: 100%; margin: 0 auto;  }

.src__page .src__title { font-size: 40px; line-height: 1em; text-rendering: optimizeSpeed; }
.src__page .src__title small { display: block; }

.src__page .src__subtitle {font-family: var(--GOTHAM-MEDIUM);font-size: 24px;line-height: 1.33em; text-rendering: optimizeSpeed; }
.src__page .src__text {font-size: 16px;line-height: 1.45em; text-rendering: optimizeSpeed;  }
.src__page .src__text>span {display: block; }
.src__page .src__text .src__nowrap {white-space: nowrap; }
.src__page .src__text a { text-decoration: underline; }
.src__page .src__text a:hover { text-decoration: none; }

.src__page .src__colored { color:var(--COLOR-PAGE); }

.src__page .src__text strong,
.src__page .src__strong {font-family: var(--GOTHAM-MEDIUM); font-weight: normal; }

.src__page .src__price {font-size: 16px;line-height: 20px; }

.src__page .src__cta { }
.src__page .src__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);font-weight: 500; position: relative; top:0; left:0; align-items: center;justify-content: center;}
.src__page .src__cta-btn:hover { color: #fff; outline: 0 !important;  background-color: var(--COLOR-RED-B);  border-color: var(--COLOR-RED-B); }

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

.src__page .src__cta-transparent {color: #fff; background: transparent;  border: 1px solid #fff; transition:all 0.3s; }
.src__page .src__cta-transparent:hover { color: #fff;  border: 1px solid #fff; background: transparent;  box-shadow: 0px 0px 7px 0px #00000026; }

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

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

.src__page .src__link-quickshop { cursor: pointer; text-decoration: underline; display: inline-block; }
.src__page .src__link-quickshop:hover { text-decoration: none; }


.src__page .src__quickshop { display: none; }
.src__page .src__addtobag  { display: none; }

@media (min-width: 768px) { 

    .src__page .src__title { font-size: 48px; line-height: 1em; }

}



/*   header    */

.src__page .src__bloc-header { position: relative; background: #f4f4f6; --headerRatio:1px; }

.src__page .src__header-media {position: relative; width: 100%; }
.src__page .src__header-picture { width: 100%; }
.src__page .src__header-img { width: 100%; }

.src__page .src__header-body { position: relative; }

.src__page .src__header-content { position: relative; top: 0; left: 0; width: 83%; margin: 0 auto; text-align: center;  padding-top: 10px; padding-bottom: calc(40 * var(--headerRatio));  }
.src__page .src__header-title { color:#B40024; font-size: calc(36 * var(--headerRatio)); line-height: 1em; padding-bottom: calc(24 * var(--headerRatio)); font-family: var(--GOTHAM-BOOK);  }
.src__page .src__header-text { font-size: calc(16 * var(--headerRatio)); line-height: 1.45em; padding-bottom: calc(24 * var(--headerRatio)); font-family: var(--GOTHAM-MEDIUM); }

.src__page .src__header-media .src__header-link { display: none; }



@media (min-width: 769px) { 

    .src__page .src__bloc-header { --headerRatio:calc(100vw / 1080);  --pictoWidth: calc( 1 * var(--headerRatio));  height: 460px; padding-bottom: 0; overflow: hidden; }

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

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

    .src__page .src__header-media .src__header-link { display: none; }

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

    .src__page .src__header-title { font-size: 48px; line-height: 1em; padding-bottom: 24px; font-family: var(--GOTHAM-BOOK);  }
    .src__page .src__header-text { font-size: 16px; line-height: 1.45em; padding-bottom: 24px; font-family: var(--GOTHAM-MEDIUM); }

}


@media (min-width: 1080px) { 

    .src__page .src__bloc-header {  --headerRatio:1px; }

}




/*   bloc    */

.src__page .src__shadow { position: absolute; top:0; left:0; width: 100%; height: 100%; display: block; box-shadow: 0px 24px 30px -20px rgba(0, 0, 0, 0.04), inset 0px 24px 30px -20px rgba(0, 0, 0, 0.05); pointer-events: none; } 



/*   anchor    */

.src__page .src__anchor { background: #FFF; height: 192px; --ratioAnchor:calc(100vw /  375); }

.src__page .src__anchor-items-wrapper { width:100%; height:100%; margin: 0 auto; position: relative; top:0; left:0; }

.src__page .src__anchor-items { display: flex; align-items:center; justify-content:center; height: 100%; width:100%; position: relative; top:0; left:0; }
.src__page .src__anchor-item { width: calc(108 * var(--ratioAnchor)); }
.src__page .src__anchor-media { width: 76px; margin: 0 auto;  }

.src__page .src__anchor-content { padding: 8px 4px 0 4px; }

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


@media (min-width: 769px) { 

    .src__page .src__anchor { --ratioAnchor:1px;  height: 173px; padding: 12px 0; }
    .src__page .src__anchor-items-wrapper { width:calc(100% - 96px); max-width: calc(140px * 8); }
    .src__page .src__anchor-item { width: calc(140 * var(--ratioAnchor));  height: 100%; display: flex; align-items:center; justify-content:center; transition:opacity 0.3s, background 0.3s; border-radius:5px; }
    .src__page .src__anchor-items:hover .src__anchor-item { opacity: 0.5; }
    .src__page .src__anchor-item:hover { background:#F5EFEB; }
    .src__page .src__anchor-items:hover .src__anchor-item:hover { opacity: 1; }
    .src__page .src__anchor-item:hover .src__anchor-text { color:var(--COLOR-DEFAULT); }

    .src__page .src__anchor-content { padding-left: 8px; padding-right:  8px; }

}




/*   compare    */

.src__page .src__compare-wrapper { display: none; }

.src__page .src__compare { --margeCompare:40px; --paginationCompareHeight:64px; background: #FBF6F3; width: 100%; }

.src__page .src__compare-title { font-size: 20px; line-height: 1.45em; font-family: var(--GOTHAM-MEDIUM); text-align: center; padding-top: 40px; padding-bottom: 24px; width: 90%; margin: 0 auto; }
.src__page .src__compare-text { font-size: 14px; line-height: 1.45em; text-align: center; padding-bottom: 24px; width: 92%; margin: 0 auto; max-width: 832px; }

.src__page .src__compare-items-wrapper { display: block; position: relative; top:0; left:0; width: 92%; margin: 0 auto; }

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

.src__page .src__compare-item { width: 46vw; }

.src__page .src__compare-item-group { text-align: center; background: #fff; border-right: solid 1px #D3CCC8; margin-top: calc(36px + var(--paginationCompareHeight)); position: relative; top:0; left:0; }
.src__page .src__compare-item:last-child .src__compare-item-group { border-color:#fff; }
.src__page .src__compare-item-group:first-child { margin-top: 0px; }

.src__page .src__compare-item-inter { text-align: center; width:calc(100% + 2 * var(--margeCompare)); height:calc(36px + var(--paginationCompareHeight)); position: absolute; top:-72px; left:calc((-1) * var(--margeCompare)); z-index:10; transition:transform 0.3s;  transform:translateY(0); pointer-events:none; background: #FBF6F3;}

.src__page .src__compare-item-pagination { text-align: center; width:calc(100% - 2 * var(--margeCompare)); height: var(--paginationCompareHeight); position: relative; top:0; left:var(--margeCompare); display: flex; justify-content:center; align-items:center;  }
.src__page .src__compare-item-pagination-inside { padding-bottom:8px; }
.src__page .src__compare-item-pagination .swiper-pagination-bullet { pointer-events:auto; }
.src__page .src__compare-item-filter { text-align: center; width:calc(100% - 2 * var(--margeCompare)); height: 36px; background: #F5EFEB; position: relative; top:0; left:var(--margeCompare); cursor: pointer; display: flex; justify-content:center; align-items:center; }
.src__page .src__compare-item-filter-text { font-size: 14px; line-height: 1.45em; font-family: var(--GOTHAM-MEDIUM); text-transform: uppercase; position: relative; top:0; left:0; pointer-events:auto; padding-right: 25px; }
.src__page .src__compare-item-filter-text::after { content: ""; position: absolute; top:0; right:0; width: 20px; height: 20px; background: url(../commun/arrow-down-grey-icon.svg) center center no-repeat; background-size:100% auto; transform:rotate(0deg); transition:transform 0.3s;  }
.src__page .src__compare-item-filter.mod__expand .src__compare-item-filter-text::after { transform:rotate(180deg); }

.src__page .src__compare-item-title { font-size: 14px; line-height: 1.45em; font-family: var(--GOTHAM-MEDIUM); padding: 0 8px; height: 5.38em; }
.src__page .src__compare-item-text { font-size: 14px; line-height: 1.45em; display: flex; justify-content:center; align-items:center;  padding: 8px 16px; }

.src__page .src__compare-item-inside {  transition:max-height 0.3s; overflow: hidden; }
.src__page .src__compare-item-group.mod__collapse .src__compare-item-inside { max-height:0px !important; }

.src__page .src__compare-item-media { height: 166px; display: flex; align-items: flex-end; }
.src__page .src__compare-item-media-img { width: 136px; margin: 0 auto; }

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

.src__page .src__compare .src__cta { padding-top:10px; padding-bottom: 24px; }
.src__page .src__compare .src__compare-item-cta { padding-top:0px; padding-bottom: 24px; }

.src__page .src__compare-opener { text-align: center; padding-top: 32px; padding-bottom: 0; }

.src__page .src__compare-item-button { position: absolute; top: 0; width: 25px; height: 25px; z-index: 10; cursor: pointer; pointer-events:auto; display:block; }
.src__page .src__compare-item-inter.src__closed .src__compare-item-button { display:none; }
.src__page .src__compare-item-button:after { content:"";  background-size: 75% auto;  background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; display: block; }
.src__page .src__compare-item-button:focus {  outline: none; }

.src__page .src__compare-item-button.src__compare-item-button-disabled {
   display: none;
}
.src__page .src__compare-item-button-prev,
.src__page .swiper-container-rtl .src__compare-item-button-next,
html[dir="rtl"] .src__compare-item-button-next {
   left: 6px;
   right: auto;
   top: calc(50% - 12.5px);
}
.src__page .src__compare-item-button-prev::after,
.src__page .swiper-container-rtl .src__compare-item-button-next::after,
html[dir="rtl"] .src__compare-item-button-next::after {
   background-image: url(../commun/arrow-left-grey-icon.svg);
}
.src__page .src__compare-item-button-next,
.src__page .swiper-container-rtl .src__compare-item-button-prev,
html[dir="rtl"] .src__compare-item-button-prev {
   right: 6px;
   left: auto;
   top: calc(50% - 12.5px);
}
.src__page .src__compare-item-button-next:after,
.src__page .swiper-container-rtl .src__compare-item-button-prev:after,
html[dir="rtl"] .src__compare-item-button-prev:after {
  background-image: url(../commun/arrow-right-grey-icon.svg);
}

.src__page .src__compare .button { font-size: 14px; letter-spacing: 0; line-height: 1em; text-transform: none; padding:0 16px; }


@media (min-width: 390px) { 

    .src__page .src__compare-item-title { height: 4.35em; }

}

@media (min-width: 769px) { 

    .src__page .src__compare { --margeCompare: calc((100% - 832px) * 0.5); --pxMargeCompare:108px; --paginationCompareHeight:0px;  }
    .src__page .src__compare-items-wrapper { width:calc(100% - (var(--margeCompare) * 2) ); display: flex; flex-direction: column; justify-content:center; padding-bottom: 16px; }
    .src__page .src__compare-items { /* width: auto; */ }
    .src__page .src__compare-item { width: 208px; }

    .src__page .src__compare-items-wrapper .swiper-container::after { content: ""; width: var(--pxMargeCompare); height: 100%; position: absolute; top:0; left:calc((-1) * var(--pxMargeCompare)); z-index: 2; background:linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #FBF6F3 100%); pointer-events:none; }
    .src__page .src__compare-items-wrapper .swiper-container::before { content: ""; width: var(--pxMargeCompare); height: 100%; position: absolute; top:0; right:calc((-1) * var(--pxMargeCompare)); z-index: 2; background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FBF6F3 100%); pointer-events:none; }

    .src__page .src__compare-opener { padding-top: 0; padding-bottom: 64px; width: calc(100% - 80px); max-width: 1264px; margin: 0 auto; }

    .src__page .src__compare-item-texture-img { width: 221px; margin: 0 auto; }

    .src__page .src__compare-item-button-prev,
    .src__page .swiper-container-rtl .src__compare-item-button-next,
    html[dir="rtl"] .src__compare-item-button-next {
       left: calc( var(--margeCompare) - 90px);
   }

   .src__page .src__compare-item-button-next,
   .src__page .swiper-container-rtl .src__compare-item-button-prev,
   html[dir="rtl"] .src__compare-item-button-prev {
       right: calc( var(--margeCompare) - 90px);
   }

}

@media (min-width: 1048px) { 

     .src__page .src__compare { --paginationCompareHeight:0px;  }

}



/*   tel    */

.src__page .src__tel { --ratioTel:calc(100vw / 376); position: relative; top:0; left:0; width: 92%; max-width: 1264px; margin: 64px auto 0 auto; }

.src__page .src__tel-media { border-radius: 8px; position: relative; top:0; left:0; width: 100%; height:100%; display: block; overflow: hidden; }
.src__page .src__tel-picture { height: 100%; width: 100%; }
.src__page .src__tel-img { height: 100%; width: 100%; object-fit:cover; }

.src__page .src__tel-media-text { position: absolute; top:calc( 411 * var(--ratioTel)); left:calc( 16 * var(--ratioTel)); width: calc( 82 * var(--ratioTel)); display: block; text-align: right; font-size: calc(9.55 * var(--ratioTel)); line-height: 1.4em; color:#fff; text-transform: uppercase; }


.src__page .src__tel-body { position: absolute; top:0; left:0; width: 100%; height: 100%; display: flex; align-items:flex-start; justify-content:flex-start; }

.src__page .src__tel-content { text-align: left; padding:calc( 33 * var(--ratioTel)) calc( 29 * var(--ratioTel)) 0 calc( 29 * var(--ratioTel)) }

.src__page .src__tel-suptitle {  font-size: calc(12 * var(--ratioTel)); line-height: 1.2em; font-family:var(--GOTHAM-MEDIUM); color:#fff; text-transform: uppercase; padding-bottom: calc( 1 * var(--ratioTel)); }
.src__page .src__tel-title { font-size: calc(20.91 * var(--ratioTel)); line-height: 1em; font-family:var(--GOTHAM-MEDIUM); color:#fff; text-transform:uppercase; padding-bottom: calc( 1 * var(--ratioTel)); }
.src__page .src__tel-subtitle { font-size: calc( 10.92 * var(--ratioTel)); line-height: 1em; font-family:var(--GOTHAM-MEDIUM); color:#fff; text-transform:uppercase; padding-bottom: calc( 11.24 * var(--ratioTel)); }
.src__page .src__tel-text { font-size: calc( 16 * var(--ratioTel)); line-height: 1.19em; font-family:var(--GOTHAM-MEDIUM); color:#fff; padding: 0; max-width:calc( 110 * var(--ratioTel)); }


@media (max-width: 768px) { 

 .src__page .src__tel-cta { position:absolute; left:0; top:auto; bottom: calc( 24 * var(--ratioTel)); width: 100%; text-align: center ;}


}


@media (min-width: 769px) { 

  .src__page .src__tel {  --ratioTel:calc(100vw / 1324); width: calc(100% - 80px);height: calc( 500 * var(--ratioTel)); margin-top:0; }
  
  .src__page .src__tel-media-text { position: absolute; top:calc( 351 * var(--ratioTel)); left:calc( 150 * var(--ratioTel)); width: calc( 100 * var(--ratioTel)); font-size: calc(12 * var(--ratioTel)); line-height: 1.45em; }

  .src__page .src__tel-body { left:calc( 746 * var(--ratioTel) ); width: calc( 100% - 746 * var(--ratioTel) ); padding: 0;  align-items:center;  }

  .src__page .src__tel-content { width: 90%; padding-top:calc( 30 * var(--ratioTel) ) }

  .src__page .src__tel-suptitle {font-size: calc( 20 * var(--ratioTel)); line-height: 1em; margin-bottom:0; }
  .src__page .src__tel-title {font-size: calc( 35.58 * var(--ratioTel)); line-height: 1em; margin-bottom:0; }
  .src__page .src__tel-subtitle {font-size: calc( 18.58 * var(--ratioTel)); line-height: 1.45em;  padding-bottom: calc( 32 * var(--ratioTel)); }
  .src__page .src__tel-text { font-size: calc( 21.47 * var(--ratioTel)); line-height: 1.19em; max-width:unset; }

  .src__page .src__tel-cta { padding-top: calc( 32 * var(--ratioTel)); }


}


@media (min-width: 1324px) { 

    .src__page .src__tel { --ratioTel:1px; } 

}

/*   edito    */

.src__page .src__bloc-edito { position:relative; top:0; left:0; }

.src__page .src__edito { width: 100%; position: relative;top: 0;left: 0; display: flex; flex-direction:column; }

.src__page .src__edito-media { width: 100%; display: block; }

.src__page .src__edito-content { width: 92%; margin: 0 auto; padding-top: 32px; text-align: center; padding-bottom: 32px;} 
.src__page .src__edito-title { font-size: 30px; line-height: 1.2em; color:#B40024; font-family: var(--GOTHAM-BOOK); padding-bottom: 16px; }
.src__page .src__edito-text { font-size: 16px; line-height: 1.45em; padding-bottom: 16px; }
.src__page .src__edito-text:last-child { padding-bottom: 0px; }
.src__page .src__edito-suptitle { font-size: 16px; line-height: 1.45em; color:#B40024; padding-bottom: 8px; }


@media (min-width: 769px) { 

    .src__page .src__edito { width: 92%; max-width: 1264px; margin: 0 auto; flex-direction:row; align-items:stretch; }

    .src__page .src__edito-media { padding-left:16px; width: 50%; }
    .src__page .src__edito-picture {  position: relative; top: 0; left:0; width: 616px; }
    .src__page .src__edito-img {  }

    .src__page .src__edito-body { width: 50%; padding-right: 16px; display:flex; flex-direction:row; align-items:center; } 
    .src__page .src__edito-content { width: 100%; text-align: left; margin: 0;  padding: 0; } 

    .src__page .src__edito-title { font-size: 40px; line-height: 1.2em; }
    .src__page .src__edito-text { }
    .src__page .src__edito-subtitle { }

}

@media (min-width: 1024px) { 

}




/*   lists    */

.src__page .src__lists { width:100%; margin: 0 auto; padding-top: 64px; padding-bottom: 0; }
.src__page .src__lists-title { font-size: 24px; line-height: 1.25em; text-align: center; color:var(--COLOR-RED-A); text-transform: uppercase; font-family: var(--GOTHAM-MEDIUM); padding-bottom: 16px; width: 90%; margin: 0 auto; }
.src__page .src__lists-text { padding-bottom: 32px; text-align: center; width: 90%; margin: 0 auto; }

.src__page.has-grid-support .src__lists-products { display: grid; grid-template-columns:1fr 1fr; grid-gap:0; }
.src__page.has-grid-support .src__lists-product { width: auto; margin-right: 0; }

.src__page .src__lists-product  { position: relative; top:0; left:0; border-bottom:1px solid #cfcac9; }

.src__page .src__lists-product:nth-of-type(1),
.src__page .src__lists-product:nth-of-type(2) { border-top:1px solid #cfcac9; }

.src__page .src__lists-product { border-left:1px solid #cfcac9; }
.src__page .src__lists-product:nth-of-type(2n+1) { border-left:none; }
.src__page .src__lists-product:nth-of-type(2n+1)::after { content:""; display:block; width:1px; height:100%; background:#cfcac9; position:absolute; left:100%; top:0; }
.src__page .src__lists-product:nth-of-type(2n) { border-right:none; }

.src__page:not(.has-grid-support) .src__lists-products { display: flex; flex-wrap:wrap; }
.src__page:not(.has-grid-support) .src__lists-product { width: 50%; }

.src__page .product-tile { max-width: unset; margin-right: 0; margin-left: 0; border: none; }
.src__page .product-tile .product-image img { display:block; }

@media(min-width:768px) {

  .src__page .src__lists { width: calc(100% - 80px); max-width: 1264px; padding-top: 64px; padding-bottom: 64px; }

  .src__page.has-grid-support .src__lists-products { grid-template-columns:1fr 1fr 1fr;  grid-gap:32px; }
  .src__page:not(.has-grid-support) .src__lists-product { width: calc( 33.3333% - 32px); margin-right: 32px; margin-bottom: 32px; }
  .src__page .src__lists-product { border: 1px solid #ccc !important; }
  .src__page .src__lists-product::after { display: none; }

  .src__page .src__lists-title { font-size: 28px; line-height: 1.25em; text-align: left; width: 100%; }
  .src__page .src__lists-text { text-align: left; padding-bottom: 52px; width: 100%; }

}

@media(min-width:1024px) {

  .src__page.has-grid-support .src__lists-products { grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:32px; }
  .src__page:not(.has-grid-support) .src__lists-product { width: calc( 25% - 32px); }

}




/*   sets    */

.src__page .src__sets { width: 100%; margin: 0 auto; padding-top: 48px; }
.src__page .src__sets-title { text-align: center; font-family: var(--CLARINS-FONT); padding-bottom:10px; text-align: center; width: 90%; margin: 0 auto; }

.src__page .src__sets-products { position: relative;top: 0;left: 0; width: 100%; margin: 0 auto; }
.src__page .src__sets-product { width: 50vw; border:1px solid #cfcac9;  }

.src__page .src__sets-body .swiper-pagination { display: block; }


@media (max-width: 767px) { 

    .src__page .src__sets-product { border-left:none;  }
    .src__page .src__sets-product:first-child { border-left:1px solid #cfcac9;  }

}

@media (min-width: 768px) { 

    .src__page .src__sets { width: calc(100% - 80px); max-width: 1264px; margin: 0 auto; padding-top: 48px; }

    .src__page .src__sets-products { width: 100%; }
    .src__page .src__sets-product:last-child { margin-right: 0 !important; }    
    .src__page .src__sets-title { padding-bottom:52px; width: 90%; margin: 0 auto; }
    .src__page .src__sets-product { padding: 0; }

}

@media (min-width: 1024px) { 

    .src__page .src__sets-body .swiper-pagination { display: none; }

}


/*   testimonies    */

.src__page .src__bloc-testimony { background: #FBF6F3; display: flex; align-items:center; justify-content:center; margin-top: 40px; overflow: hidden; }

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

.src__page .src__testimonies { width: 100%; }

.src__page .src__testimony { display: flex; flex-direction:column-reverse; padding: 40px 0 0 0; }

.src__page .src__testimony-product { font-size: 14px; line-height: 1.45em; font-family: var(--GOTHAM-MEDIUM); padding-bottom: 16px; }
.src__page .src__testimony-name { font-size: 12px; line-height: 1.45em; padding-bottom: 4px; }
.src__page .src__testimony-age { font-size: 12px; line-height: 1.45em; font-family: var(--GOTHAM-MEDIUM); white-space: nowrap; }
.src__page .src__testimony-title { font-size: 35px; line-height: 1em; font-family: var(--CLARINS-FONT); padding-top:50px; padding-bottom: 8px; position: relative; }
.src__page .src__testimony-first { position: absolute; top: -13px; left: calc(50% - 38px); display: block; height: 76px; width: 76px; }
.src__page .src__testimony-glyph { color:#333; font-size: 200px; line-height: 150px; position: relative; top: 0; left: 0; display: block; }
.src__page .src__testimony-text { font-size: 14px; line-height: 1.45em; }
.src__page .src__testimony-categories { font-size: 12px; line-height: 1.45em; color:var(--COLOR-RED-A);  }

.src__page .src__testimony-reviews { padding-top: 15px; padding-bottom: 24px; }

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

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

.src__page .src__testimony-rating-stars-on {
   color:var(--COLOR-RED-A);
}
.src__page .src__testimony-rating-stars-off {
  position: absolute;
  color:#fff;
}
.src__page .src__testimony-width-from-rating-stats-98 {
  width: 98% !important;
}


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

    .src__page .src__testimony-left { display: flex; flex-direction:column; }
    .src__page .src__testimony-product { }

}

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

    .src__page .src__bloc-testimony { margin-top: 0; }
    
    .src__page .src__testimonies-wrapper { width: calc(100% - 96px); max-width: 896px; }
    .src__page .src__testimony { flex-direction:row; align-items:flex-end; padding: 40px 0px; }

    .src__page .src__testimony-right { text-align: left; width: calc(100% - 288px); padding-left: 36px; }
    .src__page .src__testimony-left { text-align: right; width: 178px; margin-left:70px; margin-right:40px; }

    .src__page .src__testimony-reviews { padding-top: 15px; padding-bottom: 0; }
    .src__page .src__testimony-title { padding-top: 0; }
    .src__page .src__testimony-text { margin: 0; /*! max-width: 340px; */ }
    .src__page .src__testimony-name { font-size: 10px; line-height: 1.45em;}
    .src__page .src__testimony-first { position: absolute; top: -13px; left: -40px; display: inline-block; height: 35px; width: 35px; }
    .src__page .src__testimony-glyph {font-size: 100px; line-height: 75px; }

}






/*  faq */

.src__page .src__bloc-faq { padding: 24px 0 0 0; }
.src__page .src__faq-title { font-size:40px; line-height:1.2em;  font-family: var(--CLARINS-FONT); text-align: center; max-width: 375px; margin: 0 auto; padding-bottom: 20px; }
.src__page .src__faq-text { font-size: 16px; line-height: 1.42em;  text-align: center; max-width: 260px; margin: 0 auto; padding-bottom: 30px; }

.src__page .src__faq-items {
  width: calc(100% - 40px);
  max-width: 832px;
  height: auto;
  display: block;
  vertical-align: top;
  margin: 0 auto;
}
.src__page .src__faq-item {
  height: 40px;
  display: block;
  transition: height ease-in-out 0.5s;
  overflow: hidden;
  border-top: 1px solid #E9E3DE;
}
.src__page .src__faq-item-handler:after {
  content: "";
  width: 20px;
  height: 100%;
  background: url(../commun/arrow-down-grey-icon.svg) center center no-repeat; background-size:100% auto; 
  transform:rotate(0deg); transition:transform 0.3s; 
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
}

.src__page .src__faq-item[data-open="1"] .src__faq-item-handler:after {  transform:rotate(180deg); }

.src__page .src__faq-item-handler {
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.42em;
  padding: 14px 35px 14px 0; 
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
}

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

.src__page .src__faq-item-link { text-decoration: underline; }


@media (min-width: 769px) { 

    .src__page .src__bloc-faq { padding-top: 64px; }
    .src__page .src__faq-item-handler {   padding: 14px 45px 14px 0; }

    .src__page .src__faq-title { font-size:48px; line-height:1.2em; max-width: unset; }
    .src__page .src__faq-text { font-size: 14px; line-height: 1.42em; text-align: center; padding-bottom: 40px; max-width: unset; }

    .src__page .src__faq-item-link:hover { text-decoration: none; }
    .src__page .src__faq-item a:hover { color :var(--COLOR-DEFAULT); }

}


/*  services */

.src__page .src__bloc-services { background: #fff; padding: 80px 0;  }

.src__page .src__services-wrapper { width: calc(100% - 80px); max-width: 1264px; margin: 0 auto; }

.src__page .src__services-title { font-family: var(--CLARINS-FONT); text-align: center; padding-bottom: 37px; }

.src__page .src__services { display: flex; justify-content:center; }

.src__page .src__service { width: 294px; border: 1px solid #CFCAC9; }
.src__page .src__service-media { width: 100%; }
.src__page .src__service-media a { width: 100%; display: block; }

.src__page .src__service-content { text-align: left; padding: 25px 15px 45px 15px; }
.src__page .src__service-title { font-size: 14px; line-height: 1.28em; font-family:var(--GOTHAM-MEDIUM); padding-bottom: 8px; }
.src__page .src__service-text { font-size: 14px; line-height: 1.28em; min-height: 4em; }

.src__page .src__service-link { position: absolute; bottom: 15px; left:15px; }


@media (max-width: 1024px) { 

  .src__page .src__services-wrapper { width: 100%; }
  .src__page .src__service {border-right:none; }

}


@media (max-width: 768px) { 

    .src__page .src__bloc-services { padding-top: 64px; padding-bottom: 0;  }

    .src__page .src__service { width: calc(50%); margin: 0;  border-right:none; }
    .src__page .src__service:first-child { width: calc(50% - 1px); border-left:none;}

    .src__page .src__service:last-child { width: calc(50%); border-right:none; }

    .src__page .src__services-title { width: 80%; margin: 0 auto; }
}




/*   Routine    */

.src__page .src__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%); }

.src__page .src__bloc-routine .src__container {width: 100%; }

.src__page .src__routine { position: relative; top:0; left:0; --slideWidth:225px; }
.src__page .src__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);  }
.src__page .src__routine-body { position: relative; top:0; left:0; }
.src__page .src__routine-title { padding-bottom:50px; text-align: center; font-size: 40px; line-height: 1.2em; width: 92%; margin: 0 auto; }

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

.src__page .src__routine-cta { padding-top: 40px; }



@media (max-width: 768px) { 

    .src__page .src__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%);
    }

    .src__page .src__routine { --slideWidth:55vw; }

    .src__page .src__bloc-routine .src__container { width: 100%; }

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

    .src__page .src__routine-products { display: block; width: 100%; }
    .src__page .src__routine-product { padding: 0; }

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


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

}

@media (max-width: 373px) { 

    .src__page .src__routine { --slideWidth:65vw; }

}




/*  legendes */

.src__page .src__bloc-legendes { z-index: 2; }

.src__page .src__legendes { width: 92%;  max-width: 1264px; margin: 0 auto; text-align: left; padding-bottom:16px; }
.src__page .src__legende { font-size: 10px; line-height: 1.45em; color:#797674; }


@media (min-width: 768px) { 

    .src__page .src__legende { text-align: left; }

}




/*    Swiper    */

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

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

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

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

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

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

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

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

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

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


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

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

.swiper-pagination.swiper-pagination-hidden {
 opacity:0
}
.swiper-pagination-bullet {
 width:16px;
 height:16px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 opacity:1;
 position: relative;
 cursor: pointer;
}
.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;
}


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

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

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

*/


.src__page .src__anchor-items-wrapper .swiper-wrapper { align-items: center; }
.src__page .src__sets-products .swiper-wrapper { justify-content: center; }

.src__page .src__testimonies-wrapper .swiper-pagination { display: none; }
.src__page .src__services-wrapper .swiper-pagination { display: none; }

.src__page .swiper-pagination-bullet:after { background: #D3CCC8; }
.src__page .swiper-pagination-bullet-active:after { background: #333; }

.src__page .src__compare .swiper-button-prev,
html[dir="rtl"] .src__compare  .swiper-button-next
{
   top: 180px;
   display: block;
   left:-90px;
}
.src__page .src__compare .swiper-button-next,
html[dir="rtl"] .src__compare  .swiper-button-prev {
   top: 180px;
   right:-90px;
   display: block;
}

.src__page .src__compare .swiper-button-prev.swiper-button-disabled,
.src__page .src__compare .swiper-button-next.swiper-button-disabled {
    display: none;
}


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

    .src__page .src__services-wrapper .swiper-pagination { display: block; }

}



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

    .src__page .src__compare .swiper-button-prev,
    html[dir="rtl"] .src__compare  .swiper-button-next,
    .src__page .src__compare .swiper-button-next,
    html[dir="rtl"] .src__compare  .swiper-button-prev {
       display: none;
   }

   .src__page .swiper-pagination { padding: 32px 0; }
   .src__page .src__compare-items-wrapper .swiper-pagination { padding-top: 12px; }

   .src__page .src__sets-products .swiper-wrapper { justify-content: unset; }

   .src__page .src__testimonies-wrapper .swiper-button { display: none; }
   .src__page .src__testimonies-wrapper .swiper-pagination { display: block; }
   .src__page .src__services-wrapper .swiper-pagination { display: block; }

   .src__page .src__anchor-items-wrapper .swiper-button { display: none; }

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

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

}










/*  ---   Popin   --- */
/*  ---   v0.4   --- */

.src__bloc-popin { background: #eac27c; padding: 30px 0; text-align: center; }

.src__page .popin__content-opener { display: none; }

.src__page .popin__content-wrapper { --popin_height:100vh;  --popin_top:180px; position: fixed; bottom:0; left:0; width: 100vw; height:0; z-index: 10000; }

@supports(height: 100dvh) {
 .src__page .popin__content-wrapper { --popin_height:100dvh; --popin_top:90px }
/*
 .src__page .popin__content-title { color:#FF3300; }
 */
}

.src__page .popin__content-overlay { background: #000; opacity: 0; position: absolute; top:0;left:0;  width: 100%; height: 100%; display: block; transition:opacity 0.2s ease-out;  transition-delay:0.2s;  }
.src__page .popin__content-wrapper[data-open="1"]  .popin__content-overlay { transition-delay:0s; opacity: 0.5; }

.src__page .popin__content { position: absolute; bottom:0;left:50%; display: flex; align-items:flex-end; justify-content:center; transform:translate(-50%, 100%); }

.src__page .popin__content-body { background: #fff; border-radius: 8px; max-height: calc(var(--popin_height) - var(--popin_top)); text-rendering: optimizeLegibility; overflow: hidden; }
.src__page .popin__content-content { max-height: calc(var(--popin_height) - var(--popin_top)); overflow: hidden; }
.src__page .popin__content-wrapper[data-scrollable="1"] .popin__content-content {  overflow-x: hidden; overflow-y:scroll; -webkit-overflow-scrolling: touch; overscroll-behavior-y: contain; }

.src__page .popin__content-closer { cursor: pointer; position: absolute; top:7px; right: 7px; z-index:1; width: 30px; height: 30px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.src__page .popin__content-closer svg { width: 24px; height: 24px; }
.src__page .popin__content-closer-white path { fill:#fff; }

/*
.src__page .popin__content-title { padding-top: 15px;  padding-bottom: 15px; font-size: 28px; line-height: 1.375em; }
.src__page .popin__content-text { padding-bottom: 30px; font-size: 14px; line-height: 1.375em; }
*/

.src__page .popin__content-wrapper[data-open="1"] { height: calc( var(--popin_height) + 1px); }


.src__page .popin__content { width:100%; max-width:1048px; transition:transform 0.25s ease-out; }
.src__page .popin__content-wrapper[data-open="1"] .popin__content {  transform:translate(-50%, 0); top:auto; bottom:0; left:50%; }

.src__page .popin__content-body { border-radius: 8px 8px 0 0; width: 100%; }
.src__page .popin__content-content { width: 100%; max-height: calc(var(--popin_height) - var(--popin_top) - 40px); overflow-x: hidden; overflow-y:scroll; -webkit-overflow-scrolling: touch; overscroll-behavior-y: contain; }

.src__page .popin__content-handler { border-bottom: solid 1px #ccc; height: 40px; position: relative; top:0; left:0; }
.src__page .popin__content-closer-white path { fill:#000; }

.src__page .popin__content-opener { display: inline-block; cursor: pointer; }
.src__page .popin__content-toClone { display: none; }


@media (min-width:768px){

    .src__page .popin__content-wrapper[data-style="center"]  .popin__content,
    .src__page .popin__content-wrapper[data-style="center"][data-open="1"]  .popin__content { transition:unset; }

    .src__page .popin__content-wrapper[data-style="center"][data-open="1"] .popin__content { top: 50%; bottom: auto; transform:translate(-50%, -50%); }

    .src__page .popin__content-wrapper[data-style="center"] .popin__content-body { border-radius: 8px; }
    .src__page .popin__content-wrapper[data-style="center"] .popin__content-content { max-height: calc(var(--popin_height) - var(--popin_top)); }

    .src__page .popin__content-wrapper[data-style="center"] .popin__content-handler { height: 0; border: unset; }
    
}


