{"id":27389,"date":"2025-01-15T00:13:34","date_gmt":"2025-01-15T00:13:34","guid":{"rendered":"https:\/\/demo.beautystar.it\/homepage\/"},"modified":"2026-10-27T09:23:52","modified_gmt":"2026-10-27T08:23:52","slug":"homepage","status":"publish","type":"page","link":"https:\/\/www.beautystar.it\/cs\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"27389\" class=\"elementor elementor-27389 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 \u00e8 un'azienda italiana<\/span><span class=\"title-heading-home-2\">di arredo per parrucchieri che unisce 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=\"icon_star\"><\/span>vativo<\/span> e sostenibilit\u00e0<\/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 -->\n<div class=\"scroll-container\">\n  <div class=\"sticky-section\">\n    <div class=\"video-wrapper\">\n        <div class=\"overlay-video\"><\/div>\n      <video autoplay muted loop playsinline>\n        <source src=\"\/wp-content\/uploads\/2025\/03\/video_bs_home.webm\" type=\"video\/webm\">\n      <\/video>\n    <\/div>\n    <!-- Overlay nero tra video e testo -->\n    <div class=\"text-container\">\n      <div class=\"animated-text\">\n        <h2 class=\"text-1\"><b>Tecnologia e Innovazione<\/b><\/h2>\n        <h2 class=\"text-2\">al servizio del Salone<\/h2>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.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>\n\n<script>\ndocument.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\">Scopri come arredare<br>il tuo salone<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a0cc70 elementor-widget elementor-widget-html\" data-id=\"9a0cc70\" 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  <\/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:40%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"1\" style=\"top:70%; left:60%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"2\" style=\"top:20%; left:50%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"3\" style=\"top:50%; left:30%;\"><\/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:30%; left:40%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"1\" style=\"top:70%; left:60%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"3\" style=\"top:10%; left:50%;\"><\/div>\n          <\/div>\n        <\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"content\">\n      <div class=\"default-detail active\">\n        <p>Clicca sugli spot<\/p>\n        <h2>Scopri i prodotti di BeautyStar<\/h2>\n\n        <a href=\"https:\/\/www.beautystar.it\/cs\/contatti\/\" class=\"default-btn\">Scopri di pi\u00f9 su come acquistare<\/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:\/\/www.beautystar.it\/cs\/katalog-produkt\u016f\/retro-wash-light-mobili-retrolavaggio-per-parrucchieri\/\" class=\"detail-btn\">Scopri<\/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:\/\/www.beautystar.it\/cs\/katalog-produkt\u016f\/alba-poltrona-per-parrucchieri\/\" class=\"detail-btn\">Scopri<\/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:\/\/www.beautystar.it\/cs\/katalog-produkt\u016f\/stargate-mensola-per-parrucchieri\/\" class=\"detail-btn\">Scopri<\/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:\/\/www.beautystar.it\/cs\/katalog-produkt\u016f\/garmet-appoggiapiedi\/\" class=\"detail-btn\">Scopri<\/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:\/\/www.beautystar.it\/cs\/katalog-produkt\u016f\/display-appoggiapiedi\/\" class=\"detail-btn\">Scopri<\/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:\/\/www.beautystar.it\/cs\/katalog-produkt\u016f\/hunt\/\" class=\"detail-btn\">Scopri<\/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:\/\/www.beautystar.it\/cs\/katalog-produkt\u016f\/amelie-poltrona-per-parrucchieri\/\" class=\"detail-btn\">Scopri<\/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:\/\/www.beautystar.it\/cs\/katalog-produkt\u016f\/broadway\/\" class=\"detail-btn\">Scopri<\/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:\/\/www.beautystar.it\/cs\/katalog-produkt\u016f\/brooklyn-mensola-per-parrucchieri\/\" class=\"detail-btn\">Scopri<\/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:\/\/www.beautystar.it\/cs\/katalog-produkt\u016f\/harlem-poltrona-per-parrucchieri\/\" class=\"detail-btn\">Scopri<\/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:\/\/www.beautystar.it\/cs\/katalog-produkt\u016f\/i-love-ny-lavatesta-per-parrucchieri\/\" class=\"detail-btn\">Scopri<\/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:\/\/www.beautystar.it\/cs\/katalog-produkt\u016f\/retro-wash-light-mobili-retrolavaggio-per-parrucchieri\/\" class=\"detail-btn\">Scopri<\/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:\/\/www.beautystar.it\/cs\/katalog-produkt\u016f\/igloo-sistema-a-vapore\/\" class=\"detail-btn\">Scopri<\/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:\/\/www.beautystar.it\/cs\/katalog-produkt\u016f\/vapomist\/\" class=\"detail-btn\">Scopri<\/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:\/\/www.beautystar.it\/cs\/katalog-produkt\u016f\/new-almond-lavatesta-per-parrucchieri\/\" class=\"detail-btn\">Scopri<\/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:\/\/www.beautystar.it\/cs\/katalog-produkt\u016f\/liberty-poltrona-per-parrucchieri\/\" class=\"detail-btn\">Scopri<\/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:\/\/www.beautystar.it\/cs\/katalog-produkt\u016f\/coco-centrale\/\" class=\"detail-btn\">Scopri<\/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:\/\/www.beautystar.it\/cs\/katalog-produkt\u016f\/new-almond-lavatesta-per-parrucchieri\/\" class=\"detail-btn\">Scopri<\/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=\"\/collezioni\">Scopri tutte le collezioni<\/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\">COLLEZIONI<\/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\">Le collezioni BeautyStar: design innovativo, qualit\u00e0 artigianale e funzionalit\u00e0 pensata per il tuo salone.<\/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;:17882,&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-17882\">.elementor-17882 .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-17882 .elementor-element.elementor-element-37dc52b{--content-width:100%;}}<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17882\" class=\"elementor elementor-17882 elementor-582 elementor-582 swiper-slide e-loop-item e-loop-item-36780 post-36780 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\/cs\/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\">Ji\u017e brzy<\/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\/cs\/styly\/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\">Ji\u017e brzy<\/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=\"17882\" class=\"elementor elementor-17882 elementor-582 elementor-582 swiper-slide e-loop-item e-loop-item-36772 post-36772 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\/cs\/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\">Ji\u017e brzy<\/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\/cs\/styly\/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\">Ji\u017e brzy<\/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=\"17882\" class=\"elementor elementor-17882 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\/cs\/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\/cs\/styly\/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=\"\/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\">TUTTE LE COLLEZIONI<\/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=\"\/stili\/new-york\/\">Scopri la collezione<\/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\">NEW YORK <span style=\"background-color: inherit;text-align: var(--text-align)\">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\">Scopri la collezione 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;:17882,&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=\"17882\" class=\"elementor elementor-17882 elementor-582 elementor-582 swiper-slide e-loop-item e-loop-item-32402 post-32402 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\/cs\/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\/cs\/styly\/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=\"17882\" class=\"elementor elementor-17882 elementor-582 elementor-582 swiper-slide e-loop-item e-loop-item-32396 post-32396 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\/cs\/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\/cs\/styly\/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=\"17882\" class=\"elementor elementor-17882 elementor-582 elementor-582 swiper-slide e-loop-item e-loop-item-32390 post-32390 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\/cs\/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>Kolekce New York New York, uveden\u00e1 v roce 2019, spojuje poutav\u00fd design s udr\u017eiteln\u00fdmi materi\u00e1ly a \u010derp\u00e1 inspiraci z newyorsk\u00e9ho glamour a postindustri\u00e1ln\u00edho stylu pro alternativn\u00ed a v\u00fdrazn\u00e9 prostory.<\/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\/cs\/styly\/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>Kolekce New York New York, uveden\u00e1 v roce 2019, spojuje poutav\u00fd design s udr\u017eiteln\u00fdmi materi\u00e1ly a \u010derp\u00e1 inspiraci z newyorsk\u00e9ho glamour a postindustri\u00e1ln\u00edho stylu pro alternativn\u00ed a v\u00fdrazn\u00e9 prostory.<\/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=\"\/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\">SCOPRI 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\" >Progettazione<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-0b26078\" >Qualit\u00e0<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-4a64e47\" >Innovazione<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-bd19f5f\" >Progettazione<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-c7be666\" >Qualit\u00e0<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-bd76b60\" >Innovazione<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-18e4a49\" >Progettazione<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-fee3c0c\" >Qualit\u00e0<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-6321263\" >Innovazione<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-06d9889\" >Progettazione<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-1001714\" >Qualit\u00e0<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-abe14b5\" >Innovazione<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-260de83\" >Progettazione<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-82d254f\" >Qualit\u00e0<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-ae3016e\" >Innovazione<\/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\" >Progettazione<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-0b26078\" >Qualit\u00e0<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-4a64e47\" >Innovazione<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-bd19f5f\" >Progettazione<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-c7be666\" >Qualit\u00e0<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-bd76b60\" >Innovazione<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-18e4a49\" >Progettazione<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-fee3c0c\" >Qualit\u00e0<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-6321263\" >Innovazione<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-06d9889\" >Progettazione<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-1001714\" >Qualit\u00e0<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-abe14b5\" >Innovazione<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-260de83\" >Progettazione<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-82d254f\" >Qualit\u00e0<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-ae3016e\" >Innovazione<\/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\" >Design<\/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\" >Ricerca<\/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\" >Funzionalit\u00e0<\/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\u00e0<\/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\" >Progettazione<\/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\" >Design<\/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\" >Ricerca<\/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\" >Funzionalit\u00e0<\/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\u00e0<\/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\" >Progettazione<\/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\" >Innovazione<\/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\" >Design<\/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\" >Ricerca<\/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\" >Funzionalit\u00e0<\/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\u00e0<\/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\" >Progettazione<\/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\" >Design<\/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\" >Ricerca<\/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\" >Funzionalit\u00e0<\/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\u00e0<\/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\" >Progettazione<\/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\" >Innovazione<\/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\">CATEGORIE<\/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\">Il reparto Ricerca e Sviluppo \u00e8 costantemente impegnato nella creazione di soluzioni innovative,<\/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\">mirate a ottimizzare le performance funzionali dei nostri prodotti e a ridurre il loro impatto ambientale, senza mai compromettere l'accessibilit\u00e0 economica.<\/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>\n.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>\n\n<a href=\"\/?categoria=lavatesta\">\n    <div class=\"image-container\" id=\"image-container1\">\n        <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\" \/>\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;\">Lavatesta<\/p>\n        <img decoding=\"async\" id=\"image2\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Lavatesta.png\" alt=\"Second Image\" class=\"image hidden\" \/>\n        <div class=\"image-overlay\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/08\/Star.svg\" alt=\"Overlay\" \/>\n        <\/div>\n        <span class=\"overlayDescription\">Scopri di pi\u00f9<\/span>\n    <\/div>\n<\/a>\n \n   <script>\n      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>\n<\/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:\/\/www.beautystar.it\/cs\/kategorie\/kresla\/\">\n\n    <div class=\"image-container\" id=\"image-container2\">\n      <img id=\"image3\" style=\"padding-bottom:40px;\"src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Poltrone-color.png\" alt=\"First 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;\">Poltrone<\/p>\n      <img decoding=\"async\"\n        id=\"image4\"\n        src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Poltrone.png\"\n        alt=\"Second Image\" style=\"padding-bottom:40px;\"\n        class=\"image hidden\"\n      \/>\n      <div class=\"image-overlay\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/starOverlay.png\" alt=\"Overlay\" \/>\n      <\/div>\n      <span class=\"overlayDescription\">Scopri di pi\u00f9<\/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:\/\/www.beautystar.it\/cs\/kategorie\/holic\/\">\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=\"First 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;\">Barber<\/p>\n      <img decoding=\"async\"\n        id=\"image6\"\n        src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2025\/02\/Barber-sketch.png\"style=\"padding-bottom:40px;\" \n        alt=\"Second Image\"\n        class=\"image hidden\"\n      \/>\n      <div class=\"image-overlay\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/starOverlay.png\" alt=\"Overlay\" \/>\n      <\/div>\n      <span class=\"overlayDescription\">Scopri di pi\u00f9<\/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:\/\/www.beautystar.it\/cs\/kategorie\/police\/\">\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=\"First 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;\">Mensole<\/p>\n      <img decoding=\"async\"\n        id=\"image8\"\n        src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2025\/02\/Mensole-sketch.png\"\n        alt=\"Second Image\"style=\"padding-bottom:40px;\"\n        class=\"image hidden\"\n      \/>\n      <div class=\"image-overlay\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/starOverlay.png\" alt=\"Overlay\" \/>\n      <\/div>\n      <span class=\"overlayDescription\">Scopri di pi\u00f9<\/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:\/\/www.beautystar.it\/cs\/kategorie\/technicke-stoly\/\">\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=\"First 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;\">Tavoli Tecnici<\/p>\n      <img decoding=\"async\"\n        id=\"image10\"\n        src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2025\/02\/Tavoli-tecnici-sketch.png\"\n        alt=\"Second Image\" style=\"padding-bottom:40px;\"\n        class=\"image hidden\"\n      \/>\n      <div class=\"image-overlay\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/starOverlay.png\" alt=\"Overlay\" \/>\n      <\/div>\n      <span class=\"overlayDescription\">Scopri di pi\u00f9<\/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:\/\/www.beautystar.it\/cs\/kategorie\/stolni-zrcadla\/\">\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=\"First 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;\">Specchi da tavolo<\/p>\n      <img decoding=\"async\"\n        id=\"image12\"\n        src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2025\/02\/Specchi-da-tavolo-sketch.png\" style=\"padding-bottom:40px;\"\n        alt=\"Second Image\"\n        class=\"image hidden\"\n      \/>\n      <div class=\"image-overlay\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/starOverlay.png\" alt=\"Overlay\" \/>\n      <\/div>\n      <span class=\"overlayDescription\">Scopri di pi\u00f9<\/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=\"\/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\">TUTTE LE CATEGORIE<\/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\">Scopri tutti i saloni<\/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\">SALONI<\/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\">I saloni nel mondo che hanno scelto\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;:17876,&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-17876\">.elementor-17876 .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-17876 .elementor-element.elementor-element-325c961.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-17876 .elementor-element.elementor-element-325c961{--width:90vw;}}@media(max-width:1024px) and (min-width:768px){.elementor-17876 .elementor-element.elementor-element-325c961{--width:492vw;}}\/* Start custom CSS for html, class: .elementor-element-ad2fcaa *\/.elementor-17876 .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=\"17876\" class=\"elementor elementor-17876 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-36879 post-36879 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=\"17876\" class=\"elementor elementor-17876 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=\"17876\" class=\"elementor elementor-17876 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=\"17876\" class=\"elementor elementor-17876 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=\"17876\" class=\"elementor elementor-17876 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;:17876,&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=\"17876\" class=\"elementor elementor-17876 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-36879 post-36879 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=\"17876\" class=\"elementor elementor-17876 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=\"17876\" class=\"elementor elementor-17876 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=\"17876\" class=\"elementor elementor-17876 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=\"17876\" class=\"elementor elementor-17876 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\">TUTTI I SALONI<\/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=\"\/magazine\">Leggi tutti gli articoli<\/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-17725\" 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\t\t<div class=\"elementor-element elementor-element-fc6184a elementor-widget elementor-widget-shortcode\" data-id=\"fc6184a\" 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\">    <div id=\"wpok-news-1\"\n         class=\"wpok-news-slider\"\n         role=\"region\"\n         aria-label=\"Ultime news\">\n\n        <div class=\"wpok-news-track\">\n                            <div class=\"wpok-news-slide\"\n                     aria-hidden=\"false\">\n\n                    <div class=\"wpok-news-photo\">\n                        <a href=\"https:\/\/www.beautystar.it\/cs\/novinky\/color-drenching-quando-il-colore-diventa-progetto-e-la-materia-il-suo-alleato-2\/\"\n                           >\n                                                            <img decoding=\"async\"\n                                    src=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2026\/09\/Foto-2.jpg\"\n                                    alt=\"Color Drenching: kdy\u017e se barva st\u00e1v\u00e1 sou\u010d\u00e1st\u00ed projektu (a materi\u00e1l jej\u00edm spojencem)\"\n                                                                    >\n                                                        <span class=\"wpok-news-overlay\"><\/span>\n                        <\/a>\n                    <\/div>\n\n                    <h3 class=\"wpok-news-title\">\n                        <a href=\"https:\/\/www.beautystar.it\/cs\/novinky\/color-drenching-quando-il-colore-diventa-progetto-e-la-materia-il-suo-alleato-2\/\"\n                           >\n                            Color Drenching: kdy\u017e se barva st\u00e1v\u00e1 sou\u010d\u00e1st\u00ed projektu (a materi\u00e1l jej\u00edm spojencem)                        <\/a>\n                    <\/h3>\n                <\/div>\n                            <div class=\"wpok-news-slide\"\n                     aria-hidden=\"true\">\n\n                    <div class=\"wpok-news-photo\">\n                        <a href=\"https:\/\/www.beautystar.it\/cs\/novinky\/come-introdurre-un-servizio-head-spa-nel-proprio-salone-formazione-esperienza-e-nuove-opportunita-di-crescita\/\"\n                           tabindex=\"-1\">\n                                                            <img decoding=\"async\"\n                                    src=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2026\/06\/1-2.jpg\"\n                                    alt=\"Jak zav\u00e9st slu\u017ebu Head Spa do vlastn\u00edho salonu: \u0161kolen\u00ed, z\u00e1\u017eitek a nov\u00e9 p\u0159\u00edle\u017eitosti k r\u016fstu\"\n                                    loading=\"lazy\"                                >\n                                                        <span class=\"wpok-news-overlay\"><\/span>\n                        <\/a>\n                    <\/div>\n\n                    <h3 class=\"wpok-news-title\">\n                        <a href=\"https:\/\/www.beautystar.it\/cs\/novinky\/come-introdurre-un-servizio-head-spa-nel-proprio-salone-formazione-esperienza-e-nuove-opportunita-di-crescita\/\"\n                           tabindex=\"-1\">\n                            Jak zav\u00e9st slu\u017ebu Head Spa do vlastn\u00edho salonu: \u0161kolen\u00ed, z\u00e1\u017eitek a nov\u00e9 p\u0159\u00edle\u017eitosti k r\u016fstu                        <\/a>\n                    <\/h3>\n                <\/div>\n                            <div class=\"wpok-news-slide\"\n                     aria-hidden=\"true\">\n\n                    <div class=\"wpok-news-photo\">\n                        <a href=\"https:\/\/www.beautystar.it\/cs\/novinky\/navrhnete-si-svuj-salon-v-realnem-case-pomoci-inovativniho-konfiguratoru-beautystar\/\"\n                           tabindex=\"-1\">\n                                                            <img decoding=\"async\"\n                                    src=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/03\/2.jpg\"\n                                    alt=\"Navrhn\u011bte si sv\u016fj salon v re\u00e1ln\u00e9m \u010dase pomoc\u00ed inovativn\u00edho konfigur\u00e1toru BeautyStar\"\n                                    loading=\"lazy\"                                >\n                                                        <span class=\"wpok-news-overlay\"><\/span>\n                        <\/a>\n                    <\/div>\n\n                    <h3 class=\"wpok-news-title\">\n                        <a href=\"https:\/\/www.beautystar.it\/cs\/novinky\/navrhnete-si-svuj-salon-v-realnem-case-pomoci-inovativniho-konfiguratoru-beautystar\/\"\n                           tabindex=\"-1\">\n                            Navrhn\u011bte si sv\u016fj salon v re\u00e1ln\u00e9m \u010dase pomoc\u00ed inovativn\u00edho konfigur\u00e1toru BeautyStar                        <\/a>\n                    <\/h3>\n                <\/div>\n                            <div class=\"wpok-news-slide\"\n                     aria-hidden=\"true\">\n\n                    <div class=\"wpok-news-photo\">\n                        <a href=\"https:\/\/www.beautystar.it\/cs\/novinky\/cosmoprof-2026-beautystar-presenta-le-novita-per-il-salone-di-domani\/\"\n                           tabindex=\"-1\">\n                                                            <img decoding=\"async\"\n                                    src=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2026\/03\/stand.png\"\n                                    alt=\"Cosmoprof 2026: BeautyStar p\u0159edstavuje novinky pro salon budoucnosti\"\n                                    loading=\"lazy\"                                >\n                                                        <span class=\"wpok-news-overlay\"><\/span>\n                        <\/a>\n                    <\/div>\n\n                    <h3 class=\"wpok-news-title\">\n                        <a href=\"https:\/\/www.beautystar.it\/cs\/novinky\/cosmoprof-2026-beautystar-presenta-le-novita-per-il-salone-di-domani\/\"\n                           tabindex=\"-1\">\n                            Cosmoprof 2026: BeautyStar p\u0159edstavuje novinky pro salon budoucnosti                        <\/a>\n                    <\/h3>\n                <\/div>\n                    <\/div>\n\n                    <button type=\"button\" class=\"wpok-news-prev\"\n                    aria-label=\"News precedente\">&#10094;<\/button>\n\n            <button type=\"button\" class=\"wpok-news-next\"\n                    aria-label=\"News successiva\">&#10095;<\/button>\n\n            <div class=\"wpok-news-dots\">\n                                    <button type=\"button\"\n                            class=\"wpok-news-dot is-active\"\n                            aria-label=\"Vai alla news 1\"\n                            aria-current=\"true\">\n                    <\/button>\n                                    <button type=\"button\"\n                            class=\"wpok-news-dot\"\n                            aria-label=\"Vai alla news 2\"\n                            aria-current=\"false\">\n                    <\/button>\n                                    <button type=\"button\"\n                            class=\"wpok-news-dot\"\n                            aria-label=\"Vai alla news 3\"\n                            aria-current=\"false\">\n                    <\/button>\n                                    <button type=\"button\"\n                            class=\"wpok-news-dot\"\n                            aria-label=\"Vai alla news 4\"\n                            aria-current=\"false\">\n                    <\/button>\n                            <\/div>\n            <\/div>\n\n            <style>\n        .wpok-news-slider {\n            --news-height: 450px;\n            position: relative;\n            width: 100%;\n            max-width: 1000px;\n            overflow: hidden;\n        }\n\n        .wpok-news-track {\n            display: flex;\n            align-items: flex-start;\n            transition: transform .5s ease;\n        }\n\n        .wpok-news-slide {\n            flex: 0 0 100%;\n            min-width: 0;\n        }\n\n        .wpok-news-photo {\n            position: relative;\n            height: var(--news-height);\n            overflow: hidden;\n            background: #eee;\n        }\n\n        .wpok-news-photo > a {\n            position: relative;\n            display: block;\n            width: 100%;\n            height: 100%;\n        }\n\n        .wpok-news-photo img {\n            display: block;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .wpok-news-overlay {\n            position: absolute;\n            inset: 0;\n            background: #9CAF88;\n            opacity: 0;\n            transition: opacity .3s ease;\n            pointer-events: none;\n        }\n\n        .wpok-news-photo a:hover .wpok-news-overlay {\n            opacity: .7;\n        }\n\n        .wpok-news-slider .wpok-news-title {\n            position: static;\n            margin: 0;\n            padding: 18px 0;\n            font-size: 24px;\n            line-height: 1.3;\n        }\n\n        .wpok-news-slider .wpok-news-title a {\n            color: #222;\n            text-decoration: none;\n        }\n\n        .wpok-news-slider .wpok-news-prev,\n        .wpok-news-slider .wpok-news-next {\n            position: absolute;\n            top: calc(var(--news-height) \/ 2);\n            transform: translateY(-50%);\n            z-index: 2;\n            display: grid;\n            place-items: center;\n            width: 42px;\n            height: 42px;\n            padding: 0;\n            border: 0;\n            border-radius: 50%;\n            background: rgba(0,0,0,.45);\n            color: #fff;\n            font-size: 22px;\n            cursor: pointer;\n        }\n\n        .wpok-news-prev { left: 15px; }\n        .wpok-news-next { right: 15px; }\n\n        .wpok-news-dots {\n            position: absolute;\n            top: calc(var(--news-height) - 28px);\n            left: 0;\n            right: 0;\n            z-index: 2;\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n        }\n\n        .wpok-news-slider .wpok-news-dot {\n            width: 11px;\n            height: 11px;\n            min-height: 0;\n            padding: 0;\n            border: 1px solid #fff;\n            border-radius: 50%;\n            background: rgba(255,255,255,.4);\n            cursor: pointer;\n        }\n\n        .wpok-news-slider .wpok-news-dot.is-active {\n            background: #fff;\n        }\n\n        @media (max-width: 767px) {\n            .wpok-news-slider {\n                --news-height: 350px;\n            }\n\n            .wpok-news-slider .wpok-news-title {\n                font-size: 20px;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            .wpok-news-track {\n                transition: none;\n            }\n        }\n        <\/style>\n    \n    <script>\n    (function () {\n        var slider = document.getElementById(\n            \"wpok-news-1\"        );\n\n        if (!slider || slider.dataset.initialized) return;\n        slider.dataset.initialized = '1';\n\n        var track = slider.querySelector('.wpok-news-track');\n        var slides = Array.from(track.children);\n        var dots = Array.from(slider.querySelectorAll('.wpok-news-dot'));\n        var prev = slider.querySelector('.wpok-news-prev');\n        var next = slider.querySelector('.wpok-news-next');\n        var current = 0;\n        var timer;\n        var reducedMotion = window.matchMedia(\n            '(prefers-reduced-motion: reduce)'\n        ).matches;\n\n        function show(index) {\n            current = (index + slides.length) % slides.length;\n            track.style.transform = 'translateX(-' + current * 100 + '%)';\n\n            slides.forEach(function (slide, i) {\n                slide.setAttribute('aria-hidden', i !== current ? 'true' : 'false');\n\n                slide.querySelectorAll('a').forEach(function (link) {\n                    link.tabIndex = i === current ? 0 : -1;\n                });\n            });\n\n            dots.forEach(function (dot, i) {\n                dot.classList.toggle('is-active', i === current);\n                dot.setAttribute('aria-current', i === current ? 'true' : 'false');\n            });\n        }\n\n        function stop() {\n            clearInterval(timer);\n        }\n\n        function start() {\n            stop();\n\n            if (\n                slides.length < 2 ||\n                reducedMotion ||\n                document.hidden ||\n                slider.matches(':hover') ||\n                slider.contains(document.activeElement)\n            ) return;\n\n            timer = setInterval(function () {\n                show(current + 1);\n            }, 5000);\n        }\n\n        if (prev) {\n            prev.addEventListener('click', function () {\n                show(current - 1);\n                start();\n            });\n        }\n\n        if (next) {\n            next.addEventListener('click', function () {\n                show(current + 1);\n                start();\n            });\n        }\n\n        dots.forEach(function (dot, index) {\n            dot.addEventListener('click', function () {\n                show(index);\n                start();\n            });\n        });\n\n        slider.addEventListener('mouseenter', stop);\n        slider.addEventListener('mouseleave', start);\n        slider.addEventListener('focusin', stop);\n        slider.addEventListener('focusout', function () {\n            setTimeout(start, 0);\n        });\n\n        document.addEventListener('visibilitychange', start);\n\n        show(0);\n        start();\n    })();\n    <\/script>\n    <\/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-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\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":"Od 26. do 29. b\u0159ezna se Cosmoprof Worldwide Bologna 2026 vrac\u00ed jako mezin\u00e1rodn\u00ed referen\u010dn\u00ed bod pro sv\u011bt beauty a haircare. [...]","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-27389","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Homepage - 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\/cs\/\" \/>\n<meta property=\"og:locale\" content=\"cs_CZ\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Homepage - BeautyStar\" \/>\n<meta property=\"og:description\" content=\"BeautyStar \u00e8 un&#8217;azienda italianadi arredo per parrucchieri che unisce design innvativo e sostenibilit\u00e0 Tecnologia e Innovazione al servizio del Salone [scrollsequence id=&#8220;3575&#8243;] Scopri come arredareil tuo salone Slider con Hotspot \u2039 \u203a Clicca sugli spot Scopri i prodotti di BeautyStar Scopri di pi\u00f9 su come acquistare Retrolavaggio Scopri Alba Scopri Stargate Scopri Garmet Scopri Display [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.beautystar.it\/cs\/\" \/>\n<meta property=\"og:site_name\" content=\"BeautyStar\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-27T08:23:52+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=\"Odhadovan\u00e1 doba \u010dten\u00ed\" \/>\n\t<meta name=\"twitter:data1\" content=\"38 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/cs\\\/\",\"url\":\"https:\\\/\\\/www.beautystar.it\\\/cs\\\/\",\"name\":\"Homepage - BeautyStar\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/cs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/cs\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/cs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/beautystar.it\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/Lavatesta-color.png\",\"datePublished\":\"2025-01-15T00:13:34+00:00\",\"dateModified\":\"2026-10-27T08:23:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/cs\\\/#breadcrumb\"},\"inLanguage\":\"cs\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.beautystar.it\\\/cs\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/cs\\\/#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\\\/cs\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.beautystar.it\\\/cs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Homepage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/cs\\\/#website\",\"url\":\"https:\\\/\\\/www.beautystar.it\\\/cs\\\/\",\"name\":\"BeautyStar\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.beautystar.it\\\/cs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"cs\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Homepage - 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\/cs\/","og_locale":"cs_CZ","og_type":"article","og_title":"Homepage - BeautyStar","og_description":"BeautyStar \u00e8 un&#8217;azienda italianadi arredo per parrucchieri che unisce design innvativo e sostenibilit\u00e0 Tecnologia e Innovazione al servizio del Salone [scrollsequence id=&#8220;3575&#8243;] Scopri come arredareil tuo salone Slider con Hotspot \u2039 \u203a Clicca sugli spot Scopri i prodotti di BeautyStar Scopri di pi\u00f9 su come acquistare Retrolavaggio Scopri Alba Scopri Stargate Scopri Garmet Scopri Display [&hellip;]","og_url":"https:\/\/www.beautystar.it\/cs\/","og_site_name":"BeautyStar","article_modified_time":"2026-10-27T08:23:52+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":{"Odhadovan\u00e1 doba \u010dten\u00ed":"38 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.beautystar.it\/cs\/","url":"https:\/\/www.beautystar.it\/cs\/","name":"Homepage - BeautyStar","isPartOf":{"@id":"https:\/\/www.beautystar.it\/cs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.beautystar.it\/cs\/#primaryimage"},"image":{"@id":"https:\/\/www.beautystar.it\/cs\/#primaryimage"},"thumbnailUrl":"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Lavatesta-color.png","datePublished":"2025-01-15T00:13:34+00:00","dateModified":"2026-10-27T08:23:52+00:00","breadcrumb":{"@id":"https:\/\/www.beautystar.it\/cs\/#breadcrumb"},"inLanguage":"cs","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.beautystar.it\/cs\/"]}]},{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/www.beautystar.it\/cs\/#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\/cs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.beautystar.it\/cs\/"},{"@type":"ListItem","position":2,"name":"Homepage"}]},{"@type":"WebSite","@id":"https:\/\/www.beautystar.it\/cs\/#website","url":"https:\/\/www.beautystar.it\/cs\/","name":"BeautyStar","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.beautystar.it\/cs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"cs"}]}},"_links":{"self":[{"href":"https:\/\/www.beautystar.it\/cs\/wp-json\/wp\/v2\/pages\/27389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.beautystar.it\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.beautystar.it\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.beautystar.it\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.beautystar.it\/cs\/wp-json\/wp\/v2\/comments?post=27389"}],"version-history":[{"count":11,"href":"https:\/\/www.beautystar.it\/cs\/wp-json\/wp\/v2\/pages\/27389\/revisions"}],"predecessor-version":[{"id":37768,"href":"https:\/\/www.beautystar.it\/cs\/wp-json\/wp\/v2\/pages\/27389\/revisions\/37768"}],"wp:attachment":[{"href":"https:\/\/www.beautystar.it\/cs\/wp-json\/wp\/v2\/media?parent=27389"}],"wp:term":[{"taxonomy":"styles","embeddable":true,"href":"https:\/\/www.beautystar.it\/cs\/wp-json\/wp\/v2\/styles?post=27389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}