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

#main:not(.main-homepage) {padding-top: 0px; }
.breadcrumb {display: none !important; }
#wrapper { max-width: 100%; }

i-footer, footer { margin-top: 0 !important; }
.footer-wrapper { position: relative; }

.holy__page .producttile-loader { width: 100%; }
/*
.holy__page .product-tile { margin-right: 0; margin-left: 0; max-width: unset; border:none; }
*/
.holy__page .product-tile { background:#fff }
.holy__page .product-tile .product-image img { display:block; }
.holy__page .product-tile .product-tile__variations img { width: unset; }
.holy__page .product-tile__desc--initial { align-items:flex-start; }
.holy__page .product-tile__swatch-text { padding-left: 7px; }

/*

.tile-carousel-wrapper__title { 
    font-size: 36px;
    line-height: 1.2em;
    color: #B40024;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",Helvetica, Arial, sans-serif;
}

.tile-carousel-wrapper__subtitle {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 1.45em;
    text-transform: unset;
}

i-product-tile, .product-tile { background: #fff; }


.title-wrapper__title.gotham-medium {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",Helvetica, Arial, sans-serif;
    font-size: 36px;
    line-height: 1.2em;
    text-transform: uppercase;
}
.title-wrapper__subtitle { max-width:1048px; width:100%; margin: 0 auto; }
.title-wrapper__heading .mb-l { padding-bottom:0; }

@media (min-width: 1024px) {
    .title-wrapper.full-width {
        width: 100%;
    }
}

.mt-xxl { margin-top:0 }
.pagedesigner-page-content { width: 92%; max-width: 1264px; padding-left: 0; padding-right: 0; }

@media (max-width: 768px) { 

    .pagedesigner-page-content { width: 100%; }
    .flex-row { flex-direction:column; }
    .gap-l { gap:0; }
}





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

i-footer footer { margin-top: 0; }
.footer-wrapper { position: relative; }

.holy__page .producttile-loader { width: 100%; }
.holy__page .product-tile { margin-right: 0; margin-left: 0; max-width: unset; border:none; }
.holy__page .product-tile .product-image img { display:block; }
.holy__page .product-tile .product-tile__variations img { width: unset; }
.holy__page .product-tile__desc--initial { align-items:flex-start; }
.holy__page .product-tile__swatch-text { padding-left: 7px; }

*/


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


.holy__page { 
    --CLARINS-FONT: ClarinsRegular, Clarins;
    --GOTHAM-LIGHT: "Gotham_Light";
    --GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book",Helvetica, Arial, sans-serif;
    --GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",Helvetica, Arial, sans-serif;
    --COLOR-DEFAULT:#333333;
    --COLOR-RED-A:#b40024;
    --COLOR-RED-B:#8c0b26;
    --RADIUS:5px;
    --heightHeader: 480px; 
}

 @media (min-width: 769px) { 

    .holy__page { --heightHeader: 720px; }

}


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


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

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

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

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

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

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

.holy__page a {color: #333;text-decoration: none; }
.holy__page a:hover {color: #333; }
.holy__page a:focus-visible { outline: none;  outline: none; box-shadow: 0 0 0 1px #fff,0 0 0 3px #6893d2; z-index:1 }

.holy__page sup { position: unset; vertical-align: super; line-height: 1em; font-size: 0.55em; }

.holy__page .holy__title { color: var(--COLOR-RED-A); font-family: var(--GOTHAM-MEDIUM); font-size: 35px;line-height: 1.142em; position: relative; }
.holy__page .holy__text { font-size: 14px;line-height: 1.45em; position: relative; padding-top: 12px;  }
.holy__page .holy__text .holy__nowrap { white-space: nowrap; }
.holy__page .holy__text-color {  color: var(--COLOR-RED-A); }

.holy__page .holy__price {font-size: 16px;line-height: 20px; }

.holy__page .holy__cta {  }
.holy__page .holy__cta-btn {cursor: pointer;display: inline-flex;min-width: 132px;height: auto;padding: 14px 17px;font-size: 14px;line-height: 1em;text-align: center;text-decoration: none;letter-spacing: 0;color: #fff;background-color: #b40024;border: 1px solid #b40024;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;}
.holy__page .holy__cta-btn:focus-visible { outline: none; box-shadow: 0 0 0 1px #fff,0 0 0 2px #6893d2 !important;  }

.holy__page .holy__cta-white {color: var(--COLOR-DEFAULT); background: #fff;  border-color: #B0A9A5; transition:all 0.3s; }
.holy__page .holy__cta-white:hover { color: var(--COLOR-DEFAULT);  border-color:#797674; background: #fff;  box-shadow: 0px 0px 7px 0px #00000026; }
.holy__page .holy__cta-white:active { background: #fff; border-color: #333; box-shadow:unset; }

.holy__page .holy__link { text-decoration: underline; }

.holy__page .holy__link-btn { text-decoration: underline; font-family: var(--GOTHAM-MEDIUM); font-size: 14px; line-height: 1.42em; letter-spacing: 0.02em; text-transform: uppercase; overflow: hidden; border-radius: 2px; }
.holy__page .holy__link-btn:focus-visible { outline: none; box-shadow: 0 0 0 1px #fff,0 0 0 3px #6893d2 !important; border-radius: 2px; }

.holy__page .holy__quickshop { display: none; }
.holy__page .holy__addtobag  { display: none; }

.holy__page .holy__bkgd { position:fixed; top:0; left:0; width:100%; height:100vh; z-index:-1; }
.holy__page.holy__unstacked .holy__bkgd { position:absolute; top:auto; bottom:0; }
.holy__page .holy__bkgd-picture { width: 100%; height: 100%; }
.holy__page .holy__bkgd-img { width: 100%; height: 100%; object-fit: cover; }
.holy__page .holy__bkgd-ia { position:absolute; bottom: 4px; left:4px; font-size: 12px; line-height: 1.42em; font-family: var(--GOTHAM-MEDIUM);  color: #fff; }



.holy__page .holy__nowrap { white-space: nowrap; }

.holy__page .holy__decor { display:none; }

.holy__page .holy__group { position: relative; }


/*
.holy__page .holy__cta a.holy__disabled { background-color: #cfcac9; border-color:#cfcac9; cursor: default; }
*/

@media (min-width: 769px) { 

    .holy__page .holy__title { font-size: 35px; line-height: 1.142em; }

    .holy__page .holy__cta-btn:hover { color: #fff; outline: 0 !important;  background-color: #8c0b26; border-color: #8c0b26; }
    .holy__page .holy__cta-btn:active { background: #63021A; border-color: #63021A; box-shadow:unset; }

    .holy__page .holy__cta-white:hover { color: var(--COLOR-DEFAULT);  border-color:#797674; background: #fff;  box-shadow: 0px 0px 7px 0px #00000026; }
    .holy__page .holy__cta-white:active { background: #fff; border-color: #333; box-shadow:unset; }

    .holy__page .holy__link:hover { text-decoration: none; }
    .holy__page .holy__cta-link:hover { text-decoration: none; }

    .holy__page .holy__bkgd-ia { bottom:8px; left:8px; }

}



/*   bloc    */

.holy__page .holy__bloc { position: relative;  width: calc(100% - 40px); margin: 0 auto; margin-top: 24px; }
.holy__page .holy__bloc-inside { position: relative; padding: 24px 16px; background: rgba(255,255,255,0.7); border-radius: 15px; background: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(16px); }
    .holy__page .holy__bloc-texts { width: 100%; padding-bottom:32px; margin: 0 auto; }
    .holy__page .holy__bloc-title { text-align: center; font-family: var(--GOTHAM-MEDIUM); padding-left: 16px; padding-right: 16px; }
    .holy__page .holy__bloc-text { font-size:17px; line-height: 1.35em; padding-top: 16px; text-align: center; font-family: var(--GOTHAM-MEDIUM); }

    @media (min-width: 769px) { 

        .holy__page .holy__bloc { position: relative; max-width: 1520px; width: calc(100% - 64px); margin-top: 32px; } 

        .holy__page .holy__bloc-inside { padding: 40px; border-radius:20px; } 
        .holy__page .holy__bloc-text { font-size:17px; line-height: 1.35em; padding-top: 16px; }
        .holy__page .holy__bloc-texts { width: calc(100% - 64px); max-width: 1524px; padding-bottom:40px; }

        .holy__page .holy__cta-text { padding-top:40px; }

    }


    @media (min-width: 1024px) { 

        .holy__page .holy__bloc { margin-top: 48px; } 
        .holy__page .holy__bloc-inside { padding: 64px; } 

    }



/*   header    */



/* Immersive banner */

/* Auto layout */
/*
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0px;
gap: 40px;
isolation: isolate;

width: 1920px;
height: 720px;

background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(image.png), url(image.png), #F4F4F4;
border-radius: 0px;

flex: none;
order: 0;
flex-grow: 0;
*/



.holy__page .holy__bloc-header { position: relative; padding-top: 0; padding-bottom: 0; margin-top: 0; width: 100vw; max-width: unset; }

.holy__page .holy__header { position: relative; top:0; left: 0; width: 100%; height: var(--heightHeader); overflow: hidden; }
.holy__page .holy__header-inside { /* position: fixed; top:0; left: 0; width: 100vw; height: 100vh; */ }

.holy__page .holy__header.holy__unstacked .holy__header-inside { /* position:absolute; 
  width: 100vw;
  left: calc(50% - 50vw);
  height: 100vh; overflow: hidden; */ }

  .holy__page .holy__header-media {position: relative; top:0; left: 0; width: 100vw; height: var(--heightHeader); }
  .holy__page .holy__header-picture { display:block; width: 100%; height: 100%; }
  .holy__page .holy__header-img {display:block; width: 100%; height: 100%; object-fit: cover;}

  .holy__page .holy__header-video {position: absolute; top:0; left: 0; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); }
  .holy__page .holy__header-vimeo { width:100%; height:100%; }
  .holy__page .holy__header-vimeo iframe { width:100%; height:100%; }

  .holy__page .holy__header-body {position: absolute; top:0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content:center; }
/*
.holy__page .holy__header.holy__unstacked .holy__header-body { align-items: flex-end; }
*/

  .holy__page .holy__header-layout {position: absolute; top:0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); }

  .holy__page .holy__header-content {position: relative; text-align: center; width: 100%; margin: 0 auto; transition:transform 0.2s; padding: 64px 12px; }

  .holy__page .holy__header-title {color: #fff;font-size: 42px;line-height: 1.2em; }
  .holy__page .holy__header-text { color: #fff; padding-top: 24px; font-size: 17px;line-height: 1.35em; width: calc(100% - 40px); margin: 0 auto; }

  .holy__page .holy__header-scroll { display: block; cursor: pointer; position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); opacity: 1; transition: opacity 0.3s; display: none; }
  .holy__page .holy__scroll {color: #fff; text-align: center; }
  .holy__page .holy__scroll::after {content:""; background:url(images/arrow-down-light-white-icon.svg); position: relative; width: 24px; height: 24px; display: block; margin: 0 auto; transform: translateY(-5px); animation: discover 1.5s cubic-bezier(.28, 0.5, .22, 0.5); animation-iteration-count: infinite; }

  .holy__page .holy__header-scroll.holy__hidden { opacity: 0; }
  .holy__page .holy__header-scroll.holy__hidden::after { animation-iteration-count: 0; }

  @keyframes discover {
      from {
         transform: translateY(-5px);
         opacity: 1;
     }

     40% {
         opacity: 1;
     }

     to {
         transform: translateY(20px);
         opacity: 0;
     }
 }



.holy__page .holy__header-overlay { width: 100%; position:absolute; top:0; left:0; height: 100%; display: flex; align-items: flex-end; justify-content: flex-start; display:none; }
.holy__page .holy__header.holy__playing .holy__header-overlay,
.holy__page .holy__header.holy__paused .holy__header-overlay { display:flex; }

.holy__page .holy__header-controls { padding:12px; position: relative; }
.holy__page .holy__header-controls-button {  width: 24px; height: 24px; border-radius: 50%; cursor:pointer; outline: none !important; }
.holy__page .holy__header-controls-button:focus-visible { box-shadow: 0 0 0 1px transparent,0 0 0 2px #6893d2 !important;  }

.holy__page .holy__header-controls-button-play { display:block; }
.holy__page .holy__header-controls-button-pause { display:none; }

.holy__page .holy__header.holy__playing .holy__header-controls-button-play { display:none; }
.holy__page .holy__header.holy__playing .holy__header-controls-button-pause { display:block; }



 @media (min-width: 769px) { 

    .holy__page .holy__bloc-header { padding-top:0; padding-bottom: 0; }

    .holy__page .holy__header-content { width: calc(100% - 64px); padding: 80px 0;}
    .holy__page .holy__header-title {font-size: 60px;line-height: 1.2em; }
    .holy__page .holy__header-text {font-size: 17px;line-height: 1.35em; max-width: 1002px; margin: 0 auto; padding-top: 14px; }


}



/*   navigation    */

.holy__page .holy__bloc-navigation { padding: 0; z-index: 15; }

.holy__navigation { position: fixed; left:50%; bottom:40px; z-index: 10; transform: translate(-50%, 100px); transition: transform 0.3s; }
.holy__navigation.holy__visible { transform: translate(-50%, 0); }
.holy__navigation.holy__initialised { transition:transform 0.4s ease-out; }

.holy__navigation .holy__navigation-inside { text-align: center; background: #fff; border-radius: 30px; box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.15); overflow:hidden; }
.holy__navigation .holy__navigation-content { position: relative; left: 0; top:0; height:60px; border-radius: 30px; display: flex; justify-content:space-between; }

.holy__navigation .holy__navigation-handler .holy__cta { padding: 0 10px; }
.holy__navigation .holy__navigation-content .holy__cta { padding: 0 12px 0 90px; }
.holy__navigation .holy__navigation .holy__cta-btn { border-radius: 22px; }

.holy__navigation .holy__navigation-items { display:flex; flex-direction:column; justify-content: flex-start; list-style: none; height: 100%; margin:0; padding: 0; position: relative; top:0; left:0; }
.holy__navigation .holy__navigation-item { list-style: none; position: relative; top:0; left:0; display: block; height: 44px; }
.holy__navigation .holy__navigation-item-a { position: relative; top:0; left:0; display: flex; align-items: center; justify-content: center; height: 100%; padding:0 24px; white-space: nowrap; border-radius: 22px; border-color: transparent; }
.holy__navigation .holy__navigation-item-a:focus { }
    /*
    .holy__navigation .holy__navigation-items i-link::before { content: "";  background: #fff; border-radius: 22px; width:100%; height: 100%; position: absolute; top:calc( 50% - 22px ); left:0; display: block;  }
    */
.holy__navigation .holy__navigation-item-text { color:#333; font-size: 13px; line-height: 1.2em; white-space: nowrap; }
/*
.holy__navigation .holy__navigation-item-video { background:url(../common/picto-play-grey.svg) left top no-repeat; background-size:100% auto; width:20px; height:20px; margin:0 10px 0 0; display:block; }
*/
.holy__navigation .holy__navigation-item-picto {margin:0 10px 0 0; display:block; }
.holy__navigation .holy__navigation-item-picto svg { width:20px; height:20px; display:block; }
.holy__navigation .holy__navigation-item-picto path { fill:#333;  transition:fill 0.5s; }
.holy__navigation .holy__navigation-item[data-active="1"] .holy__navigation-item-picto path { fill:#fff; }

.holy__navigation .holy__navigation .button--primary { border-radius: 23px; }

.holy__navigation .holy__navigation-item-a:hover { border-color: transparent; box-shadow: unset; }


.holy__navigation .holy__navigation-item a { transition:background 0.15s; }
.holy__navigation .holy__navigation-item a .holy__navigation-item-text { transition:color 0.15s; }

.holy__navigation .holy__navigation-item a:hover { background:#989391; transition-duration: 0; }
.holy__navigation .holy__navigation-item a:hover .holy__navigation-item-text { color:#000; transition-duration: 0; }

.holy__navigation .holy__navigation-item a:hover .holy__navigation-item-picto path { fill:#000; }

.holy__navigation .holy__navigation-item[data-active="1"] .holy__navigation-item-a { background:transparent; cursor: default; }
.holy__navigation .holy__navigation-item[data-active="1"] a:hover .holy__navigation-item-text,
.holy__navigation .holy__navigation-item[data-active="1"] .holy__navigation-item-text { color:#fff; }
.holy__navigation .holy__navigation-item[data-active="1"] a:hover .holy__navigation-item-picto path,
.holy__navigation .holy__navigation-item[data-active="1"] .holy__navigation-item-picto path { fill:#fff; }

.holy__navigation .holy__navigation-track { position:absolute; top:8px; left:0px; height: 44px; border-radius: 22px; background: #000; pointer-events:none; transition: transform 0.5s, width 0.5s, opacity 0.5s; }

@media (min-width: 1280px) { 

    .holy__navigation .holy__navigation { width: auto; max-width: 82%; margin: 0 auto; bottom: 24px; }

    .holy__navigation .holy__navigation-handler { display: none !important; }
    .holy__navigation .holy__navigation-content { }
    .holy__navigation .holy__navigation-items { padding: 0 8px 0 8px; display:inline-flex; flex-direction:row; justify-content:center; align-items:center; }
    .holy__navigation .holy__navigation-item { margin-right: 8px; }
    .holy__navigation .holy__navigation-item:last-child { margin-right: 0; }
    .holy__navigation .holy__navigation-item-a { cursor: pointer; }

}

@media (min-width: 767px) { 



}

@media (max-width: 1279px) { 

    .holy__navigation {  width: 78%; bottom: 24px; margin: 0 auto;  }

    .holy__navigation .holy__navigation-handler { height: 60px; display:flex; justify-content:space-between; align-items:center; position: relative; top:0; left:0; cursor: pointer; margin: 0; padding: 0; }
    .holy__navigation .holy__navigation-handler-click { position: absolute; top:0; left:0; width: 100%; height:100%; display: block; cursor:pointer; }
    .holy__navigation .holy__navigation-handler-left { pointer-events:none; text-align:left; width: 100%; overflow: hidden; position: relative; top:0; left:0; }
    .holy__navigation .holy__navigation-handler-left::before { content: ""; background: url(images/arrow-down-grey-icon.svg) left top no-repeat; background-size:100% auto; height: 20px; width:20px; position: absolute; left:16px; top:calc(50% - 12px); display: block; transition:transform 0.3s; }
    .holy__navigation.holy__opened .holy__navigation-handler-left::before { transform:rotate(180deg); }
    .holy__navigation .holy__navigation-handler-right { position: relative; top:0; left:0; }

    .holy__navigation .holy__navigation-handler-text { color: #333; font-size: 13px; line-height: 1.2em; user-select:none; position: relative; left:0; top:0; pointer-events:none; white-space: nowrap; padding: 0 24px 0 48px; }

    .holy__navigation .holy__navigation-content { background: #fff; width: 100%; height:unset; max-height: 0px; overflow: hidden; transition:max-height 0.3s; }
    .holy__navigation.holy__opened .holy__navigation-content { max-height: 300px; }

    .holy__navigation .holy__navigation-content .holy__navigation-cta { display: none; }

    .holy__navigation .holy__navigation-items { width: 100%; flex-direction:column; align-items:flex-start; padding: 0 12px 10px 24px; }
    .holy__navigation .holy__navigation-item { margin-bottom: 8px; }
    .holy__navigation .holy__navigation-item-a { justify-content: left; padding: 12px 24px; }

    .holy__navigation .holy__navigation-track { top:0px; left:24px;  }
}


@media (max-width: 1023px) { 



}


@media (max-width: 767px) { 

    .holy__navigation { width: calc(100% - 32px); bottom: 16px; }
    
}





/*   film    */

.holy__page .holy__bloc-film {  }

.holy__page .holy__film { position: relative; border-radius:8px; overflow:hidden; }
.holy__page .holy__film-container { position: relative; width: 100%; margin: 0 auto; z-index: 1; }

.holy__page .holy__film-content {cursor: pointer;position: relative;top: 0;left: 0;width: 100%;display: block; height: 0px; padding-bottom: 56.25%; }
/*
.holy__page .holy__film.holy__playing .holy__film-content { opacity: 0; }
*/

.holy__page .holy__film-img {width: 100%;height: 100%;display: block;object-fit: cover; }
.holy__page .holy__film-btn-play {position: absolute;top: calc(50% - 27px);left: calc(50% - 27px); width: 54px;height: 54px; border-radius: 50%;display: block; margin: 0 auto; cursor: pointer; outline:none; }
.holy__page .holy__film-btn-play:focus-visible { box-shadow: 0 0 0 1px transparent,0 0 0 2px #6893d2 !important; }
.holy__page .holy__film-vimeo { }


@media (max-width: 768px) {
  .holy__page .holy__bloc-film .holy__bloc-inside {
    padding-bottom: 16px;
}
.holy__page .holy__bloc-film .holy__bloc-texts {
    padding-bottom: 40px;
}

}

@media (min-width: 769px) { 

    .holy__page .holy__film { width: 100%; }

}



/*   advent    */

.holy__page .holy__advents-wrapper {position: relative;top: 0;left: 0; }
.holy__page .holy__advents {position: relative; top: 0;left: 0; width: 100%; margin: 0 auto; }

.holy__page .holy__advent {position: relative;top: 0;left: 0; background:#fff; border-radius: 8px; overflow:hidden; }

.holy__page .holy__advent-media {position: relative;top: 0;left: 0;width: 100%; }
.holy__page .holy__advent-content { padding: 24px 16px 16px 16px; width: 100%; display: flex; flex-direction:column; text-align: center; }

.holy__page .holy__advent-title { font-family: var(--GOTHAM-MEDIUM);font-size: 29px;line-height: 1.2em; color:#333; margin: 0 auto; width: 92%; }
.holy__page .holy__advent-text { margin: 0 auto;  }

.holy__page .holy__advent-link { text-align: center; }

.holy__advent-popin-container { display: none; }
.holy__page .holy__advent-cta { padding-top:24px; }


@media (max-width: 768px) { 

    .holy__page .holy__advent { margin-bottom: 24px; }
    .holy__page .holy__advent:last-child { margin-bottom: 0; }

    .holy__page .holy__advent-cta .holy__cta-btn { display: flex; }


}

@media (min-width: 769px) { 

    .holy__page .holy__advents-wrapper { }
    .holy__page .holy__advents {  margin: 0 auto; display: flex; flex-direction:row; justify-content: space-between; align-items: stretch; gap: 32px; }

    .holy__page .holy__advent { width: 100%; }
    .holy__page .holy__advent-inside { width: 100%; padding-bottom:0; margin:0; }

    .holy__page .holy__advent-content { padding: 32px 0; width: 84%; margin: 0 auto; }
    .holy__page .holy__advent-title { }

    .holy__page .holy__advent-text { width: 100%; }

}




/*   art of gifting    */

.holy__page .holy__art {position: relative;display: flex; flex-direction:column; align-items: stretch;justify-content: center; width: 100%; margin: 0 auto; }

.holy__page .holy__art-media {width: 100%;position: relative;left: 0;top: 0; border-radius:8px; overflow: hidden; }
.holy__page .holy__art-picture {width: 100%; }

.holy__page .holy__art-body {width: 100%; position: relative;display: flex; align-items: center;justify-content: center; }
.holy__page .holy__art-content {text-align: center; padding: 32px 16px; }
.holy__page .holy__art-title { text-transform: uppercase; }
.holy__page .holy__art-text { max-width: 396px; width: 90%; margin: 0 auto; padding-bottom: 24px; }

@media (max-width: 768px) { 

    .holy__page .holy__art-cta .holy__cta-btn { display: flex; }

}

@media (min-width: 769px) { 

    .holy__page .holy__art {flex-direction:row-reverse; align-items: stretch;justify-content: center; width: 100%; max-width:1264px; overflow:hidden; }
    .holy__page .holy__art-media {width: 50%; }
    .holy__page .holy__art-picture {height: 100%; }
    .holy__page .holy__art-img {height: 100%; object-fit:cover; }

    .holy__page .holy__art-body {width: 50%; }

    .holy__page .holy__art-content { padding: 24px 16px; }
    .holy__page .holy__art-title {font-size: 32px;line-height: 1.2em; }
    .holy__page .holy__art-text { max-width: 396px; width: 90%; margin: 0 auto; padding-bottom: 40px; }

}



/*  pushs  */

.holy__page .holy__pushs { display: flex; flex-direction:column; }
.holy__page .holy__push { position: relative; }
.holy__page .holy__push-inside { position: relative; display: flex; flex-direction:column; align-items: flex-start; justify-content: flex-start; background:#fff; border-radius:5px; overflow:hidden; }

.holy__page .holy__push-media {width: 100%;position: relative;left: 0;top: 0; }
.holy__page .holy__push-picture {width: 100%; }

.holy__page .holy__push-body {width: 100%; position: relative;display: flex; align-items: center;justify-content: center; }
.holy__page .holy__push-content {text-align: center; padding: 24px 16px; }
.holy__page .holy__push-title {  font-size:29px; line-height:1.2em; color:#333; }
.holy__page .holy__push-text { max-width: 396px; font-family: var(--GOTHAM-BOOK); font-size: 14px; line-height: 1.35em; }

.holy__page .holy__push-cta { padding-top:24px; }

@media (max-width: 768px) { 

   .holy__page .holy__push { margin-bottom:24px; }
   .holy__page .holy__push:last-child { margin-bottom:0px; }

}


@media (min-width: 769px) { 

   .holy__page .holy__pushs { display: flex; flex-direction:row; justify-content:space-between; align-items:stretch; gap:32px; width: 100%; }

   .holy__page .holy__push { width:100%; container-type: inline-size; container-name: holyPushContainer; }
   .holy__page .holy__push-inside { width:100%; height:100% }
   .holy__page .holy__push-content { padding: 32px 40px; max-width:600px; width:100%; margin:0 auto; }
   .holy__page .holy__push-title { }
   .holy__page .holy__push-text { max-width: unset; width: 100%; margin: 0; }

   .holy__page .holy__push-content .holy__cta-link:hover .holy__cta-link-text { color:#fff; }

}


@container holyPushContainer (min-width: 700px) {

  .holy__page .holy__push-inside { flex-direction: row; align-items: center; height: 360px; }

  .holy__page .holy__push-media { height:100%; }
  .holy__page .holy__push-picture { height:100%; }
  .holy__page .holy__push-img { object-fit:cover; height:100%; }

   .holy__page .holy__push-title { color:var(--COLOR-RED-A); }

}




/*   sets    */


.holy__page .holy__sets-tabs { overflow-x: auto; -ms-overflow-style: none; padding-bottom: 24px; }

@supports not selector(::-webkit-scrollbar) {
    .holy__page .holy__sets-tabs {
        scrollbar-width: none;
    }
}

.holy__page .holy__sets-tabs::-webkit-scrollbar { display: none; }
.holy__page .holy__sets-tabs { display: inline-flex; }


.holy__page .holy__sets-tabs { display:flex; flex-direction:row; justify-content:center; padding-top: 15px; }

.holy__page .holy__sets-tab { text-align: center; display: inline-flex; align-items: center; padding-bottom: 10px; border-bottom: solid 2px #e9e3de; }
.holy__page .holy__sets-tab:first-child { margin-inline-start: 16px; }
.holy__page .holy__sets-tab:last-child { margin-inline-end:16px; }
.holy__page .holy__sets-tab.holy__active { border-bottom: solid 4px #333; padding-bottom: 8px; }

.holy__page .holy__sets-tab-link { margin: 0 16px; }
.holy__page .holy__sets-tab-btn { cursor: pointer; outline: none; font-family: var(--GOTHAM-BOOK); font-size: 14px; letter-spacing: 0px; line-height: 20px; text-transform: uppercase; color: #797674;-webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; border-radius: 2px; }

@media(min-width: 768px) {
    .holy__page .holy__sets-tab-btn { -webkit-line-clamp:2 }
}

.holy__page .holy__sets-tab.holy__active .holy__sets-tab-btn { color: #333; }
.holy__page .holy__sets-tab-btn:hover { color: #333 }
.holy__page .holy__sets-tab-btn:active { color: #000 }
.holy__page .holy__sets-tab-btn:focus-visible { outline: none; box-shadow: 0 0 0 0px transparent,0 0 0 2px #6893d2 !important }

@supports(-webkit-appearance: none) {
    .holy__page .holy__sets-tab-btn:focus-visible { outline:3px solid transparent; outline-offset: 10px; }
}


.holy__page .holy__bloc-sets { text-align: center; }
.holy__page .holy__bloc-sets .holy__group { display: inline-block; }

.holy__page .holy__sets-panel {position: relative;top: 0;left: 0; opacity: 0; transition: opacity 0.5s; }
.holy__page .holy__sets-panel.holy__active { opacity: 1; }

.holy__page .holy__sets {position: relative;top: 0;left: 0;width: 100%; margin: 0 auto; display: block; display: none; }
.holy__page .holy__sets-panel.holy__active .holy__sets { display: block; }

.holy__page .holy__set { /* background: #fff;  border:solid 1px #d3ccc8; */ width: 80%;  border-left:none; display: flex; align-items:center; justify-content:center;  }

.holy__page .holy__sets-cta { text-align:center; padding-top: 32px;  /*display:flex; justify-content:center; flex-direction: column; */ }
.holy__page .holy__cta-text { font-size:17px; line-height:1.35em; font-family: var(--GOTHAM-MEDIUM); }


@media (max-width: 768px) { 

    .holy__page .holy__sets-slider { padding: 0 20px; }
    .holy__page .holy__sets-panels { overflow: hidden; padding-inline: 2px 0; }
    .holy__page .holy__bloc-giftsets .holy__bloc-inside { padding-left:0; padding-right:0; }
    .holy__page .holy__bloc-giftsets .holy__bloc-texts { padding-left:16px; padding-right:16px; }
    .holy__page .holy__sets-wrapper { background:#fff; }
    .holy__page .holy__sets-cta { padding-left:16px; padding-right:16px; padding-top: 24px; }

    .holy__page .holy__cta-text { padding-top: 24px; padding-left:20px; padding-right:20px; }
    
}

@media (min-width: 769px) { 

    .holy__page .holy__bloc-giftsets { /* padding-top:0px */ }

    .holy__page .holy__sets-panel { width: 100%; /*! margin: 0 auto; */ }
    .holy__page .holy__sets-slider { padding: 32px; background:#fff; overflow:hidden; border-radius: 8px; }
    .holy__page .holy__bloc-sets .holy__bloc-text { width:90%; }

    .holy__page .holy__set {  width: 292px; }
    .holy__page .holy__sets-cta { text-align:center; padding-top: 40px; }

}

@media (min-width: 1264px) { 

 .holy__page .holy__sets-wrapper { width: 100%; }
}







/*   card    */

.holy__page .holy__bloc-card { padding-top:0; }


@media (max-width: 768px) { 

    .holy__page .holy__push-cta .holy__cta-btn { display: flex; }

}

@media (min-width: 769px) { 

    .holy__page .holy__bloc-card { width: 100%; height: 100%; }



}



/*   spa    */


.holy__page .holy__spa {position: relative;display: flex; flex-direction:column; align-items: flex-start;justify-content: flex-start;background:#fff; border-radius:5px; overflow:hidden; width: 92%; margin: 0 auto; }

.holy__page .holy__spa-media {width: 100%;position: relative;left: 0;top: 0; }
.holy__page .holy__spa-picture {width: 100%; }

.holy__page .holy__spa-body {width: 100%; position: relative;display: flex; align-items: center;justify-content: center; }
.holy__page .holy__spa-content {text-align: center; padding: 32px 16px; }
.holy__page .holy__spa-title { text-transform:uppercase; }
.holy__page .holy__spa-text {  max-width: 396px; padding-bottom: 24px; }

@media (max-width: 768px) { 

    .holy__page .holy__bloc-spa { padding-top:40px; }
    .holy__page .holy__spa-cta .holy__cta-btn { display: flex; }

}

@media (min-width: 769px) { 

    .holy__page .holy__bloc-spa { width: 100%; height: 100%; padding-top: 0; }

    .holy__page .holy__spa { max-width:616px; width:100%; height: 100%; }
    .holy__page .holy__spa-content { padding: 32px 40px; }
    .holy__page .holy__spa-text { max-width: unset; width: 100%; margin: 0; }

}



/*   finder    */


.holy__page .holy__finder {position: relative;display: flex; flex-direction:column; align-items: stretch;justify-content: center; width: 100%; margin: 0 auto; }

.holy__page .holy__finder-media {width: 100%;position: relative;left: 0;top: 0; border-radius:8px; overflow: hidden; }
.holy__page .holy__finder-picture {width: 100%; }

.holy__page .holy__finder-body {width: 100%; position: relative;display: flex; align-items: center;justify-content: center; }
.holy__page .holy__finder-content {text-align: center; padding-top: 24px; max-width:600px; width:100%; margin:0 auto; }
.holy__page .holy__finder-title {  }
.holy__page .holy__finder-text { margin: 0 auto; }

.holy__page .holy__finder-cta { padding-top: 24px; }


@media (max-width: 768px) { 

    .holy__page .holy__bloc-finder .holy__bloc-inside { padding-top:16px; }
    .holy__page .holy__finder-cta .holy__cta-btn { /* display: flex;*/ }

}

@media (min-width: 769px) { 

    .holy__page .holy__finder {flex-direction:row; align-items: stretch;justify-content: center; width: 100%; gap: 32px; }
    .holy__page .holy__finder-media {width: 50%; }
    .holy__page .holy__finder-picture {height: 100%; }
    .holy__page .holy__finder-img {height: 100%; object-fit:cover; }

    .holy__page .holy__finder-body {width: 50%; }

    .holy__page .holy__finder-content { padding: 24px 16px; }
    .holy__page .holy__finder-title {font-size: 32px;line-height: 1.2em; }
    .holy__page .holy__finder-text {}

}


/*  footer */

.holy__page .holy__footer { background: #fff; margin-top: 32px; padding:60px 0 16px; }



@media (min-width: 769px) { 

    .holy__page .holy__footer { margin-top: 48px; padding:64px 0 16px; }

}


/*  legendes */

.holy__page .holy__bloc-legendes { margin-top:0; }

.holy__page .holy__legendes { padding: 0; text-align: left;  }
.holy__page .holy__legende { font-size: 10px; line-height: 1.45em; }


@media (min-width: 768px) { 

    .holy__page .holy__legende { text-align: left; }

}






/*    Swiper    */

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

.holy__page .holy__sets .swiper-container { overflow:unset; }

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

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

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

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

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

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

.holy__page .swiper-controls { position: relative; top:0; left: 0; height:44px; margin-top: 20px; }

@media (max-width: 768px) { 
    .holy__page .swiper-controls { margin-top: 16px; margin-bottom:24px }
}

.holy__page .swiper-button {
   position: absolute;
   top: 0;
   width: 44px;
   height: 44px;
   z-index: 10;
   cursor: pointer;
   outline: 0;
   border-radius: 5px;
}

.holy__page .swiper-button:focus { outline: none }
.holy__page .swiper-button:focus-visible { outline: none; box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #6893D2; z-index:1 }

@supports(-webkit-appearance: none) {
    .holy__page .swiper-button:focus-visible {
        outline:3px solid transparent;
        outline-offset: 10px
    }
}

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

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

.holy__page .swiper-button-prev.swiper-button-disabled,
.holy__page .swiper-button-next.swiper-button-disabled {
   opacity: 0.4;
   cursor: auto;
   pointer-events: none;
}
.holy__page .swiper-button-prev,
.holy__page .swiper-container-rtl .swiper-button-next,
html[dir="rtl"] .swiper-button-next {
   left: auto;
   right: 52px;
   top: 0;
}
.holy__page .swiper-button-prev::after,
.holy__page .swiper-container-rtl .swiper-button-next::after,
html[dir="rtl"] .swiper-button-next::after {
   background-image: url(./images/picto-arrow-left.svg);
}
.holy__page .swiper-button-next,
.holy__page .swiper-container-rtl .swiper-button-prev,
html[dir="rtl"] .swiper-button-prev {
   right:0px;
   left: auto;
   top: 0;
}
.holy__page .swiper-button-next:after,
.holy__page .swiper-container-rtl .swiper-button-prev:after,
html[dir="rtl"] .swiper-button-prev:after {
  background-image: url(./images/picto-arrow-right.svg);
}

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


/*
.holy__page .swiper-pagination {
 position: relative; 
 top:0; 
 left:50%;
 transform:translateX(-50%);
 text-align: center;

}

.holy__page .swiper-pagination.swiper-pagination-hidden {
 opacity:0
}
.holy__page .swiper-pagination-bullet {
 width:16px;
 height:16px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 opacity:1;
 position: relative;
 margin: 16px 0;
 border-radius: 50%;
}

.holy__page .holy__sets .swiper-pagination-bullet {
 margin-bottom: 0;
}

.holy__page .swiper-pagination-bullet:focus { outline: none }
.holy__page .swiper-pagination-bullet:focus-visible { outline: none; box-shadow: 0 0 0 0px transparent,0 0 0 2px #6893d2; z-index:1 }

@supports(-webkit-appearance: none) {
    .holy__page .swiper-pagination-bullet:focus-visible {
        outline:3px solid transparent;
        outline-offset: 10px
    }
}

.holy__page .swiper-pagination-bullet:after {
    content: "";
    position: relative;
    width:8px;
    height:8px;
    display:block;
    border-radius:50%;
    background:#D3CCC8;
    opacity:1
}
.holy__page button.swiper-pagination-bullet {
 border:none;
 margin:0;
 padding:0;
 box-shadow:none;
 -webkit-appearance:none;
 appearance:none
}
.holy__page .swiper-pagination-clickable .swiper-pagination-bullet {
 cursor:pointer
}
.holy__page .swiper-pagination-bullet:only-child {
 display:none!important
}
.holy__page .swiper-pagination-bullet-active:after {
 opacity:1;
 background:#333;
}
*/


@media (min-width: 761px) {
  .holy__page .holy__sets-slider .swiper-scrollbar {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }

  .holy__page .holy__sets-slider:hover .swiper-scrollbar {
    opacity: 1;
  }

  .holy__page .holy__sets-slider .swiper-button-next:hover,
  .holy__page .holy__sets-slider .swiper-button-prev:hover {
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .15);
  }

  .holy__page .holy__sets-slider .swiper-button-next:hover::after {
    animation: arrowHoverNext 0.5s linear;
  }

  .holy__page .holy__sets-slider .swiper-button-prev:hover::after {
    animation: arrowHoverPrevious 0.5s linear;
  }

  @keyframes arrowHoverPrevious {
    0% {
      transform: translateX(0px);
    }

    50% {
      transform: translateX(3px);
    }

    100% {
      transform: translateX(0px);
    }

  }

  @keyframes arrowHoverNext {
    0% {
      transform: translateX(0px);
    }

    50% {
      transform: translateX(-3px);
    }

    100% {
      transform: translateX(0px);
    }
  }
}




/* Scrollbar */
.holy__page .holy__sets-slider .swiper-scrollbar {
  position: absolute;
    width: calc(100% - 64px - 44px - 44px - 8px);
  left: 0;
  bottom: 0px;
  top: auto;
  height: 44px;
  display: flex;
  align-items: center;
  background-color: transparent;
  outline: 0;
}

.holy__page .holy__sets-slider .swiper-scrollbar::before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #d3ccc8;
  display: block;
  position: absolute;
  transition: height 0.3s ease-in-out;
}

.holy__page .holy__sets-slider .swiper-scrollbar-drag {
  background-color: transparent;
  display: flex;
  align-items: center;
  position: relative;
  outline: 0;
}

.holy__page .holy__sets-slider .swiper-scrollbar-drag::before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #333;
  display: block;
  position: absolute;
  transition: height 0.3s ease-in-out;
}

.holy__page .holy__sets-slider .swiper-scrollbar:hover .swiper-scrollbar-drag::before {
  height: 4px;
  border-radius: 2px;
}

.holy__page .swiper-scrollbar-lock {
  display: none;
}


.holy__page .swiper-notification { display: none; }

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

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

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

*/


@media (max-width: 762px) {
  .holy__page .swiper-container-horizontal .swiper-scrollbar {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }

  .holy__page .swiper-container-horizontal .swiper-scrollbar {
    opacity: 1;
  }

  .holy__page .swiper-container-horizontal .swiper-scrollbar .swiper-scrollbar-drag::before {
    height: 4px;
    border-radius: 2px;
  }
}


@media (max-width: 768px) { 

    /*
    .holy__page .swiper-button-prev,
    .holy__page .swiper-container-rtl .swiper-button-next,
    html[dir="rtl"] .swiper-button-next,
    .holy__page .swiper-button-next,
    .holy__page .swiper-container-rtl .swiper-button-prev,
    html[dir="rtl"] .swiper-button-prev  {  display: none; }
    */

  /*
    .holy__page .swiper-scrollbar {  display: none; }
    */

}







