.elementor-5658 .elementor-element.elementor-element-ae4bb24{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-5658 .elementor-element.elementor-element-8c02ba1.elementor-element{--align-self:flex-end;}.elementor-5658 .elementor-element.elementor-element-8c02ba1{text-align:center;}.elementor-5658 .elementor-element.elementor-element-8c02ba1 .elementor-heading-title{font-family:"Instrument Serif", Sans-serif;font-style:italic;}.elementor-5658 .elementor-element.elementor-element-abf3691{text-align:center;}.elementor-5658 .elementor-element.elementor-element-abf3691 .elementor-heading-title{font-family:"alternate-gothic-atf", Sans-serif;font-size:96px;font-weight:bold;}.elementor-5658 .elementor-element.elementor-element-1ea8639{--display:flex;}.elementor-5658 .elementor-element.elementor-element-1d26612{--spacer-size:76px;}.elementor-5658 .elementor-element.elementor-element-8617fe7{--display:grid;--min-height:651px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5658 .elementor-element.elementor-element-0ac6d4d{width:100%;max-width:100%;}.elementor-5658 .elementor-element.elementor-element-0ac6d4d:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-5658 .elementor-element.elementor-element-f9d9536:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-5658 .elementor-element.elementor-element-a147288:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-5658 .elementor-element.elementor-element-901a0ac:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-5658 .elementor-element.elementor-element-573dc95:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-5658 .elementor-element.elementor-element-c197263{--display:grid;--min-height:651px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5658 .elementor-element.elementor-element-348e117{width:100%;max-width:100%;}.elementor-5658 .elementor-element.elementor-element-348e117:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-5658 .elementor-element.elementor-element-35f0305:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-5658 .elementor-element.elementor-element-ea3001f:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-5658 .elementor-element.elementor-element-88f9ff5:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-5658 .elementor-element.elementor-element-ae4bb24{--grid-auto-flow:row;}.elementor-5658 .elementor-element.elementor-element-8617fe7{--grid-auto-flow:row;}.elementor-5658 .elementor-element.elementor-element-c197263{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-5658 .elementor-element.elementor-element-ae4bb24{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-5658 .elementor-element.elementor-element-8c02ba1 .elementor-heading-title{font-size:20px;}.elementor-5658 .elementor-element.elementor-element-abf3691 .elementor-heading-title{font-size:59px;}.elementor-5658 .elementor-element.elementor-element-8617fe7{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-5658 .elementor-element.elementor-element-c197263{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for image, class: .elementor-element-0ac6d4d */.elementor-5658 .elementor-element.elementor-element-0ac6d4d {
    position: relative;
    display: block;
    overflow: hidden;
}

/* image principale */
.elementor-5658 .elementor-element.elementor-element-0ac6d4d img {
    transition: opacity 0.6s ease;
    display: block;
    width: 100%;
}

/* image hover */
.elementor-5658 .elementor-element.elementor-element-0ac6d4d::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('https://coffee-break.fr/wp-content/uploads/2026/03/ICED-MARBRE-PISTACHE-_1-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.elementor-5658 .elementor-element.elementor-element-0ac6d4d:hover::after {
    opacity: 1;
}

/* TEXTE PRODUIT */
.elementor-5658 .elementor-element.elementor-element-0ac6d4d::before {
    content: "ICED MARBRÉ PEANUT";
    position: absolute;
    bottom: 10px;
    left: 20px;
    
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400; /* LIGTH */
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #c64f12;
    z-index: 3;
    
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* apparition texte au hover */

.elementor-5658 .elementor-element.elementor-element-0ac6d4d:hover::before {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 768px) {
    .elementor-5658 .elementor-element.elementor-element-0ac6d4d::before {
        font-size: 10px; /* taille plus petite mobile */
        left: 15px; /* optionnel, ajuste si besoin */
        bottom: 8px; /* optionnel */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-48713b8 */.elementor-5658 .elementor-element.elementor-element-48713b8 {
    position: relative;
    display: block;
    overflow: hidden;
}

/* image principale */
.elementor-5658 .elementor-element.elementor-element-48713b8 img {
    transition: opacity 0.6s ease;
    display: block;
    width: 100%;
}

/* image hover */
.elementor-5658 .elementor-element.elementor-element-48713b8::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('https://coffee-break.fr/wp-content/uploads/2026/03/ICED-MARBRE-PISTACHE-_1-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.elementor-5658 .elementor-element.elementor-element-48713b8:hover::after {
    opacity: 1;
}

/* TEXTE PRODUIT */
.elementor-5658 .elementor-element.elementor-element-48713b8::before {
    content: "ICED MARBRÉ PISTACHE";
    position: absolute;
    bottom: 10px;
    left: 20px;
    
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400; /* LIGTH */
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #c64f12;
    z-index: 3;
    
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* apparition texte au hover */

.elementor-5658 .elementor-element.elementor-element-48713b8:hover::before {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 768px) {
    .elementor-5658 .elementor-element.elementor-element-48713b8::before {
        font-size: 10px; /* taille plus petite mobile */
        left: 15px; /* optionnel, ajuste si besoin */
        bottom: 8px; /* optionnel */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-01cb0e8 */.elementor-5658 .elementor-element.elementor-element-01cb0e8 {
    position: relative;
    display: block;
    overflow: hidden;
}

/* image principale */
.elementor-5658 .elementor-element.elementor-element-01cb0e8 img {
    transition: opacity 0.6s ease;
    display: block;
    width: 100%;
}

/* image hover */
.elementor-5658 .elementor-element.elementor-element-01cb0e8::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('https://coffee-break.fr/wp-content/uploads/2026/03/ICED-PINK-LATTE_1-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.elementor-5658 .elementor-element.elementor-element-01cb0e8:hover::after {
    opacity: 1;
}

/* TEXTE PRODUIT */
.elementor-5658 .elementor-element.elementor-element-01cb0e8::before {
    content: "ICED PINK LATTE";
    position: absolute;
    bottom: 10px;
    left: 20px;
    
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400; /* LIGTH */
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #c64f12;
    z-index: 3;
    
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* apparition texte au hover */

.elementor-5658 .elementor-element.elementor-element-01cb0e8:hover::before {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 768px) {
    .elementor-5658 .elementor-element.elementor-element-01cb0e8::before {
        font-size: 10px; /* taille plus petite mobile */
        left: 15px; /* optionnel, ajuste si besoin */
        bottom: 8px; /* optionnel */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f9d9536 */.elementor-5658 .elementor-element.elementor-element-f9d9536 {
    position: relative;
    display: block;
    overflow: hidden;
}

/* image principale */
.elementor-5658 .elementor-element.elementor-element-f9d9536 img {
    transition: opacity 0.6s ease;
    display: block;
    width: 100%;
}

/* image hover */
.elementor-5658 .elementor-element.elementor-element-f9d9536::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('https://coffee-break.fr/wp-content/uploads/2026/03/ICED-SPANISH-LATTE_1-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.elementor-5658 .elementor-element.elementor-element-f9d9536:hover::after {
    opacity: 1;
}

/* TEXTE PRODUIT */
.elementor-5658 .elementor-element.elementor-element-f9d9536::before {
    content: "ICED SPANISH LATTE";
    position: absolute;
    bottom: 10px;
    left: 20px;
    
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400; /* LIGTH */
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #c64f12;
    z-index: 3;
    
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* apparition texte au hover */

.elementor-5658 .elementor-element.elementor-element-f9d9536:hover::before {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 768px) {
    .elementor-5658 .elementor-element.elementor-element-f9d9536::before {
        font-size: 10px; /* taille plus petite mobile */
        left: 15px; /* optionnel, ajuste si besoin */
        bottom: 8px; /* optionnel */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1aeb3dc */.elementor-5658 .elementor-element.elementor-element-1aeb3dc {
    position: relative;
    display: block;
    overflow: hidden;
}

/* image principale */
.elementor-5658 .elementor-element.elementor-element-1aeb3dc img {
    transition: opacity 0.6s ease;
    display: block;
    width: 100%;
}

/* image hover */
.elementor-5658 .elementor-element.elementor-element-1aeb3dc::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('https://coffee-break.fr/wp-content/uploads/2026/03/UBE-LATTE-MACCHIATO_1-2-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.elementor-5658 .elementor-element.elementor-element-1aeb3dc:hover::after {
    opacity: 1;
}

/* TEXTE PRODUIT */
.elementor-5658 .elementor-element.elementor-element-1aeb3dc::before {
    content: "ICED MOKAFÉ";
    position: absolute;
    bottom: 10px;
    left: 20px;
    
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400; /* LIGTH */
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #c64f12;
    z-index: 3;
    
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* apparition texte au hover */

.elementor-5658 .elementor-element.elementor-element-1aeb3dc:hover::before {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 768px) {
    .elementor-5658 .elementor-element.elementor-element-1aeb3dc::before {
        font-size: 10px; /* taille plus petite mobile */
        left: 15px; /* optionnel, ajuste si besoin */
        bottom: 8px; /* optionnel */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a147288 */.elementor-5658 .elementor-element.elementor-element-a147288 {
    position: relative;
    display: block;
    overflow: hidden;
}

/* image principale */
.elementor-5658 .elementor-element.elementor-element-a147288 img {
    transition: opacity 0.6s ease;
    display: block;
    width: 100%;
}

/* image hover */
.elementor-5658 .elementor-element.elementor-element-a147288::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('https://coffee-break.fr/wp-content/uploads/2026/03/CHAI-LATTE_1-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.elementor-5658 .elementor-element.elementor-element-a147288:hover::after {
    opacity: 1;
}

/* TEXTE PRODUIT */
.elementor-5658 .elementor-element.elementor-element-a147288::before {
    content: "CHAÏ LATTE";
    position: absolute;
    bottom: 10px;
    left: 20px;
    
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400; /* LIGTH */
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #c64f12;
    z-index: 3;
    
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* apparition texte au hover */

.elementor-5658 .elementor-element.elementor-element-a147288:hover::before {
    opacity: 1;
    transform: translateY(0);
}
@media (max-width: 768px) {
    .elementor-5658 .elementor-element.elementor-element-a147288::before {
        font-size: 10px; /* taille plus petite mobile */
        left: 15px; /* optionnel, ajuste si besoin */
        bottom: 8px; /* optionnel */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-548c69d */.elementor-5658 .elementor-element.elementor-element-548c69d {
    position: relative;
    display: block;
    overflow: hidden;
}

/* image principale */
.elementor-5658 .elementor-element.elementor-element-548c69d img {
    transition: opacity 0.6s ease;
    display: block;
    width: 100%;
}

/* image hover */
.elementor-5658 .elementor-element.elementor-element-548c69d::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('https://coffee-break.fr/wp-content/uploads/2026/03/LATTE-CARAMEL-SALE-_1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.elementor-5658 .elementor-element.elementor-element-548c69d:hover::after {
    opacity: 1;
}

/* TEXTE PRODUIT */
.elementor-5658 .elementor-element.elementor-element-548c69d::before {
    content: "LATTE CARAMEL SALÉ";
    position: absolute;
    bottom: 10px;
    left: 20px;
    
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400; /* LIGTH */
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #c64f12;
    z-index: 3;
    
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* apparition texte au hover */

.elementor-5658 .elementor-element.elementor-element-548c69d:hover::before {
    opacity: 1;
    transform: translateY(0);
}
@media (max-width: 768px) {
    .elementor-5658 .elementor-element.elementor-element-548c69d::before {
        font-size: 10px; /* taille plus petite mobile */
        left: 15px; /* optionnel, ajuste si besoin */
        bottom: 8px; /* optionnel */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-901a0ac */.elementor-5658 .elementor-element.elementor-element-901a0ac {
    position: relative;
    display: block;
    overflow: hidden;
}

/* image principale */
.elementor-5658 .elementor-element.elementor-element-901a0ac img {
    transition: opacity 0.6s ease;
    display: block;
    width: 100%;
}

/* image hover */
.elementor-5658 .elementor-element.elementor-element-901a0ac::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('https://coffee-break.fr/wp-content/uploads/2026/03/LATTE-BUENO_1-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.elementor-5658 .elementor-element.elementor-element-901a0ac:hover::after {
    opacity: 1;
}

/* TEXTE PRODUIT */
.elementor-5658 .elementor-element.elementor-element-901a0ac::before {
    content: "COFFEE LATTE BUENO";
    position: absolute;
    bottom: 10px;
    left: 20px;
    
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400; /* LIGTH */
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #c64f12;
    z-index: 3;
    
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* apparition texte au hover */

.elementor-5658 .elementor-element.elementor-element-901a0ac:hover::before {
    opacity: 1;
    transform: translateY(0);
}
@media (max-width: 768px) {
    .elementor-5658 .elementor-element.elementor-element-901a0ac::before {
        font-size: 10px; /* taille plus petite mobile */
        left: 15px; /* optionnel, ajuste si besoin */
        bottom: 8px; /* optionnel */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-89904e9 */.elementor-5658 .elementor-element.elementor-element-89904e9 {
    position: relative;
    display: block;
    overflow: hidden;
}

/* image principale */
.elementor-5658 .elementor-element.elementor-element-89904e9 img {
    transition: opacity 0.6s ease;
    display: block;
    width: 100%;
}

/* image hover */
.elementor-5658 .elementor-element.elementor-element-89904e9::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('https://coffee-break.fr/wp-content/uploads/2026/03/CHOCOLAT-DE-DUBAI_1-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.elementor-5658 .elementor-element.elementor-element-89904e9:hover::after {
    opacity: 1;
}

/* TEXTE PRODUIT */
.elementor-5658 .elementor-element.elementor-element-89904e9::before {
    content: "CHOCOLAT DUBAÏ";
    position: absolute;
    bottom: 10px;
    left: 20px;
    
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400; /* LIGTH */
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #c64f12;
    z-index: 3;
    
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* apparition texte au hover */

.elementor-5658 .elementor-element.elementor-element-89904e9:hover::before {
    opacity: 1;
    transform: translateY(0);
}
@media (max-width: 768px) {
    .elementor-5658 .elementor-element.elementor-element-89904e9::before {
        font-size: 10px; /* taille plus petite mobile */
        left: 15px; /* optionnel, ajuste si besoin */
        bottom: 8px; /* optionnel */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3624525 */.elementor-5658 .elementor-element.elementor-element-3624525 {
    position: relative;
    display: block;
    overflow: hidden;
}

/* image principale */
.elementor-5658 .elementor-element.elementor-element-3624525 img {
    transition: opacity 0.6s ease;
    display: block;
    width: 100%;
}

/* image hover */
.elementor-5658 .elementor-element.elementor-element-3624525::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('https://coffee-break.fr/wp-content/uploads/2026/03/ICED-UBE-MATCHA-LATTE_1-2.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.elementor-5658 .elementor-element.elementor-element-3624525:hover::after {
    opacity: 1;
}

/* TEXTE PRODUIT */
.elementor-5658 .elementor-element.elementor-element-3624525::before {
    content: "ICED UBE MATCHA LATTE";
    position: absolute;
    bottom: 10px;
    left: 20px;
    
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400; /* LIGTH */
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #c64f12;
    z-index: 3;
    
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* apparition texte au hover */

.elementor-5658 .elementor-element.elementor-element-3624525:hover::before {
    opacity: 1;
    transform: translateY(0);
}
@media (max-width: 768px) {
    .elementor-5658 .elementor-element.elementor-element-3624525::before {
        font-size: 10px; /* taille plus petite mobile */
        left: 15px; /* optionnel, ajuste si besoin */
        bottom: 8px; /* optionnel */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c89658e */.elementor-5658 .elementor-element.elementor-element-c89658e {
    position: relative;
    display: block;
    overflow: hidden;
}

/* image principale */
.elementor-5658 .elementor-element.elementor-element-c89658e img {
    transition: opacity 0.6s ease;
    display: block;
    width: 100%;
}

/* image hover */
.elementor-5658 .elementor-element.elementor-element-c89658e::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('https://coffee-break.fr/wp-content/uploads/2026/03/UBE-LATTE-MACCHIATO_1-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.elementor-5658 .elementor-element.elementor-element-c89658e:hover::after {
    opacity: 1;
}

/* TEXTE PRODUIT */
.elementor-5658 .elementor-element.elementor-element-c89658e::before {
    content: "UBE LATTE MACCHIATO";
    position: absolute;
    bottom: 10px;
    left: 20px;
    
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400; /* LIGTH */
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #c64f12;
    z-index: 3;
    
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* apparition texte au hover */

.elementor-5658 .elementor-element.elementor-element-c89658e:hover::before {
    opacity: 1;
    transform: translateY(0);
}
@media (max-width: 768px) {
    .elementor-5658 .elementor-element.elementor-element-c89658e::before {
        font-size: 10px; /* taille plus petite mobile */
        left: 15px; /* optionnel, ajuste si besoin */
        bottom: 8px; /* optionnel */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-573dc95 */.elementor-5658 .elementor-element.elementor-element-573dc95 {
    position: relative;
    display: block;
    overflow: hidden;
}

/* image principale */
.elementor-5658 .elementor-element.elementor-element-573dc95 img {
    transition: opacity 0.6s ease;
    display: block;
    width: 100%;
}

/* image hover */
.elementor-5658 .elementor-element.elementor-element-573dc95::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('https://coffee-break.fr/wp-content/uploads/2026/03/UBE-LATTE_1-2.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.elementor-5658 .elementor-element.elementor-element-573dc95:hover::after {
    opacity: 1;
}

/* TEXTE PRODUIT */
.elementor-5658 .elementor-element.elementor-element-573dc95::before {
    content: "UBE LATTE";
    position: absolute;
    bottom: 10px;
    left: 20px;
    
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400; /* LIGTH */
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #c64f12;
    z-index: 3;
    
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* apparition texte au hover */

.elementor-5658 .elementor-element.elementor-element-573dc95:hover::before {
    opacity: 1;
    transform: translateY(0);
}
@media (max-width: 768px) {
    .elementor-5658 .elementor-element.elementor-element-573dc95::before {
        font-size: 10px; /* taille plus petite mobile */
        left: 15px; /* optionnel, ajuste si besoin */
        bottom: 8px; /* optionnel */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-348e117 */.elementor-5658 .elementor-element.elementor-element-348e117 {
    position: relative;
    display: block;
    overflow: hidden;
}

/* image principale */
.elementor-5658 .elementor-element.elementor-element-348e117 img {
    transition: opacity 0.6s ease;
    display: block;
    width: 100%;
}

/* image hover */
.elementor-5658 .elementor-element.elementor-element-348e117::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('https://coffee-break.fr/wp-content/uploads/2026/03/MATCHA-LATTE_1-2.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.elementor-5658 .elementor-element.elementor-element-348e117:hover::after {
    opacity: 1;
}

/* TEXTE PRODUIT */
.elementor-5658 .elementor-element.elementor-element-348e117::before {
    content: "ICED PINK MATCHA";
    position: absolute;
    bottom: 10px;
    left: 20px;
    
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400; /* LIGTH */
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #c64f12;
    z-index: 3;
    
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* apparition texte au hover */

.elementor-5658 .elementor-element.elementor-element-348e117:hover::before {
    opacity: 1;
    transform: translateY(0);
}
@media (max-width: 768px) {
    .elementor-5658 .elementor-element.elementor-element-348e117::before {
        font-size: 10px; /* taille plus petite mobile */
        left: 15px; /* optionnel, ajuste si besoin */
        bottom: 8px; /* optionnel */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c6457c6 */.elementor-5658 .elementor-element.elementor-element-c6457c6 {
    position: relative;
    display: block;
    overflow: hidden;
}

/* image principale */
.elementor-5658 .elementor-element.elementor-element-c6457c6 img {
    transition: opacity 0.6s ease;
    display: block;
    width: 100%;
}

/* image hover */
.elementor-5658 .elementor-element.elementor-element-c6457c6::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('https://coffee-break.fr/wp-content/uploads/2026/03/ICED-MANGO-MATCHA-LATTE-_1-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.elementor-5658 .elementor-element.elementor-element-c6457c6:hover::after {
    opacity: 1;
}

/* TEXTE PRODUIT */
.elementor-5658 .elementor-element.elementor-element-c6457c6::before {
    content: "ICED MANGO MATCHA";
    position: absolute;
    bottom: 10px;
    left: 20px;
    
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400; /* LIGTH */
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #c64f12;
    z-index: 3;
    
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* apparition texte au hover */

.elementor-5658 .elementor-element.elementor-element-c6457c6:hover::before {
    opacity: 1;
    transform: translateY(0);
}
@media (max-width: 768px) {
    .elementor-5658 .elementor-element.elementor-element-c6457c6::before {
        font-size: 10px; /* taille plus petite mobile */
        left: 15px; /* optionnel, ajuste si besoin */
        bottom: 8px; /* optionnel */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dc5f245 */.elementor-5658 .elementor-element.elementor-element-dc5f245 {
    position: relative;
    display: block;
    overflow: hidden;
}

/* image principale */
.elementor-5658 .elementor-element.elementor-element-dc5f245 img {
    transition: opacity 0.6s ease;
    display: block;
    width: 100%;
}

/* image hover */
.elementor-5658 .elementor-element.elementor-element-dc5f245::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('https://coffee-break.fr/wp-content/uploads/2026/03/ICED-BERRY-MATCHA-LATTE_1-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.elementor-5658 .elementor-element.elementor-element-dc5f245:hover::after {
    opacity: 1;
}

/* TEXTE PRODUIT */
.elementor-5658 .elementor-element.elementor-element-dc5f245::before {
    content: "ICED BERRY MATCHA";
    position: absolute;
    bottom: 10px;
    left: 20px;
    
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400; /* LIGTH */
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #c64f12;
    z-index: 3;
    
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* apparition texte au hover */

.elementor-5658 .elementor-element.elementor-element-dc5f245:hover::before {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 768px) {
    .elementor-5658 .elementor-element.elementor-element-dc5f245::before {
        font-size: 10px; /* taille plus petite mobile */
        left: 15px; /* optionnel, ajuste si besoin */
        bottom: 8px; /* optionnel */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35f0305 */.elementor-5658 .elementor-element.elementor-element-35f0305 {
    position: relative;
    display: block;
    overflow: hidden;
}

/* image principale */
.elementor-5658 .elementor-element.elementor-element-35f0305 img {
    transition: opacity 0.6s ease;
    display: block;
    width: 100%;
}

/* image hover */
.elementor-5658 .elementor-element.elementor-element-35f0305::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('https://coffee-break.fr/wp-content/uploads/2026/03/MATCHA-LATTE_1-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.elementor-5658 .elementor-element.elementor-element-35f0305:hover::after {
    opacity: 1;
}

/* TEXTE PRODUIT */
.elementor-5658 .elementor-element.elementor-element-35f0305::before {
    content: "MATCHA COCO VANILLE";
    position: absolute;
    bottom: 10px;
    left: 20px;
    
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400; /* LIGTH */
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #c64f12;
    z-index: 3;
    
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* apparition texte au hover */

.elementor-5658 .elementor-element.elementor-element-35f0305:hover::before {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 768px) {
    .elementor-5658 .elementor-element.elementor-element-35f0305::before {
        font-size: 10px; /* taille plus petite mobile */
        left: 15px; /* optionnel, ajuste si besoin */
        bottom: 8px; /* optionnel */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-22cb459 */.elementor-5658 .elementor-element.elementor-element-22cb459 {
    position: relative;
    display: block;
    overflow: hidden;
}

/* image principale */
.elementor-5658 .elementor-element.elementor-element-22cb459 img {
    transition: opacity 0.6s ease;
    display: block;
    width: 100%;
}

/* image hover */
.elementor-5658 .elementor-element.elementor-element-22cb459::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('https://coffee-break.fr/wp-content/uploads/2026/03/GOLDEN-LATTE-MACCHIATO_1-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.elementor-5658 .elementor-element.elementor-element-22cb459:hover::after {
    opacity: 1;
}

/* TEXTE PRODUIT */
.elementor-5658 .elementor-element.elementor-element-22cb459::before {
    content: "GOLDEN LATTE MACCHIATO";
    position: absolute;
    bottom: 10px;
    left: 20px;
    
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400; /* LIGTH */
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #c64f12;
    z-index: 3;
    
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* apparition texte au hover */

.elementor-5658 .elementor-element.elementor-element-22cb459:hover::before {
    opacity: 1;
    transform: translateY(0);
}
@media (max-width: 768px) {
    .elementor-5658 .elementor-element.elementor-element-22cb459::before {
        font-size: 10px; /* taille plus petite mobile */
        left: 15px; /* optionnel, ajuste si besoin */
        bottom: 8px; /* optionnel */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ea3001f */.elementor-5658 .elementor-element.elementor-element-ea3001f {
    position: relative;
    display: block;
    overflow: hidden;
}

/* image principale */
.elementor-5658 .elementor-element.elementor-element-ea3001f img {
    transition: opacity 0.6s ease;
    display: block;
    width: 100%;
}

/* image hover */
.elementor-5658 .elementor-element.elementor-element-ea3001f::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('https://coffee-break.fr/wp-content/uploads/2026/03/GOLDEN-LATTE_1-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.elementor-5658 .elementor-element.elementor-element-ea3001f:hover::after {
    opacity: 1;
}

/* TEXTE PRODUIT */
.elementor-5658 .elementor-element.elementor-element-ea3001f::before {
    content: "GOLDEN LATTE";
    position: absolute;
    bottom: 10px;
    left: 20px;
    
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400; /* LIGTH */
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #c64f12;
    z-index: 3;
    
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* apparition texte au hover */

.elementor-5658 .elementor-element.elementor-element-ea3001f:hover::before {
    opacity: 1;
    transform: translateY(0);
}
@media (max-width: 768px) {
    .elementor-5658 .elementor-element.elementor-element-ea3001f::before {
        font-size: 10px; /* taille plus petite mobile */
        left: 15px; /* optionnel, ajuste si besoin */
        bottom: 8px; /* optionnel */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ce90b00 */.elementor-5658 .elementor-element.elementor-element-ce90b00 {
    position: relative;
    display: block;
    overflow: hidden;
}

/* image principale */
.elementor-5658 .elementor-element.elementor-element-ce90b00 img {
    transition: opacity 0.6s ease;
    display: block;
    width: 100%;
}

/* image hover */
.elementor-5658 .elementor-element.elementor-element-ce90b00::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('https://coffee-break.fr/wp-content/uploads/2026/03/UBE-LATTE-MACCHIATO_1-2.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.elementor-5658 .elementor-element.elementor-element-ce90b00:hover::after {
    opacity: 1;
}

/* TEXTE PRODUIT */
.elementor-5658 .elementor-element.elementor-element-ce90b00::before {
    content: "FRESHH MANGUE PASSION";
    position: absolute;
    bottom: 10px;
    left: 20px;
    
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400; /* LIGTH */
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #c64f12;
    z-index: 3;
    
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* apparition texte au hover */

.elementor-5658 .elementor-element.elementor-element-ce90b00:hover::before {
    opacity: 1;
    transform: translateY(0);
}
@media (max-width: 768px) {
    .elementor-5658 .elementor-element.elementor-element-ce90b00::before {
        font-size: 10px; /* taille plus petite mobile */
        left: 15px; /* optionnel, ajuste si besoin */
        bottom: 8px; /* optionnel */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-88f9ff5 */.elementor-5658 .elementor-element.elementor-element-88f9ff5 {
    position: relative;
    display: block;
    overflow: hidden;
}

/* image principale */
.elementor-5658 .elementor-element.elementor-element-88f9ff5 img {
    transition: opacity 0.6s ease;
    display: block;
    width: 100%;
}

/* image hover */
.elementor-5658 .elementor-element.elementor-element-88f9ff5::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('https://coffee-break.fr/wp-content/uploads/2026/03/UBE-LATTE-MACCHIATO_1-1-1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.elementor-5658 .elementor-element.elementor-element-88f9ff5:hover::after {
    opacity: 1;
}

/* TEXTE PRODUIT */
.elementor-5658 .elementor-element.elementor-element-88f9ff5::before {
    content: "FRESHH FRUIT DU DRAGON CITRON VERT";
    position: absolute;
    bottom: 10px;
    left: 20px;
    
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400; /* LIGTH */
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #c64f12;
    z-index: 3;
    
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* apparition texte au hover */

.elementor-5658 .elementor-element.elementor-element-88f9ff5:hover::before {
    opacity: 1;
    transform: translateY(0);
}
@media (max-width: 768px) {
    .elementor-5658 .elementor-element.elementor-element-88f9ff5::before {
        font-size: 10px; /* taille plus petite mobile */
        left: 15px; /* optionnel, ajuste si besoin */
        bottom: 8px; /* optionnel */
        
    }color: BLACK;
}/* End custom CSS */