{"id":27389,"date":"2025-01-15T00:13:34","date_gmt":"2025-01-15T00:13:34","guid":{"rendered":"https:\/\/demo.beautystar.it\/homepage\/"},"modified":"2025-07-23T13:29:40","modified_gmt":"2025-07-23T13:29:40","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\">\n BeautyStar je italsk\u00e1 spole\u010dnost\n<\/span>\n<span class=\"title-heading-home-2\">\n kade\u0159nick\u00e9ho n\u00e1bytku, kter\u00fd kombinuje <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><\/span> vativn\u00ed design a udr\u017eitelnost.\n<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62d03a8 e-con-full e-flex e-con e-parent\" data-id=\"62d03a8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-929cb32 elementor-widget elementor-widget-html\" data-id=\"929cb32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- HTML da inserire in Elementor HTML Widget --><div class=\"scroll-container\"><div class=\"sticky-section\"><div class=\"video-wrapper\"><div class=\"overlay-video\"><\/div><video autoplay muted loop playsinline><source src=\"\/wp-content\/uploads\/2024\/11\/video_bs_home.mp4\" type=\"video\/mp4\"><\/video><\/div><!-- Overlay nero tra video e testo --><div class=\"text-container\"><div class=\"animated-text\"><h2 class=\"text-1\"><b>Tecnologia e Innovazione<\/b><\/h2><h2 class=\"text-2\">al servizio del Salone<\/h2><\/div><\/div><\/div><\/div><style>.scroll-container {\n  height: 300vh;\n  position: relative;\n}\n\n.sticky-section {\n  height: 100vh;\n  width: 100%;\n  position: sticky;\n  top: 0;\n  overflow: hidden;\n  background-color: #000;\n}\n\n.video-wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n\n.video-wrapper video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n\/* Stile per l'overlay nero *\/\n.overlay-video {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.3); \/* Ho aumentato l'opacit\u00e0 per renderlo pi\u00f9 visibile *\/\n  z-index: 2t; \/* Tra il video (z-index: 1) e il testo (z-index: 3) *\/\n}\n\n.text-container {\n  position: relative;\n  z-index: 3; \/* Sopra l'overlay *\/\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.animated-text {\n  padding: 2rem;\n  text-align: center;\n}\n\n.animated-text h2 {\n  font-size: 2.5vw;\n  margin: 0px !important;\n  opacity: 0;\n  transform: translateY(50px);\n  color: white;\n}\n\n.text-1 {\n  margin-bottom: 1rem !important;\n}\n\n@media only screen and (max-width: 768px) {\n  .animated-text h2 {\n    font-size: 24px;\n    margin: 0px !important;\n  }\n}\n<\/style><script>document.addEventListener('DOMContentLoaded', function() {\n  const scrollContainer = document.querySelector('.scroll-container');\n  const text1 = document.querySelector('.text-1');\n  const text2 = document.querySelector('.text-2');\n  \n  window.addEventListener('scroll', () => {\n    const containerRect = scrollContainer.getBoundingClientRect();\n    const scrollProgress = -containerRect.top \/ (containerRect.height - window.innerHeight);\n    \n    if (scrollProgress >= 0 && scrollProgress <= 1) { \/\/ Prima animazione const text1Progress = Math.min(1, Math.max(0, scrollProgress * 4)); text1.style.opacity = text1Progress; text1.style.transform = `translateY(${50 * (1 - text1Progress)}px)`; \/\/ Seconda animazione - parte quando la prima \u00e8 all'80% const text2Progress = Math.min(1, Math.max(0, (scrollProgress * 4) - 1.6)); \/\/ Cambiato da 2 a 1.6 text2.style.opacity = text2Progress; text2.style.transform = `translateY(${50 * (1 - text2Progress)}px)`; } }); }); <\/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\">Zjist\u011bte, jak vybavit<br>sv\u016fj salon<\/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>Klikni na spoty<\/p>\n        <h2>Objev produkty BeautyStar<\/h2>\n\n        <a href=\"https:\/\/beautystar.it\/cs\/contatti\/\" class=\"default-btn\">Zjisti v\u00edce o tom, jak nakupovat<\/a>\n      <\/div>\n      <!-- Dettagli slide 1 -->\n      <div class=\"detail\" data-slide=\"0\" data-index=\"0\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Mobili-no-bg.png\" alt=\"Dettaglio 1\">\n        <h2>Retrolavaggio<\/h2>\n        <a href=\"https:\/\/beautystar.it\/cs\/prodotti-catalogo\/retro-wash-light-mobili-retrolavaggio-per-parrucchieri\/\" class=\"detail-btn\">Objev<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"0\" data-index=\"1\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2024\/10\/alba-no-bg.png\" alt=\"Dettaglio 2\">\n        <h2>Alba<\/h2>\n        <a href=\"https:\/\/beautystar.it\/cs\/prodotti-catalogo\/alba-poltrona-per-parrucchieri\/\" class=\"detail-btn\">Objev<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"0\" data-index=\"2\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2024\/10\/stargate-no-bg.png\" alt=\"Dettaglio 2\">\n        <h2>Stargate<\/h2>\n        <a href=\"https:\/\/beautystar.it\/cs\/prodotti-catalogo\/stargate-mensola-per-parrucchieri\/\" class=\"detail-btn\">Objev<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"0\" data-index=\"3\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/poggiapiedi.display_sketch.png\" alt=\"Dettaglio 2\">\n        <h2>Garmet<\/h2>\n        <a href=\"https:\/\/beautystar.it\/cs\/prodotti-catalogo\/garmet-appoggiapiedi\/\" class=\"detail-btn\">Objev<\/a>\n      <\/div>\n      <!-- Dettagli slide 2 -->\n      <div class=\"detail\" data-slide=\"1\" data-index=\"0\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/poggiapiedi.display_sketch.png\" alt=\"Dettaglio A\">\n        <h2>Display<\/h2>\n        <a href=\"https:\/\/beautystar.it\/cs\/prodotti-catalogo\/display-appoggiapiedi\/\" class=\"detail-btn\">Objev<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"1\" data-index=\"1\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Livello-10.png\" alt=\"Dettaglio B\">\n        <h2>Hunt<\/h2>\n        <a href=\"https:\/\/beautystar.it\/cs\/prodotti-catalogo\/hunt\/\" class=\"detail-btn\">Objev<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"1\" data-index=\"2\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/amelie.png\" alt=\"Dettaglio B\">\n        <h2>Amelie<\/h2>\n        <a href=\"https:\/\/beautystar.it\/cs\/prodotti-catalogo\/amelie-poltrona-per-parrucchieri\/\" class=\"detail-btn\">Objev<\/a>\n      <\/div>\n            <!-- Dettagli slide 3 -->\n      <div class=\"detail\" data-slide=\"2\" data-index=\"0\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Broadway_01_sketch.png\" alt=\"Dettaglio A\">\n        <h2>Broadway<\/h2>\n        <a href=\"https:\/\/beautystar.it\/cs\/prodotti-catalogo\/broadway-poltrona-per-parrucchieri\/\" class=\"detail-btn\">Objev<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"2\" data-index=\"1\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Mensole-no-bg.png\" alt=\"Dettaglio B\">\n        <h2>Brooklyn<\/h2>\n        <a href=\"https:\/\/beautystar.it\/cs\/prodotti-catalogo\/brooklyn-mensola-per-parrucchieri\/\" class=\"detail-btn\">Objev<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"2\" data-index=\"2\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Harlem_01_sketch.png\" alt=\"Dettaglio B\">\n        <h2>Harlem<\/h2>\n        <a href=\"https:\/\/beautystar.it\/cs\/prodotti-catalogo\/harlem-poltrona-per-parrucchieri\/\" class=\"detail-btn\">Objev<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"2\" data-index=\"3\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Lavaggio_NY_04_sketch.png\" alt=\"Dettaglio B\">\n        <h2>I Love NY<\/h2>\n        <a href=\"https:\/\/beautystar.it\/cs\/prodotti-catalogo\/i-love-ny-lavatesta-per-parrucchieri\/\" class=\"detail-btn\">Objev<\/a>\n      <\/div>\n            <!-- Dettagli slide 4 -->\n      <div class=\"detail\" data-slide=\"3\" data-index=\"0\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Mobili-no-bg.png\" alt=\"Dettaglio A\">\n        <h2>Retrolavaggio<\/h2>\n        <a href=\"https:\/\/beautystar.it\/cs\/prodotti-catalogo\/retro-wash-light-mobili-retrolavaggio-per-parrucchieri\/\" class=\"detail-btn\">Objev<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"3\" data-index=\"1\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Igloo_01.png\" alt=\"Dettaglio B\">\n        <h2>Igloo<\/h2>\n        <a href=\"https:\/\/beautystar.it\/cs\/prodotti-catalogo\/igloo-sistema-a-vapore\/\" class=\"detail-btn\">Objev<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"3\" data-index=\"2\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Vapomist_1_New_01.ong_.png\" alt=\"Dettaglio B\">\n        <h2>Vapomist<\/h2>\n        <a href=\"https:\/\/beautystar.it\/cs\/prodotti-catalogo\/vapomist\/\" class=\"detail-btn\">Objev<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"3\" data-index=\"3\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Lavatesta-no-bg.png\" alt=\"Dettaglio B\">\n        <h2>New Almond<\/h2>\n        <a href=\"https:\/\/beautystar.it\/cs\/prodotti-catalogo\/new-almond-lavatesta-per-parrucchieri\/\" class=\"detail-btn\">Objev<\/a>\n      <\/div>\n            <!-- Dettagli slide 5 -->\n      <div class=\"detail\" data-slide=\"4\" data-index=\"0\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Liberty_01.png\" alt=\"Dettaglio A\">\n        <h2>Liberty<\/h2>\n        <a href=\"https:\/\/beautystar.it\/cs\/prodotti-catalogo\/liberty-poltrona-per-parrucchieri\/\" class=\"detail-btn\">Objev<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"4\" data-index=\"1\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Coco_a-muro.png\" alt=\"Dettaglio B\">\n        <h2>Coco<\/h2>\n        <a href=\"https:\/\/beautystar.it\/cs\/prodotti-catalogo\/coco-centrale\/\" class=\"detail-btn\">Objev<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"4\" data-index=\"2\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Lavatesta-no-bg.png\" alt=\"Dettaglio B\">\n        <h2>New Almond<\/h2>\n        <a href=\"https:\/\/beautystar.it\/cs\/prodotti-catalogo\/new-almond-lavatesta-per-parrucchieri\/\" class=\"detail-btn\">Objev<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n  <script>\n    const slides = document.querySelectorAll('.slide');\n    const prev = document.querySelector('.arrow.prev');\n    const next = document.querySelector('.arrow.next');\n    const defaultDetail = document.querySelector('.default-detail');\n    const details = document.querySelectorAll('.detail');\n    let currentSlide = 0;\n\n    function showSlide(idx) {\n      currentSlide = idx;\n      slides.forEach(s => s.classList.toggle('active', Number(s.dataset.slide) === idx));\n      defaultDetail.classList.add('active');\n      details.forEach(d => d.classList.remove('active'));\n    }\n    prev.addEventListener('click', () => showSlide((currentSlide - 1 + slides.length) % slides.length));\n    next.addEventListener('click', () => showSlide((currentSlide + 1) % slides.length));\n\n    document.querySelectorAll('.hotspot').forEach(hot => {\n      hot.addEventListener('click', (e) => {\n        e.stopPropagation();\n        const slideIdx = Number(hot.closest('.slide').dataset.slide);\n        const idx = Number(hot.dataset.index);\n        defaultDetail.classList.remove('active');\n        details.forEach(d => {\n          d.classList.toggle('active', Number(d.dataset.slide) === slideIdx && Number(d.dataset.index) === idx);\n        });\n      });\n    });\n  <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b348dff e-con-full background-changing e-flex e-con e-parent\" data-id=\"b348dff\" data-element_type=\"container\" data-e-type=\"container\" id=\"background-changing\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-9a30658 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"9a30658\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-75b2503 e-con-full anim-bufade elementor-hidden-mobile e-flex e-con e-child\" data-id=\"75b2503\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e19eafd custom-underline elementor-widget elementor-widget-heading\" data-id=\"e19eafd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/beautystar.it\/cs\/collezioni\/\">Objevte v\u0161echny sb\u00edrky<\/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\">KOLEKCE<\/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\">Kolekce BeautyStar: inovativn\u00ed design, kvalitn\u00ed zpracov\u00e1n\u00ed a funk\u010dnost navr\u017een\u00e9 pro v\u00e1\u0161 salon.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51f8aa6 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"51f8aa6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ad8534 anim-bufade elementor-widget elementor-widget-loop-carousel\" data-id=\"1ad8534\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"collection-carousel\" data-settings=\"{&quot;template_id&quot;: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=\"https:\/\/beautystar.it\/cs\/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\">V\u0160ECHNY SB\u00cdRKY<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7837ad2 e-con-full e-flex e-con e-parent\" data-id=\"7837ad2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-27e1ea6 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"27e1ea6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-b10debd e-con-full anim-bufade elementor-hidden-mobile e-flex e-con e-child\" data-id=\"b10debd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fa5eff custom-underline elementor-widget elementor-widget-heading\" data-id=\"6fa5eff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/beautystar.it\/cs\/styly\/new-york\/\">Objevte kolekci<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bca928c e-con-full anim-bufade e-flex e-con e-child\" data-id=\"bca928c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2ae4ac elementor-widget__width-initial anim-bufade elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"b2ae4ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span style=\"background-color: inherit;text-align: var(--text-align)\">NEW YORK NEW YORK<\/span><span style=\"background-color: inherit;text-align: var(--text-align)\"><\/span><br><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1fc819 elementor-widget__width-initial anim-bufade elementor-widget elementor-widget-heading\" data-id=\"c1fc819\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Objevte kolekci 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=\"https:\/\/beautystar.it\/cs\/styly\/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\">OBJEVTE 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\" >Design<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-0b26078\" >Kvalita<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-4a64e47\" >Inovace<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-bd19f5f\" >Design<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-c7be666\" >Kvalita<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-bd76b60\" >Inovace<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-18e4a49\" >Design<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-fee3c0c\" >Kvalita<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-6321263\" >Inovace<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-06d9889\" >Design<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-1001714\" >Kvalita<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-abe14b5\" >Inovace<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-260de83\" >Design<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-82d254f\" >Kvalita<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-ae3016e\" >Inovace<\/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\" >Design<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-0b26078\" >Kvalita<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-4a64e47\" >Inovace<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-bd19f5f\" >Design<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-c7be666\" >Kvalita<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-bd76b60\" >Inovace<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-18e4a49\" >Design<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-fee3c0c\" >Kvalita<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-6321263\" >Inovace<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-06d9889\" >Design<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-1001714\" >Kvalita<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-abe14b5\" >Inovace<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-260de83\" >Design<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-82d254f\" >Kvalita<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-ae3016e\" >Inovace<\/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\" >Vyhled\u00e1v\u00e1n\u00ed<\/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\" >Funk\u010dnost<\/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\" >Kvalita<\/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\" >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-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\" >Vyhled\u00e1v\u00e1n\u00ed<\/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\" >Funk\u010dnost<\/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\" >Kvalita<\/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\" >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-1bb7884\" >Inovace<\/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\" >Vyhled\u00e1v\u00e1n\u00ed<\/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\" >Funk\u010dnost<\/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\" >Kvalita<\/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\" >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-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\" >Vyhled\u00e1v\u00e1n\u00ed<\/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\" >Funk\u010dnost<\/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\" >Kvalita<\/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\" >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-1bb7884\" >Inovace<\/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\">KATEGORIE<\/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\">Odd\u011blen\u00ed v\u00fdzkumu a v\u00fdvoje se neust\u00e1le zab\u00fdv\u00e1 vytv\u00e1\u0159en\u00edm inovativn\u00edch \u0159e\u0161en\u00ed,<\/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\">zam\u011b\u0159en\u00e9 na optimalizaci funk\u010dn\u00edch vlastnost\u00ed na\u0161ich v\u00fdrobk\u016f a sn\u00ed\u017een\u00ed jejich dopadu na \u017eivotn\u00ed prost\u0159ed\u00ed, ani\u017e by to bylo na \u00fakor cenov\u00e9 dostupnosti.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf5850a e-con-full e-flex e-con e-child\" data-id=\"cf5850a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e75a77d elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"e75a77d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n     <style>.image-container {\n    position: relative;\n    height: 400px !important;\n    width: 400px !important;\n    background-color: #edeceb;\n    overflow: hidden;  \/* Aggiunto per mantenere l'overlay dentro *\/\n}\n\n@media (max-width: 1320px) {\n    .image-container {\n        width: 300px !important;\n        height: 300px !important;\n    }\n}\n\n@media (max-width: 768px) {\n    .elementor-4321 .elementor-element.elementor-element-e75a77d,\n    .elementor-4321 .elementor-element.elementor-element-2a57bc6,\n    .elementor-4321 .elementor-element.elementor-element-60bc5f7,\n    .elementor-4321 .elementor-element.elementor-element-c595ca4,\n    .elementor-4321 .elementor-element.elementor-element-f3b38ec,\n    .elementor-4321 .elementor-element.elementor-element-3f2d022,\n    .image-container {\n        width: 100% !important;\n        height: auto !important;\n        aspect-ratio: 1 \/ 1;\n        position: relative;\n    }\n}\n\n.image-container img {\n    width: 100%;\n    height: 100%;\n}\n\n.image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/border_box.svg') 2 \/ 2px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.hidden {\n    opacity: 0;\n}\n\n.visible {\n    opacity: 1;\n}\n\n.overlayDescription {\n    position: absolute;\n    top: 45%;\n    left: 35%;\n    color: #000000;\n    opacity: 0;\n    font-family: 'Helvetica';\n    font-weight: 400;\n    text-transform: uppercase;\n}\n\n.image-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: 0;\n    width: 100%;\n    height: 100%;\n    background-color: transparent;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;\n    transform: scale(2.5);  \/* Ridotto da 2 a 1.1 *\/\n    \n}\n\n.image-container:hover .overlayDescription{\n    opacity: 1;\n     transition: opacity 0.8s ease-in-out;\n}\n\n.image-container:hover .image-overlay  {\n    opacity: 1;\n    transform: scale(1);\n}\n<\/style><a href=\"https:\/\/beautystar.it\/cs\/kategorie\/myci\/\"><div class=\"image-container\" id=\"image-container1\"><img decoding=\"async\" onclick=\"event.preventDefault();\" id=\"image1\" src=\"https:\/\/demo.beautystar.it\/wp-content\/uploads\/2024\/10\/Lavatesta-color.png\" alt=\"First Image\" class=\"image\" \/><p style=\"position:absolute; bottom:0; left:50%; transform:translateX(-50%); font-size: 25px; width:95%; font-family:'Inter';text-transform:uppercase;text-align:center;\">Lavatesta<\/p><img decoding=\"async\" id=\"image2\" src=\"https:\/\/demo.beautystar.it\/wp-content\/uploads\/2024\/10\/Lavatesta.png\" alt=\"Second Image\" class=\"image hidden\" \/><div class=\"image-overlay\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/08\/Star.svg\" alt=\"Overlay\" \/><\/div><span class=\"overlayDescription\">Scopri di pi\u00f9<\/span><\/div><\/a><script>document.addEventListener(\"DOMContentLoaded\", () => {\n        const image1 = document.getElementById(\"image1\");\n        const image2 = document.getElementById(\"image2\");\n        const container = document.getElementById(\"image-container1\");\n\n        container.addEventListener(\"mouseover\", () => {\n          image1.classList.add(\"hidden\");\n          image2.classList.add(\"visible\");\n        });\n\n        container.addEventListener(\"mouseout\", () => {\n          image1.classList.remove(\"hidden\");\n          image2.classList.remove(\"visible\");\n        });\n      });\n    <\/script><\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a57bc6 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"2a57bc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <a href=\"https:\/\/beautystar.it\/cs\/kategorie\/kresla\/\">\n\n    <div class=\"image-container\" id=\"image-container2\">\n      <img decoding=\"async\" id=\"image3\" style=\"padding-bottom:40px;\" src=\"https:\/\/demo.beautystar.it\/wp-content\/uploads\/2024\/10\/Poltrone-color.png\" alt=\"Prvn\u00ed obr\u00e1zek\" 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;\">K\u0159esla<\/p>\n      <img decoding=\"async\" id=\"image4\" src=\"https:\/\/demo.beautystar.it\/wp-content\/uploads\/2024\/10\/Poltrone.png\" alt=\"Druh\u00fd obr\u00e1zek\" style=\"padding-bottom:40px;\" class=\"image hidden\">\n      <div class=\"image-overlay\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/starOverlay.png\" alt=\"P\u0159ekryt\u00ed\">\n      <\/div>\n      <span class=\"overlayDescription\">Zjist\u011bte v\u00edce<\/span>\n    <\/div>\n   <\/a>\n<style>\n    \n<\/style>\n   <script>\n      document.addEventListener(\"DOMContentLoaded\", () => {\n        const image1 = document.getElementById(\"image3\");\n        const image2 = document.getElementById(\"image4\");\n        const container = document.getElementById(\"image-container2\");\n\n        container.addEventListener(\"mouseover\", () => {\n          image1.classList.add(\"hidden\");\n          image2.classList.add(\"visible\");\n        });\n\n        container.addEventListener(\"mouseout\", () => {\n          image1.classList.remove(\"hidden\");\n          image2.classList.remove(\"visible\");\n        });\n      });\n    <\/script>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60bc5f7 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"60bc5f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <a href=\"https:\/\/beautystar.it\/cs\/kategorie\/holic\/\">\n\n    <div class=\"image-container\" id=\"image-container3\">\n      <img decoding=\"async\" id=\"image5\" src=\"https:\/\/demo.beautystar.it\/wp-content\/uploads\/2025\/02\/Barber-color.png\" alt=\"Prvn\u00ed obr\u00e1zek\" 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;\">Holi\u010dstv\u00ed<\/p>\n      <img decoding=\"async\" id=\"image6\" src=\"https:\/\/demo.beautystar.it\/wp-content\/uploads\/2025\/02\/Barber-sketch.png\" style=\"padding-bottom:40px;\" alt=\"Druh\u00fd obr\u00e1zek\" class=\"image hidden\">\n      <div class=\"image-overlay\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/starOverlay.png\" alt=\"P\u0159ekryt\u00ed\">\n      <\/div>\n      <span class=\"overlayDescription\">Zjist\u011bte v\u00edce<\/span>\n    <\/div>\n   <\/a>\n   \n   <script>\n      document.addEventListener(\"DOMContentLoaded\", () => {\n        const image1 = document.getElementById(\"image5\");\n        const image2 = document.getElementById(\"image6\");\n        const container = document.getElementById(\"image-container3\");\n\n        container.addEventListener(\"mouseover\", () => {\n          image1.classList.add(\"hidden\");\n          image2.classList.add(\"visible\");\n        });\n\n        container.addEventListener(\"mouseout\", () => {\n          image1.classList.remove(\"hidden\");\n          image2.classList.remove(\"visible\");\n        });\n      });\n    <\/script>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6cab5f9 e-con-full e-flex e-con e-child\" data-id=\"6cab5f9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c595ca4 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"c595ca4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <a href=\"https:\/\/beautystar.it\/cs\/kategorie\/police\/\">\n\n    <div class=\"image-container\" id=\"image-container4\">\n      <img decoding=\"async\" id=\"image7\" src=\"https:\/\/demo.beautystar.it\/wp-content\/uploads\/2025\/02\/Mensole-color.png\" alt=\"Prvn\u00ed obr\u00e1zek\" 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;\">Police<\/p>\n      <img decoding=\"async\" id=\"image8\" src=\"https:\/\/demo.beautystar.it\/wp-content\/uploads\/2025\/02\/Mensole-sketch.png\" alt=\"Druh\u00fd obr\u00e1zek\" style=\"padding-bottom:40px;\" class=\"image hidden\">\n      <div class=\"image-overlay\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/starOverlay.png\" alt=\"P\u0159ekryt\u00ed\">\n      <\/div>\n      <span class=\"overlayDescription\">Zjist\u011bte v\u00edce<\/span>\n    <\/div>\n   <\/a>\n \n   <script>\n      document.addEventListener(\"DOMContentLoaded\", () => {\n        const image1 = document.getElementById(\"image7\");\n        const image2 = document.getElementById(\"image8\");\n        const container = document.getElementById(\"image-container4\");\n\n        container.addEventListener(\"mouseover\", () => {\n          image1.classList.add(\"hidden\");\n          image2.classList.add(\"visible\");\n        });\n\n        container.addEventListener(\"mouseout\", () => {\n          image1.classList.remove(\"hidden\");\n          image2.classList.remove(\"visible\");\n        });\n      });\n    <\/script>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f3b38ec elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"f3b38ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <a href=\"https:\/\/beautystar.it\/cs\/kategorie\/technicke-stoly\/\">\n\n    <div class=\"image-container\" id=\"image-container5\">\n      <img decoding=\"async\" id=\"image9\" src=\"https:\/\/demo.beautystar.it\/wp-content\/uploads\/2025\/02\/Tavoli-tecnici-color.png\" alt=\"Prvn\u00ed obr\u00e1zek\" 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;\">Technick\u00e9 tabulky<\/p>\n      <img decoding=\"async\" id=\"image10\" src=\"https:\/\/demo.beautystar.it\/wp-content\/uploads\/2025\/02\/Tavoli-tecnici-sketch.png\" alt=\"Druh\u00fd obr\u00e1zek\" style=\"padding-bottom:40px;\" class=\"image hidden\">\n      <div class=\"image-overlay\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/starOverlay.png\" alt=\"P\u0159ekryt\u00ed\">\n      <\/div>\n      <span class=\"overlayDescription\">Zjist\u011bte v\u00edce<\/span>\n    <\/div>\n  <\/a>\n\n    <script>\n      document.addEventListener(\"DOMContentLoaded\", () => {\n        const image1 = document.getElementById(\"image9\");\n        const image2 = document.getElementById(\"image10\");\n        const container = document.getElementById(\"image-container5\");\n\n        container.addEventListener(\"mouseover\", () => {\n          image1.classList.add(\"hidden\");\n          image2.classList.add(\"visible\");\n        });\n\n        container.addEventListener(\"mouseout\", () => {\n          image1.classList.remove(\"hidden\");\n          image2.classList.remove(\"visible\");\n        });\n      });\n    <\/script>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f2d022 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"3f2d022\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <a href=\"https:\/\/beautystar.it\/cs\/kategorie\/stolni-zrcadla\/\">\n\n    <div class=\"image-container\" id=\"image-container6\">\n      <img decoding=\"async\" id=\"image11\" src=\"https:\/\/demo.beautystar.it\/wp-content\/uploads\/2025\/02\/Specchi-da-tavolo-color.png\" alt=\"Prvn\u00ed obr\u00e1zek\" 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;\">Stoln\u00ed zrcadla<\/p>\n      <img decoding=\"async\" id=\"image12\" src=\"https:\/\/demo.beautystar.it\/wp-content\/uploads\/2025\/02\/Specchi-da-tavolo-sketch.png\" style=\"padding-bottom:40px;\" alt=\"Druh\u00fd obr\u00e1zek\" class=\"image hidden\">\n      <div class=\"image-overlay\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/starOverlay.png\" alt=\"P\u0159ekryt\u00ed\">\n      <\/div>\n      <span class=\"overlayDescription\">Zjist\u011bte v\u00edce<\/span>\n    <\/div>\n    <\/a>\n\n  <script>\n      document.addEventListener(\"DOMContentLoaded\", () => {\n        const image1 = document.getElementById(\"image11\");\n        const image2 = document.getElementById(\"image12\");\n        const container = document.getElementById(\"image-container6\");\n\n        container.addEventListener(\"mouseover\", () => {\n            console.log('mouse over')\n          image1.classList.add(\"hidden\");\n          image2.classList.add(\"visible\");\n        });\n\n        container.addEventListener(\"mouseout\", () => {\n          image1.classList.remove(\"hidden\");\n          image2.classList.remove(\"visible\");\n        });\n      });\n    <\/script>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17b0cb9 panel e-flex e-con-boxed e-con e-parent\" data-id=\"17b0cb9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\" data-color=\"default\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfeb941 elementor-widget__width-initial anim-bufade ha-has-bg-overlay elementor-widget elementor-widget-button\" data-id=\"bfeb941\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/beautystar.it\/cs\/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\">V\u0160ECHNY KATEGORIE<\/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\">Objevte v\u0161echny salony<\/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\">SALONY<\/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\">Salony po cel\u00e9m sv\u011bt\u011b, kter\u00e9 si vybraly\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\">V\u0160ECHNY HALY<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f27caa3 e-con-full e-flex e-con e-child\" data-id=\"f27caa3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13328df e-con-full panel e-flex e-con e-parent\" data-id=\"13328df\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\" data-color=\"default\">\n\t\t<div class=\"elementor-element elementor-element-7dfb999 e-con-full e-flex e-con e-child\" data-id=\"7dfb999\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e2fd27 elementor-widget elementor-widget-heading\" data-id=\"6e2fd27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/beautystar.it\/cs\/magazine\/\">P\u0159e\u010dt\u011bte si v\u0161echny \u010dl\u00e1nky<\/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\">MAGAZ\u00cdN<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e6aa99c e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"e6aa99c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-dc33a60 e-con-full e-flex e-con e-child\" data-id=\"dc33a60\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-83b5245 e-con-full e-flex e-con e-child\" data-id=\"83b5245\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c98f53 anim-bufade elementor-widget elementor-widget-html\" data-id=\"9c98f53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container-news\"><a href=\"https:\/\/www.beautystar.it\/cs\/novinky\/color-drenching-quando-il-colore-diventa-progetto-e-la-materia-il-suo-alleato-2\/\"><div class=\"responsive-image-wrapper\"><img decoding=\"async\" class=\"responsive-image\" style=\"min-height: 350px;\" src=\"\" \/><div class=\"overlay-news-green\"><\/div><\/div><\/a><\/div><style>.responsive-container-news {\n    width: 100%;\n    max-width: 1000px;\n    height: 100%;\n    overflow: hidden;\n    position: relative; \/* Add this line to enable absolute positioning for child elements *\/\n}\n\n.responsive-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n}\n\n\/* Updated overlay CSS *\/\n.overlay-news-green {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color:#9CAF88; \/* Green overlay with 50% opacity *\/\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n\/* Hover effect *\/\n.responsive-container-news:hover .overlay-news-green {\n    opacity: 0.7;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b335304 e-con-full e-flex e-con e-child\" data-id=\"b335304\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35303f7 elementor-widget__width-auto anim-bufade elementor-widget elementor-widget-shortcode\" data-id=\"35303f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/cs\/novinky\/color-drenching-quando-il-colore-diventa-progetto-e-la-materia-il-suo-alleato-2\/\">Color Drenching: kdy\u017e se barva st\u00e1v\u00e1 sou\u010d\u00e1st\u00ed projektu (a materi\u00e1l jej\u00edm spojencem)<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a23b7e0 anim-bufade elementor-widget elementor-widget-heading\" data-id=\"a23b7e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- \u010cl\u00e1nek<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c74251a e-con-full e-flex e-con e-child\" data-id=\"c74251a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09b16b2 anim-bufade elementor-widget elementor-widget-html\" data-id=\"09b16b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container-news\"><a href=\"https:\/\/www.beautystar.it\/cs\/novinky\/come-introdurre-un-servizio-head-spa-nel-proprio-salone-formazione-esperienza-e-nuove-opportunita-di-crescita\/\"><div class=\"responsive-image-wrapper\"><img decoding=\"async\" class=\"responsive-image\" style=\"min-height: 250px;\" src=\"\" \/><div class=\"overlay-news-green\"><\/div><\/div><\/a><\/div><style>.responsive-container-news {\n    width: 100%;\n    max-width: 1000px;\n    height: 100%;\n    overflow: hidden;\n    position: relative; \/* Add this line to enable absolute positioning for child elements *\/\n}\n\n.responsive-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n}\n\n\/* Updated overlay CSS *\/\n.overlay-news-green {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color:#9CAF88; \/* Green overlay with 50% opacity *\/\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n\/* Hover effect *\/\n.responsive-container-news:hover .overlay-news-green {\n    opacity: 0.7;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59c94ba e-con-full e-flex e-con e-child\" data-id=\"59c94ba\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3149977 elementor-widget__width-auto anim-bufade elementor-widget elementor-widget-shortcode\" data-id=\"3149977\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/cs\/novinky\/come-introdurre-un-servizio-head-spa-nel-proprio-salone-formazione-esperienza-e-nuove-opportunita-di-crescita\/\">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><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a39304a anim-bufade elementor-widget elementor-widget-heading\" data-id=\"a39304a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- \u010cl\u00e1nek<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-586daf2 e-con-full e-flex e-con e-child\" data-id=\"586daf2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-9b8ce62 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"9b8ce62\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b50e2c elementor-widget elementor-widget-html\" data-id=\"5b50e2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container-news\"><a href=\"https:\/\/www.beautystar.it\/cs\/novinky\/navrhnete-si-svuj-salon-v-realnem-case-pomoci-inovativniho-konfiguratoru-beautystar\/\"><div class=\"responsive-image-wrapper\"><img decoding=\"async\" class=\"responsive-image\" style=\"min-height: 250px;\" src=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/03\/2.jpg\" \/><div class=\"overlay-news-green\"><\/div><\/div><\/a><\/div><style>.responsive-container-news {\n    width: 100%;\n    max-width: 1000px;\n    height: 100%;\n    overflow: hidden;\n    position: relative; \/* Add this line to enable absolute positioning for child elements *\/\n}\n\n.responsive-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n}\n\n\/* Updated overlay CSS *\/\n.overlay-news-green {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color:#9CAF88; \/* Green overlay with 50% opacity *\/\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n\/* Hover effect *\/\n.responsive-container-news:hover .overlay-news-green {\n    opacity: 0.7;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-618611b e-con-full e-flex e-con e-child\" data-id=\"618611b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89666b0 elementor-widget__width-auto elementor-widget elementor-widget-shortcode\" data-id=\"89666b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/cs\/novinky\/navrhnete-si-svuj-salon-v-realnem-case-pomoci-inovativniho-konfiguratoru-beautystar\/\">Navrhn\u011bte si sv\u016fj salon v re\u00e1ln\u00e9m \u010dase pomoc\u00ed inovativn\u00edho konfigur\u00e1toru BeautyStar<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-501aceb elementor-widget elementor-widget-heading\" data-id=\"501aceb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- \u010cl\u00e1nek<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eceee22 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"eceee22\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a4beaa elementor-widget elementor-widget-html\" data-id=\"4a4beaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container-news\"><a href=\"https:\/\/www.beautystar.it\/cs\/novinky\/cosmoprof-2026-beautystar-presenta-le-novita-per-il-salone-di-domani\/\"><div class=\"responsive-image-wrapper\"><img decoding=\"async\" class=\"responsive-image\" style=\"min-height: 350px;\" src=\"\" \/><div class=\"overlay-news-green\"><\/div><\/div><\/a><\/div><style>.responsive-container-news {\n    width: 100%;\n    max-width: 1000px;\n    height: 100%;\n    overflow: hidden;\n    position: relative; \/* Add this line to enable absolute positioning for child elements *\/\n}\n\n.responsive-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n}\n\n\/* Updated overlay CSS *\/\n.overlay-news-green {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color:#9CAF88; \/* Green overlay with 50% opacity *\/\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n\/* Hover effect *\/\n.responsive-container-news:hover .overlay-news-green {\n    opacity: 0.7;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d2aaa23 e-con-full e-flex e-con e-child\" data-id=\"d2aaa23\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f67b04 elementor-widget__width-auto elementor-widget elementor-widget-shortcode\" data-id=\"2f67b04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/cs\/novinky\/cosmoprof-2026-beautystar-presenta-le-novita-per-il-salone-di-domani\/\">Cosmoprof 2026: BeautyStar p\u0159edstavuje novinky pro salon budoucnosti<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02a4d76 elementor-widget elementor-widget-heading\" data-id=\"02a4d76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- \u010cl\u00e1nek<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f5c6fc e-con-full elementor-hidden-desktop e-flex e-con e-child\" data-id=\"6f5c6fc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-4675b09 e-con-full e-flex e-con e-child\" data-id=\"4675b09\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f470659 anim-bufade elementor-widget elementor-widget-html\" data-id=\"f470659\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container\"><a href=\"https:\/\/www.beautystar.it\/cs\/novinky\/color-drenching-quando-il-colore-diventa-progetto-e-la-materia-il-suo-alleato-2\/\"><img decoding=\"async\" class=\"responsive-image\" src=\"\" \/><\/a><\/div><style>.responsive-container {\n    width: 100%; \/* La larghezza \u00e8 impostata al 100% del contenitore *\/\n    \n    height: auto; \/* L'altezza sar\u00e0 automatica *\/\n    position: relative;\n    overflow: hidden;\n}\n\n.responsive-container::before {\n    content: \"\";\n    display: block;\n    padding-bottom: 50%; \/* Imposta un rapporto 2:1 per l'altezza *\/\n}\n\n.responsive-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height:250px !important;\n    object-fit: cover; \/* Mantiene l'immagine coperta senza distorsioni *\/\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3aaa483 e-con-full e-flex e-con e-child\" data-id=\"3aaa483\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5647bfe elementor-widget__width-auto anim-bufade elementor-widget elementor-widget-shortcode\" data-id=\"5647bfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/cs\/novinky\/color-drenching-quando-il-colore-diventa-progetto-e-la-materia-il-suo-alleato-2\/\">Color Drenching: kdy\u017e se barva st\u00e1v\u00e1 sou\u010d\u00e1st\u00ed projektu (a materi\u00e1l jej\u00edm spojencem)<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38a3fdf anim-bufade elementor-widget elementor-widget-heading\" data-id=\"38a3fdf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- \u010cl\u00e1nek<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef44d59 e-con-full e-flex e-con e-child\" data-id=\"ef44d59\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5383c7 anim-bufade elementor-widget elementor-widget-html\" data-id=\"a5383c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container\"><a href=\"https:\/\/www.beautystar.it\/cs\/novinky\/come-introdurre-un-servizio-head-spa-nel-proprio-salone-formazione-esperienza-e-nuove-opportunita-di-crescita\/\"><img decoding=\"async\" class=\"responsive-image\" src=\"\" \/><\/a><\/div><style>.responsive-container {\n    width: 100%; \/* La larghezza \u00e8 impostata al 100% del contenitore *\/\n    \n    height: auto; \/* L'altezza sar\u00e0 automatica *\/\n    position: relative;\n    overflow: hidden;\n}\n\n.responsive-container::before {\n    content: \"\";\n    display: block;\n    padding-bottom: 50%; \/* Imposta un rapporto 2:1 per l'altezza *\/\n}\n\n.responsive-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height:250px !important;\n    object-fit: cover; \/* Mantiene l'immagine coperta senza distorsioni *\/\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0aab1f e-con-full e-flex e-con e-child\" data-id=\"a0aab1f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42d31f9 elementor-widget__width-auto anim-bufade elementor-widget elementor-widget-shortcode\" data-id=\"42d31f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/cs\/novinky\/come-introdurre-un-servizio-head-spa-nel-proprio-salone-formazione-esperienza-e-nuove-opportunita-di-crescita\/\">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><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a752c34 anim-bufade elementor-widget elementor-widget-heading\" data-id=\"a752c34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- \u010cl\u00e1nek<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-895a7c6 e-con-full e-flex e-con e-child\" data-id=\"895a7c6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9830b40 anim-bufade elementor-widget elementor-widget-html\" data-id=\"9830b40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container\"><a href=\"https:\/\/www.beautystar.it\/cs\/novinky\/navrhnete-si-svuj-salon-v-realnem-case-pomoci-inovativniho-konfiguratoru-beautystar\/\"><img decoding=\"async\" class=\"responsive-image\" src=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/03\/2.jpg\" \/><\/a><\/div><style>.responsive-container {\n    width: 100%; \/* La larghezza \u00e8 impostata al 100% del contenitore *\/\n    \n    height: auto; \/* L'altezza sar\u00e0 automatica *\/\n    position: relative;\n    overflow: hidden;\n}\n\n.responsive-container::before {\n    content: \"\";\n    display: block;\n    padding-bottom: 50%; \/* Imposta un rapporto 2:1 per l'altezza *\/\n}\n\n.responsive-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height:250px !important;\n    object-fit: cover; \/* Mantiene l'immagine coperta senza distorsioni *\/\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc34d3d e-con-full e-flex e-con e-child\" data-id=\"dc34d3d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d23deb elementor-widget__width-auto anim-bufade elementor-widget elementor-widget-shortcode\" data-id=\"3d23deb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/cs\/novinky\/navrhnete-si-svuj-salon-v-realnem-case-pomoci-inovativniho-konfiguratoru-beautystar\/\">Navrhn\u011bte si sv\u016fj salon v re\u00e1ln\u00e9m \u010dase pomoc\u00ed inovativn\u00edho konfigur\u00e1toru BeautyStar<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-790cca9 anim-bufade elementor-widget elementor-widget-heading\" data-id=\"790cca9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- \u010cl\u00e1nek<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae469fe e-con-full e-flex e-con e-child\" data-id=\"ae469fe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0fe51e anim-bufade elementor-widget elementor-widget-html\" data-id=\"f0fe51e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container\"><a href=\"https:\/\/www.beautystar.it\/cs\/novinky\/cosmoprof-2026-beautystar-presenta-le-novita-per-il-salone-di-domani\/\"><img decoding=\"async\" class=\"responsive-image\" src=\"\" \/><\/a><\/div><style>.responsive-container {\n    width: 100%; \/* La larghezza \u00e8 impostata al 100% del contenitore *\/\n    \n    height: auto; \/* L'altezza sar\u00e0 automatica *\/\n    position: relative;\n    overflow: hidden;\n}\n\n.responsive-container::before {\n    content: \"\";\n    display: block;\n    padding-bottom: 50%; \/* Imposta un rapporto 2:1 per l'altezza *\/\n}\n\n.responsive-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height:250px !important;\n    object-fit: cover; \/* Mantiene l'immagine coperta senza distorsioni *\/\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31b0830 e-con-full e-flex e-con e-child\" data-id=\"31b0830\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af0a9fb elementor-widget__width-auto anim-bufade elementor-widget elementor-widget-shortcode\" data-id=\"af0a9fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/cs\/novinky\/cosmoprof-2026-beautystar-presenta-le-novita-per-il-salone-di-domani\/\">Cosmoprof 2026: BeautyStar p\u0159edstavuje novinky pro salon budoucnosti<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd54c0e anim-bufade elementor-widget elementor-widget-heading\" data-id=\"fd54c0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- \u010cl\u00e1nek<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"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 v27.5 - 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 je italsk\u00e1 spole\u010dnost kade\u0159nick\u00e9ho n\u00e1bytku, kter\u00fd kombinuje inn vativn\u00ed design a udr\u017eitelnost. Tecnologia e Innovazione al servizio del Salone [scrollsequence id=&#8220;3575&#8243;] Zjist\u011bte, jak vybavitsv\u016fj salon Slider con Hotspot \u2039 \u203a Klikni na spoty Objev produkty BeautyStar Zjisti v\u00edce o tom, jak nakupovat Retrolavaggio Objev Alba Objev Stargate Objev Garmet Objev Display Objev Hunt Objev [&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=\"2025-07-23T13:29:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/demo.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 minuta\" \/>\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:\\\/\\\/demo.beautystar.it\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/Lavatesta-color.png\",\"datePublished\":\"2025-01-15T00:13:34+00:00\",\"dateModified\":\"2025-07-23T13:29:40+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:\\\/\\\/demo.beautystar.it\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/Lavatesta-color.png\",\"contentUrl\":\"https:\\\/\\\/demo.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 je italsk\u00e1 spole\u010dnost kade\u0159nick\u00e9ho n\u00e1bytku, kter\u00fd kombinuje inn vativn\u00ed design a udr\u017eitelnost. Tecnologia e Innovazione al servizio del Salone [scrollsequence id=&#8220;3575&#8243;] Zjist\u011bte, jak vybavitsv\u016fj salon Slider con Hotspot \u2039 \u203a Klikni na spoty Objev produkty BeautyStar Zjisti v\u00edce o tom, jak nakupovat Retrolavaggio Objev Alba Objev Stargate Objev Garmet Objev Display Objev Hunt Objev [&hellip;]","og_url":"https:\/\/www.beautystar.it\/cs\/","og_site_name":"BeautyStar","article_modified_time":"2025-07-23T13:29:40+00:00","og_image":[{"url":"https:\/\/demo.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 minuta"},"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:\/\/demo.beautystar.it\/wp-content\/uploads\/2024\/10\/Lavatesta-color.png","datePublished":"2025-01-15T00:13:34+00:00","dateModified":"2025-07-23T13:29:40+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:\/\/demo.beautystar.it\/wp-content\/uploads\/2024\/10\/Lavatesta-color.png","contentUrl":"https:\/\/demo.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":0,"href":"https:\/\/www.beautystar.it\/cs\/wp-json\/wp\/v2\/pages\/27389\/revisions"}],"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}]}}