.elementor-752 .elementor-element.elementor-element-c4f4354{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-752 .elementor-element.elementor-element-41102a0{--display:flex;--min-height:0vh;--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;--justify-content:center;--align-items:flex-end;--background-transition:0.3s;}.elementor-752 .elementor-element.elementor-element-41102a0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-752 .elementor-element.elementor-element-75cc356.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-752 .elementor-element.elementor-element-75cc356 img{height:70vh;}.elementor-752 .elementor-element.elementor-element-15e7cbd{--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;--justify-content:center;--padding-top:3%;--padding-bottom:3%;--padding-left:0%;--padding-right:0%;}.elementor-752 .elementor-element.elementor-element-15e7cbd.e-con{--align-self:center;}.elementor-752 .elementor-element.elementor-element-831b003 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-752 .elementor-element.elementor-element-97fc613{padding:0% 0% 0% 0%;columns:1;font-family:var( --e-global-typography-545d2f2-font-family ), Sans-serif;font-size:var( --e-global-typography-545d2f2-font-size );font-weight:var( --e-global-typography-545d2f2-font-weight );line-height:var( --e-global-typography-545d2f2-line-height );color:var( --e-global-color-ca61c5d );}.elementor-752 .elementor-element.elementor-element-33b6423{--display:flex;--min-height:20rem;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;}.elementor-752 .elementor-element.elementor-element-33b6423.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-752 .elementor-element.elementor-element-67fd198{--display:flex;--min-height:10rem;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-752 .elementor-element.elementor-element-67fd198:not(.elementor-motion-effects-element-type-background), .elementor-752 .elementor-element.elementor-element-67fd198 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-752 .elementor-element.elementor-element-67fd198.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-752 .elementor-element.elementor-element-ca0133c{text-align:center;}.elementor-752 .elementor-element.elementor-element-ca0133c .elementor-heading-title{font-family:var( --e-global-typography-1a7456b-font-family ), Sans-serif;font-size:var( --e-global-typography-1a7456b-font-size );font-weight:var( --e-global-typography-1a7456b-font-weight );line-height:var( --e-global-typography-1a7456b-line-height );color:var( --e-global-color-8cb6af8 );}.elementor-752 .elementor-element.elementor-element-ca0133c .elementor-heading-title a:hover, .elementor-752 .elementor-element.elementor-element-ca0133c .elementor-heading-title a:focus{color:#0F172A;}.elementor-752 .elementor-element.elementor-element-135e05a{--display:flex;--min-height:10rem;--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;--justify-content:center;--align-items:center;--background-transition:0.3s;}.elementor-752 .elementor-element.elementor-element-135e05a:not(.elementor-motion-effects-element-type-background), .elementor-752 .elementor-element.elementor-element-135e05a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-752 .elementor-element.elementor-element-135e05a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-752 .elementor-element.elementor-element-c593a95{text-align:center;}.elementor-752 .elementor-element.elementor-element-c593a95 .elementor-heading-title{font-family:var( --e-global-typography-1a7456b-font-family ), Sans-serif;font-size:var( --e-global-typography-1a7456b-font-size );font-weight:var( --e-global-typography-1a7456b-font-weight );line-height:var( --e-global-typography-1a7456b-line-height );color:var( --e-global-color-8cb6af8 );}.elementor-752 .elementor-element.elementor-element-c593a95 .elementor-heading-title a:hover, .elementor-752 .elementor-element.elementor-element-c593a95 .elementor-heading-title a:focus{color:#0F172A;}.elementor-752 .elementor-element.elementor-element-5686ff3{--display:flex;--min-height:20rem;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-752 .elementor-element.elementor-element-5686ff3:not(.elementor-motion-effects-element-type-background), .elementor-752 .elementor-element.elementor-element-5686ff3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-752 .elementor-element.elementor-element-5686ff3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-752 .elementor-element.elementor-element-7eac323{text-align:center;}.elementor-752 .elementor-element.elementor-element-7eac323 .elementor-heading-title{font-family:var( --e-global-typography-1a7456b-font-family ), Sans-serif;font-size:var( --e-global-typography-1a7456b-font-size );font-weight:var( --e-global-typography-1a7456b-font-weight );line-height:var( --e-global-typography-1a7456b-line-height );color:var( --e-global-color-8cb6af8 );}.elementor-752 .elementor-element.elementor-element-7eac323 .elementor-heading-title a:hover, .elementor-752 .elementor-element.elementor-element-7eac323 .elementor-heading-title a:focus{color:#0F172A;}@media(min-width:768px){.elementor-752 .elementor-element.elementor-element-41102a0{--width:auto;}.elementor-752 .elementor-element.elementor-element-15e7cbd{--width:100%;}.elementor-752 .elementor-element.elementor-element-33b6423{--content-width:100%;}.elementor-752 .elementor-element.elementor-element-67fd198{--width:auto;}.elementor-752 .elementor-element.elementor-element-135e05a{--width:auto;}.elementor-752 .elementor-element.elementor-element-5686ff3{--width:auto;}}@media(max-width:1024px){.elementor-752 .elementor-element.elementor-element-c4f4354{--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;--justify-content:flex-start;--flex-wrap:wrap;--padding-top:3%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-752 .elementor-element.elementor-element-41102a0{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-752 .elementor-element.elementor-element-41102a0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-752 .elementor-element.elementor-element-75cc356.elementor-element{--align-self:center;}.elementor-752 .elementor-element.elementor-element-75cc356 img{height:30vh;}.elementor-752 .elementor-element.elementor-element-15e7cbd{--justify-content:flex-start;}.elementor-752 .elementor-element.elementor-element-831b003.elementor-element{--align-self:center;}.elementor-752 .elementor-element.elementor-element-831b003 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-752 .elementor-element.elementor-element-97fc613{padding:0% 0% 0% 0%;text-align:center;font-size:var( --e-global-typography-545d2f2-font-size );line-height:var( --e-global-typography-545d2f2-line-height );}.elementor-752 .elementor-element.elementor-element-33b6423{--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;}.elementor-752 .elementor-element.elementor-element-ca0133c .elementor-heading-title{font-size:var( --e-global-typography-1a7456b-font-size );line-height:var( --e-global-typography-1a7456b-line-height );}.elementor-752 .elementor-element.elementor-element-135e05a{--min-height:20rem;}.elementor-752 .elementor-element.elementor-element-c593a95 .elementor-heading-title{font-size:var( --e-global-typography-1a7456b-font-size );line-height:var( --e-global-typography-1a7456b-line-height );}.elementor-752 .elementor-element.elementor-element-7eac323 .elementor-heading-title{font-size:var( --e-global-typography-1a7456b-font-size );line-height:var( --e-global-typography-1a7456b-line-height );}}@media(max-width:767px){.elementor-752 .elementor-element.elementor-element-c4f4354{--justify-content:flex-start;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-752 .elementor-element.elementor-element-831b003{padding:0% 0% 0% 0%;text-align:center;}.elementor-752 .elementor-element.elementor-element-831b003 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-752 .elementor-element.elementor-element-97fc613{font-size:var( --e-global-typography-545d2f2-font-size );line-height:var( --e-global-typography-545d2f2-line-height );}.elementor-752 .elementor-element.elementor-element-33b6423{--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:stretch;}.elementor-752 .elementor-element.elementor-element-ca0133c .elementor-heading-title{font-size:var( --e-global-typography-1a7456b-font-size );line-height:var( --e-global-typography-1a7456b-line-height );}.elementor-752 .elementor-element.elementor-element-c593a95 .elementor-heading-title{font-size:var( --e-global-typography-1a7456b-font-size );line-height:var( --e-global-typography-1a7456b-line-height );}.elementor-752 .elementor-element.elementor-element-7eac323 .elementor-heading-title{font-size:var( --e-global-typography-1a7456b-font-size );line-height:var( --e-global-typography-1a7456b-line-height );}}/* Start custom CSS for html, class: .elementor-element-36e8b59 */#produitpage-background {
    /* Break the widget out of the grid to cover the screen */
    position: fixed !important; 
    top: 0;
    left: 0;
    
    /* Force full width and height of the viewport */
    width: 100vw !important;
    height: 100vh !important;
    
    /* Send it to the back so text sits on top */
    z-index: -1; 
    
    /* Ensure clicks pass through (so you can click buttons/links) */
    pointer-events: none; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-97fc613 *//* --- LEFT ALIGNMENT (Normal Order) --- */
/* Target the ID specifically when it has the class 'Left' */
#game-grid-wrapper.Left, 
#game-grid-wrapper.left {
    flex-direction: row !important;
}

/* --- RIGHT ALIGNMENT (Reverse Order) --- */
/* Swaps the items: Item 1 goes to the right, Item 2 to the left */
#game-grid-wrapper.Right, 
#game-grid-wrapper.right {
    flex-direction: row-reverse !important;
}

/* --- MOBILE RESET --- */
/* Ensure they stack vertically on phones regardless of selection */
@media (max-width: 767px) {
    #game-grid-wrapper.Left, #game-grid-wrapper.left,
    #game-grid-wrapper.Right, #game-grid-wrapper.right {
        flex-direction: column !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33b6423 *//* --- 1. Base Setup --- */
.product-wrapper {
    position: relative;
    overflow: hidden; /* Keeps the zoom inside the borders */
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Smooth easing */
    
    aspect-ratio: 1/1
    
}

/* --- 2. The HOVER Action (Grow + Rotate Box) --- */
.product-wrapper:hover {
    /* Zoom to 105% and Rotate 2 degrees */
    transform: scale(1.05) rotate(2deg);
    z-index: 10; /* Ensures the zoomed box sits on top of neighbors */
    /*  box-shadow: 0 15px 30px rgba(0,0,0,0.1); Soft shadow for depth */
}

/* (Deleted Section 3: The Dark Shadow Overlay is removed) */

/* --- 4. Text Styling --- */
.product-wrapper .elementor-widget-heading,
.product-wrapper .elementor-widget-text-editor {
    color: #FFFFFF !important;
    /* Increased text-shadow slightly since the dark background is gone */
    text-shadow: 0 4px 4px rgba(0,0,0,0.5); 
    position: relative;
    z-index: 2;
}

/* --- 5. Main Title Animation (Counter-Rotation) --- */
/* We must target the Title and Text specifically */
.product-wrapper .elementor-widget-heading:not(.hidden-text),
.product-wrapper .elementor-widget-text-editor:not(.hidden-text) {
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.product-wrapper:hover .elementor-widget-heading:not(.hidden-text),
.product-wrapper:hover .elementor-widget-text-editor:not(.hidden-text) {
    /* 1. Move Up (-10px) 
       2. Rotate Back (-2deg) to cancel out the box rotation 
       3. Scale Down (0.95) to cancel out the box zoom 
    */
    transform: translateY(-10px) rotate(-2deg) scale(0.95);
}

/* --- 6. Hidden Text Animation ("1.5 L") --- */
.product-wrapper .hidden-text {
    opacity: 0 !important;
    transform: translateY(20px);
    transition: all 0.5s ease;
    position: relative;
    z-index: 2;
}

.product-wrapper:hover .hidden-text {
    opacity: 1 !important;
    /* Move to center, Rotate back -2deg, Scale back 0.95 */
    transform: translateY(0) rotate(-2deg) scale(0.95);
}

/* --- Standard: Left to Right --- */
/* Matches ACF value: left-right */
#gamme-grid-wrapper.left-right {
    flex-direction: row !important;
}

/* --- Reverse: Right to Left --- */
/* Matches ACF value: right-left */
#gamme-grid-wrapper.right-left {
    flex-direction: row-reverse !important;
}

/* --- Mobile Reset --- */
/* Ensures stacking is always vertical on phones */
@media (max-width: 767px) {
    #gamme-grid-wrapper.left-right,
    #gamme-grid-wrapper.right-left {
        flex-direction: column !important;
    }
}/* End custom CSS */