{"id":27391,"date":"2025-01-15T00:13:34","date_gmt":"2025-01-15T00:13:34","guid":{"rendered":"https:\/\/demo.beautystar.it\/homepage\/"},"modified":"2025-07-23T12:39:49","modified_gmt":"2025-07-23T12:39:49","slug":"homepage","status":"publish","type":"page","link":"https:\/\/www.beautystar.it\/fr\/","title":{"rendered":"Page d&rsquo;accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"27391\" class=\"elementor elementor-27391 elementor-13152\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81b20db e-con-full e-flex e-con e-parent\" data-id=\"81b20db\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero_home_top\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-0bf4472 e-con-full e-flex e-con e-child\" data-id=\"0bf4472\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation_mobile&quot;:&quot;none&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b97e9c elementor-widget elementor-widget-heading\" data-id=\"2b97e9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"title-heading-home\">BeautyStar est une entreprise italienne de<\/span><span class=\"title-heading-home-2\">meubles de coiffure qui allie design <span class=\"txt_unique_inn\">inn<span class=\"icona_star_testo\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/08\/icon_star_green.svg\" alt=\"ic\u00f4ne_\u00e9toile\"><\/span><\/span>vant et durabilit\u00e9<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62d03a8 e-con-full e-flex e-con e-parent\" data-id=\"62d03a8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-929cb32 elementor-widget elementor-widget-html\" data-id=\"929cb32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- HTML da inserire in Elementor HTML Widget --><div class=\"scroll-container\"><div class=\"sticky-section\"><div class=\"video-wrapper\"><div class=\"overlay-video\"><\/div><video autoplay muted loop playsinline><source src=\"\/wp-content\/uploads\/2025\/03\/video_bs_home.webm\" type=\"video\/webm\"><\/video><\/div><!-- Overlay nero tra video e testo --><div class=\"text-container\"><div class=\"animated-text\"><h2 class=\"text-1\"><b>Technologie et innovation<\/b><\/h2><h2 class=\"text-2\">Au service du salon<\/h2><\/div><\/div><\/div><\/div><style>.scroll-container {\n  height: 300vh;\n  position: relative;\n}\n\n.sticky-section {\n  height: 100vh;\n  width: 100%;\n  position: sticky;\n  top: 0;\n  overflow: hidden;\n  background-color: #000;\n}\n\n.video-wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n\n.video-wrapper video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n\/* Stile per l'overlay nero *\/\n.overlay-video {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.3); \/* Ho aumentato l'opacit\u00e0 per renderlo pi\u00f9 visibile *\/\n  z-index: 2; \/* Tra il video (z-index: 1) e il testo (z-index: 3) *\/\n}\n\n.text-container {\n  position: relative;\n  z-index: 3; \/* Sopra l'overlay *\/\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.animated-text {\n  padding: 2rem;\n  text-align: center;\n}\n\n.animated-text h2 {\n  font-size: 2.5vw;\n  margin: 0px !important;\n  opacity: 0;\n  transform: translateY(50px);\n  color: white;\n}\n\n.text-1 {\n  margin-bottom: 1rem !important;\n}\n\n@media only screen and (max-width: 768px) {\n  .animated-text h2 {\n    font-size: 24px;\n    margin: 0px !important;\n  }\n}\n<\/style><script>document.addEventListener('DOMContentLoaded', function() {\n  const scrollContainer = document.querySelector('.scroll-container');\n  const text1 = document.querySelector('.text-1');\n  const text2 = document.querySelector('.text-2');\n  \n  window.addEventListener('scroll', () => {\n    const containerRect = scrollContainer.getBoundingClientRect();\n    const scrollProgress = -containerRect.top \/ (containerRect.height - window.innerHeight);\n    \n    if (scrollProgress >= 0 && scrollProgress <= 1) {\n      \/\/ Prima animazione\n      const text1Progress = Math.min(1, Math.max(0, scrollProgress * 4));\n      text1.style.opacity = text1Progress;\n      text1.style.transform = `translateY(${50 * (1 - text1Progress)}px)`;\n      \n      \/\/ Seconda animazione - parte quando la prima \u00e8 all'80%\n      const text2Progress = Math.min(1, Math.max(0, (scrollProgress * 4) - 1.6)); \/\/ Cambiato da 2 a 1.6\n      text2.style.opacity = text2Progress;\n      text2.style.transform = `translateY(${50 * (1 - text2Progress)}px)`;\n    }\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4352bc4 e-con-full e-flex e-con e-parent\" data-id=\"4352bc4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eebd703 elementor-widget elementor-widget-shortcode\" data-id=\"eebd703\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[scrollsequence id=\"3575\"]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04a59b2 e-flex e-con-boxed e-con e-parent\" data-id=\"04a59b2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74d31b5 anim-bufade elementor-widget elementor-widget-heading\" data-id=\"74d31b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">D\u00e9couvrez comment meubler<br>votre salon<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5793e4e elementor-widget elementor-widget-html\" data-id=\"5793e4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Slider con Hotspot<\/title>\n  <!-- Google Font Montserrat -->\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600&display=swap\" rel=\"stylesheet\">\n  <style>\n    body { font-family: 'Montserrat', sans-serif; margin: 0; padding: 0; background: #fafafa; color: #333; }\n    .container { display: flex; max-width: 1200px; margin: 60px auto; height: 450px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); background: #fff; overflow: hidden; }\n    .slider { flex: 2; position: relative; height: 100%; overflow: hidden; }\n    .content { flex: 1; padding: 30px; height: 100%; }\n\n    .slides { list-style: none; padding: 0; margin: 0; position: relative; width: 100%; height: 100%; }\n    .slides li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.6s ease-in-out; }\n    .slides li.active { opacity: 1; }\n    .slides img { width: 100%; height: 100%; object-fit: cover; display: block; }\n\n    .hotspots { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; pointer-events: none; }\n    .hotspot { position: absolute; width: 36px; height: 36px; background: rgba(255,255,255,0.8); border: 2px solid #fff; border-radius: 50%; cursor: pointer; pointer-events: all; display: flex; align-items: center; justify-content: center; font-weight: 600; color: #9caf88; transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 2px 8px rgba(0,0,0,0.2); z-index: 10; }\n    .hotspot:hover { background: #9caf88; color: #fff; transform: scale(1.5) translateY(-4px); box-shadow: 0 6px 16px rgba(0,0,0,0.3); }\n\n    .arrow { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.5); border: none; color: #fff; font-size: 2rem; padding: 8px 12px; cursor: pointer; z-index: 20; border-radius: 4px; transition: background 0.3s ease, box-shadow 0.2s ease; }\n    .arrow.prev { left: 10px; }\n    .arrow.next { right: 10px; }\n    .arrow:hover, .arrow:active, .arrow:focus { background: #9caf88; outline: none; box-shadow: 0 0 0 3px rgba(156,175,136,0.5); }\n\n    \/* Nascondi base *\/\n    .default-detail, .detail { display: none; height: 100%; }\n    \/* Mostra e centra quando attivo *\/\n    .default-detail.active, .detail.active {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      height: 100%;\n      align-items: center;\n      text-align: center;\n    }\n\n    .detail-img { width: 100%; max-height: 150px; object-fit: contain; border-radius: 8px; margin-bottom: 20px; }\n    .content h2 { margin-top: 0; font-size: 1.8rem; color: #333; position: relative; }\n    .content p { line-height: 1.6; margin: 16px 0; }\n    .detail-btn, .default-btn { display: inline-block; margin-top: 20px; padding: 12px 24px; font-weight: 600; text-decoration: none; background: #9caf88; color: #fff; border-radius: 1.5rem; transition: background 0.3s ease, transform 0.3s ease; width: fit-content; }\n    .detail-btn:hover, .default-btn:hover { background: #85a573; transform: translateY(-2px); color: #fff;}\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n      .container { flex-direction: column; height: auto; }\n      .slider, .content { width: 100%; }\n      .slider { height: 300px; }\n      .content { padding: 20px; }\n    }\n\n  <\/style>\n<\/head>\n<body>\n  <div class=\"container\">\n    <div class=\"slider\">\n      <button class=\"arrow prev\">\u2039<\/button>\n      <button class=\"arrow next\">\u203a<\/button>\n      <ul class=\"slides\">\n        <!-- Slide 1 -->\n        <li class=\"slide active\" data-slide=\"0\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Render1-scaled.jpg\" alt=\"Slide 1\">\n          <div class=\"hotspots\">\n            <div class=\"hotspot\" data-index=\"0\" style=\"top:60%; left:20%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"1\" style=\"top:60%; left:70%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"2\" style=\"top:50%; left:90%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"3\" style=\"top:70%; left:90%;\"><\/div>\n          <\/div>\n        <\/li>\n        <!-- Slide 2 -->\n        <li class=\"slide\" data-slide=\"1\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Render2-scaled.png\" alt=\"Slide 2\">\n          <div class=\"hotspots\">\n            <div class=\"hotspot\" data-index=\"0\" style=\"top:80%; left:60%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"1\" style=\"top:60%; left:65%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"2\" style=\"top:65%; left:80%;\"><\/div>\n          <\/div>\n        <\/li>\n        <!-- Slide 3 -->\n        <li class=\"slide\" data-slide=\"2\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Render3.jpg\" alt=\"Slide 2\">\n          <div class=\"hotspots\">\n            <div class=\"hotspot\" data-index=\"0\" style=\"top:80%; left:45%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"1\" style=\"top:50%; left:50%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"2\" style=\"top:65%; left:65%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"3\" style=\"top:80%; left:90%;\"><\/div>\n                       \n          <\/div>\n        <\/li>\n        <!-- Slide 4 -->\n        <li class=\"slide\" data-slide=\"3\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Render4-scaled.png\" alt=\"Slide 2\">\n          <div class=\"hotspots\">\n            <div class=\"hotspot\" data-index=\"0\" style=\"top:30%; left:30%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"1\" style=\"top:35%; left:40%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"2\" style=\"top:70%; left:30%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"3\" style=\"top:72%; left:35%;\"><\/div>\n          <\/div>\n        <\/li>\n        <!-- Slide 5 -->\n        <li class=\"slide\" data-slide=\"4\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Render5-scaled.jpg\" alt=\"Slide 2\">\n          <div class=\"hotspots\">\n            <div class=\"hotspot\" data-index=\"0\" style=\"top:80%; left:50%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"1\" style=\"top:70%; left:40%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"3\" style=\"top:60%; left:55%;\"><\/div>\n          <\/div>\n        <\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"content\">\n      <div class=\"default-detail active\">\n        <p>Cliquez sur les hotspots<\/p>\n        <h2>D\u00e9couvrez les produits BeautyStar<\/h2>\n\n        <a href=\"https:\/\/beautystar.it\/fr\/contatti\/\" class=\"default-btn\">D\u00e9couvrez comment acheter<\/a>\n      <\/div>\n      <!-- Dettagli slide 1 -->\n      <div class=\"detail\" data-slide=\"0\" data-index=\"0\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Mobili-no-bg.png\" alt=\"Dettaglio 1\">\n        <h2>Retrolavaggio<\/h2>\n        <a href=\"https:\/\/beautystar.it\/fr\/prodotti-catalogo\/retro-wash-light-mobili-retrolavaggio-per-parrucchieri\/\" class=\"detail-btn\">D\u00e9couvrir<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"0\" data-index=\"1\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2024\/10\/alba-no-bg.png\" alt=\"Dettaglio 2\">\n        <h2>Alba<\/h2>\n        <a href=\"https:\/\/beautystar.it\/fr\/prodotti-catalogo\/alba-poltrona-per-parrucchieri\/\" class=\"detail-btn\">D\u00e9couvrir<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"0\" data-index=\"2\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2024\/10\/stargate-no-bg.png\" alt=\"Dettaglio 2\">\n        <h2>Stargate<\/h2>\n        <a href=\"https:\/\/beautystar.it\/fr\/prodotti-catalogo\/stargate-mensola-per-parrucchieri\/\" class=\"detail-btn\">D\u00e9couvrir<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"0\" data-index=\"3\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/poggiapiedi.display_sketch.png\" alt=\"Dettaglio 2\">\n        <h2>Garmet<\/h2>\n        <a href=\"https:\/\/beautystar.it\/fr\/prodotti-catalogo\/garmet-appoggiapiedi\/\" class=\"detail-btn\">D\u00e9couvrir<\/a>\n      <\/div>\n      <!-- Dettagli slide 2 -->\n      <div class=\"detail\" data-slide=\"1\" data-index=\"0\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/poggiapiedi.display_sketch.png\" alt=\"Dettaglio A\">\n        <h2>Display<\/h2>\n        <a href=\"https:\/\/beautystar.it\/fr\/prodotti-catalogo\/display-appoggiapiedi\/\" class=\"detail-btn\">D\u00e9couvrir<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"1\" data-index=\"1\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Livello-10.png\" alt=\"Dettaglio B\">\n        <h2>Hunt<\/h2>\n        <a href=\"https:\/\/beautystar.it\/fr\/prodotti-catalogo\/hunt\/\" class=\"detail-btn\">D\u00e9couvrir<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"1\" data-index=\"2\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/amelie.png\" alt=\"Dettaglio B\">\n        <h2>Amelie<\/h2>\n        <a href=\"https:\/\/beautystar.it\/fr\/prodotti-catalogo\/amelie-poltrona-per-parrucchieri\/\" class=\"detail-btn\">D\u00e9couvrir<\/a>\n      <\/div>\n            <!-- Dettagli slide 3 -->\n      <div class=\"detail\" data-slide=\"2\" data-index=\"0\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Broadway_01_sketch.png\" alt=\"Dettaglio A\">\n        <h2>Broadway<\/h2>\n        <a href=\"https:\/\/beautystar.it\/fr\/prodotti-catalogo\/broadway-poltrona-per-parrucchieri\/\" class=\"detail-btn\">D\u00e9couvrir<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"2\" data-index=\"1\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Mensole-no-bg.png\" alt=\"Dettaglio B\">\n        <h2>Brooklyn<\/h2>\n        <a href=\"https:\/\/beautystar.it\/fr\/prodotti-catalogo\/brooklyn-mensola-per-parrucchieri\/\" class=\"detail-btn\">D\u00e9couvrir<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"2\" data-index=\"2\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Harlem_01_sketch.png\" alt=\"Dettaglio B\">\n        <h2>Harlem<\/h2>\n        <a href=\"https:\/\/beautystar.it\/fr\/prodotti-catalogo\/harlem-poltrona-per-parrucchieri\/\" class=\"detail-btn\">D\u00e9couvrir<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"2\" data-index=\"3\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Lavaggio_NY_04_sketch.png\" alt=\"Dettaglio B\">\n        <h2>I Love NY<\/h2>\n        <a href=\"https:\/\/beautystar.it\/fr\/prodotti-catalogo\/i-love-ny-lavatesta-per-parrucchieri\/\" class=\"detail-btn\">Discover<\/a>\n      <\/div>\n            <!-- Dettagli slide 4 -->\n      <div class=\"detail\" data-slide=\"3\" data-index=\"0\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Mobili-no-bg.png\" alt=\"Dettaglio A\">\n        <h2>Retrolavaggio<\/h2>\n        <a href=\"https:\/\/beautystar.it\/fr\/prodotti-catalogo\/retro-wash-light-mobili-retrolavaggio-per-parrucchieri\/\" class=\"detail-btn\">D\u00e9couvrir<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"3\" data-index=\"1\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Igloo_01.png\" alt=\"Dettaglio B\">\n        <h2>Igloo<\/h2>\n        <a href=\"https:\/\/beautystar.it\/fr\/prodotti-catalogo\/igloo-sistema-a-vapore\/\" class=\"detail-btn\">D\u00e9couvrir<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"3\" data-index=\"2\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Vapomist_1_New_01.ong_.png\" alt=\"Dettaglio B\">\n        <h2>Vapomist<\/h2>\n        <a href=\"https:\/\/beautystar.it\/fr\/prodotti-catalogo\/vapomist\/\" class=\"detail-btn\">D\u00e9couvrir<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"3\" data-index=\"3\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Lavatesta-no-bg.png\" alt=\"Dettaglio B\">\n        <h2>New Almond<\/h2>\n        <a href=\"https:\/\/beautystar.it\/fr\/prodotti-catalogo\/new-almond-lavatesta-per-parrucchieri\/\" class=\"detail-btn\">D\u00e9couvrir<\/a>\n      <\/div>\n            <!-- Dettagli slide 5 -->\n      <div class=\"detail\" data-slide=\"4\" data-index=\"0\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Liberty_01.png\" alt=\"Dettaglio A\">\n        <h2>Liberty<\/h2>\n        <a href=\"https:\/\/beautystar.it\/fr\/prodotti-catalogo\/liberty-poltrona-per-parrucchieri\/\" class=\"detail-btn\">D\u00e9couvrir<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"4\" data-index=\"1\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Coco_a-muro.png\" alt=\"Dettaglio B\">\n        <h2>Coco<\/h2>\n        <a href=\"https:\/\/beautystar.it\/fr\/prodotti-catalogo\/coco-centrale\/\" class=\"detail-btn\">D\u00e9couvrir<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"4\" data-index=\"2\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Lavatesta-no-bg.png\" alt=\"Dettaglio B\">\n        <h2>New Almond<\/h2>\n        <a href=\"https:\/\/beautystar.it\/fr\/prodotti-catalogo\/new-almond-lavatesta-per-parrucchieri\/\" class=\"detail-btn\">D\u00e9couvrir<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n  <script>\n    const slides = document.querySelectorAll('.slide');\n    const prev = document.querySelector('.arrow.prev');\n    const next = document.querySelector('.arrow.next');\n    const defaultDetail = document.querySelector('.default-detail');\n    const details = document.querySelectorAll('.detail');\n    let currentSlide = 0;\n\n    function showSlide(idx) {\n      currentSlide = idx;\n      slides.forEach(s => s.classList.toggle('active', Number(s.dataset.slide) === idx));\n      defaultDetail.classList.add('active');\n      details.forEach(d => d.classList.remove('active'));\n    }\n    prev.addEventListener('click', () => showSlide((currentSlide - 1 + slides.length) % slides.length));\n    next.addEventListener('click', () => showSlide((currentSlide + 1) % slides.length));\n\n    document.querySelectorAll('.hotspot').forEach(hot => {\n      hot.addEventListener('click', (e) => {\n        e.stopPropagation();\n        const slideIdx = Number(hot.closest('.slide').dataset.slide);\n        const idx = Number(hot.dataset.index);\n        defaultDetail.classList.remove('active');\n        details.forEach(d => {\n          d.classList.toggle('active', Number(d.dataset.slide) === slideIdx && Number(d.dataset.index) === idx);\n        });\n      });\n    });\n  <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b348dff e-con-full background-changing e-flex e-con e-parent\" data-id=\"b348dff\" data-element_type=\"container\" data-e-type=\"container\" id=\"background-changing\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-9a30658 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"9a30658\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-75b2503 e-con-full anim-bufade elementor-hidden-mobile e-flex e-con e-child\" data-id=\"75b2503\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e19eafd custom-underline elementor-widget elementor-widget-heading\" data-id=\"e19eafd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/beautystar.it\/fr\/collezioni\/\">D\u00e9couvrez toutes les collections<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79346e9 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"79346e9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-800e94f elementor-widget__width-initial anim-bufade elementor-widget elementor-widget-heading\" data-id=\"800e94f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">COLLECTIONS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52b5571 elementor-widget__width-initial anim-bufade elementor-widget elementor-widget-heading\" data-id=\"52b5571\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Les collections BeautyStar : un design innovant, une qualit\u00e9 de fabrication et des fonctionnalit\u00e9s con\u00e7ues pour votre salon.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51f8aa6 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"51f8aa6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ad8534 anim-bufade elementor-widget elementor-widget-loop-carousel\" data-id=\"1ad8534\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"collection-carousel\" data-settings=\"{&quot;template_id&quot;:17877,&quot;speed&quot;:250,&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;slides_to_scroll_mobile&quot;:&quot;1&quot;,&quot;_skin&quot;:&quot;post&quot;,&quot;slides_to_show&quot;:&quot;3&quot;,&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;.elementor-loop-container&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;offset_sides&quot;:&quot;none&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-carousel.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"swiper elementor-loop-container elementor-grid\" role=\"list\" dir=\"rtl\">\n\t\t\t\t<div class=\"swiper-wrapper\" aria-live=\"polite\">\n\t\t<style id=\"loop-17877\">.elementor-17877 .elementor-element.elementor-element-37dc52b{--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;}@media(min-width:768px){.elementor-17877 .elementor-element.elementor-element-37dc52b{--content-width:100%;}}<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17877\" class=\"elementor elementor-17877 elementor-582 elementor-582 swiper-slide e-loop-item e-loop-item-36777 post-36777 collectioncarousel type-collectioncarousel status-publish hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-37dc52b e-flex e-con-boxed e-con e-parent\" data-id=\"37dc52b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd5b3ff elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"dd5b3ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <a href=\"https:\/\/www.beautystar.it\/fr\/stili\/new-york\/\">\n      <div class=\"imagecollection-container\">\n        <img decoding=\"async\" class=\"image-carousel-changing\" src=\"\" data-hover-image=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/10\/New-york_collezione_beautystar_sketch.png\" data-text=\"rgb(229,229,229)\">\n        <div class=\"overlay\">\n          <p><\/p>\n        <\/div>\n        <h4 class=\"image-collection-description\">Prochainement<\/h4>\n      <\/div>\n    <\/a>\n    \n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n    font-family: \"Poppins\";\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n    object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 18px;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 35px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\"); \/\/ Seleziona l'elemento genitore\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        \/\/ Modifica la variabile CSS per il colore dell'overlay\n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        \/\/ Add hover listeners to each image container\n        addHoverListeners(img.closest('.imagecollection-container'));\n        \n        \/\/ Update the background image when the image is loaded\n        \/\/ img.onload = function() {\n        \/\/     \/\/ Optionally, you can also update the background when the image loads\n        \/\/     updateBackgroundImage(img.closest('.imagecollection-container'));\n        \/\/ };\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ Create a MutationObserver to watch for changes in the carousel\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                \/\/ Check if new images are added to the carousel\n                observeImages();\n            }\n        });\n    });\n\n    \/\/ Start observing the carousel container for added nodes\n    const carouselContainer = document.querySelector('#collection-carousel'); \/\/ Replace with your actual carousel container selector\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        \/\/ Initial observation for images already present\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-279c588 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"279c588\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--<a href='[acf field=\"url\"]'>\n  <div class=\"imagecollection-container-mob\">\n    <img class='image-carousel-changing-mob' src='[acf field=\"carousel_image\"]' data-text='[acf field=\"color\"]' \/>\n    \n    <span class='image-collection-description-mob'>[acf field=\"titolo\"]<\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container-mob {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n.image-carousel-changing-mob {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n\n.image-collection-description-mob {\n    font-size: 50px;\n    color: white;\n    position: absolute;\n    top: 40%;\n    left: 5%;\n    opacity: 1;\n    transition: opacity 0.5s ease;\n}\n\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    opacity: 1;\n}\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\n\n\nfunction updateBackgroundImage(container) {\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const color = imgElement.getAttribute('data-text');\n\n    document.documentElement.style.setProperty('--main-bg-color', color);\n    backgroundElement.style.backgroundColor = color;\n    backgroundElement.classList.add(\"fade-out\");\n\n    setTimeout(() => {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n        backgroundElement.classList.remove(\"fade-out\");\n    }, 1000);\n\n    backgroundElement.style.backgroundBlendMode = \"overlay\";\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const elements = document.querySelectorAll('.imagecollection-container-mob');\n\n    function isTouchDevice() {\n        return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n    }\n\n    elements.forEach((element) => {\n        if (!isTouchDevice()) {\n            \/\/ Desktop (non-touch) interaction\n            element.addEventListener('mouseover', function() {\n                updateBackgroundImage(this);\n                \n            });\n\n        } else {\n            \/\/ Mobile (touch) interaction\n            element.addEventListener('touchstart', function(e) {\n                e.preventDefault(); \/\/ Prevent quick firing of touchend\n                updateBackgroundImage(this);\n                \n            });\n\n           \n        }\n    });\n});\n\n<\/script>\n-->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c3a48e elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"8c3a48e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"https:\/\/beautystar.it\/fr\/stili\/new-york-new-york\/\">\n  <div class=\"imagecollection-container\">\n    <img decoding=\"async\" class=\"image-carousel-changing\" src=\"[acf field=%22immagine_newyork%22]\" data-hover-image=\"[acf field=\"hover_background_image\"]\" data-text=\"[acf field=\"colore\"]\">\n    <div class=\"overlay\">\n      <p><\/p>\n    <\/div>\n    <span class=\"image-collection-description\">Prochainement<\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n     object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 16px !important;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 24px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\");\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n\n    container.addEventListener('touchstart', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n        this.classList.add('touch-active');\n    });\n\n    container.addEventListener('touchend', function() {\n        resetText(this);\n        this.classList.remove('touch-active');\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        addHoverListeners(img.closest('.imagecollection-container'));\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                observeImages();\n            }\n        });\n    });\n\n    const carouselContainer = document.querySelector('#collection-carousel');\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17877\" class=\"elementor elementor-17877 elementor-582 elementor-582 swiper-slide e-loop-item e-loop-item-36775 post-36775 collectioncarousel type-collectioncarousel status-publish hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-37dc52b e-flex e-con-boxed e-con e-parent\" data-id=\"37dc52b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd5b3ff elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"dd5b3ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <a href=\"https:\/\/www.beautystar.it\/fr\/stili\/new-york\/\">\n      <div class=\"imagecollection-container\">\n        <img decoding=\"async\" class=\"image-carousel-changing\" src=\"\" data-hover-image=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/10\/New-york_collezione_beautystar_sketch.png\" data-text=\"rgb(229,229,229)\">\n        <div class=\"overlay\">\n          <p><\/p>\n        <\/div>\n        <h4 class=\"image-collection-description\">Prochainement<\/h4>\n      <\/div>\n    <\/a>\n    \n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n    font-family: \"Poppins\";\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n    object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 18px;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 35px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\"); \/\/ Seleziona l'elemento genitore\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        \/\/ Modifica la variabile CSS per il colore dell'overlay\n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        \/\/ Add hover listeners to each image container\n        addHoverListeners(img.closest('.imagecollection-container'));\n        \n        \/\/ Update the background image when the image is loaded\n        \/\/ img.onload = function() {\n        \/\/     \/\/ Optionally, you can also update the background when the image loads\n        \/\/     updateBackgroundImage(img.closest('.imagecollection-container'));\n        \/\/ };\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ Create a MutationObserver to watch for changes in the carousel\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                \/\/ Check if new images are added to the carousel\n                observeImages();\n            }\n        });\n    });\n\n    \/\/ Start observing the carousel container for added nodes\n    const carouselContainer = document.querySelector('#collection-carousel'); \/\/ Replace with your actual carousel container selector\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        \/\/ Initial observation for images already present\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-279c588 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"279c588\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--<a href='[acf field=\"url\"]'>\n  <div class=\"imagecollection-container-mob\">\n    <img class='image-carousel-changing-mob' src='[acf field=\"carousel_image\"]' data-text='[acf field=\"color\"]' \/>\n    \n    <span class='image-collection-description-mob'>[acf field=\"titolo\"]<\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container-mob {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n.image-carousel-changing-mob {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n\n.image-collection-description-mob {\n    font-size: 50px;\n    color: white;\n    position: absolute;\n    top: 40%;\n    left: 5%;\n    opacity: 1;\n    transition: opacity 0.5s ease;\n}\n\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    opacity: 1;\n}\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\n\n\nfunction updateBackgroundImage(container) {\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const color = imgElement.getAttribute('data-text');\n\n    document.documentElement.style.setProperty('--main-bg-color', color);\n    backgroundElement.style.backgroundColor = color;\n    backgroundElement.classList.add(\"fade-out\");\n\n    setTimeout(() => {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n        backgroundElement.classList.remove(\"fade-out\");\n    }, 1000);\n\n    backgroundElement.style.backgroundBlendMode = \"overlay\";\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const elements = document.querySelectorAll('.imagecollection-container-mob');\n\n    function isTouchDevice() {\n        return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n    }\n\n    elements.forEach((element) => {\n        if (!isTouchDevice()) {\n            \/\/ Desktop (non-touch) interaction\n            element.addEventListener('mouseover', function() {\n                updateBackgroundImage(this);\n                \n            });\n\n        } else {\n            \/\/ Mobile (touch) interaction\n            element.addEventListener('touchstart', function(e) {\n                e.preventDefault(); \/\/ Prevent quick firing of touchend\n                updateBackgroundImage(this);\n                \n            });\n\n           \n        }\n    });\n});\n\n<\/script>\n-->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c3a48e elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"8c3a48e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"https:\/\/beautystar.it\/fr\/stili\/new-york-new-york\/\">\n  <div class=\"imagecollection-container\">\n    <img decoding=\"async\" class=\"image-carousel-changing\" src=\"[acf field=%22immagine_newyork%22]\" data-hover-image=\"[acf field=\"hover_background_image\"]\" data-text=\"[acf field=\"colore\"]\">\n    <div class=\"overlay\">\n      <p><\/p>\n    <\/div>\n    <span class=\"image-collection-description\">Prochainement<\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n     object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 16px !important;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 24px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\");\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n\n    container.addEventListener('touchstart', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n        this.classList.add('touch-active');\n    });\n\n    container.addEventListener('touchend', function() {\n        resetText(this);\n        this.classList.remove('touch-active');\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        addHoverListeners(img.closest('.imagecollection-container'));\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                observeImages();\n            }\n        });\n    });\n\n    const carouselContainer = document.querySelector('#collection-carousel');\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17877\" class=\"elementor elementor-17877 elementor-582 elementor-582 swiper-slide e-loop-item e-loop-item-7721 post-7721 collectioncarousel type-collectioncarousel status-publish hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-37dc52b e-flex e-con-boxed e-con e-parent\" data-id=\"37dc52b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd5b3ff elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"dd5b3ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <a href=\"https:\/\/www.beautystar.it\/fr\/stili\/new-york\/\">\n      <div class=\"imagecollection-container\">\n        <img decoding=\"async\" class=\"image-carousel-changing\" src=\"\" data-hover-image=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/10\/New-york_collezione_beautystar_sketch.png\" data-text=\"rgb(210,194,181)\">\n        <div class=\"overlay\">\n          <p><\/p>\n        <\/div>\n        <h4 class=\"image-collection-description\">New York<\/h4>\n      <\/div>\n    <\/a>\n    \n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n    font-family: \"Poppins\";\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n    object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 18px;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 35px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\"); \/\/ Seleziona l'elemento genitore\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        \/\/ Modifica la variabile CSS per il colore dell'overlay\n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        \/\/ Add hover listeners to each image container\n        addHoverListeners(img.closest('.imagecollection-container'));\n        \n        \/\/ Update the background image when the image is loaded\n        \/\/ img.onload = function() {\n        \/\/     \/\/ Optionally, you can also update the background when the image loads\n        \/\/     updateBackgroundImage(img.closest('.imagecollection-container'));\n        \/\/ };\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ Create a MutationObserver to watch for changes in the carousel\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                \/\/ Check if new images are added to the carousel\n                observeImages();\n            }\n        });\n    });\n\n    \/\/ Start observing the carousel container for added nodes\n    const carouselContainer = document.querySelector('#collection-carousel'); \/\/ Replace with your actual carousel container selector\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        \/\/ Initial observation for images already present\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-279c588 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"279c588\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--<a href='[acf field=\"url\"]'>\n  <div class=\"imagecollection-container-mob\">\n    <img class='image-carousel-changing-mob' src='[acf field=\"carousel_image\"]' data-text='[acf field=\"color\"]' \/>\n    \n    <span class='image-collection-description-mob'>[acf field=\"titolo\"]<\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container-mob {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n.image-carousel-changing-mob {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n\n.image-collection-description-mob {\n    font-size: 50px;\n    color: white;\n    position: absolute;\n    top: 40%;\n    left: 5%;\n    opacity: 1;\n    transition: opacity 0.5s ease;\n}\n\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    opacity: 1;\n}\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\n\n\nfunction updateBackgroundImage(container) {\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const color = imgElement.getAttribute('data-text');\n\n    document.documentElement.style.setProperty('--main-bg-color', color);\n    backgroundElement.style.backgroundColor = color;\n    backgroundElement.classList.add(\"fade-out\");\n\n    setTimeout(() => {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n        backgroundElement.classList.remove(\"fade-out\");\n    }, 1000);\n\n    backgroundElement.style.backgroundBlendMode = \"overlay\";\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const elements = document.querySelectorAll('.imagecollection-container-mob');\n\n    function isTouchDevice() {\n        return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n    }\n\n    elements.forEach((element) => {\n        if (!isTouchDevice()) {\n            \/\/ Desktop (non-touch) interaction\n            element.addEventListener('mouseover', function() {\n                updateBackgroundImage(this);\n                \n            });\n\n        } else {\n            \/\/ Mobile (touch) interaction\n            element.addEventListener('touchstart', function(e) {\n                e.preventDefault(); \/\/ Prevent quick firing of touchend\n                updateBackgroundImage(this);\n                \n            });\n\n           \n        }\n    });\n});\n\n<\/script>\n-->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c3a48e elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"8c3a48e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"https:\/\/beautystar.it\/fr\/stili\/new-york-new-york\/\">\n  <div class=\"imagecollection-container\">\n    <img decoding=\"async\" class=\"image-carousel-changing\" src=\"[acf field=%22immagine_newyork%22]\" data-hover-image=\"[acf field=\"hover_background_image\"]\" data-text=\"[acf field=\"colore\"]\">\n    <div class=\"overlay\">\n      <p><\/p>\n    <\/div>\n    <span class=\"image-collection-description\">New York<\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n     object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 16px !important;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 24px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\");\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n\n    container.addEventListener('touchstart', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n        this.classList.add('touch-active');\n    });\n\n    container.addEventListener('touchend', function() {\n        resetText(this);\n        this.classList.remove('touch-active');\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        addHoverListeners(img.closest('.imagecollection-container'));\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                observeImages();\n            }\n        });\n    });\n\n    const carouselContainer = document.querySelector('#collection-carousel');\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a557c08 elementor-widget__width-initial anim-bufade elementor-hidden-desktop ha-has-bg-overlay elementor-widget elementor-widget-button\" data-id=\"a557c08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/beautystar.it\/fr\/collezioni\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">TOUTES LES COLLECTIONS<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7837ad2 e-con-full e-flex e-con e-parent\" data-id=\"7837ad2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-27e1ea6 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"27e1ea6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-b10debd e-con-full anim-bufade elementor-hidden-mobile e-flex e-con e-child\" data-id=\"b10debd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fa5eff custom-underline elementor-widget elementor-widget-heading\" data-id=\"6fa5eff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/beautystar.it\/fr\/stili\/new-york\/\">D\u00e9couvrir la collection<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bca928c e-con-full anim-bufade e-flex e-con e-child\" data-id=\"bca928c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2ae4ac elementor-widget__width-initial anim-bufade elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"b2ae4ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span style=\"background-color: inherit;text-align: var(--text-align)\">NEW YORK NEW YORK<\/span><span style=\"background-color: inherit;text-align: var(--text-align)\"><\/span><br><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1fc819 elementor-widget__width-initial anim-bufade elementor-widget elementor-widget-heading\" data-id=\"c1fc819\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">D\u00e9couvrez la collection New York New York<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb7f937 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"cb7f937\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edfd87c anim-bufade elementor-widget elementor-widget-loop-carousel\" data-id=\"edfd87c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;template_id&quot;:17877,&quot;speed&quot;:250,&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;slides_to_scroll_mobile&quot;:&quot;1&quot;,&quot;_skin&quot;:&quot;post&quot;,&quot;slides_to_show&quot;:&quot;3&quot;,&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;.elementor-loop-container&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;offset_sides&quot;:&quot;none&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-carousel.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"swiper elementor-loop-container elementor-grid\" role=\"list\" dir=\"rtl\">\n\t\t\t\t<div class=\"swiper-wrapper\" aria-live=\"polite\">\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17877\" class=\"elementor elementor-17877 elementor-582 elementor-582 swiper-slide e-loop-item e-loop-item-32403 post-32403 carosello-newyork type-carosello-newyork status-publish hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-37dc52b e-flex e-con-boxed e-con e-parent\" data-id=\"37dc52b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd5b3ff elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"dd5b3ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <a href=\"https:\/\/www.beautystar.it\/fr\/stili\/new-york\/\">\n      <div class=\"imagecollection-container\">\n        <img decoding=\"async\" class=\"image-carousel-changing\" src=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/11\/4.png\" data-hover-image=\"\" data-text=\"\">\n        <div class=\"overlay\">\n          <p><\/p>\n        <\/div>\n        <h4 class=\"image-collection-description\"><\/h4>\n      <\/div>\n    <\/a>\n    \n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n    font-family: \"Poppins\";\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n    object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 18px;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 35px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\"); \/\/ Seleziona l'elemento genitore\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        \/\/ Modifica la variabile CSS per il colore dell'overlay\n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        \/\/ Add hover listeners to each image container\n        addHoverListeners(img.closest('.imagecollection-container'));\n        \n        \/\/ Update the background image when the image is loaded\n        \/\/ img.onload = function() {\n        \/\/     \/\/ Optionally, you can also update the background when the image loads\n        \/\/     updateBackgroundImage(img.closest('.imagecollection-container'));\n        \/\/ };\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ Create a MutationObserver to watch for changes in the carousel\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                \/\/ Check if new images are added to the carousel\n                observeImages();\n            }\n        });\n    });\n\n    \/\/ Start observing the carousel container for added nodes\n    const carouselContainer = document.querySelector('#collection-carousel'); \/\/ Replace with your actual carousel container selector\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        \/\/ Initial observation for images already present\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-279c588 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"279c588\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--<a href='[acf field=\"url\"]'>\n  <div class=\"imagecollection-container-mob\">\n    <img class='image-carousel-changing-mob' src='[acf field=\"carousel_image\"]' data-text='[acf field=\"color\"]' \/>\n    \n    <span class='image-collection-description-mob'>[acf field=\"titolo\"]<\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container-mob {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n.image-carousel-changing-mob {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n\n.image-collection-description-mob {\n    font-size: 50px;\n    color: white;\n    position: absolute;\n    top: 40%;\n    left: 5%;\n    opacity: 1;\n    transition: opacity 0.5s ease;\n}\n\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    opacity: 1;\n}\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\n\n\nfunction updateBackgroundImage(container) {\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const color = imgElement.getAttribute('data-text');\n\n    document.documentElement.style.setProperty('--main-bg-color', color);\n    backgroundElement.style.backgroundColor = color;\n    backgroundElement.classList.add(\"fade-out\");\n\n    setTimeout(() => {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n        backgroundElement.classList.remove(\"fade-out\");\n    }, 1000);\n\n    backgroundElement.style.backgroundBlendMode = \"overlay\";\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const elements = document.querySelectorAll('.imagecollection-container-mob');\n\n    function isTouchDevice() {\n        return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n    }\n\n    elements.forEach((element) => {\n        if (!isTouchDevice()) {\n            \/\/ Desktop (non-touch) interaction\n            element.addEventListener('mouseover', function() {\n                updateBackgroundImage(this);\n                \n            });\n\n        } else {\n            \/\/ Mobile (touch) interaction\n            element.addEventListener('touchstart', function(e) {\n                e.preventDefault(); \/\/ Prevent quick firing of touchend\n                updateBackgroundImage(this);\n                \n            });\n\n           \n        }\n    });\n});\n\n<\/script>\n-->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c3a48e elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"8c3a48e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"https:\/\/beautystar.it\/fr\/stili\/new-york-new-york\/\">\n  <div class=\"imagecollection-container\">\n    <img decoding=\"async\" class=\"image-carousel-changing\" src=\"[acf field=%22immagine_newyork%22]\" data-hover-image=\"[acf field=\"hover_background_image\"]\" data-text=\"[acf field=\"colore\"]\">\n    <div class=\"overlay\">\n      <p><\/p>\n    <\/div>\n    <span class=\"image-collection-description\"><\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n     object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 16px !important;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 24px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\");\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n\n    container.addEventListener('touchstart', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n        this.classList.add('touch-active');\n    });\n\n    container.addEventListener('touchend', function() {\n        resetText(this);\n        this.classList.remove('touch-active');\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        addHoverListeners(img.closest('.imagecollection-container'));\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                observeImages();\n            }\n        });\n    });\n\n    const carouselContainer = document.querySelector('#collection-carousel');\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17877\" class=\"elementor elementor-17877 elementor-582 elementor-582 swiper-slide e-loop-item e-loop-item-32398 post-32398 carosello-newyork type-carosello-newyork status-publish hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-37dc52b e-flex e-con-boxed e-con e-parent\" data-id=\"37dc52b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd5b3ff elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"dd5b3ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <a href=\"https:\/\/www.beautystar.it\/fr\/stili\/new-york\/\">\n      <div class=\"imagecollection-container\">\n        <img decoding=\"async\" class=\"image-carousel-changing\" src=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/11\/2-1.png\" data-hover-image=\"\" data-text=\"\">\n        <div class=\"overlay\">\n          <p><\/p>\n        <\/div>\n        <h4 class=\"image-collection-description\"><\/h4>\n      <\/div>\n    <\/a>\n    \n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n    font-family: \"Poppins\";\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n    object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 18px;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 35px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\"); \/\/ Seleziona l'elemento genitore\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        \/\/ Modifica la variabile CSS per il colore dell'overlay\n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        \/\/ Add hover listeners to each image container\n        addHoverListeners(img.closest('.imagecollection-container'));\n        \n        \/\/ Update the background image when the image is loaded\n        \/\/ img.onload = function() {\n        \/\/     \/\/ Optionally, you can also update the background when the image loads\n        \/\/     updateBackgroundImage(img.closest('.imagecollection-container'));\n        \/\/ };\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ Create a MutationObserver to watch for changes in the carousel\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                \/\/ Check if new images are added to the carousel\n                observeImages();\n            }\n        });\n    });\n\n    \/\/ Start observing the carousel container for added nodes\n    const carouselContainer = document.querySelector('#collection-carousel'); \/\/ Replace with your actual carousel container selector\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        \/\/ Initial observation for images already present\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-279c588 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"279c588\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--<a href='[acf field=\"url\"]'>\n  <div class=\"imagecollection-container-mob\">\n    <img class='image-carousel-changing-mob' src='[acf field=\"carousel_image\"]' data-text='[acf field=\"color\"]' \/>\n    \n    <span class='image-collection-description-mob'>[acf field=\"titolo\"]<\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container-mob {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n.image-carousel-changing-mob {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n\n.image-collection-description-mob {\n    font-size: 50px;\n    color: white;\n    position: absolute;\n    top: 40%;\n    left: 5%;\n    opacity: 1;\n    transition: opacity 0.5s ease;\n}\n\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    opacity: 1;\n}\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\n\n\nfunction updateBackgroundImage(container) {\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const color = imgElement.getAttribute('data-text');\n\n    document.documentElement.style.setProperty('--main-bg-color', color);\n    backgroundElement.style.backgroundColor = color;\n    backgroundElement.classList.add(\"fade-out\");\n\n    setTimeout(() => {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n        backgroundElement.classList.remove(\"fade-out\");\n    }, 1000);\n\n    backgroundElement.style.backgroundBlendMode = \"overlay\";\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const elements = document.querySelectorAll('.imagecollection-container-mob');\n\n    function isTouchDevice() {\n        return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n    }\n\n    elements.forEach((element) => {\n        if (!isTouchDevice()) {\n            \/\/ Desktop (non-touch) interaction\n            element.addEventListener('mouseover', function() {\n                updateBackgroundImage(this);\n                \n            });\n\n        } else {\n            \/\/ Mobile (touch) interaction\n            element.addEventListener('touchstart', function(e) {\n                e.preventDefault(); \/\/ Prevent quick firing of touchend\n                updateBackgroundImage(this);\n                \n            });\n\n           \n        }\n    });\n});\n\n<\/script>\n-->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c3a48e elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"8c3a48e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"https:\/\/beautystar.it\/fr\/stili\/new-york-new-york\/\">\n  <div class=\"imagecollection-container\">\n    <img decoding=\"async\" class=\"image-carousel-changing\" src=\"[acf field=%22immagine_newyork%22]\" data-hover-image=\"[acf field=\"hover_background_image\"]\" data-text=\"[acf field=\"colore\"]\">\n    <div class=\"overlay\">\n      <p><\/p>\n    <\/div>\n    <span class=\"image-collection-description\"><\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n     object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 16px !important;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 24px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\");\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n\n    container.addEventListener('touchstart', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n        this.classList.add('touch-active');\n    });\n\n    container.addEventListener('touchend', function() {\n        resetText(this);\n        this.classList.remove('touch-active');\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        addHoverListeners(img.closest('.imagecollection-container'));\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                observeImages();\n            }\n        });\n    });\n\n    const carouselContainer = document.querySelector('#collection-carousel');\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17877\" class=\"elementor elementor-17877 elementor-582 elementor-582 swiper-slide e-loop-item e-loop-item-32392 post-32392 carosello-newyork type-carosello-newyork status-publish hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-37dc52b e-flex e-con-boxed e-con e-parent\" data-id=\"37dc52b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd5b3ff elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"dd5b3ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <a href=\"https:\/\/www.beautystar.it\/fr\/stili\/new-york\/\">\n      <div class=\"imagecollection-container\">\n        <img decoding=\"async\" class=\"image-carousel-changing\" src=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/11\/1-2.png\" data-hover-image=\"\" data-text=\"\">\n        <div class=\"overlay\">\n          <p>La collection New York New York, lanc\u00e9e en 2019, associe un design saisissant \u00e0 des mat\u00e9riaux durables, puisant son inspiration dans le style glamour et post-industriel new-yorkais pour des espaces alternatifs et distinctifs.<\/p>\n        <\/div>\n        <h4 class=\"image-collection-description\">New York New York<\/h4>\n      <\/div>\n    <\/a>\n    \n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n    font-family: \"Poppins\";\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n    object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 18px;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 35px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\"); \/\/ Seleziona l'elemento genitore\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        \/\/ Modifica la variabile CSS per il colore dell'overlay\n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        \/\/ Add hover listeners to each image container\n        addHoverListeners(img.closest('.imagecollection-container'));\n        \n        \/\/ Update the background image when the image is loaded\n        \/\/ img.onload = function() {\n        \/\/     \/\/ Optionally, you can also update the background when the image loads\n        \/\/     updateBackgroundImage(img.closest('.imagecollection-container'));\n        \/\/ };\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ Create a MutationObserver to watch for changes in the carousel\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                \/\/ Check if new images are added to the carousel\n                observeImages();\n            }\n        });\n    });\n\n    \/\/ Start observing the carousel container for added nodes\n    const carouselContainer = document.querySelector('#collection-carousel'); \/\/ Replace with your actual carousel container selector\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        \/\/ Initial observation for images already present\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-279c588 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"279c588\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--<a href='[acf field=\"url\"]'>\n  <div class=\"imagecollection-container-mob\">\n    <img class='image-carousel-changing-mob' src='[acf field=\"carousel_image\"]' data-text='[acf field=\"color\"]' \/>\n    \n    <span class='image-collection-description-mob'>[acf field=\"titolo\"]<\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container-mob {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n.image-carousel-changing-mob {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n\n.image-collection-description-mob {\n    font-size: 50px;\n    color: white;\n    position: absolute;\n    top: 40%;\n    left: 5%;\n    opacity: 1;\n    transition: opacity 0.5s ease;\n}\n\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    opacity: 1;\n}\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\n\n\nfunction updateBackgroundImage(container) {\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const color = imgElement.getAttribute('data-text');\n\n    document.documentElement.style.setProperty('--main-bg-color', color);\n    backgroundElement.style.backgroundColor = color;\n    backgroundElement.classList.add(\"fade-out\");\n\n    setTimeout(() => {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n        backgroundElement.classList.remove(\"fade-out\");\n    }, 1000);\n\n    backgroundElement.style.backgroundBlendMode = \"overlay\";\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const elements = document.querySelectorAll('.imagecollection-container-mob');\n\n    function isTouchDevice() {\n        return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n    }\n\n    elements.forEach((element) => {\n        if (!isTouchDevice()) {\n            \/\/ Desktop (non-touch) interaction\n            element.addEventListener('mouseover', function() {\n                updateBackgroundImage(this);\n                \n            });\n\n        } else {\n            \/\/ Mobile (touch) interaction\n            element.addEventListener('touchstart', function(e) {\n                e.preventDefault(); \/\/ Prevent quick firing of touchend\n                updateBackgroundImage(this);\n                \n            });\n\n           \n        }\n    });\n});\n\n<\/script>\n-->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c3a48e elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"8c3a48e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"https:\/\/beautystar.it\/fr\/stili\/new-york-new-york\/\">\n  <div class=\"imagecollection-container\">\n    <img decoding=\"async\" class=\"image-carousel-changing\" src=\"[acf field=%22immagine_newyork%22]\" data-hover-image=\"[acf field=\"hover_background_image\"]\" data-text=\"[acf field=\"colore\"]\">\n    <div class=\"overlay\">\n      <p>La collection New York New York, lanc\u00e9e en 2019, associe un design saisissant \u00e0 des mat\u00e9riaux durables, puisant son inspiration dans le style glamour et post-industriel new-yorkais pour des espaces alternatifs et distinctifs.<\/p>\n    <\/div>\n    <span class=\"image-collection-description\">New York New York<\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n     object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 16px !important;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 24px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\");\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n\n    container.addEventListener('touchstart', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n        this.classList.add('touch-active');\n    });\n\n    container.addEventListener('touchend', function() {\n        resetText(this);\n        this.classList.remove('touch-active');\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        addHoverListeners(img.closest('.imagecollection-container'));\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                observeImages();\n            }\n        });\n    });\n\n    const carouselContainer = document.querySelector('#collection-carousel');\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d09937e elementor-widget__width-initial anim-bufade elementor-hidden-desktop ha-has-bg-overlay elementor-widget elementor-widget-button\" data-id=\"d09937e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/beautystar.it\/fr\/stili\/new-york\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">D\u00c9COUVRIR NEW YORK<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-614ee3f e-con-full e-flex e-con e-parent\" data-id=\"614ee3f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61c3b81 anim-bufade elementor-widget elementor-widget-qi_addons_for_elementor_text_marquee\" data-id=\"61c3b81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"qi_addons_for_elementor_text_marquee.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-text-marquee qodef-layout--default\">\n\t<div class=\"qodef-m-content\">\n\t\t<div class=\"qodef-m-text qodef-text--original\">\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-799658e\" >Conception<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-0b26078\" >Qualit\u00e9<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-4a64e47\" >L'innovation<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-bd19f5f\" >Conception<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-c7be666\" >Qualit\u00e9<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-bd76b60\" >L'innovation<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-18e4a49\" >Conception<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-fee3c0c\" >Qualit\u00e9<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-6321263\" >L'innovation<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-06d9889\" >Conception<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-1001714\" >Qualit\u00e9<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-abe14b5\" >L'innovation<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-260de83\" >Conception<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-82d254f\" >Qualit\u00e9<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-ae3016e\" >L'innovation<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"qodef-m-text qodef-text--copy\">\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-799658e\" >Conception<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-0b26078\" >Qualit\u00e9<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-4a64e47\" >L'innovation<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-bd19f5f\" >Conception<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-c7be666\" >Qualit\u00e9<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-bd76b60\" >L'innovation<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-18e4a49\" >Conception<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-fee3c0c\" >Qualit\u00e9<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-6321263\" >L'innovation<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-06d9889\" >Conception<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-1001714\" >Qualit\u00e9<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-abe14b5\" >L'innovation<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-260de83\" >Conception<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-82d254f\" >Qualit\u00e9<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-ae3016e\" >L'innovation<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b26cab anim-bufade elementor-widget elementor-widget-qi_addons_for_elementor_text_marquee\" data-id=\"0b26cab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"qi_addons_for_elementor_text_marquee.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-text-marquee qodef-layout--default\">\n\t<div class=\"qodef-m-content\">\n\t\t<div class=\"qodef-m-text qodef-text--original\">\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-c37cd90\" >Conception<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-1b5d085\" >Recherche<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-0ff393b\" >Fonctionnalit\u00e9<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-fa8a63d\" >Qualit\u00e9<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-99f4c4d\" >Conception<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-cc92bbb\" >Conception<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-fcc0c28\" >Recherche<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-16e95f5\" >Fonctionnalit\u00e9<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-deeebb6\" >Qualit\u00e9<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-6cece01\" >Conception<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-1bb7884\" >L'innovation<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t<\/div>\n\t\t<div class=\"qodef-m-text qodef-text--copy\">\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-c37cd90\" >Conception<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-1b5d085\" >Recherche<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-0ff393b\" >Fonctionnalit\u00e9<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-fa8a63d\" >Qualit\u00e9<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-99f4c4d\" >Conception<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-cc92bbb\" >Conception<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-fcc0c28\" >Recherche<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-16e95f5\" >Fonctionnalit\u00e9<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-deeebb6\" >Qualit\u00e9<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-6cece01\" >Conception<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-1bb7884\" >L'innovation<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1498ec6 panel e-con-full e-flex e-con e-parent\" data-id=\"1498ec6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\" data-color=\"default\">\n\t\t<div class=\"elementor-element elementor-element-bec353e e-con-full anim-bufade e-flex e-con e-child\" data-id=\"bec353e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63fd543 elementor-widget__width-initial anim-bufade elementor-widget elementor-widget-heading\" data-id=\"63fd543\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CATEGORIES<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6807176 elementor-widget__width-initial anim-bufade elementor-widget elementor-widget-heading\" data-id=\"6807176\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Le d\u00e9partement de recherche et d\u00e9veloppement est constamment engag\u00e9 dans la cr\u00e9ation de solutions innovantes,<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c074e6 e-con-full e-flex e-con e-child\" data-id=\"7c074e6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c002ac elementor-widget__width-initial anim-bufade elementor-widget elementor-widget-heading\" data-id=\"7c002ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">visant \u00e0 optimiser les performances fonctionnelles de nos produits et \u00e0 r\u00e9duire leur impact sur l'environnement, sans jamais compromettre leur prix.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf5850a e-con-full e-flex e-con e-child\" data-id=\"cf5850a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e75a77d elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"e75a77d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n     <style>.image-container {\n    position: relative;\n    height: 400px !important;\n    width: 400px !important;\n    background-color: #edeceb;\n    overflow: hidden;  \/* Aggiunto per mantenere l'overlay dentro *\/\n}\n\n@media (max-width: 1320px) {\n    .image-container {\n        width: 300px !important;\n        height: 300px !important;\n    }\n}\n\n@media (max-width: 768px) {\n    .elementor-4321 .elementor-element.elementor-element-e75a77d,\n    .elementor-4321 .elementor-element.elementor-element-2a57bc6,\n    .elementor-4321 .elementor-element.elementor-element-60bc5f7,\n    .elementor-4321 .elementor-element.elementor-element-c595ca4,\n    .elementor-4321 .elementor-element.elementor-element-f3b38ec,\n    .elementor-4321 .elementor-element.elementor-element-3f2d022,\n    .image-container {\n        width: 100% !important;\n        height: auto !important;\n        aspect-ratio: 1 \/ 1;\n        position: relative;\n    }\n}\n\n.image-container img {\n    width: 100%;\n    height: 100%;\n}\n\n.image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/border_box.svg') 2 \/ 2px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.hidden {\n    opacity: 0;\n}\n\n.visible {\n    opacity: 1;\n}\n\n.overlayDescription {\n    position: absolute;\n    top: 45%;\n    left: 35%;\n    color: #000000;\n    opacity: 0;\n    font-family: 'Helvetica';\n    font-weight: 400;\n    text-transform: uppercase;\n}\n\n.image-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: 0;\n    width: 100%;\n    height: 100%;\n    background-color: transparent;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;\n    transform: scale(2.5);  \/* Ridotto da 2 a 1.1 *\/\n    \n}\n\n.image-container:hover .overlayDescription{\n    opacity: 1;\n     transition: opacity 0.8s ease-in-out;\n}\n\n.image-container:hover .image-overlay  {\n    opacity: 1;\n    transform: scale(1);\n}\n<\/style><a href=\"https:\/\/beautystar.it\/fr\/categoria\/bac-a-lavage\/\"><div class=\"image-container\" id=\"image-container1\"><img decoding=\"async\" onclick=\"event.preventDefault();\" id=\"image1\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Lavatesta-color.png\" alt=\"First Image\" class=\"image\" \/><p style=\"position:absolute; bottom:0; left:50%; transform:translateX(-50%); font-size: 25px; width:95%; font-family:'Inter';text-transform:uppercase;text-align:center;\">Lavatesta<\/p><img decoding=\"async\" id=\"image2\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Lavatesta.png\" alt=\"Second Image\" class=\"image hidden\" \/><div class=\"image-overlay\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/08\/Star.svg\" alt=\"Overlay\" \/><\/div><span class=\"overlayDescription\">Scopri di pi\u00f9<\/span><\/div><\/a><script>document.addEventListener(\"DOMContentLoaded\", () => {\n        const image1 = document.getElementById(\"image1\");\n        const image2 = document.getElementById(\"image2\");\n        const container = document.getElementById(\"image-container1\");\n\n        container.addEventListener(\"mouseover\", () => {\n          image1.classList.add(\"hidden\");\n          image2.classList.add(\"visible\");\n        });\n\n        container.addEventListener(\"mouseout\", () => {\n          image1.classList.remove(\"hidden\");\n          image2.classList.remove(\"visible\");\n        });\n      });\n    <\/script><\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a57bc6 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"2a57bc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <a href=\"https:\/\/beautystar.it\/fr\/categoria\/fauteuils\/\">\n\n    <div class=\"image-container\" id=\"image-container2\">\n      <img decoding=\"async\" id=\"image3\" style=\"padding-bottom:40px;\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Poltrone-color.png\" alt=\"Premi\u00e8re image\" class=\"image\">\n      <p style=\"position:absolute; bottom:0; left:50%; transform:translateX(-50%); font-size: 25px; width:95%; font-family:'Inter';text-transform:uppercase;text-align:center;\">Fauteuils<\/p>\n      <img decoding=\"async\" id=\"image4\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Poltrone.png\" alt=\"Deuxi\u00e8me image\" style=\"padding-bottom:40px;\" class=\"image hidden\">\n      <div class=\"image-overlay\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/starOverlay.png\" alt=\"Superposition\">\n      <\/div>\n      <span class=\"overlayDescription\">En savoir plus<\/span>\n    <\/div>\n   <\/a>\n<style>\n    \n<\/style>\n   <script>\n      document.addEventListener(\"DOMContentLoaded\", () => {\n        const image1 = document.getElementById(\"image3\");\n        const image2 = document.getElementById(\"image4\");\n        const container = document.getElementById(\"image-container2\");\n\n        container.addEventListener(\"mouseover\", () => {\n          image1.classList.add(\"hidden\");\n          image2.classList.add(\"visible\");\n        });\n\n        container.addEventListener(\"mouseout\", () => {\n          image1.classList.remove(\"hidden\");\n          image2.classList.remove(\"visible\");\n        });\n      });\n    <\/script>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60bc5f7 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"60bc5f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <a href=\"https:\/\/beautystar.it\/fr\/categoria\/coiffeur\/\">\n\n    <div class=\"image-container\" id=\"image-container3\">\n      <img decoding=\"async\" id=\"image5\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2025\/02\/Barber-color.png\" alt=\"Premi\u00e8re image\" class=\"image\" style=\"padding-bottom:40px;\">\n      <p style=\"position:absolute; bottom:0; left:50%; transform:translateX(-50%); font-size: 25px; width:95%; font-family:'Inter';text-transform:uppercase;text-align:center;\">Barbier<\/p>\n      <img decoding=\"async\" id=\"image6\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2025\/02\/Barber-sketch.png\" style=\"padding-bottom:40px;\" alt=\"Deuxi\u00e8me image\" class=\"image hidden\">\n      <div class=\"image-overlay\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/starOverlay.png\" alt=\"Superposition\">\n      <\/div>\n      <span class=\"overlayDescription\">En savoir plus<\/span>\n    <\/div>\n   <\/a>\n   \n   <script>\n      document.addEventListener(\"DOMContentLoaded\", () => {\n        const image1 = document.getElementById(\"image5\");\n        const image2 = document.getElementById(\"image6\");\n        const container = document.getElementById(\"image-container3\");\n\n        container.addEventListener(\"mouseover\", () => {\n          image1.classList.add(\"hidden\");\n          image2.classList.add(\"visible\");\n        });\n\n        container.addEventListener(\"mouseout\", () => {\n          image1.classList.remove(\"hidden\");\n          image2.classList.remove(\"visible\");\n        });\n      });\n    <\/script>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6cab5f9 e-con-full e-flex e-con e-child\" data-id=\"6cab5f9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c595ca4 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"c595ca4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <a href=\"https:\/\/beautystar.it\/fr\/categoria\/etageres\/\">\n\n    <div class=\"image-container\" id=\"image-container4\">\n      <img decoding=\"async\" id=\"image7\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2025\/02\/Mensole-color.png\" alt=\"Premi\u00e8re image\" class=\"image\" style=\"padding-bottom:40px;\">\n     <p style=\"position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:95%; font-size: 25px; font-family:'Inter';text-transform:uppercase;text-align:center;\">\u00c9tag\u00e8res<\/p>\n      <img decoding=\"async\" id=\"image8\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2025\/02\/Mensole-sketch.png\" alt=\"Deuxi\u00e8me image\" style=\"padding-bottom:40px;\" class=\"image hidden\">\n      <div class=\"image-overlay\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/starOverlay.png\" alt=\"Superposition\">\n      <\/div>\n      <span class=\"overlayDescription\">En savoir plus<\/span>\n    <\/div>\n   <\/a>\n \n   <script>\n      document.addEventListener(\"DOMContentLoaded\", () => {\n        const image1 = document.getElementById(\"image7\");\n        const image2 = document.getElementById(\"image8\");\n        const container = document.getElementById(\"image-container4\");\n\n        container.addEventListener(\"mouseover\", () => {\n          image1.classList.add(\"hidden\");\n          image2.classList.add(\"visible\");\n        });\n\n        container.addEventListener(\"mouseout\", () => {\n          image1.classList.remove(\"hidden\");\n          image2.classList.remove(\"visible\");\n        });\n      });\n    <\/script>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f3b38ec elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"f3b38ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <a href=\"https:\/\/beautystar.it\/fr\/categoria\/tables-techniques\/\">\n\n    <div class=\"image-container\" id=\"image-container5\">\n      <img decoding=\"async\" id=\"image9\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2025\/02\/Tavoli-tecnici-color.png\" alt=\"Premi\u00e8re image\" class=\"image\" style=\"padding-bottom:40px;\">\n      <p style=\"position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:95%; font-size: 25px; font-family:'Inter';text-transform:uppercase;text-align:center;\">Tableaux techniques<\/p>\n      <img decoding=\"async\" id=\"image10\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2025\/02\/Tavoli-tecnici-sketch.png\" alt=\"Deuxi\u00e8me image\" style=\"padding-bottom:40px;\" class=\"image hidden\">\n      <div class=\"image-overlay\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/starOverlay.png\" alt=\"Superposition\">\n      <\/div>\n      <span class=\"overlayDescription\">En savoir plus<\/span>\n    <\/div>\n  <\/a>\n\n    <script>\n      document.addEventListener(\"DOMContentLoaded\", () => {\n        const image1 = document.getElementById(\"image9\");\n        const image2 = document.getElementById(\"image10\");\n        const container = document.getElementById(\"image-container5\");\n\n        container.addEventListener(\"mouseover\", () => {\n          image1.classList.add(\"hidden\");\n          image2.classList.add(\"visible\");\n        });\n\n        container.addEventListener(\"mouseout\", () => {\n          image1.classList.remove(\"hidden\");\n          image2.classList.remove(\"visible\");\n        });\n      });\n    <\/script>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f2d022 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"3f2d022\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <a href=\"https:\/\/beautystar.it\/fr\/categoria\/miroirs-de-table\/\">\n\n    <div class=\"image-container\" id=\"image-container6\">\n      <img decoding=\"async\" id=\"image11\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2025\/02\/Specchi-da-tavolo-color.png\" alt=\"Premi\u00e8re image\" class=\"image\" style=\"padding-bottom:40px;\">\n     <p style=\"position:absolute; bottom:0; left:50%; transform:translateX(-50%); font-size: 25px; width:95%; font-family:'Inter';text-transform:uppercase;text-align:center;\">Miroirs de table<\/p>\n      <img decoding=\"async\" id=\"image12\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2025\/02\/Specchi-da-tavolo-sketch.png\" style=\"padding-bottom:40px;\" alt=\"Deuxi\u00e8me image\" class=\"image hidden\">\n      <div class=\"image-overlay\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/starOverlay.png\" alt=\"Superposition\">\n      <\/div>\n      <span class=\"overlayDescription\">En savoir plus<\/span>\n    <\/div>\n    <\/a>\n\n  <script>\n      document.addEventListener(\"DOMContentLoaded\", () => {\n        const image1 = document.getElementById(\"image11\");\n        const image2 = document.getElementById(\"image12\");\n        const container = document.getElementById(\"image-container6\");\n\n        container.addEventListener(\"mouseover\", () => {\n            console.log('mouse over')\n          image1.classList.add(\"hidden\");\n          image2.classList.add(\"visible\");\n        });\n\n        container.addEventListener(\"mouseout\", () => {\n          image1.classList.remove(\"hidden\");\n          image2.classList.remove(\"visible\");\n        });\n      });\n    <\/script>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17b0cb9 panel e-flex e-con-boxed e-con e-parent\" data-id=\"17b0cb9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\" data-color=\"default\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfeb941 elementor-widget__width-initial anim-bufade ha-has-bg-overlay elementor-widget elementor-widget-button\" data-id=\"bfeb941\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/beautystar.it\/fr\/categorie\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">TOUTES LES CAT\u00c9GORIES<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7dd383e e-con-full panel e-flex e-con e-parent\" data-id=\"7dd383e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\" data-color=\"green\">\n\t\t<div class=\"elementor-element elementor-element-6f2e840 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"6f2e840\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-58cde1b e-con-full anim-bufade elementor-hidden-mobile e-flex e-con e-child\" data-id=\"58cde1b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b02d53 custom-underline elementor-widget elementor-widget-heading\" data-id=\"2b02d53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"\/saloons\">D\u00e9couvrez tous les salons<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41a88b0 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"41a88b0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6712ec4 elementor-widget__width-initial anim-bufade elementor-widget elementor-widget-heading\" data-id=\"6712ec4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SALONS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbd99b3 elementor-widget__width-initial anim-bufade elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"cbd99b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_mobile&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Les salons du monde entier qui ont choisi\nBeautyStar<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de1bf44 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"de1bf44\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58c93b0 elementor-widget__width-inherit elementor-widget elementor-widget-loop-carousel\" data-id=\"58c93b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;template_id&quot;:17870,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;speed&quot;:250,&quot;_skin&quot;:&quot;post&quot;,&quot;slides_to_show&quot;:&quot;3&quot;,&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;.elementor-loop-container&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;offset_sides&quot;:&quot;none&quot;,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-carousel.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"swiper elementor-loop-container elementor-grid\" role=\"list\" dir=\"ltr\">\n\t\t\t\t<div class=\"swiper-wrapper\" aria-live=\"polite\">\n\t\t<style id=\"loop-17870\">.elementor-17870 .elementor-element.elementor-element-325c961{--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-17870 .elementor-element.elementor-element-325c961.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-17870 .elementor-element.elementor-element-325c961{--width:90vw;}}@media(max-width:1024px) and (min-width:768px){.elementor-17870 .elementor-element.elementor-element-325c961{--width:492vw;}}\/* Start custom CSS for html, class: .elementor-element-ad2fcaa *\/.elementor-17870 .elementor-element.elementor-element-ad2fcaa{\n    width:100% !important;\n}\/* End custom CSS *\/<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17870\" class=\"elementor elementor-17870 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-36881 post-36881 prodotti type-prodotti status-publish has-post-thumbnail hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-325c961 e-con-full e-flex e-con e-parent\" data-id=\"325c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2fcaa elementor-widget elementor-widget-html\" data-id=\"ad2fcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.carousel-saloon-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    overflow: hidden;\n}\n\n.carousel-saloon-image {\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    object-fit: cover;\n}\n\n.carousel-saloon-container::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(156, 175, 136, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover::after {\n    opacity: 1;\n}\n\n.hovered-image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/CarouselGreenBorder.svg') 5 \/ 5px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    cursor: pointer;\n}\n\n.carousel-title-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    text-align: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover .carousel-title-overlay {\n    opacity: 1;\n}\n\n#carousel-saloon-title {\n    font-family: \"Inter\";\n    color: #fff;\n    font-size: 30px;\n    margin: 0;\n}\n\n.fade-in {\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.fade-in.visible {\n    opacity: 1;\n}\n<\/style><div class=\"carousel-saloon-container\"><a href=\"\"><img class='carousel-saloon-image' src='https:\/\/www.beautystar.it\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-22-mag-2026-11_29_16.png' data-text='M. HairSpa --- '\/><div class=\"carousel-title-overlay\"><h2 id=\"carousel-saloon-title\">M. HairSpa<\/h2><\/div><\/a><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n    function bindImageHoverEvents() {\n        const images = document.querySelectorAll('.carousel-saloon-image');\n        \/\/const titleElement = document.getElementById('carousel-saloon-title');\n        const descriptionElement = document.getElementById('carousel-saloon-description');\n        \n        images.forEach((image, index) => {\n            console.log(`Binding event to image ${index + 1}`);\n            image.removeEventListener('mouseenter', handleMouseEnter);\n            image.addEventListener('mouseenter', handleMouseEnter);\n        });\n\n        function handleMouseEnter() {\n            console.log('Image hovered:', this.src);\n            images.forEach(img => img.classList.remove('hovered-image'));\n            this.classList.add('hovered-image');\n            \n            const hoverText = this.getAttribute('data-text');\n            const splitStr = hoverText.split('---', 2);\n            const title = splitStr[0];\n            \n            \/\/titleElement.classList.remove('visible');\n            \n            setTimeout(() => {\n                titleElement.textContent = title;\n                titleElement.classList.add('visible');\n            }, 300);\n        }\n    }\n\n    bindImageHoverEvents();\n\n    const carouselContainer = document.querySelector('.swiper-wrapper');\n    const observer = new MutationObserver(bindImageHoverEvents);\n    \n    if (carouselContainer) {\n        observer.observe(carouselContainer, { childList: true, subtree: true });\n        carouselContainer.addEventListener('transitionend', bindImageHoverEvents);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17870\" class=\"elementor elementor-17870 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-16826 post-16826 prodotti type-prodotti status-publish has-post-thumbnail hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-325c961 e-con-full e-flex e-con e-parent\" data-id=\"325c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2fcaa elementor-widget elementor-widget-html\" data-id=\"ad2fcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.carousel-saloon-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    overflow: hidden;\n}\n\n.carousel-saloon-image {\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    object-fit: cover;\n}\n\n.carousel-saloon-container::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(156, 175, 136, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover::after {\n    opacity: 1;\n}\n\n.hovered-image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/CarouselGreenBorder.svg') 5 \/ 5px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    cursor: pointer;\n}\n\n.carousel-title-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    text-align: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover .carousel-title-overlay {\n    opacity: 1;\n}\n\n#carousel-saloon-title {\n    font-family: \"Inter\";\n    color: #fff;\n    font-size: 30px;\n    margin: 0;\n}\n\n.fade-in {\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.fade-in.visible {\n    opacity: 1;\n}\n<\/style><div class=\"carousel-saloon-container\"><a href=\"\/saloons\/Bravin-Creative\"><img class='carousel-saloon-image' src='https:\/\/www.beautystar.it\/wp-content\/uploads\/2025\/02\/PHOTO-2023-10-16-15-55-24.jpg' data-text='Bravin Creative --- '\/><div class=\"carousel-title-overlay\"><h2 id=\"carousel-saloon-title\">Bravin Creative<\/h2><\/div><\/a><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n    function bindImageHoverEvents() {\n        const images = document.querySelectorAll('.carousel-saloon-image');\n        \/\/const titleElement = document.getElementById('carousel-saloon-title');\n        const descriptionElement = document.getElementById('carousel-saloon-description');\n        \n        images.forEach((image, index) => {\n            console.log(`Binding event to image ${index + 1}`);\n            image.removeEventListener('mouseenter', handleMouseEnter);\n            image.addEventListener('mouseenter', handleMouseEnter);\n        });\n\n        function handleMouseEnter() {\n            console.log('Image hovered:', this.src);\n            images.forEach(img => img.classList.remove('hovered-image'));\n            this.classList.add('hovered-image');\n            \n            const hoverText = this.getAttribute('data-text');\n            const splitStr = hoverText.split('---', 2);\n            const title = splitStr[0];\n            \n            \/\/titleElement.classList.remove('visible');\n            \n            setTimeout(() => {\n                titleElement.textContent = title;\n                titleElement.classList.add('visible');\n            }, 300);\n        }\n    }\n\n    bindImageHoverEvents();\n\n    const carouselContainer = document.querySelector('.swiper-wrapper');\n    const observer = new MutationObserver(bindImageHoverEvents);\n    \n    if (carouselContainer) {\n        observer.observe(carouselContainer, { childList: true, subtree: true });\n        carouselContainer.addEventListener('transitionend', bindImageHoverEvents);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17870\" class=\"elementor elementor-17870 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-8155 post-8155 prodotti type-prodotti status-publish has-post-thumbnail hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-325c961 e-con-full e-flex e-con e-parent\" data-id=\"325c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2fcaa elementor-widget elementor-widget-html\" data-id=\"ad2fcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.carousel-saloon-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    overflow: hidden;\n}\n\n.carousel-saloon-image {\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    object-fit: cover;\n}\n\n.carousel-saloon-container::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(156, 175, 136, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover::after {\n    opacity: 1;\n}\n\n.hovered-image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/CarouselGreenBorder.svg') 5 \/ 5px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    cursor: pointer;\n}\n\n.carousel-title-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    text-align: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover .carousel-title-overlay {\n    opacity: 1;\n}\n\n#carousel-saloon-title {\n    font-family: \"Inter\";\n    color: #fff;\n    font-size: 30px;\n    margin: 0;\n}\n\n.fade-in {\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.fade-in.visible {\n    opacity: 1;\n}\n<\/style><div class=\"carousel-saloon-container\"><a href=\"\/saloons\/Viller-Parrucchiere\"><img class='carousel-saloon-image' src='https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/10\/Viller-Parrucchiere-Reggio-Emilia-RE01.jpg' data-text='Viller Parrucchiere --- '\/><div class=\"carousel-title-overlay\"><h2 id=\"carousel-saloon-title\">Viller Parrucchiere<\/h2><\/div><\/a><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n    function bindImageHoverEvents() {\n        const images = document.querySelectorAll('.carousel-saloon-image');\n        \/\/const titleElement = document.getElementById('carousel-saloon-title');\n        const descriptionElement = document.getElementById('carousel-saloon-description');\n        \n        images.forEach((image, index) => {\n            console.log(`Binding event to image ${index + 1}`);\n            image.removeEventListener('mouseenter', handleMouseEnter);\n            image.addEventListener('mouseenter', handleMouseEnter);\n        });\n\n        function handleMouseEnter() {\n            console.log('Image hovered:', this.src);\n            images.forEach(img => img.classList.remove('hovered-image'));\n            this.classList.add('hovered-image');\n            \n            const hoverText = this.getAttribute('data-text');\n            const splitStr = hoverText.split('---', 2);\n            const title = splitStr[0];\n            \n            \/\/titleElement.classList.remove('visible');\n            \n            setTimeout(() => {\n                titleElement.textContent = title;\n                titleElement.classList.add('visible');\n            }, 300);\n        }\n    }\n\n    bindImageHoverEvents();\n\n    const carouselContainer = document.querySelector('.swiper-wrapper');\n    const observer = new MutationObserver(bindImageHoverEvents);\n    \n    if (carouselContainer) {\n        observer.observe(carouselContainer, { childList: true, subtree: true });\n        carouselContainer.addEventListener('transitionend', bindImageHoverEvents);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17870\" class=\"elementor elementor-17870 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-3324 post-3324 prodotti type-prodotti status-publish has-post-thumbnail hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-325c961 e-con-full e-flex e-con e-parent\" data-id=\"325c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2fcaa elementor-widget elementor-widget-html\" data-id=\"ad2fcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.carousel-saloon-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    overflow: hidden;\n}\n\n.carousel-saloon-image {\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    object-fit: cover;\n}\n\n.carousel-saloon-container::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(156, 175, 136, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover::after {\n    opacity: 1;\n}\n\n.hovered-image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/CarouselGreenBorder.svg') 5 \/ 5px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    cursor: pointer;\n}\n\n.carousel-title-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    text-align: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover .carousel-title-overlay {\n    opacity: 1;\n}\n\n#carousel-saloon-title {\n    font-family: \"Inter\";\n    color: #fff;\n    font-size: 30px;\n    margin: 0;\n}\n\n.fade-in {\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.fade-in.visible {\n    opacity: 1;\n}\n<\/style><div class=\"carousel-saloon-container\"><a href=\"\/saloons\/atelier-brera-13\/\"><img class='carousel-saloon-image' src='https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/08\/Atelier-Brera-13-Milano-MI-Italy-Shooting-Studio-Effetto-01-scaled.jpg' data-text='Atelier Brera 13 --- '\/><div class=\"carousel-title-overlay\"><h2 id=\"carousel-saloon-title\">Atelier Brera 13<\/h2><\/div><\/a><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n    function bindImageHoverEvents() {\n        const images = document.querySelectorAll('.carousel-saloon-image');\n        \/\/const titleElement = document.getElementById('carousel-saloon-title');\n        const descriptionElement = document.getElementById('carousel-saloon-description');\n        \n        images.forEach((image, index) => {\n            console.log(`Binding event to image ${index + 1}`);\n            image.removeEventListener('mouseenter', handleMouseEnter);\n            image.addEventListener('mouseenter', handleMouseEnter);\n        });\n\n        function handleMouseEnter() {\n            console.log('Image hovered:', this.src);\n            images.forEach(img => img.classList.remove('hovered-image'));\n            this.classList.add('hovered-image');\n            \n            const hoverText = this.getAttribute('data-text');\n            const splitStr = hoverText.split('---', 2);\n            const title = splitStr[0];\n            \n            \/\/titleElement.classList.remove('visible');\n            \n            setTimeout(() => {\n                titleElement.textContent = title;\n                titleElement.classList.add('visible');\n            }, 300);\n        }\n    }\n\n    bindImageHoverEvents();\n\n    const carouselContainer = document.querySelector('.swiper-wrapper');\n    const observer = new MutationObserver(bindImageHoverEvents);\n    \n    if (carouselContainer) {\n        observer.observe(carouselContainer, { childList: true, subtree: true });\n        carouselContainer.addEventListener('transitionend', bindImageHoverEvents);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17870\" class=\"elementor elementor-17870 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-8153 post-8153 prodotti type-prodotti status-publish has-post-thumbnail hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-325c961 e-con-full e-flex e-con e-parent\" data-id=\"325c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2fcaa elementor-widget elementor-widget-html\" data-id=\"ad2fcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.carousel-saloon-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    overflow: hidden;\n}\n\n.carousel-saloon-image {\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    object-fit: cover;\n}\n\n.carousel-saloon-container::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(156, 175, 136, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover::after {\n    opacity: 1;\n}\n\n.hovered-image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/CarouselGreenBorder.svg') 5 \/ 5px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    cursor: pointer;\n}\n\n.carousel-title-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    text-align: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover .carousel-title-overlay {\n    opacity: 1;\n}\n\n#carousel-saloon-title {\n    font-family: \"Inter\";\n    color: #fff;\n    font-size: 30px;\n    margin: 0;\n}\n\n.fade-in {\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.fade-in.visible {\n    opacity: 1;\n}\n<\/style><div class=\"carousel-saloon-container\"><a href=\"\/saloons\/Rossana-Pettico-Luxury-Hair\/\"><img class='carousel-saloon-image' src='https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/10\/09-Pettico.jpg' data-text='Rossana Pettico Luxury Hair --- '\/><div class=\"carousel-title-overlay\"><h2 id=\"carousel-saloon-title\">Rossana Pettico Luxury Hair<\/h2><\/div><\/a><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n    function bindImageHoverEvents() {\n        const images = document.querySelectorAll('.carousel-saloon-image');\n        \/\/const titleElement = document.getElementById('carousel-saloon-title');\n        const descriptionElement = document.getElementById('carousel-saloon-description');\n        \n        images.forEach((image, index) => {\n            console.log(`Binding event to image ${index + 1}`);\n            image.removeEventListener('mouseenter', handleMouseEnter);\n            image.addEventListener('mouseenter', handleMouseEnter);\n        });\n\n        function handleMouseEnter() {\n            console.log('Image hovered:', this.src);\n            images.forEach(img => img.classList.remove('hovered-image'));\n            this.classList.add('hovered-image');\n            \n            const hoverText = this.getAttribute('data-text');\n            const splitStr = hoverText.split('---', 2);\n            const title = splitStr[0];\n            \n            \/\/titleElement.classList.remove('visible');\n            \n            setTimeout(() => {\n                titleElement.textContent = title;\n                titleElement.classList.add('visible');\n            }, 300);\n        }\n    }\n\n    bindImageHoverEvents();\n\n    const carouselContainer = document.querySelector('.swiper-wrapper');\n    const observer = new MutationObserver(bindImageHoverEvents);\n    \n    if (carouselContainer) {\n        observer.observe(carouselContainer, { childList: true, subtree: true });\n        carouselContainer.addEventListener('transitionend', bindImageHoverEvents);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d8d717 elementor-widget__width-inherit elementor-widget elementor-widget-loop-carousel\" data-id=\"1d8d717\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;template_id&quot;:17870,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;_skin&quot;:&quot;post&quot;,&quot;slides_to_show&quot;:&quot;3&quot;,&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;.elementor-loop-container&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;offset_sides&quot;:&quot;none&quot;,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-carousel.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"swiper elementor-loop-container elementor-grid\" role=\"list\" dir=\"rtl\">\n\t\t\t\t<div class=\"swiper-wrapper\" aria-live=\"polite\">\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17870\" class=\"elementor elementor-17870 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-36881 post-36881 prodotti type-prodotti status-publish has-post-thumbnail hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-325c961 e-con-full e-flex e-con e-parent\" data-id=\"325c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2fcaa elementor-widget elementor-widget-html\" data-id=\"ad2fcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.carousel-saloon-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    overflow: hidden;\n}\n\n.carousel-saloon-image {\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    object-fit: cover;\n}\n\n.carousel-saloon-container::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(156, 175, 136, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover::after {\n    opacity: 1;\n}\n\n.hovered-image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/CarouselGreenBorder.svg') 5 \/ 5px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    cursor: pointer;\n}\n\n.carousel-title-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    text-align: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover .carousel-title-overlay {\n    opacity: 1;\n}\n\n#carousel-saloon-title {\n    font-family: \"Inter\";\n    color: #fff;\n    font-size: 30px;\n    margin: 0;\n}\n\n.fade-in {\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.fade-in.visible {\n    opacity: 1;\n}\n<\/style><div class=\"carousel-saloon-container\"><a href=\"\"><img class='carousel-saloon-image' src='https:\/\/www.beautystar.it\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-22-mag-2026-11_29_16.png' data-text='M. HairSpa --- '\/><div class=\"carousel-title-overlay\"><h2 id=\"carousel-saloon-title\">M. HairSpa<\/h2><\/div><\/a><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n    function bindImageHoverEvents() {\n        const images = document.querySelectorAll('.carousel-saloon-image');\n        \/\/const titleElement = document.getElementById('carousel-saloon-title');\n        const descriptionElement = document.getElementById('carousel-saloon-description');\n        \n        images.forEach((image, index) => {\n            console.log(`Binding event to image ${index + 1}`);\n            image.removeEventListener('mouseenter', handleMouseEnter);\n            image.addEventListener('mouseenter', handleMouseEnter);\n        });\n\n        function handleMouseEnter() {\n            console.log('Image hovered:', this.src);\n            images.forEach(img => img.classList.remove('hovered-image'));\n            this.classList.add('hovered-image');\n            \n            const hoverText = this.getAttribute('data-text');\n            const splitStr = hoverText.split('---', 2);\n            const title = splitStr[0];\n            \n            \/\/titleElement.classList.remove('visible');\n            \n            setTimeout(() => {\n                titleElement.textContent = title;\n                titleElement.classList.add('visible');\n            }, 300);\n        }\n    }\n\n    bindImageHoverEvents();\n\n    const carouselContainer = document.querySelector('.swiper-wrapper');\n    const observer = new MutationObserver(bindImageHoverEvents);\n    \n    if (carouselContainer) {\n        observer.observe(carouselContainer, { childList: true, subtree: true });\n        carouselContainer.addEventListener('transitionend', bindImageHoverEvents);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17870\" class=\"elementor elementor-17870 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-16826 post-16826 prodotti type-prodotti status-publish has-post-thumbnail hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-325c961 e-con-full e-flex e-con e-parent\" data-id=\"325c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2fcaa elementor-widget elementor-widget-html\" data-id=\"ad2fcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.carousel-saloon-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    overflow: hidden;\n}\n\n.carousel-saloon-image {\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    object-fit: cover;\n}\n\n.carousel-saloon-container::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(156, 175, 136, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover::after {\n    opacity: 1;\n}\n\n.hovered-image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/CarouselGreenBorder.svg') 5 \/ 5px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    cursor: pointer;\n}\n\n.carousel-title-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    text-align: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover .carousel-title-overlay {\n    opacity: 1;\n}\n\n#carousel-saloon-title {\n    font-family: \"Inter\";\n    color: #fff;\n    font-size: 30px;\n    margin: 0;\n}\n\n.fade-in {\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.fade-in.visible {\n    opacity: 1;\n}\n<\/style><div class=\"carousel-saloon-container\"><a href=\"\/saloons\/Bravin-Creative\"><img class='carousel-saloon-image' src='https:\/\/www.beautystar.it\/wp-content\/uploads\/2025\/02\/PHOTO-2023-10-16-15-55-24.jpg' data-text='Bravin Creative --- '\/><div class=\"carousel-title-overlay\"><h2 id=\"carousel-saloon-title\">Bravin Creative<\/h2><\/div><\/a><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n    function bindImageHoverEvents() {\n        const images = document.querySelectorAll('.carousel-saloon-image');\n        \/\/const titleElement = document.getElementById('carousel-saloon-title');\n        const descriptionElement = document.getElementById('carousel-saloon-description');\n        \n        images.forEach((image, index) => {\n            console.log(`Binding event to image ${index + 1}`);\n            image.removeEventListener('mouseenter', handleMouseEnter);\n            image.addEventListener('mouseenter', handleMouseEnter);\n        });\n\n        function handleMouseEnter() {\n            console.log('Image hovered:', this.src);\n            images.forEach(img => img.classList.remove('hovered-image'));\n            this.classList.add('hovered-image');\n            \n            const hoverText = this.getAttribute('data-text');\n            const splitStr = hoverText.split('---', 2);\n            const title = splitStr[0];\n            \n            \/\/titleElement.classList.remove('visible');\n            \n            setTimeout(() => {\n                titleElement.textContent = title;\n                titleElement.classList.add('visible');\n            }, 300);\n        }\n    }\n\n    bindImageHoverEvents();\n\n    const carouselContainer = document.querySelector('.swiper-wrapper');\n    const observer = new MutationObserver(bindImageHoverEvents);\n    \n    if (carouselContainer) {\n        observer.observe(carouselContainer, { childList: true, subtree: true });\n        carouselContainer.addEventListener('transitionend', bindImageHoverEvents);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17870\" class=\"elementor elementor-17870 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-8155 post-8155 prodotti type-prodotti status-publish has-post-thumbnail hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-325c961 e-con-full e-flex e-con e-parent\" data-id=\"325c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2fcaa elementor-widget elementor-widget-html\" data-id=\"ad2fcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.carousel-saloon-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    overflow: hidden;\n}\n\n.carousel-saloon-image {\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    object-fit: cover;\n}\n\n.carousel-saloon-container::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(156, 175, 136, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover::after {\n    opacity: 1;\n}\n\n.hovered-image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/CarouselGreenBorder.svg') 5 \/ 5px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    cursor: pointer;\n}\n\n.carousel-title-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    text-align: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover .carousel-title-overlay {\n    opacity: 1;\n}\n\n#carousel-saloon-title {\n    font-family: \"Inter\";\n    color: #fff;\n    font-size: 30px;\n    margin: 0;\n}\n\n.fade-in {\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.fade-in.visible {\n    opacity: 1;\n}\n<\/style><div class=\"carousel-saloon-container\"><a href=\"\/saloons\/Viller-Parrucchiere\"><img class='carousel-saloon-image' src='https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/10\/Viller-Parrucchiere-Reggio-Emilia-RE01.jpg' data-text='Viller Parrucchiere --- '\/><div class=\"carousel-title-overlay\"><h2 id=\"carousel-saloon-title\">Viller Parrucchiere<\/h2><\/div><\/a><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n    function bindImageHoverEvents() {\n        const images = document.querySelectorAll('.carousel-saloon-image');\n        \/\/const titleElement = document.getElementById('carousel-saloon-title');\n        const descriptionElement = document.getElementById('carousel-saloon-description');\n        \n        images.forEach((image, index) => {\n            console.log(`Binding event to image ${index + 1}`);\n            image.removeEventListener('mouseenter', handleMouseEnter);\n            image.addEventListener('mouseenter', handleMouseEnter);\n        });\n\n        function handleMouseEnter() {\n            console.log('Image hovered:', this.src);\n            images.forEach(img => img.classList.remove('hovered-image'));\n            this.classList.add('hovered-image');\n            \n            const hoverText = this.getAttribute('data-text');\n            const splitStr = hoverText.split('---', 2);\n            const title = splitStr[0];\n            \n            \/\/titleElement.classList.remove('visible');\n            \n            setTimeout(() => {\n                titleElement.textContent = title;\n                titleElement.classList.add('visible');\n            }, 300);\n        }\n    }\n\n    bindImageHoverEvents();\n\n    const carouselContainer = document.querySelector('.swiper-wrapper');\n    const observer = new MutationObserver(bindImageHoverEvents);\n    \n    if (carouselContainer) {\n        observer.observe(carouselContainer, { childList: true, subtree: true });\n        carouselContainer.addEventListener('transitionend', bindImageHoverEvents);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17870\" class=\"elementor elementor-17870 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-3324 post-3324 prodotti type-prodotti status-publish has-post-thumbnail hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-325c961 e-con-full e-flex e-con e-parent\" data-id=\"325c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2fcaa elementor-widget elementor-widget-html\" data-id=\"ad2fcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.carousel-saloon-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    overflow: hidden;\n}\n\n.carousel-saloon-image {\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    object-fit: cover;\n}\n\n.carousel-saloon-container::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(156, 175, 136, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover::after {\n    opacity: 1;\n}\n\n.hovered-image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/CarouselGreenBorder.svg') 5 \/ 5px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    cursor: pointer;\n}\n\n.carousel-title-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    text-align: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover .carousel-title-overlay {\n    opacity: 1;\n}\n\n#carousel-saloon-title {\n    font-family: \"Inter\";\n    color: #fff;\n    font-size: 30px;\n    margin: 0;\n}\n\n.fade-in {\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.fade-in.visible {\n    opacity: 1;\n}\n<\/style><div class=\"carousel-saloon-container\"><a href=\"\/saloons\/atelier-brera-13\/\"><img class='carousel-saloon-image' src='https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/08\/Atelier-Brera-13-Milano-MI-Italy-Shooting-Studio-Effetto-01-scaled.jpg' data-text='Atelier Brera 13 --- '\/><div class=\"carousel-title-overlay\"><h2 id=\"carousel-saloon-title\">Atelier Brera 13<\/h2><\/div><\/a><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n    function bindImageHoverEvents() {\n        const images = document.querySelectorAll('.carousel-saloon-image');\n        \/\/const titleElement = document.getElementById('carousel-saloon-title');\n        const descriptionElement = document.getElementById('carousel-saloon-description');\n        \n        images.forEach((image, index) => {\n            console.log(`Binding event to image ${index + 1}`);\n            image.removeEventListener('mouseenter', handleMouseEnter);\n            image.addEventListener('mouseenter', handleMouseEnter);\n        });\n\n        function handleMouseEnter() {\n            console.log('Image hovered:', this.src);\n            images.forEach(img => img.classList.remove('hovered-image'));\n            this.classList.add('hovered-image');\n            \n            const hoverText = this.getAttribute('data-text');\n            const splitStr = hoverText.split('---', 2);\n            const title = splitStr[0];\n            \n            \/\/titleElement.classList.remove('visible');\n            \n            setTimeout(() => {\n                titleElement.textContent = title;\n                titleElement.classList.add('visible');\n            }, 300);\n        }\n    }\n\n    bindImageHoverEvents();\n\n    const carouselContainer = document.querySelector('.swiper-wrapper');\n    const observer = new MutationObserver(bindImageHoverEvents);\n    \n    if (carouselContainer) {\n        observer.observe(carouselContainer, { childList: true, subtree: true });\n        carouselContainer.addEventListener('transitionend', bindImageHoverEvents);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17870\" class=\"elementor elementor-17870 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-8153 post-8153 prodotti type-prodotti status-publish has-post-thumbnail hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-325c961 e-con-full e-flex e-con e-parent\" data-id=\"325c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2fcaa elementor-widget elementor-widget-html\" data-id=\"ad2fcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.carousel-saloon-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    overflow: hidden;\n}\n\n.carousel-saloon-image {\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    object-fit: cover;\n}\n\n.carousel-saloon-container::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(156, 175, 136, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover::after {\n    opacity: 1;\n}\n\n.hovered-image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/CarouselGreenBorder.svg') 5 \/ 5px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    cursor: pointer;\n}\n\n.carousel-title-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    text-align: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover .carousel-title-overlay {\n    opacity: 1;\n}\n\n#carousel-saloon-title {\n    font-family: \"Inter\";\n    color: #fff;\n    font-size: 30px;\n    margin: 0;\n}\n\n.fade-in {\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.fade-in.visible {\n    opacity: 1;\n}\n<\/style><div class=\"carousel-saloon-container\"><a href=\"\/saloons\/Rossana-Pettico-Luxury-Hair\/\"><img class='carousel-saloon-image' src='https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/10\/09-Pettico.jpg' data-text='Rossana Pettico Luxury Hair --- '\/><div class=\"carousel-title-overlay\"><h2 id=\"carousel-saloon-title\">Rossana Pettico Luxury Hair<\/h2><\/div><\/a><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n    function bindImageHoverEvents() {\n        const images = document.querySelectorAll('.carousel-saloon-image');\n        \/\/const titleElement = document.getElementById('carousel-saloon-title');\n        const descriptionElement = document.getElementById('carousel-saloon-description');\n        \n        images.forEach((image, index) => {\n            console.log(`Binding event to image ${index + 1}`);\n            image.removeEventListener('mouseenter', handleMouseEnter);\n            image.addEventListener('mouseenter', handleMouseEnter);\n        });\n\n        function handleMouseEnter() {\n            console.log('Image hovered:', this.src);\n            images.forEach(img => img.classList.remove('hovered-image'));\n            this.classList.add('hovered-image');\n            \n            const hoverText = this.getAttribute('data-text');\n            const splitStr = hoverText.split('---', 2);\n            const title = splitStr[0];\n            \n            \/\/titleElement.classList.remove('visible');\n            \n            setTimeout(() => {\n                titleElement.textContent = title;\n                titleElement.classList.add('visible');\n            }, 300);\n        }\n    }\n\n    bindImageHoverEvents();\n\n    const carouselContainer = document.querySelector('.swiper-wrapper');\n    const observer = new MutationObserver(bindImageHoverEvents);\n    \n    if (carouselContainer) {\n        observer.observe(carouselContainer, { childList: true, subtree: true });\n        carouselContainer.addEventListener('transitionend', bindImageHoverEvents);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f78576 fade-in elementor-widget elementor-widget-heading\" data-id=\"1f78576\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"carousel-saloon-title\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Test 2<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b57920 fade-in elementor-widget elementor-widget-heading\" data-id=\"7b57920\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"carousel-saloon-description\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Test 2<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-840f80d elementor-widget__width-initial anim-bufade elementor-hidden-desktop ha-has-bg-overlay elementor-widget elementor-widget-button\" data-id=\"840f80d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/saloons\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">TOUS LES HALLS<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f27caa3 e-con-full e-flex e-con e-child\" data-id=\"f27caa3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13328df e-con-full panel e-flex e-con e-parent\" data-id=\"13328df\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\" data-color=\"default\">\n\t\t<div class=\"elementor-element elementor-element-7dfb999 e-con-full e-flex e-con e-child\" data-id=\"7dfb999\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e2fd27 elementor-widget elementor-widget-heading\" data-id=\"6e2fd27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/beautystar.it\/fr\/magazine\/\">Lire tous les articles<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f8d2946 elementor-widget elementor-widget-image\" data-id=\"f8d2946\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"152\" height=\"1\" src=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/09\/Underline.png\" class=\"attachment-large size-large wp-image-10271\" alt=\"\" srcset=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/09\/Underline.png 152w, https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/09\/Underline-150x1.png 150w, https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/09\/Underline-18x1.png 18w\" sizes=\"auto, (max-width: 152px) 100vw, 152px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eef1da4 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"eef1da4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc72f9a anim-bufade elementor-widget elementor-widget-heading\" data-id=\"bc72f9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">MAGAZINE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e6aa99c e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"e6aa99c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-dc33a60 e-con-full e-flex e-con e-child\" data-id=\"dc33a60\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-83b5245 e-con-full e-flex e-con e-child\" data-id=\"83b5245\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c98f53 anim-bufade elementor-widget elementor-widget-html\" data-id=\"9c98f53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container-news\"><a href=\"https:\/\/www.beautystar.it\/fr\/news\/color-drenching-quando-il-colore-diventa-progetto-e-la-materia-il-suo-alleato-2\/\"><div class=\"responsive-image-wrapper\"><img decoding=\"async\" class=\"responsive-image\" style=\"min-height: 350px;\" src=\"\" \/><div class=\"overlay-news-green\"><\/div><\/div><\/a><\/div><style>.responsive-container-news {\n    width: 100%;\n    max-width: 1000px;\n    height: 100%;\n    overflow: hidden;\n    position: relative; \/* Add this line to enable absolute positioning for child elements *\/\n}\n\n.responsive-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n}\n\n\/* Updated overlay CSS *\/\n.overlay-news-green {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color:#9CAF88; \/* Green overlay with 50% opacity *\/\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n\/* Hover effect *\/\n.responsive-container-news:hover .overlay-news-green {\n    opacity: 0.7;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b335304 e-con-full e-flex e-con e-child\" data-id=\"b335304\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35303f7 elementor-widget__width-auto anim-bufade elementor-widget elementor-widget-shortcode\" data-id=\"35303f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/fr\/news\/color-drenching-quando-il-colore-diventa-progetto-e-la-materia-il-suo-alleato-2\/\">Color Drenching : quand la couleur devient un \u00e9l\u00e9ment de conception (et la mati\u00e8re son alli\u00e9e)<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a23b7e0 anim-bufade elementor-widget elementor-widget-heading\" data-id=\"a23b7e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- Article<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c74251a e-con-full e-flex e-con e-child\" data-id=\"c74251a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09b16b2 anim-bufade elementor-widget elementor-widget-html\" data-id=\"09b16b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container-news\"><a href=\"https:\/\/www.beautystar.it\/fr\/news\/come-introdurre-un-servizio-head-spa-nel-proprio-salone-formazione-esperienza-e-nuove-opportunita-di-crescita\/\"><div class=\"responsive-image-wrapper\"><img decoding=\"async\" class=\"responsive-image\" style=\"min-height: 250px;\" src=\"\" \/><div class=\"overlay-news-green\"><\/div><\/div><\/a><\/div><style>.responsive-container-news {\n    width: 100%;\n    max-width: 1000px;\n    height: 100%;\n    overflow: hidden;\n    position: relative; \/* Add this line to enable absolute positioning for child elements *\/\n}\n\n.responsive-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n}\n\n\/* Updated overlay CSS *\/\n.overlay-news-green {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color:#9CAF88; \/* Green overlay with 50% opacity *\/\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n\/* Hover effect *\/\n.responsive-container-news:hover .overlay-news-green {\n    opacity: 0.7;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59c94ba e-con-full e-flex e-con e-child\" data-id=\"59c94ba\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3149977 elementor-widget__width-auto anim-bufade elementor-widget elementor-widget-shortcode\" data-id=\"3149977\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/fr\/news\/come-introdurre-un-servizio-head-spa-nel-proprio-salone-formazione-esperienza-e-nuove-opportunita-di-crescita\/\">Comment introduire un service Head Spa dans son salon : formation, exp\u00e9rience et nouvelles opportunit\u00e9s de croissance<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a39304a anim-bufade elementor-widget elementor-widget-heading\" data-id=\"a39304a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- Article<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-586daf2 e-con-full e-flex e-con e-child\" data-id=\"586daf2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-9b8ce62 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"9b8ce62\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b50e2c elementor-widget elementor-widget-html\" data-id=\"5b50e2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container-news\"><a href=\"https:\/\/www.beautystar.it\/fr\/news\/cosmoprof-2026-beautystar-presenta-le-novita-per-il-salone-di-domani\/\"><div class=\"responsive-image-wrapper\"><img decoding=\"async\" class=\"responsive-image\" style=\"min-height: 250px;\" src=\"\" \/><div class=\"overlay-news-green\"><\/div><\/div><\/a><\/div><style>.responsive-container-news {\n    width: 100%;\n    max-width: 1000px;\n    height: 100%;\n    overflow: hidden;\n    position: relative; \/* Add this line to enable absolute positioning for child elements *\/\n}\n\n.responsive-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n}\n\n\/* Updated overlay CSS *\/\n.overlay-news-green {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color:#9CAF88; \/* Green overlay with 50% opacity *\/\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n\/* Hover effect *\/\n.responsive-container-news:hover .overlay-news-green {\n    opacity: 0.7;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-618611b e-con-full e-flex e-con e-child\" data-id=\"618611b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89666b0 elementor-widget__width-auto elementor-widget elementor-widget-shortcode\" data-id=\"89666b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/fr\/news\/cosmoprof-2026-beautystar-presenta-le-novita-per-il-salone-di-domani\/\">Cosmoprof 2026 : BeautyStar pr\u00e9sente les nouveaut\u00e9s pour le salon de demain<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-501aceb elementor-widget elementor-widget-heading\" data-id=\"501aceb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- Article<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eceee22 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"eceee22\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a4beaa elementor-widget elementor-widget-html\" data-id=\"4a4beaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container-news\"><a href=\"https:\/\/www.beautystar.it\/fr\/news\/lesperienza-come-leva-strategica-per-il-salone-di-parrucchieri\/\"><div class=\"responsive-image-wrapper\"><img decoding=\"async\" class=\"responsive-image\" style=\"min-height: 350px;\" src=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-22-dic-2025-14_45_24.jpg\" \/><div class=\"overlay-news-green\"><\/div><\/div><\/a><\/div><style>.responsive-container-news {\n    width: 100%;\n    max-width: 1000px;\n    height: 100%;\n    overflow: hidden;\n    position: relative; \/* Add this line to enable absolute positioning for child elements *\/\n}\n\n.responsive-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n}\n\n\/* Updated overlay CSS *\/\n.overlay-news-green {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color:#9CAF88; \/* Green overlay with 50% opacity *\/\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n\/* Hover effect *\/\n.responsive-container-news:hover .overlay-news-green {\n    opacity: 0.7;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d2aaa23 e-con-full e-flex e-con e-child\" data-id=\"d2aaa23\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f67b04 elementor-widget__width-auto elementor-widget elementor-widget-shortcode\" data-id=\"2f67b04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/fr\/news\/lesperienza-come-leva-strategica-per-il-salone-di-parrucchieri\/\">L\u2019exp\u00e9rience comme levier strat\u00e9gique pour le salon de coiffure<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02a4d76 elementor-widget elementor-widget-heading\" data-id=\"02a4d76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- Article<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f5c6fc e-con-full elementor-hidden-desktop e-flex e-con e-child\" data-id=\"6f5c6fc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-4675b09 e-con-full e-flex e-con e-child\" data-id=\"4675b09\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f470659 anim-bufade elementor-widget elementor-widget-html\" data-id=\"f470659\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container\"><a href=\"https:\/\/www.beautystar.it\/fr\/news\/color-drenching-quando-il-colore-diventa-progetto-e-la-materia-il-suo-alleato-2\/\"><img decoding=\"async\" class=\"responsive-image\" src=\"\" \/><\/a><\/div><style>.responsive-container {\n    width: 100%; \/* La larghezza \u00e8 impostata al 100% del contenitore *\/\n    \n    height: auto; \/* L'altezza sar\u00e0 automatica *\/\n    position: relative;\n    overflow: hidden;\n}\n\n.responsive-container::before {\n    content: \"\";\n    display: block;\n    padding-bottom: 50%; \/* Imposta un rapporto 2:1 per l'altezza *\/\n}\n\n.responsive-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height:250px !important;\n    object-fit: cover; \/* Mantiene l'immagine coperta senza distorsioni *\/\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3aaa483 e-con-full e-flex e-con e-child\" data-id=\"3aaa483\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5647bfe elementor-widget__width-auto anim-bufade elementor-widget elementor-widget-shortcode\" data-id=\"5647bfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/fr\/news\/color-drenching-quando-il-colore-diventa-progetto-e-la-materia-il-suo-alleato-2\/\">Color Drenching : quand la couleur devient un \u00e9l\u00e9ment de conception (et la mati\u00e8re son alli\u00e9e)<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38a3fdf anim-bufade elementor-widget elementor-widget-heading\" data-id=\"38a3fdf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- Article<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef44d59 e-con-full e-flex e-con e-child\" data-id=\"ef44d59\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5383c7 anim-bufade elementor-widget elementor-widget-html\" data-id=\"a5383c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container\"><a href=\"https:\/\/www.beautystar.it\/fr\/news\/come-introdurre-un-servizio-head-spa-nel-proprio-salone-formazione-esperienza-e-nuove-opportunita-di-crescita\/\"><img decoding=\"async\" class=\"responsive-image\" src=\"\" \/><\/a><\/div><style>.responsive-container {\n    width: 100%; \/* La larghezza \u00e8 impostata al 100% del contenitore *\/\n    \n    height: auto; \/* L'altezza sar\u00e0 automatica *\/\n    position: relative;\n    overflow: hidden;\n}\n\n.responsive-container::before {\n    content: \"\";\n    display: block;\n    padding-bottom: 50%; \/* Imposta un rapporto 2:1 per l'altezza *\/\n}\n\n.responsive-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height:250px !important;\n    object-fit: cover; \/* Mantiene l'immagine coperta senza distorsioni *\/\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0aab1f e-con-full e-flex e-con e-child\" data-id=\"a0aab1f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42d31f9 elementor-widget__width-auto anim-bufade elementor-widget elementor-widget-shortcode\" data-id=\"42d31f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/fr\/news\/come-introdurre-un-servizio-head-spa-nel-proprio-salone-formazione-esperienza-e-nuove-opportunita-di-crescita\/\">Comment introduire un service Head Spa dans son salon : formation, exp\u00e9rience et nouvelles opportunit\u00e9s de croissance<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a752c34 anim-bufade elementor-widget elementor-widget-heading\" data-id=\"a752c34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- Article<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-895a7c6 e-con-full e-flex e-con e-child\" data-id=\"895a7c6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9830b40 anim-bufade elementor-widget elementor-widget-html\" data-id=\"9830b40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container\"><a href=\"https:\/\/www.beautystar.it\/fr\/news\/cosmoprof-2026-beautystar-presenta-le-novita-per-il-salone-di-domani\/\"><img decoding=\"async\" class=\"responsive-image\" src=\"\" \/><\/a><\/div><style>.responsive-container {\n    width: 100%; \/* La larghezza \u00e8 impostata al 100% del contenitore *\/\n    \n    height: auto; \/* L'altezza sar\u00e0 automatica *\/\n    position: relative;\n    overflow: hidden;\n}\n\n.responsive-container::before {\n    content: \"\";\n    display: block;\n    padding-bottom: 50%; \/* Imposta un rapporto 2:1 per l'altezza *\/\n}\n\n.responsive-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height:250px !important;\n    object-fit: cover; \/* Mantiene l'immagine coperta senza distorsioni *\/\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc34d3d e-con-full e-flex e-con e-child\" data-id=\"dc34d3d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d23deb elementor-widget__width-auto anim-bufade elementor-widget elementor-widget-shortcode\" data-id=\"3d23deb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/fr\/news\/cosmoprof-2026-beautystar-presenta-le-novita-per-il-salone-di-domani\/\">Cosmoprof 2026 : BeautyStar pr\u00e9sente les nouveaut\u00e9s pour le salon de demain<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-790cca9 anim-bufade elementor-widget elementor-widget-heading\" data-id=\"790cca9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- Article<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae469fe e-con-full e-flex e-con e-child\" data-id=\"ae469fe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0fe51e anim-bufade elementor-widget elementor-widget-html\" data-id=\"f0fe51e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container\"><a href=\"https:\/\/www.beautystar.it\/fr\/news\/lesperienza-come-leva-strategica-per-il-salone-di-parrucchieri\/\"><img decoding=\"async\" class=\"responsive-image\" src=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-22-dic-2025-14_45_24.jpg\" \/><\/a><\/div><style>.responsive-container {\n    width: 100%; \/* La larghezza \u00e8 impostata al 100% del contenitore *\/\n    \n    height: auto; \/* L'altezza sar\u00e0 automatica *\/\n    position: relative;\n    overflow: hidden;\n}\n\n.responsive-container::before {\n    content: \"\";\n    display: block;\n    padding-bottom: 50%; \/* Imposta un rapporto 2:1 per l'altezza *\/\n}\n\n.responsive-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height:250px !important;\n    object-fit: cover; \/* Mantiene l'immagine coperta senza distorsioni *\/\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31b0830 e-con-full e-flex e-con e-child\" data-id=\"31b0830\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af0a9fb elementor-widget__width-auto anim-bufade elementor-widget elementor-widget-shortcode\" data-id=\"af0a9fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/fr\/news\/lesperienza-come-leva-strategica-per-il-salone-di-parrucchieri\/\">L\u2019exp\u00e9rience comme levier strat\u00e9gique pour le salon de coiffure<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd54c0e anim-bufade elementor-widget elementor-widget-heading\" data-id=\"fd54c0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- Article<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"\u00c0 la fin du mois de mars, \u00e0 l\u2019occasion de Cosmoprof Worldwide Bologna, BeautyStar abordera un th\u00e8me de plus en [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"styles":[],"class_list":["post-27391","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Page d&#039;accueil - BeautyStar<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.beautystar.it\/fr\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Page d&#039;accueil - BeautyStar\" \/>\n<meta property=\"og:description\" content=\"BeautyStar est une entreprise italienne demeubles de coiffure qui allie design innvant et durabilit\u00e9 Technologie et innovation Au service du salon [scrollsequence id=\u00a0\u00bb3575&Prime;] D\u00e9couvrez comment meublervotre salon Slider con Hotspot \u2039 \u203a Cliquez sur les hotspots D\u00e9couvrez les produits BeautyStar D\u00e9couvrez comment acheter Retrolavaggio D\u00e9couvrir Alba D\u00e9couvrir Stargate D\u00e9couvrir Garmet D\u00e9couvrir Display D\u00e9couvrir Hunt D\u00e9couvrir [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.beautystar.it\/fr\/\" \/>\n<meta property=\"og:site_name\" content=\"BeautyStar\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-23T12:39:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Lavatesta-color.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"38 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/fr\\\/\",\"url\":\"https:\\\/\\\/www.beautystar.it\\\/fr\\\/\",\"name\":\"Page d'accueil - BeautyStar\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/fr\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/fr\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/beautystar.it\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/Lavatesta-color.png\",\"datePublished\":\"2025-01-15T00:13:34+00:00\",\"dateModified\":\"2025-07-23T12:39:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/fr\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.beautystar.it\\\/fr\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/fr\\\/#primaryimage\",\"url\":\"https:\\\/\\\/beautystar.it\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/Lavatesta-color.png\",\"contentUrl\":\"https:\\\/\\\/beautystar.it\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/Lavatesta-color.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/fr\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.beautystar.it\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Page d&rsquo;accueil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.beautystar.it\\\/fr\\\/\",\"name\":\"BeautyStar\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.beautystar.it\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Page d'accueil - BeautyStar","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.beautystar.it\/fr\/","og_locale":"fr_FR","og_type":"article","og_title":"Page d'accueil - BeautyStar","og_description":"BeautyStar est une entreprise italienne demeubles de coiffure qui allie design innvant et durabilit\u00e9 Technologie et innovation Au service du salon [scrollsequence id=\u00a0\u00bb3575&Prime;] D\u00e9couvrez comment meublervotre salon Slider con Hotspot \u2039 \u203a Cliquez sur les hotspots D\u00e9couvrez les produits BeautyStar D\u00e9couvrez comment acheter Retrolavaggio D\u00e9couvrir Alba D\u00e9couvrir Stargate D\u00e9couvrir Garmet D\u00e9couvrir Display D\u00e9couvrir Hunt D\u00e9couvrir [&hellip;]","og_url":"https:\/\/www.beautystar.it\/fr\/","og_site_name":"BeautyStar","article_modified_time":"2025-07-23T12:39:49+00:00","og_image":[{"url":"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Lavatesta-color.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"38 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.beautystar.it\/fr\/","url":"https:\/\/www.beautystar.it\/fr\/","name":"Page d'accueil - BeautyStar","isPartOf":{"@id":"https:\/\/www.beautystar.it\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.beautystar.it\/fr\/#primaryimage"},"image":{"@id":"https:\/\/www.beautystar.it\/fr\/#primaryimage"},"thumbnailUrl":"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Lavatesta-color.png","datePublished":"2025-01-15T00:13:34+00:00","dateModified":"2025-07-23T12:39:49+00:00","breadcrumb":{"@id":"https:\/\/www.beautystar.it\/fr\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.beautystar.it\/fr\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.beautystar.it\/fr\/#primaryimage","url":"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Lavatesta-color.png","contentUrl":"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Lavatesta-color.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.beautystar.it\/fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.beautystar.it\/fr\/"},{"@type":"ListItem","position":2,"name":"Page d&rsquo;accueil"}]},{"@type":"WebSite","@id":"https:\/\/www.beautystar.it\/fr\/#website","url":"https:\/\/www.beautystar.it\/fr\/","name":"BeautyStar","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.beautystar.it\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/www.beautystar.it\/fr\/wp-json\/wp\/v2\/pages\/27391","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.beautystar.it\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.beautystar.it\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.beautystar.it\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.beautystar.it\/fr\/wp-json\/wp\/v2\/comments?post=27391"}],"version-history":[{"count":0,"href":"https:\/\/www.beautystar.it\/fr\/wp-json\/wp\/v2\/pages\/27391\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.beautystar.it\/fr\/wp-json\/wp\/v2\/media?parent=27391"}],"wp:term":[{"taxonomy":"styles","embeddable":true,"href":"https:\/\/www.beautystar.it\/fr\/wp-json\/wp\/v2\/styles?post=27391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}