.elementor-134 .elementor-element.elementor-element-2a50bb62{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-dd84bc5 );--border-color:var( --e-global-color-dd84bc5 );--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-134 .elementor-element.elementor-element-63094e2a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-134 .elementor-element.elementor-element-4d563ef .elementor-repeater-item-0dad5ad .swiper-slide-bg{background-image:url(https://www.titis-creation.fr/wp-content/uploads/2025/12/Titis-Creation-Bijoux-Porte-Cle-Marque-Page-Objets-Fait-Maison-Creations-personnalisables-fait-mains-scaled.jpg);background-size:cover;}.elementor-134 .elementor-element.elementor-element-4d563ef .elementor-repeater-item-0dad5ad .elementor-background-overlay{background-color:#37373773;}.elementor-134 .elementor-element.elementor-element-4d563ef .elementor-repeater-item-3d17b71 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://www.titis-creation.fr/wp-content/uploads/2025/12/Creations-personnalisables-fait-mains-Titis-Creation-Bijoux-Porte-Cle-Marque-Page-Objets-Fait-Maison-scaled.jpg);background-size:cover;}.elementor-134 .elementor-element.elementor-element-4d563ef .elementor-repeater-item-3d17b71 .elementor-background-overlay{background-color:#37373773;}.elementor-134 .elementor-element.elementor-element-4d563ef .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-134 .elementor-element.elementor-element-4d563ef .swiper-slide-contents{max-width:66%;}.elementor-134 .elementor-element.elementor-element-4d563ef .swiper-slide-inner{text-align:center;}.elementor-134 .elementor-element.elementor-element-224e633b{--display:flex;}.elementor-134 .elementor-element.elementor-element-3334e47{--grid-columns:5;}.elementor-134 .elementor-element.elementor-element-3334e47 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-134 .elementor-element.elementor-element-3334e47 .e-loop-item > .elementor-section, .elementor-134 .elementor-element.elementor-element-3334e47 .e-loop-item > .elementor-section > .elementor-container, .elementor-134 .elementor-element.elementor-element-3334e47 .e-loop-item > .e-con, .elementor-134 .elementor-element.elementor-element-3334e47 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-134 .elementor-element.elementor-element-03f7ee1{--display:flex;}.elementor-134 .elementor-element.elementor-element-d0e08ed{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-134 .elementor-element.elementor-element-572e17c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-134 .elementor-element.elementor-element-daafb97 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );box-shadow:10px 10px 0px 0px rgba(175, 126.99999999999999, 102.00000000000001, 0.1);}.elementor-134 .elementor-element.elementor-element-6695950{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-134 .elementor-element.elementor-element-bcb1a57{width:auto;max-width:auto;background-color:var( --e-global-color-c031e2c );padding:5px 15px 2px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-1ccdc0f );}.elementor-134 .elementor-element.elementor-element-bcb1a57.elementor-element{--align-self:flex-start;}.elementor-134 .elementor-element.elementor-element-bcb1a57 .elementor-heading-title{font-family:var( --e-global-typography-b70acc6-font-family ), Sans-serif;font-size:var( --e-global-typography-b70acc6-font-size );font-weight:var( --e-global-typography-b70acc6-font-weight );text-transform:var( --e-global-typography-b70acc6-text-transform );line-height:var( --e-global-typography-b70acc6-line-height );letter-spacing:var( --e-global-typography-b70acc6-letter-spacing );color:var( --e-global-color-secondary );}.elementor-134 .elementor-element.elementor-element-d391900 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-134 .elementor-element.elementor-element-d391900 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-134 .elementor-element.elementor-element-d391900 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-134 .elementor-element.elementor-element-d391900 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-134 .elementor-element.elementor-element-d391900 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-134 .elementor-element.elementor-element-d391900 .elementor-icon-list-icon i{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-134 .elementor-element.elementor-element-d391900 .elementor-icon-list-icon svg{fill:var( --e-global-color-text );transition:fill 0.3s;}.elementor-134 .elementor-element.elementor-element-d391900{--e-icon-list-icon-size:10px;--icon-vertical-offset:0px;}.elementor-134 .elementor-element.elementor-element-d391900 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-134 .elementor-element.elementor-element-d391900 .elementor-icon-list-text{transition:color 0.3s;}.elementor-134 .elementor-element.elementor-element-77a4a448{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-134 .elementor-element.elementor-element-4336441a.elementor-wc-products ul.products li.product{text-align:center;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px;padding:0px 0px 30px 0px;box-shadow:5px 5px 0px 0px rgba(175.00000000000003, 127.00000000000003, 102.00000000000003, 0.1);border-color:var( --e-global-color-primary );}.elementor-134 .elementor-element.elementor-element-4336441a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:30px;}.elementor-134 .elementor-element.elementor-element-4336441a.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-secondary );}.elementor-134 .elementor-element.elementor-element-4336441a.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-secondary );}.elementor-134 .elementor-element.elementor-element-4336441a.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-secondary );}.elementor-134 .elementor-element.elementor-element-4336441a.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-secondary );background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );border-radius:0px 0px 0px 0px;margin-top:10px;}.elementor-134 .elementor-element.elementor-element-4336441a.elementor-wc-products .added_to_cart{color:var( --e-global-color-accent );}.elementor-134 .elementor-element.elementor-element-4336441a.elementor-wc-products ul.products li.product span.onsale{display:block;color:var( --e-global-color-0eed6ba );background-color:var( --e-global-color-befae9a );border-radius:0px;min-width:45px;min-height:20px;line-height:20px;left:auto;right:0;margin:10px;}@media(min-width:768px){.elementor-134 .elementor-element.elementor-element-572e17c{--width:50%;}.elementor-134 .elementor-element.elementor-element-6695950{--width:50%;}}@media(max-width:1024px){.elementor-134 .elementor-element.elementor-element-63094e2a{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-134 .elementor-element.elementor-element-3334e47{--grid-columns:2;}.elementor-134 .elementor-element.elementor-element-bcb1a57 .elementor-heading-title{font-size:var( --e-global-typography-b70acc6-font-size );line-height:var( --e-global-typography-b70acc6-line-height );letter-spacing:var( --e-global-typography-b70acc6-letter-spacing );}.elementor-134 .elementor-element.elementor-element-4336441a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-134 .elementor-element.elementor-element-4336441a.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-134 .elementor-element.elementor-element-224e633b{--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-134 .elementor-element.elementor-element-3334e47{--grid-columns:1;}.elementor-134 .elementor-element.elementor-element-bcb1a57 .elementor-heading-title{font-size:var( --e-global-typography-b70acc6-font-size );line-height:var( --e-global-typography-b70acc6-line-height );letter-spacing:var( --e-global-typography-b70acc6-letter-spacing );}.elementor-134 .elementor-element.elementor-element-4336441a.elementor-wc-products  ul.products{grid-column-gap:15px;grid-row-gap:30px;}.elementor-134 .elementor-element.elementor-element-4336441a.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS for container, class: .elementor-element-03f7ee1 *//* ----------------------------------------------------------------
CSS pour les cartes extensibles (Version Hover)
---------------------------------------------------------------- */

.expanding-cards-container {
display: flex;
width: 100%;
min-height: 400px; /* Hauteur minimale pour l'effet */
gap: 10px; /* Espace entre les cartes */
overflow: hidden;
}

.card {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 15px;
cursor: pointer;
flex: 1; /* Largeur initiale pour toutes les cartes */
position: relative;
transition: flex 0.7s ease-in-out; /* Transition pour l'effet d'expansion */
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
color: #fff;
display: flex;
align-items: flex-end;
padding: 20px;
}

/* Expansion au survol (Desktop) */
.card:hover {
flex: 5; /* Largeur étendue pour la carte survolée */
}

/* Contenu de la carte */
.card-content {
opacity: 0;
transition: opacity 0.5s ease-in 0.2s; /* Délai pour l'apparition du contenu */
max-width: 80%;
}

/* Affichage du contenu au survol (Desktop) */
.card:hover .card-content {
opacity: 1;
}

.card h3 {
font-size: 24px;
margin-bottom: 10px;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.card p {
font-size: 14px;
margin-bottom: 15px;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.card a.button {
display: inline-block;

padding: 8px 15px;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
transition: background-color 0.3s;
}

.card a.button:hover {
background-color: #e63946;
}

/* Texte de la carte non active (pour l'effet de titre vertical) */
.card-title-vertical {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-90deg);
white-space: nowrap;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
opacity: 1;
transition: opacity 0.3s ease-out;
}

/* Masquer le titre vertical au survol (Desktop) */
.card:hover .card-title-vertical {
opacity: 0;
}

/* Overlay pour améliorer la lisibilité du texte */
.card::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%);
border-radius: 15px;
}

/* Assurez-vous que le contenu est au-dessus de l'overlay */
.card-content, .card-title-vertical {
z-index: 10;
}

/* ----------------------------------------------------------------
Styles spécifiques aux cartes (images de fond)
---------------------------------------------------------------- */

.card:nth-child(1) {
background-image: url('https://titis-creation.fr/wp-content/uploads/2025/12/Porte-Cle-Creations-personnalisables-fait-mains-Titis-Creations-scaled.jpg' );
}

.card:nth-child(2) {
background-image: url('https://titis-creation.fr/wp-content/uploads/2025/12/Objets-fait-maison-Creations-personnalisables-fait-mains-Titis-Creations-scaled.jpg' );
}

.card:nth-child(3) {
background-image: url('https://titis-creation.fr/wp-content/uploads/2025/12/Marque-Page-Creations-personnalisables-fait-mains-Titis-Creations-scaled.jpg' );
}

.card:nth-child(4) {
background-image: url('https://titis-creation.fr/wp-content/uploads/2025/12/Jeux-de-societe-Creations-personnalisables-fait-mains-Titis-Creations.jpg' );
}

.card:nth-child(5) {
background-image: url('https://titis-creation.fr/wp-content/uploads/2025/12/Bijoux-Creations-personnalisables-fait-mains-Titis-Creations.jpg' );
}

/* ----------------------------------------------------------------
Adaptation pour les petits écrans (Comportement au Clic sur Mobile)
---------------------------------------------------------------- */
@media (max-width: 768px) {
.expanding-cards-container {
flex-direction: column;
min-height: auto;
}

.card {
flex: 1 !important;
height: 100px; /* Hauteur réduite par défaut */
transition: height 0.7s ease-in-out;
padding: 15px;
}

/* Classe activée par JavaScript pour l'expansion verticale sur mobile */
.card.mobile-active {
height: 300px; /* Hauteur étendue pour la carte active */
}

.card-title-vertical {
transform: translate(-50%, -50%) rotate(0deg); /* Revenir à l'horizontale */
top: 10px;
left: 15px;
font-size: 16px;
}

.card-content {
max-width: 100%;
}

/* Le contenu est visible sur mobile si la carte est active */
.card.mobile-active .card-content {
opacity: 1;
}

/* Le titre vertical est masqué si la carte est active */
.card.mobile-active .card-title-vertical {
opacity: 0;
}
}/* End custom CSS */