@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('/on/demandware.static/-/Library-Sites-SharedLibraryMorgan/default/fonts/meshed-display/meshed.min.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');



.idees-cadeaux-ah24 {
  /* width: calc(100% + 36px);
	margin: 0 -18px; */
  width: 100%;
  overflow: hidden;
  font-size: clamp(13px, 3.8vw, 18px);
  background-color: #F5ECE2;
}

.idees-cadeaux-ah24 a[href=""],
.idees-cadeaux-ah24 a[href="/fr_BE"],
.idees-cadeaux-ah24 a[href="/nl_BE"],
.idees-cadeaux-ah24 a[href="/fr_CH"],
.idees-cadeaux-ah24 a[href="/de_CH"] {
  pointer-events: none;
}

.idees-cadeaux-ah24 img {
  display: block;
  width: 100%;
}

.idees-cadeaux-ah24 .global_link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.idees-cadeaux-ah24 .wrp_img {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.idees-cadeaux-ah24 .wrp_scroll_x {
  display: flex;
  flex-direction: row;
  width: 134%;
}

.idees-cadeaux-ah24 .wrp_scroll_x>div:first-child {
  margin-right: 0.3%;
}

.idees-cadeaux-ah24 .st {
  font-family: 'Playfair Display';
  font-weight: 600;
  font-size: 1.95em;
  margin: 1.2em auto 0.4em 0.6em;
}

.idees-cadeaux-ah24 .txt_courant-display {
  font-family: 'Playfair Display';
  font-weight: 600;
  font-size: 0.92em;
  margin: 0.6em 0;
}

.idees-cadeaux-ah24 .txt_courant-montserrat {
  font-family: 'Montserrat';
  font-weight: 400;
  font-size: 0.8em;
  margin: 0 0 0.6em 0;
}

.idees-cadeaux-ah24 .lien_pdt {
  font-family: 'Montserrat';
  font-size: 0.85em;
  font-weight: 400;
  position: relative;
  width: fit-content;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 2.25em;
}

.idees-cadeaux-ah24 .lien_pdt a {
  text-decoration: none;
  display: inline-block;
  overflow: hidden;
}

.idees-cadeaux-ah24 .lien_pdt a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: -3px;
  content: "";
  display: block;
  height: 1px;
  left: 0%;
  position: absolute;
  background: #fff;
  transition: all 0.6s ease 0s;
  width: 100%;
}

.idees-cadeaux-ah24 .lien_pdt:hover a:after {    
  left: 120%
}

.idees-cadeaux-ah24 .lien_pdt a:before {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0px;
  content: "";
  display: none;
  height: 1px;
  right: 120%;
  position: absolute;
  background: #fff;
  transition: all 0.6s ease 0s;
  width: 100%;
}

.idees-cadeaux-ah24 .lien_pdt:hover a:before {
  right: 0%;
}

.idees-cadeaux-ah24 .lien_pdt.lien_pdt-noir-desk a:after {
  background: #000;
}

.idees-cadeaux-ah24 .lien_pdt.lien_pdt-noir-desk a:before {
  background: #000;
}

.idees-cadeaux-ah24 .lien_pdt-noir-mob a {
  color: #000;
}

.idees-cadeaux-ah24 .lien_pdt-blanc-mob a {
  color: #fff;
}

.idees-cadeaux-ah24 .soulignement_lien a {
  text-decoration: none;
  display: inline-block;
  overflow: hidden;
}

.idees-cadeaux-ah24 .soulignement_lien a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: -3px;
  content: "";
  display: block;
  height: 1px;
  left: 0%;
  position: absolute;
  background: #fff;
  transition: all 0.6s ease 0s;
  width: 100%;
}

.idees-cadeaux-ah24 .soulignement_lien:hover a:after {    
  left: 120%
}

.idees-cadeaux-ah24 .soulignement_lien a:before {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0px;
  content: "";
  display: block;
  height: 1px;
  right: 120%;
  position: absolute;
  background: #fff;
  transition: all 0.6s ease 0s;
  width: 100%;
}

.idees-cadeaux-ah24 .soulignement_lien:hover a:before {
  right: 0%;
}

.idees-cadeaux-ah24 .soulignement_lien.soulignement_lien_noir a:after {
  background: #000;
}

.idees-cadeaux-ah24 .soulignement_lien.soulignement_lien_noir a:before {
  background: #000;
}

.idees-cadeaux-ah24 .bloc-flex {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.idees-cadeaux-ah24 .sb-flex {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.idees-cadeaux-ah24 .ssb-flex {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.idees-cadeaux-ah24 .sb-flex,
.idees-cadeaux-ah24 .sb,
.idees-cadeaux-ah24 .ssb,
.idees-cadeaux-ah24 .sssb {
  box-sizing: border-box;
}

.idees-cadeaux-ah24 .titre-cover {
  color: #fff;
  position: absolute;
  bottom: 16%;
  left: 50%;
  transform: translate(-50%);
  text-align: center;
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 390px;
}

.idees-cadeaux-ah24 .titre-cover.titre-cover-noir {
  color: #000;
  max-width: unset !important;
}

.idees-cadeaux-ah24 .titre-cover.titre-cover-relative {
  position: relative;
  top: unset;
  bottom: unset;
  left: unset;
  transform: unset;
  width: 80%;
  max-width: 390px;
}

.idees-cadeaux-ah24 .titre-cover .titre-landing {
  font-family: 'Playfair Display';
  font-size: 1.75em;
  line-height: 1;
  font-weight: 400;
  margin: 0;
  position: relative;
}

.idees-cadeaux-ah24 .titre-cover .titre-landing span {
  font-style: italic;
}

.idees-cadeaux-ah24 .sous-titre-landing {
  font-family: 'Montserrat';
  font-weight: 300;
  font-size: 0.9em;
  line-height: 1.2;
  font-weight: 400;
  margin: 0;
  margin-top: 0.95em;
  position: relative;
}

.idees-cadeaux-ah24 .bloc1 {
  height: calc(100dvh - 124px);
}

.idees-cadeaux-ah24 .bloc1 .sb1 {
  height: 100%;
}

.idees-cadeaux-ah24 .bloc1 .sb1 .wrp_img {
  height: 100%;
}

.idees-cadeaux-ah24 .bloc1 .sb1 .wrp_img img {
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.idees-cadeaux-ah24 .bloc1 .sb1 {
  width: 100%;
}







.idees-cadeaux-ah24 .bloc2 {
  width: 100%;
  overflow: visible;
  height: unset !important;
}

.idees-cadeaux-ah24 .bloc2 .bloc_IDK_entrees {
  justify-content: center;
}

.bloc_IDK_entrees * {
  margin: 0;
  font-size: clamp(12px, 0.9vw, 18px);
}


/* ------ ------ ------ ------ ------ ------ BLOC SELECTIONS 30/60/100 EUROS ------ ------ ------ ------ ------ ------ */

.bloc_IDK_entrees {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0;
  position: relative;
  font-size: clamp(13px, 3.6vw, 18px);
  scroll-behavior: smooth;
  background-color: #F5ECE2;
}

.bloc_IDK_entrees img {
  display: block;
  position: relative;
  width: 100%;
  max-width: none;
}

.containerr {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10vw;
  box-sizing: border-box;
   transition: padding 0.8s ease;
  background-color: #F5ECE2;
}





.page_1 {
  transition: transform 0.8s ease;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #F5ECE2;
  /* z-index: 3; */
}

.page_1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.85, 0, 0.12, 1);
}


.text_box {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  transition: all .8s ease;
  padding: 10vw;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 3%;
  z-index: 3;

}

.text {
  display: flex;
  flex-direction: column;
  gap: 2%;
  height: 100%;
  justify-content: flex-end;
}

/* PLACEMENT DU TEXTE APRES LA TRANSITION  */
.transitioning .text_box {
  width: 100%;
  bottom: 65%;
/*     color: black; */
  left: 0%;
  padding: 5vw 10vw;
  gap: 2%;
  z-index: 5;
}


.page_2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s ease;
}

.page_2 {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  background-color: white;
  display: flex;
  align-items: flex-start;
 /*  justify-content: center; */
  flex-direction: column;
  transition: left 0.8s ease, opacity 0.8s ease, transform 0.8s ease;
  background-color: #F5ECE2;
  z-index: 2;
  opacity: 0;
  gap: 5%;

}

.close-btn {
  position: absolute;
  top: 10%;
  right: 8%;
  cursor: pointer;
  z-index: 10;
  opacity: 0;
  transform: rotateY(-90deg) rotateX(-180deg);
  transition: opacity 0.9s ease, transform 0.9s ease;
}

/* SCALE DE L'IMAGE AU MOMENT DU CLICK (ON ENLEVE LES PADDINGS) */
.fullscreen {
  padding: 0 !important;
}

/* MOUVEMENT DE LA PAGE 1 AU CLICK */
.transitioning .img_container {
  transform: translateX(-110%);
}

.img_container {
  transition: all .9s ease;
  height: 100%;
}


/* MOUVEMENT DE LA PAGE 2 VERS LA GAUCHE  */
.transitioning .page_2 {
z-index: 3;
  left: 0;
  opacity: 1;
  padding: 35% 0 0 10%;
}



/* APPARITION DU BOUTON CLOSE APRES LA TRANSITION */
.show-close-btn .close-btn {
  opacity: 1;
  transform: translateY(0) rotate(0);
}

/* ON ENLEVE LE BOUTON DECOUVRIR PENDANT LA TRANSITION */
.show-bouton .bouton {
  opacity: 0;
  transform: translateY(0) rotate(0);
}



/********* STYLE DE TEXTE **********/

.sous-titre {
  font-family: 'Montserrat';
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .2em;
}

.titre {
  font-family: "Playfair Display";
  font-size: 6.31vw;
  font-weight: 100;
  line-height: normal;
}

.idees-cadeaux-ah24 .paragraphe {
  font-family: Montserrat;
  font-weight: 300;
  font-size: 1.1em;
}

.bouton {
  font-family: 'Montserrat';
  /*   font-size: 3.6vw; */
  font-weight: 300;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-thickness: .5px;
  margin-top: 6%;


}




/******** SWIPER PRODUIT ********/

.swiper_produit {
  margin-top: 4%;
  width: 90%;
  transform: translateX(1000px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}


/* TRANSITION POUR L'ARRIVER DU SWIPER */
.show-swiper .swiper_produit {
  transform: translateY(0);
}


.swiper_produit .swiper-slide {
  position: relative;
  overflow: hidden;
}


/********* FICHE PRODUIT ************/

.bloc_IDK_entrees .fiche {
  position: absolute;
  z-index: 2;
}

.bloc_IDK_entrees .fiche-inner {
  position: relative;
  background-color: #FBF7F3;
  /* box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.10); */
  text-align: center;
  border-radius: 1em;
  overflow: hidden;
}

.bloc_IDK_entrees .fiche-image img {
  width: 100%;
}

.bloc_IDK_entrees .fiche-name {
  font-family: 'Montserrat';
  font-weight: 400;
  line-height: 1.1;
  text-align: left;
}

.bloc_IDK_entrees .fiche-price {
  font-family: 'Montserrat';
  margin: 0.25em 0;
  font-weight: 600;
}

.bloc_IDK_entrees .pin-cta {
  font-size: 0.85em;
  display: inline-block;
  margin: 0.5em 0 1em;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 0.5em;
  padding: 0.4em 1.8em;
  border: solid 1px black;
  transition: 480ms ease-in-out;
  box-sizing: border-box;
}

.bloc_IDK_entrees .pin-cta:link,
.bloc_IDK_entrees .pin-cta:visited {
  color: black;
  background-color: white;
  text-decoration: none;
}

.bloc_IDK_entrees .pin-cta:hover,
.bloc_IDK_entrees .pin-cta:active {
  color: white;
  background-color: #151516;
  text-decoration: none;
}


/* GESTION DES INFORMATIONS DE LA CARD */

.bottom_produit {
  display: flex;
  justify-content: space-between;
  text-align: left;
  padding: 6% 8%;
  align-items: center;
}

.icon_panier{
  width: 25%;
}
.icon_panier img {
  width: 100%;
}


/* CTA EN VOIR PLUS */
.show-cta_produit .cta_produit_box {
 opacity: 1;
}
.cta_produit_box{
  transition: opacity 0.8s ease;
  opacity: 0;
}
.idees-cadeaux-ah24 .lien_pdt.cta_produit {
  color: black;
  font-family: 'Montserrat';
  font-size: 1.1em;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 0.25em;
  text-decoration-thickness: 1px;
  margin-top: 0;
}







.idees-cadeaux-ah24 .bloc3 {
  margin-top: 2em;
  justify-content: center;
  margin-bottom: 3em;
}



/* Carrousel */
.idees-cadeaux-carrousel {
	margin: 2em 1em;
	position: relative;
	--widthSliderMob: 400%;
	width: var(--widthSliderMob);
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 1.5em;
}

.idees-cadeaux-carrousel-item {
	position: relative;
	width: calc(var(--widthSliderMob) / 10);
	left: 0;
}

.idees-cadeaux-carrousel-item img {
	width: 100%;
  transition: ease-in-out 1s;
}

.idees-cadeaux-carrousel-item:hover img {
	transform: scale(1.05);
}


/* ------ ------ ------ ------ ------ ------ FIN BLOC SELECTIONS 30/60/100 EUROS ------ ------ ------ ------ ------ ------ */







.idees-cadeaux-ah24 .bloc5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 4em;
  margin-bottom: 2em;
}

.idees-cadeaux-ah24 .bloc5 .sb {
  position: relative;
  width: 88%;
  margin: 1.8vw 0;
}

.idees-cadeaux-ah24 .bloc5 .sb .lien_pdt {
  height: 0;
  opacity: 0;
  transition: 0.8s ease-in-out;
}

.idees-cadeaux-ah24 .bloc5 .sb:hover .lien_pdt {
  height: 2em;
  opacity: 1;
}

.idees-cadeaux-ah24 .bloc5 .titre-categ {
  color: #fff;
  position: absolute;
  bottom: 10%;
  left: 5%;
  text-align: left;
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.idees-cadeaux-ah24 .bloc5 .titre-categ .titre-landing span {
  font-size: 0.75em;
  font-weight: 200;
  font-style: italic;
}

.idees-cadeaux-ah24 .bloc5 .titre-categ .titre-landing {
  font-family: 'Playfair Display';
  font-size: 1.45em;
  line-height: 1.5;
  font-weight: 400;
  margin: 0;
  position: relative;
}

.idees-cadeaux-ah24 .bloc5 .sb .wrp_img picture:after {    
  background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0) 100%);
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  content: "";
  display: block;
  position: absolute;
  transition: 0.8s ease;
}

.idees-cadeaux-ah24 .bloc5 .sb:hover .wrp_img picture:after  { 
  opacity: 1;
}

.idees-cadeaux-ah24 .bloc6 {
  overflow-x: scroll;
}

.idees-cadeaux-ah24 .bloc6::-webkit-scrollbar {
  display: none;
}

.into-grid-tryptique {
	display: flex;
  width: 270%;
}

.into-grid-tryptique-element {
	position: relative;
  margin-right: -1px;
  width: 100%;
}

/* ============================= */
/* MASQUER LES PINS */
/* .fiche, .coming-soon, .into-cover-text-cta:link{
	display: none;
} */


/* PINS */
@keyframes fade-in {
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}

/* FICHES PRODUITS */
.fiche-produit{
	position: absolute;
	z-index: 2;
  font-family: "Montserrat";
}

.fiche-produit-inner{
	display: none;
	width: 11.5em;
	position: relative;
	background-color: white;
	filter: drop-shadow(0 0 0.3em #00000011);
	text-align: center;
	border-radius: 0.6em; 
	overflow: hidden;
}

.fiche-name{
	font-weight: normal;
	text-align: center;
	margin: 0.5em 0.1em 0;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.1;
}

.fiche-price{
	margin: 0.25em 0;
}

.pin-cta{
	font-size: 0.85em;
	display: inline-block;
	margin: 0.5em 0 1em;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 0.5em;
	padding: 0.4em 1.8em;
	border: solid 1px black;
	transition: 480ms ease-in-out;
	box-sizing: border-box;
}

.pin-cta:link, .pin-cta:visited{
	color: black;
	background-color: white;
	text-decoration: none;
}

.pin-cta:hover, .pin-cta:active{
	color: white;
	background-color: #151516;
	text-decoration: none;
}

.button-more{
	position: absolute;
	left: 0;
	top: 0;
	height: 1.2em;
	aspect-ratio: 1/1;
	translate: -50% -50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: white;
	color: black;
	font-size: 1.4em;
	transition: 200ms ease-in-out;
}

.button-more:hover{
	background-color: black;
	color: white;
	cursor: pointer;
}

.button-more-x{
	margin: 0;
}

/* Ici, on détermine ce qu'il se passe au clique. */
.opened{
	background-color: black;
	color: white;
	rotate: 45deg;
	z-index: 3;
}

.visible{
	z-index: 2;
	opacity: 1;
	display: block;
	animation: fade-in 250ms ease-out 1 normal forwards;
}

/* Placement des pins */
#pin-01{
	top: 50%;
  left: 14%;
}
#pin-02{
  display: none;
  top: 33%;
  left: 41%;
}
#pin-02 .fiche-produit-inner{
	transform: translateX(-100%);
}
#pin-03{
	top: 36%;
	left: 58%;
}
#pin-04{
	top: 35%;
	left: 64%;
}
#pin-04 .fiche-produit-inner{
	transform: translateX(-100%);
}


/* produits en retard */
.pin-retard{
	top: 0 !important;
	left: 0 !important;
	opacity: 0 !important;
	z-index: -999 !important;
}


.idees-cadeaux-ah24 .bloc7 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 2em;
  margin-bottom: 1em;
}

.idees-cadeaux-ah24 .bloc7[data-lang="fr_BE"] .service-3,
.idees-cadeaux-ah24 .bloc7[data-lang="nl_BE"] .service-3,
.idees-cadeaux-ah24 .bloc7[data-lang="fr_CH"] .service-3,
.idees-cadeaux-ah24 .bloc7[data-lang="de_CH"] .service-3,
.idees-cadeaux-ah24 .bloc7[data-lang="EN"] .service-3 {
  display: none !important;
}

.idees-cadeaux-ah24 .bloc7 .service {
  position: relative;
  width: 82%;
  margin: 3vw 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
  font-family: "Montserrat";
  text-align: center;
  padding: 1.5em 0 2em 0;
}

.idees-cadeaux-ah24 .bloc7 .titre-service {
  font-family: 'Playfair Display';
  font-size: 1.45em;
  line-height: 1.95;
  color: #000;
  text-align: center;
  width: 92%;
  font-weight: 400;
  margin: 0;
}

.idees-cadeaux-ah24 .bloc7 .titre-service span {
  font-style: italic;
}

.idees-cadeaux-ah24 .bloc7 .texte-service {
  width: 80%;
  font-size: 0.9em;
  margin: 0;
}

.idees-cadeaux-ah24 .bloc-coeur {
  width: 100%;
  display: flex;
  justify-content: center;
}

.idees-cadeaux-ah24 .coeur-fin {
  width: 1.15em;
  margin: 0 auto 2em auto;
}



.idees-cadeaux-ah24 .dispdesk{
	display: none;
}

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

  #maincontent {
    overflow: hidden;
  }

  .idees-cadeaux-ah24 {
   /*  width: calc(100% + 60px);
		margin: 0 -30px; */
    width: 100%;
    font-size: clamp(13px, 1vw, 18px);
  }

  .idees-cadeaux-ah24 .dispdesk{
		display: initial;
	}

  .idees-cadeaux-ah24 .lien_pdt a:before {  
    display: block;
  }

  .idees-cadeaux-ah24 .wrp_img {
    overflow: hidden;
  }

  .idees-cadeaux-ah24 .wrp_img img {
    transition: ease-in-out 1s;
  }

  .idees-cadeaux-ah24 .bloc-flex:not(.bloc1) div:hover>.wrp_img img {
    transform: scale(1.015);
  }

  .idees-cadeaux-ah24 .bloc-flex {
    display: flex;
  }

  .idees-cadeaux-ah24 .bloc-flex {
    display: flex;
  }
  
  .idees-cadeaux-ah24 .sb-flex {
    display: flex;
  }
  
  .idees-cadeaux-ah24 .ssb-flex {
    display: flex;
  }

  .idees-cadeaux-ah24 .dispmob{
		display: none;
	}

  .idees-cadeaux-ah24 .wrp_scroll_x {
    width: 100%;
  }

  .idees-cadeaux-ah24 .st {
    font-family: 'Playfair Display';
    font-weight: 600;
    font-size: 2.4em;
    margin: 0;
  }

  .idees-cadeaux-ah24 .lien_pdt {
    bottom: 1.4em;
  }

  .idees-cadeaux-ah24 .lien_pdt a {
    position: relative;
    padding-bottom: 0.25em;
    margin-bottom: 0.25em;
  }

  .idees-cadeaux-ah24 .lien_pdt a:after {    
    bottom: 0;
  }
  
  .idees-cadeaux-ah24 .lien_pdt-noir-desk a {
    color: #000;
  }
  
  .idees-cadeaux-ah24 .lien_pdt-blanc-desk a {
    color: #fff;
  }

  .idees-cadeaux-ah24 .titre-cover {
    left: 50%;
    top: 50%;
    width: 20%;
    min-width: 290px;
    bottom: unset;
    transform: translate(-50%, -50%);
  }

  .idees-cadeaux-ah24 .titre-cover.titre-cover-noir {
    color: #000;
    max-width: unset !important;
  }
  
  .idees-cadeaux-ah24 .titre-cover.titre-cover-relative {
    position: relative;
    top: unset;
    bottom: unset;
    left: unset;
    transform: unset;
    max-width: unset;
    width: unset;
  }

  .idees-cadeaux-ah24 .bloc1 {
    height: calc(100dvh - 128px);
  }

  .idees-cadeaux-ah24 .bloc1 .sb1 {
    height: 100%;
  }

  .idees-cadeaux-ah24 .bloc1 .sb1 .wrp_img {
    height: 100%;
  }

  .idees-cadeaux-ah24 .bloc1 .sb1 .wrp_img img {
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }

  .idees-cadeaux-ah24 .titre-landing {
    font-family: 'Playfair Display';
    font-size: clamp(26px, 2vw, 40px);
    line-height: 1.5;
    font-weight: 400;
    margin: 0;
    position: relative;
  }
  
  .idees-cadeaux-ah24 .sous-titre-landing {
    font-family: 'Montserrat';
    font-size: clamp(12px, 0.9vw, 18px);
    line-height: 1.4;
    font-weight: 400;
    margin: 0;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    position: relative;
  }















  .bloc_IDK_entrees .page_1 .img_container:after {    
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 90%, rgba(0,0,0,0) 100%);
    bottom: 0;
    left: 10%;
    right: 10%;
    top: 10%;
    bottom: 10%;
    opacity: 0;
    content: "";
    display: block;
    position: absolute;
    transition: all 0.8s cubic-bezier(0.85, 0, 0.12, 1);
  }
  
  .bloc_IDK_entrees .containerr:hover .page_1 .img_container:after  { 
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 1;
  }
  
  .bloc_IDK_entrees .containerr.transitioning .page_1 .img_container:after  { 
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
  }

/* ------ ------ ------ ------ ------ ------ BLOC SELECTIONS 30/60/100 EUROS ------ ------ ------ ------ ------ ------ */

  .bloc_IDK_entrees {
      flex-direction: row;
      box-sizing: border-box;
      aspect-ratio: 1900 / 975;
  }

  .containerr {
      padding: 0vw;
      width: calc(100vw/3);
      height: 100%;
      transition: all 0.8s ease;
      box-sizing: border-box;
      overflow: hidden;
  }

  .containerr:not(.transitioning):hover {
    cursor: pointer;
  }

  .page_1 .img_container img {
      transform: scale(.8);
  }

  .containerr:hover .page_1 img {
      transform: scale(1);
  }

  .containerr .page_1.active img {
      transform: scale(1);
  }

  .transitioning .page_1 {
      position: absolute;
      left: 0;
      width: calc(100vw/3);
      height: 100%;
      transform: none;
      z-index: 2;
  }

  .transitioning .page_2 {
      position: absolute;
      right: 0;
      width: calc((100vw/3)*2);
      max-width: calc((1900px/3)*2);
      height: 100%;
      left: auto;
      opacity: 1;
      transform: none;
      padding: 0;
      z-index: 1;
      justify-content: center;
  }

  .cta_produit_box{
      transition: all .8s easy;
  }
  .dispdesk.lien_pdt.cta_produit {
      font-size: clamp(12px, 0.9vw, 18px) !important;
      font-weight: 300;
      height: 0;
      opacity: 0;
      pointer-events: none;
      color: #fff;
      transition: 0.7s 0.1s ease;
  }
  .show-bouton .dispdesk.lien_pdt.cta_produit {
    height: 0;
    opacity: 1;
    pointer-events: unset;
    color: #000;
}
  .transitioning .img_container {
      transform: translateX(0%);
  }
  .img_container {
      transition: none;
      max-width: fit-content;
      min-width: calc(100vw/3);
      height: 100%;
  }
  .img_container img {
    height: 100%;
    object-fit: cover;
    object-position: top center;
  }

  .transitioning .text_box {
  /*    left: 85%; */
      bottom: 40%;
      padding: 5vw 0vw;
  }



  .text_box {
      color: white;
      transition: all 0.8s ease;
      padding: 5vw 0vw;
      gap: 1%;
      align-items: center;
      width: calc((100vw / 3) * 0.6);
      max-width: 375px;
      left: calc((100vw / 3) * 0.2);
  }
  .close-btn{
      right: 2%;
  }

  /* PERMET DE GÉRER LE MOUVEMENT DU BLOC TEXT AU HOVER ET LE FAIRE DISPARAITRE QUAND OPEN */
  .page_1:hover .text_box {

      transform: translateY(-15%);
  }



  .page_1:hover .bouton {
      opacity: 1;
      transform: translateY(0);
  }




  .transitioning .page_1:hover .bouton{
      transform: none;
      opacity: 1;
  }
  .transitioning .page_1:hover .text_box{
      transform: none;
    
    
  }
  .show-bouton .bouton {
    opacity: 0;
    transform: translateY(0) rotate(0);
  }
  .show-bouton .page_1:hover .bouton {
    opacity: 0;
    transform: translateY(0) rotate(0);
  }
  /* ************************ */



  .bouton {
      opacity: 0;
      transform: translateY(0px);
      transition: opacity 0.5s ease, transform 0.5s ease;
  }

  .titre {
      font-size: 1.74vw;
  }


  .swiper_produit {
      width: 60%;
      overflow: hidden;
      margin-top: 0;
      padding: 1%;
  }

  .swiper_produit {
    transform: translateX(2000px);
  }

  .transitioning.show-swiper .swiper_produit {
      transform: translateX(67%);
  }

/* ------ ------ ------ ------ ------ ------ FIN BLOC SELECTIONS 30/60/100 EUROS ------ ------ ------ ------ ------ ------ */














  	/* Carrousel */
	.idees-cadeaux-carrousel {
		--widthSlider: 160%;
		width: var(--widthSlider);
	}








  .idees-cadeaux-ah24 .bloc5 {
    flex-direction: row;
    padding: 0 3em;
    margin: 6em 0;
    box-sizing: border-box;
  }

  .idees-cadeaux-ah24 .bloc5 .sb {
    margin: 0 1.4em;
  }

  .idees-cadeaux-ah24 .bloc5 .titre-categ {
    left: 6%;
    bottom: 5%;
  }

  .idees-cadeaux-ah24 .bloc5 .titre-categ .titre-landing span {
    font-size: 0.65em;
  }

  .idees-cadeaux-ah24 .bloc5 .titre-categ .titre-landing {
    font-size: 1.65em;
  }

  .idees-cadeaux-ah24 .bloc5 .titre-categ.titre-categ-noir {
    color: #000;
    max-width: unset !important;
  }
  
  .idees-cadeaux-ah24 .bloc5 .titre-categ.titre-categ-relative {
    position: relative;
    top: unset;
    bottom: unset;
    left: unset;
    transform: unset;
    max-width: unset;
    width: unset;
  }

  .into-grid-tryptique {
    width: 100%;
  }

  .idees-cadeaux-ah24 .bloc7 {
    flex-direction: row;
    justify-content: center;
    margin-top: 1.75em;
    margin-bottom: 0.5em;
    width: 94%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .idees-cadeaux-ah24 .bloc7 .service {
    position: relative;
    width: 31%;
    margin: 3vw 1em;
    display: flex;
    align-items: center;
    border: 1px solid #000;
    font-family: "Montserrat";
    text-align: center;
    padding: 1.5em 0 2em 0;
  }
  
  .idees-cadeaux-ah24 .bloc7 .titre-service {
    font-family: 'Playfair Display';
    font-size: 1.45em;
    line-height: 1.95;
    color: #000;
    text-align: center;
    width: 92%;
    font-weight: 400;
    margin: 0;
  }
  
  .idees-cadeaux-ah24 .bloc7 .titre-service span {
    font-style: italic;
  }
  
  .idees-cadeaux-ah24 .bloc7 .texte-service {
    width: 90%;
    font-size: 0.9em;
    margin: 0;
  }

  .idees-cadeaux-ah24 .coeur-fin {
    width: 1.35em;
    margin: 0 auto 3.25em auto;
  }






}




@media screen and (min-width : 1900px) {
  .containerr {
    width: calc(1900px/3);
}
  .img_container {
    min-width: calc(1900px/3);
  }
  .text_box {
    width: calc((1900px / 3) * 0.6);
    max-width: 375px;
    left: calc((1900px / 3) * 0.2);
}
.transitioning .page_1 {
  width: calc(1900px/3);
}

.transitioning .page_2 {
  width: calc((1900px/3)*2);
  max-width: calc((1900px/3)*2);
}
}