.elementor-419 .elementor-element.elementor-element-873c455{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:170px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-419 .elementor-element.elementor-element-873c455:not(.elementor-motion-effects-element-type-background), .elementor-419 .elementor-element.elementor-element-873c455 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.aucoindufeu07.fr/wp-content/uploads/2026/05/Skye-5-Low-Black-3-scaled-e1778532806352.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-419 .elementor-element.elementor-element-5ea71c0{--display:flex;--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;}.elementor-419 .elementor-element.elementor-element-74e10ca{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-419 .elementor-element.elementor-element-806c2b1 .elementor-heading-title{text-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);color:var( --e-global-color-accent );}.elementor-419 .elementor-element.elementor-element-52d9877 .elementor-heading-title{font-family:var( --e-global-typography-7c25574-font-family ), Sans-serif;font-size:var( --e-global-typography-7c25574-font-size );font-weight:var( --e-global-typography-7c25574-font-weight );line-height:var( --e-global-typography-7c25574-line-height );color:var( --e-global-color-e9b8ad7 );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-419 .elementor-element.elementor-element-17d1aa6{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:2px;}.elementor-419 .elementor-element.elementor-element-17d1aa6 .elementor-divider-separator{width:50px;}.elementor-419 .elementor-element.elementor-element-17d1aa6 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-419 .elementor-element.elementor-element-7543705{width:var( --container-widget-width, 400px );max-width:400px;--container-widget-width:400px;--container-widget-flex-grow:0;color:var( --e-global-color-e9b8ad7 );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-419 .elementor-element.elementor-element-eae4eea .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-419 .elementor-element.elementor-element-eae4eea .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-419 .elementor-element.elementor-element-eae4eea .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-419 .elementor-element.elementor-element-eae4eea .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-419 .elementor-element.elementor-element-eae4eea .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-419 .elementor-element.elementor-element-eae4eea .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-419 .elementor-element.elementor-element-eae4eea .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-419 .elementor-element.elementor-element-eae4eea{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-419 .elementor-element.elementor-element-eae4eea .elementor-icon-list-text{color:var( --e-global-color-e9b8ad7 );transition:color 0.3s;}.elementor-419 .elementor-element.elementor-element-cb0f410{--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-419 .elementor-element.elementor-element-e0667b4{--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:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-419 .elementor-element.elementor-element-07a03bf{--display:flex;}.elementor-419 .elementor-element.elementor-element-a2fb88f{text-align:center;}.elementor-419 .elementor-element.elementor-element-a2fb88f .elementor-heading-title{font-family:var( --e-global-typography-b4fd36f-font-family ), Sans-serif;font-size:var( --e-global-typography-b4fd36f-font-size );font-weight:var( --e-global-typography-b4fd36f-font-weight );color:var( --e-global-color-3bf2ed4 );}.elementor-419 .elementor-element.elementor-element-befcaba{text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-3bf2ed4 );}.elementor-419 .elementor-element.elementor-element-93f5a8e{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-419 .elementor-element.elementor-element-023fc21{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-419 .elementor-element.elementor-element-4c005a9 .elementor-icon-wrapper{text-align:center;}.elementor-419 .elementor-element.elementor-element-4c005a9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-419 .elementor-element.elementor-element-4c005a9.elementor-view-framed .elementor-icon, .elementor-419 .elementor-element.elementor-element-4c005a9.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-419 .elementor-element.elementor-element-4c005a9.elementor-view-framed .elementor-icon, .elementor-419 .elementor-element.elementor-element-4c005a9.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-419 .elementor-element.elementor-element-9715f84{text-align:center;}.elementor-419 .elementor-element.elementor-element-6c3bb0a{--display:flex;}.elementor-419 .elementor-element.elementor-element-09df9ab .elementor-icon-wrapper{text-align:center;}.elementor-419 .elementor-element.elementor-element-09df9ab.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-419 .elementor-element.elementor-element-09df9ab.elementor-view-framed .elementor-icon, .elementor-419 .elementor-element.elementor-element-09df9ab.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-419 .elementor-element.elementor-element-09df9ab.elementor-view-framed .elementor-icon, .elementor-419 .elementor-element.elementor-element-09df9ab.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-419 .elementor-element.elementor-element-62440e8{text-align:center;}.elementor-419 .elementor-element.elementor-element-ef6c163{--display:flex;--justify-content:center;}.elementor-419 .elementor-element.elementor-element-c829595 .elementor-icon-wrapper{text-align:center;}.elementor-419 .elementor-element.elementor-element-c829595.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-419 .elementor-element.elementor-element-c829595.elementor-view-framed .elementor-icon, .elementor-419 .elementor-element.elementor-element-c829595.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-419 .elementor-element.elementor-element-c829595.elementor-view-framed .elementor-icon, .elementor-419 .elementor-element.elementor-element-c829595.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-419 .elementor-element.elementor-element-bd49705{text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(max-width:1024px){.elementor-419 .elementor-element.elementor-element-52d9877 .elementor-heading-title{font-size:var( --e-global-typography-7c25574-font-size );line-height:var( --e-global-typography-7c25574-line-height );}.elementor-419 .elementor-element.elementor-element-a2fb88f .elementor-heading-title{font-size:var( --e-global-typography-b4fd36f-font-size );}}@media(max-width:767px){.elementor-419 .elementor-element.elementor-element-873c455{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-419 .elementor-element.elementor-element-52d9877 .elementor-heading-title{font-size:var( --e-global-typography-7c25574-font-size );line-height:var( --e-global-typography-7c25574-line-height );}.elementor-419 .elementor-element.elementor-element-a2fb88f .elementor-heading-title{font-size:var( --e-global-typography-b4fd36f-font-size );}}@media(min-width:768px){.elementor-419 .elementor-element.elementor-element-74e10ca{--width:50%;}.elementor-419 .elementor-element.elementor-element-cb0f410{--width:50%;}.elementor-419 .elementor-element.elementor-element-07a03bf{--width:900px;}}/* Start custom CSS for html, class: .elementor-element-91701f4 *//* ========================= SECTION SHOWROOM ========================= */ .showroom-section { position: relative; } /* ========================= PREVIEW ========================= */ .showroom-preview { position: relative; overflow: hidden; border-radius: 28px; min-height: 620px; box-shadow: 0 24px 60px rgba(0,0,0,0.18); cursor: pointer; } .showroom-preview img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s ease; } .showroom-preview:hover img { transform: scale(1.03); } /* Overlay */ .showroom-overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(0,0,0,0.15), rgba(0,0,0,0.45) ); z-index: 1; } /* ========================= BOUTON ========================= */ .showroom-button { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; padding: 10px 25px; border: none; background: linear-gradient( 135deg, #d82222 0%, #e9531d 38%, #e59122 72%, #f8ad15 100% ); background-size: 180% 180%; background-position: 0% 50%; color: #ffffff; font-size: 15px; font-weight: 600; letter-spacing: 0.01em; cursor: pointer; box-shadow: 0 10px 30px rgba(216,34,34,0.20), 0 4px 12px rgba(0,0,0,0.18); transition: background-position 0.6s ease, transform 0.25s ease, box-shadow 0.35s ease, filter 0.35s ease; } .showroom-button:hover { transform: translate(-50%, -50%) scale(1.03); background-position: 100% 50%; filter: saturate(1.05) brightness(1.03); box-shadow: 0 16px 38px rgba(229,145,34,0.22), 0 8px 18px rgba(0,0,0,0.22); } /* ========================= LIGHTBOX — DESKTOP (par défaut) ========================= */ .showroom-lightbox { position: fixed; inset: 0; background: rgba(0,0,0,0.92); z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 2px; /* marge desktop autour de la fenêtre */ opacity: 0; visibility: hidden; transition: opacity 0.35s ease, visibility 0.35s ease; } .showroom-lightbox.active { opacity: 1; visibility: visible; } .showroom-lightbox iframe { width: 100%; height: 100%; border: none; border-radius: 28px; box-shadow: 0 30px 80px rgba(0,0,0,0.5); } /* ========================= CLOSE BUTTON ========================= */ .showroom-close { position: absolute; top: 36px; right: 36px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,0.10); color: #ffffff; font-size: 22px; cursor: pointer; backdrop-filter: blur(10px); transition: background 0.25s ease; z-index: 10000; } .showroom-close:hover { background: rgba(255,255,255,0.18); } /* ========================= BADGE "VISITE IMMERSIVE" ========================= */ .showroom-badge { position: absolute; top: 22px; right: 22px; z-index: 2; padding: 7px 12px; border-radius: 5px; background: rgba(255,255,255,0.10); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.10); color: rgba(255,255,255,0.88); font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1; } /* ========================= MOBILE — PLEIN ÉCRAN ========================= */ @media (max-width: 767px) { .showroom-preview { min-height: 420px; } .showroom-button { min-width: 210px; } .showroom-lightbox { padding: 0; /* vrai plein écran, sans marge */ } .showroom-lightbox iframe { width: 100%; height: 100%; max-width: none; /* on annule les limites desktop */ max-height: none; border-radius: 0; box-shadow: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-873c455 *//* ========================= SECTION AVEC IMAGE DE FOND ========================= */ .glass-section { position: relative; overflow: hidden; } /* Overlay subtil pour lisibilité */ .glass-section::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(10,10,10,0.30), rgba(10,10,10,0.42) ); z-index: 1; } /* ========================= PANEL GLASS PREMIUM ========================= */ .glass-panel { position: relative; z-index: 2; padding: 10px; border-radius: 32px; background: linear-gradient( 135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.04) ); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,0.10); box-shadow: 0 20px 60px rgba(0,0,0,0.18); overflow: hidden; } /* Lueur subtile */ .glass-panel::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.30), transparent ); } /* ========================= TYPO SUR GLASS ========================= */ .glass-panel h2, .glass-panel h3 { color: #ffffff; } .glass-panel p { color: rgba(255,255,255,0.78); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-023fc21 */.infos { position: relative; z-index: 2; padding: 10px; border-radius: 32px; background: linear-gradient( 135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.04) ); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,0.10); box-shadow: 0 20px 60px rgba(0,0,0,0.18); overflow: hidden; } /* Lueur subtile */ .infos::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.30), transparent ); }/* End custom CSS */