/* home.css - Stili specifici per la nuova home */
@import url("https://p.typekit.net/p.css?s=1&k=jds2fzc&ht=tk&f=39496.39497.39498.39499&a=86864020&app=typekit&e=css");

@font-face { font-family:"neue-haas-grotesk-display"; src:url("https://use.typekit.net/af/1ba16c/00000000000000007735bb5a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3")
      format("woff2"),
    url("https://use.typekit.net/af/1ba16c/00000000000000007735bb5a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3")
      format("woff"),
    url("https://use.typekit.net/af/1ba16c/00000000000000007735bb5a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3")
      format("opentype"); font-display:auto; font-style:normal; font-weight:500; font-stretch:normal;}

@font-face { font-family:"neue-haas-grotesk-display"; src:url("https://use.typekit.net/af/6c4da4/00000000000000007735bb5e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3")
      format("woff2"),
    url("https://use.typekit.net/af/6c4da4/00000000000000007735bb5e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3")
      format("woff"),
    url("https://use.typekit.net/af/6c4da4/00000000000000007735bb5e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3")
      format("opentype"); font-display:auto; font-style:italic; font-weight:500; font-stretch:normal;}

@font-face { font-family:"neue-haas-grotesk-display"; src:url("https://use.typekit.net/af/153042/00000000000000007735bb62/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3")
      format("woff2"),
    url("https://use.typekit.net/af/153042/00000000000000007735bb62/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3")
      format("woff"),
    url("https://use.typekit.net/af/153042/00000000000000007735bb62/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3")
      format("opentype"); font-display:auto; font-style:normal; font-weight:600; font-stretch:normal;}

@font-face { font-family:"neue-haas-grotesk-display"; src:url("https://use.typekit.net/af/8a7571/00000000000000007735bb67/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3")
      format("woff2"),
    url("https://use.typekit.net/af/8a7571/00000000000000007735bb67/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3")
      format("woff"),
    url("https://use.typekit.net/af/8a7571/00000000000000007735bb67/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3")
      format("opentype"); font-display:auto; font-style:italic; font-weight:600; font-stretch:normal;}

html,
body { overflow-x:hidden; font-family:"neue-haas-grotesk-display", sans-serif; font-weight:500; font-style:normal;}
.default-bg { background:#fff;}
.category-bg { background:#1a1a1a; color:#fff;}

.category-bg .navbar.nav-scroll .navbar-nav a,.category-bg .container-prodotti .inner-title p > *:not(:last-child):after,.category-bg .container-prodotti .inner-title p > *,.category-bg .prod_card a,.category-bg .sidebar-widget.elenco-famiglie ul a,.category-bg .navbar.nav-scroll .search-container input::placeholder,.category-bg .search-container-prodotti input::placeholder,.category-bg .search-box input,.category-bg .search-container-prodotti .search-box div::before,.category-bg .navbar.nav-scroll .search-box::before,.category-bg .off-text,.category-bg .switch input:checked + .slider .on-text { color:#fff !important;}
.category-bg .navbar.nav-scroll .search-box { border:1px solid #fff;}
.category-bg .sidebar-widget.elenco-famiglie:first-child { border-top:1px solid #fff; border-bottom:1px solid #fff;}
.category-bg #elenco_acc,.category-bg .popular-tags { border-bottom:1px solid #fff;}
.category-bg .toggle-icon:before,.category-bg .toggle-icon:after,.category-bg .slider { background-color:#fff;}
.category-bg .on-text,.category-bg .switch input:checked + .slider .off-text { color:#1a1a1a !important;}
.category-bg .navbar.nav-scroll,.category-bg .toggle-circle { background:#1a1a1a;}
.max-container { max-width:1920px; margin:0 auto;}
/* 1) HERO SLIDER */
.hero-home-slider { width:100%; height:100vh; position:relative;}
.hero-home-slider .swiper-container { width:100%; height:100%;}
.jarallax { will-change:transform;}
.hero-home-slider .swiper-slide { background-position:center center; background-repeat:no-repeat; background-size:cover;}
.hero-home-slider .swiper-slide.slide-1 { background-image:image-set(
    url("../img/slide1-Ginevra-bloom.webp") type("image/webp"),
    url("../img/slide1-Ginevra-bloom.jpg") type("image/jpeg")
  );}
.hero-home-slider .swiper-slide.slide-2 { background-image:image-set(
    url("../img/slide 2- sleek.webp") type("image/webp"),
    url("../img/slide 2- sleek.jpg") type("image/jpeg")
  );}
.hero-home-slider .swiper-slide.slide-3 { background-image:image-set(
    url("../img/slide 3- pocket.webp") type("image/webp"),
    url("../img/slide 3- pocket.jpg") type("image/jpeg")
  );}
.hero-home-slider .swiper-slide.slide-4 { background-image:image-set(
    url("../img/slide 4- rgbw.webp") type("image/webp"),
    url("../img/slide 4- rgbw.jpg") type("image/jpeg")
  );}
.hero-home-slider .swiper-slide.slide-5 { background-image:image-set(
    url("../img/slide-5-zenith.webp") type("image/webp"),
    url("../img/slide-5-zenith.jpg") type("image/jpeg")
  );}
.hero-home-slider .swiper-slide.slide-6 { background-image:image-set(
    url("../img/slide-siluro-1.webp") type("image/webp"),
    url("../img/slide-siluro-1.jpg") type("image/jpeg")
  );}
.hero-home-slider .swiper-slide.slide-7 { background-image:image-set(
    url("../img/slide-catalogo-1.webp") type("image/webp"),
    url("../img/slide-catalogo-1.jpg") type("image/jpeg")
  );}

.mySecondSwiper .parallax-bg.slide-1 { background-image:image-set(
    url("../img/bloom.webp") type("image/webp"),
    url("../img/bloom.jpg") type("image/jpeg")
  );}
.mySecondSwiper .parallax-bg.slide-2 { background-image:image-set(
    url("../img/casambi.webp") type("image/webp"),
    url("../img/casambi.jpg") type("image/jpeg")
  );}
.mySecondSwiper .parallax-bg.slide-3 { background-image:image-set(
    url("../img/rgbw.webp") type("image/webp"),
    url("../img/rgbw.jpg") type("image/jpeg")
  );}

/* Stile per mobile */
@media (max-width:480px) {
  .hero-home-slider .swiper-slide.slide-1 { background-image:image-set(
      url("../img/slide1-Ginevra-bloom-1.webp") type("image/webp"),
      url("../img/slide1-Ginevra-bloom-1.jpg") type("image/jpeg")
    );}
  .hero-home-slider .swiper-slide.slide-2 { background-image:image-set(
      url("../img/slide 2- sleek-1.webp") type("image/webp"),
      url("../img/slide 2- sleek-1.jpg") type("image/jpeg")
    );}
  .hero-home-slider .swiper-slide.slide-3 { background-image:image-set(
      url("../img/slide 3- pocket-1.webp") type("image/webp"),
      url("../img/slide 3- pocket-1.jpg") type("image/jpeg")
    );}
  .hero-home-slider .swiper-slide.slide-4 { background-image:image-set(
      url("../img/slide 4- rgbw-1.webp") type("image/webp"),
      url("../img/slide 4- rgbw-1.jpg") type("image/jpeg")
    );}
  .hero-home-slider .swiper-slide.slide-5 { background-image:image-set(
      url("../img/slide-5-zenith-1.webp") type("image/webp"),
      url("../img/slide-5-zenith-1.jpg") type("image/jpeg")
    );}
  .hero-home-slider .swiper-slide.slide-6 { background-image:image-set(
      url("../img/slide-siluro.webp") type("image/webp"),
      url("../img/slide-siluro.jpg") type("image/jpeg")
    );}
  .hero-home-slider .swiper-slide.slide-7 { background-image:image-set(
      url("../img/slide-catalogo.webp") type("image/webp"),
      url("../img/slide-catalogo.jpg") type("image/jpeg")
    );}

  .mySecondSwiper .parallax-bg.slide-1 { background-image:image-set(
      url("../img/bloom\ m.webp") type("image/webp"),
      url("../img/bloom\ m.jpg") type("image/jpeg")
    );}
  .mySecondSwiper .parallax-bg.slide-2 { background-image:image-set(
      url("../img/casambi\ m.webp") type("image/webp"),
      url("../img/casambi\ m.jpg") type("image/jpeg")
    );}
  .mySecondSwiper .parallax-bg.slide-3 { background-image:image-set(
      url("../img/rgbw\ m.webp") type("image/webp"),
      url("../img/rgbw\ m.jpg") type("image/jpeg")
    );}
}
.swiper-pagination,.swiper-button-next.prodotti-next,.swiper-button-prev.prodotti-prev { display:none;}
/* Posizionamento delle frecce in basso a destra */
.swiper-buttons { position:absolute; bottom:20px; right:20px; display:flex; gap:10px;}
.swiper-button-prev,.swiper-button-next { width:48px; height:48px; background-color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; color:#fff; position:static;}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after { font-size:15px; content:"\2192"; color:#000;}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after { font-size:15px; content:"\2190"; color:#000;}

/* Overlay testo - posizionato in basso a sinistra */
.hero-home-slider .overlay { position:absolute; bottom:20px; left:20px; color:#fff; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);}
.overlay .intestazione { margin:95px 0 50px; padding-top:40px;}
.hero-home-slider .overlay .small-title { font-size:18px; letter-spacing:1px; display:block;}
.hero-home-slider .overlay .small-title::before { content:""; display:inline-block; width:12px; height:12px; background-color:rgb(223, 2, 29); border-radius:50%; margin-right:8px;}
/* Titolo grande */
.hero-home-slider .overlay .big-title { font-size:12rem; margin:0; margin-bottom:10px; line-height:1;}
/* Pulsante "Scopri" */
.hero-home-slider .overlay .scopri-btn { background:#fff; color:#000; border:none; padding:10px 30px; border-radius:50px; font-size:16px; cursor:pointer; text-transform:uppercase; transition:background 0.3s;}
.hero-home-slider .overlay .scopri-btn:hover { background:#000; color:#fff;}

/* 2) CHI SIAMO */
.chi-siamo { display:flex; flex-direction:column; margin-bottom:100px;}
.chi-siamo-text { display:flex; flex-direction:row; justify-content:space-between; margin:100px 40px 80px; align-items:end;}
.chi-siamo-text p { font-size:54px; line-height:60px; width:70%;}
.chi-siamo-text a { font-size:18px; font-weight:400; text-decoration:none; text-transform:uppercase; color:#000; border:1px solid; height:fit-content; padding:10px 30px; border-radius:50px;}
.svg-sfumato { max-width:100%; opacity:0.8;}

/* 3) PRODOTTI IN EVIDENZA */
.linea-prodotto-parallax { position:relative; overflow:hidden;}
.linea-prodotto-parallax .a-logo { position:absolute; top:0; left:50%; transform:translate(-50%, 0); z-index:0; pointer-events:none; will-change:transform; transition:transform 0.1s ease-out; opacity:0.8;}
.prodotti-in-evidenza { padding:60px 8px; border-bottom:1px solid #000; border-top:1px solid #000;}
.prodotti-in-evidenza .scopri-btn { color:#000; display:flex; justify-self:center; margin-top:100px; background:#fff; border:1px solid #000; padding:10px 50px; border-radius:50px; font-size:18px;}
.prodotti-in-evidenza .scopri-btn:hover { background-color:#000; color:#fff;}
/* Titolo della sezione */
.prodotti-in-evidenza h2,.cataloghi-header h2,.progetti-evidenza h2 { text-align:left; margin-bottom:30px; font-size:18px;}
.prodotti-in-evidenza h2:before,.cataloghi-header h2:before,.progetti-evidenza h2:before { content:""; display:inline-block; width:12px; height:12px; background-color:rgb(223, 2, 29); border-radius:50%; margin-right:8px;}

/* Contenitore dei prodotti con Flexbox */
.prodotti-container { display:grid; grid-template-columns:25% 25% 25% 25%; overflow:hidden; gap:10px;}
.prodotti-container a { text-decoration:none;}
.prodotti-container .swiper-wrapper { gap:10px;}

/* Singolo prodotto */
.product-box { box-sizing:border-box; color:#000;}

.product-box img { width:100%; display:block; margin-bottom:10px;}

.product-box h4 { margin:10px 10px 5px; font-size:1.5rem; font-weight:bold;}

.product-box p { margin:0 10px; font-size:14px;}
.img-container { position:relative; overflow:hidden;}
.img-container img { width:100%; display:block; transition:opacity 0.3s ease; object-fit:cover;}
.img-hover { position:absolute; top:0; left:0; opacity:0;}

.product-box:hover .img-hover { opacity:1;}

.product-box:hover .img-default { opacity:0;}

/* 4) TITOLO GRANDE + ICONA */
.titolo-grande { padding:100px 30px;}

.titolo-grande-flex { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}

.titolo-text { flex:1;}

.icona-piu-wrapper { margin-top:30px;}

.titolo-grande .display-4 { font-size:12rem; font-weight:400; text-align:center; margin:0;}
.titolo-grande .icona-piu { width:42px; height:42px;}

.flex-images { display:flex; flex-direction:row; padding:40px 0; justify-content:space-between; margin:0 40px; position:relative; z-index:1;}

.flex-images div { display:flex; flex-direction:column; align-self:center;}
.flex-images .flex-images-1 { max-width:80%;}
.flex-images div:last-child { margin-top:250px;}
.flex-images a,.middle-image a { color:#fff; text-decoration:none;}
.flex-images a:hover,.middle-image a:hover { color:#fff; text-decoration:none;}
.flex-images p,.middle-image p { font-size:18px; margin-top:30px;}
.middle-image { width:50%; margin:50px auto; display:block; position:relative; z-index:1;}
.footer-linea-prodotto { display:flex; padding:40px 0; justify-content:center; align-items:flex-end;}
.product-btn { height:fit-content; margin-bottom:20px; background:transparent; border:1px solid #ffff; padding:10px 40px; border-radius:50px; text-transform:uppercase; cursor:pointer; color:#fff;}
.product-btn:hover { background:#fff; color:#000; text-decoration:none;}

/* 5) SLIDER CON TESTO IN ALTO A DESTRA */
.mySecondSwiper .swiper-slide { position:relative; min-height:80vh;}
.slider-con-testo { position:relative;}
.slider-con-testo .swiper-container { width:100%; min-height:400px;}
.slider-con-testo .slide-bg { position:relative; overflow:hidden;}
.slider-con-testo .testo-top-left,.slider-con-testo .overlay-img { position:relative; z-index:1;}
.slider-con-testo .parallax-bg { top:0; left:0; right:0; bottom:0; width:100%; height:100vh; background-size:cover; background-position:center; position:relative; background-repeat:no-repeat; will-change:transform; z-index:-1;}
.slider-con-testo .testo-top-left { position:absolute; top:100px; left:40px; color:#fff; max-width:800px;}
.slider-con-testo .testo-top-left p { font-weight:400; font-size:54px; line-height:61.78px; letter-spacing:0px;}

.slider-con-testo .overlay-img { position:absolute; top:80px; right:10px; max-width:540px;}
.slider-con-testo .scopri-btn { background:#fff; color:#000; border:none; padding:10px 30px; border-radius:50px; font-size:16px; cursor:pointer; text-transform:uppercase; transition:background 0.3s;}
.slider-con-testo .scopri-btn:hover { background:#000; color:#fff;}

.slider-con-testo .swiper-buttons { position:absolute; bottom:100px; left:40px; display:flex; gap:10px;}
.slider-con-testo .swiper-button-prev,.slider-con-testo .swiper-button-next { width:48px; height:48px; background-color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; color:#fff; position:static;}

/* 6) LINEA PRODOTTO PARALLAX */
.dark-bg { background-color:#252324; color:#fff;}
.cataloghi-carousel { margin-top:40px;}
.catalog-item { text-align:center;}
.catalog-item img { max-width:100%; margin-bottom:10px;}

/* 7) SEZIONE CATALOGHI / BROCHURE */

.cataloghi-section { background:#252324; padding:20px 40px 100px; color:#fff; text-align:left;}

.cataloghi-header { display:flex; align-items:center;}

.cataloghi-dot { width:10px; height:10px; background-color:rgb(223, 2, 29); border-radius:50%;}

.cataloghiSwiper { position:relative; overflow:hidden;}

.cataloghiSwiper .swiper-wrapper { display:flex; align-items:center; height:auto;}

.cataloghiSwiper .swiper-slide { background:rgb(55, 55, 55); padding:20px; display:flex; align-items:center; justify-content:center; min-height:180px; max-height:180px;}

.cataloghiSwiper .catalog-item a { display:flex; align-items:center; gap:20px;}

.cataloghiSwiper .catalog-item picture { flex:0 0 auto;}

.cataloghiSwiper .catalog-item img { height:140px; width:auto; border-radius:5px;}

.cataloghiSwiper .catalog-item p { font-size:18px; font-weight:bold; margin:0; color:#fff;}

/* Stile frecce di navigazione cataloghi */
.cataloghiSwiper .cataloghi-prev,.cataloghiSwiper .cataloghi-next { position:absolute; top:60%; transform:translateY(-50%); width:50px; height:50px; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:10;}

.cataloghiSwiper .cataloghi-prev::after,.cataloghiSwiper .cataloghi-next::after { font-size:20px; color:#000;}

/* 8) PROGETTI SECTION */

/* PROGETTI IN EVIDENZA */
/* ======================= */
.progetti-evidenza div.progetti-container { padding:40px 0; display:flex; justify-content:space-between; align-items:flex-start;}

.progetto-content { display:flex; justify-content:space-between; align-items:center;}

.progetto-text { max-width:60%;}

.progetto-title { font-size:32px; font-weight:bold; margin-bottom:10px;}

.progetto-desc { font-size:16px; color:#333; line-height:1.5; max-width:60%;}

.progetto-button { display:flex; align-items:center;}

.scopri-btn { font-size:16px; text-transform:uppercase; color:#000; text-decoration:none; padding:10px 40px; border:1px solid #000; border-radius:30px; cursor:pointer; transition:background 0.3s ease-in-out, color 0.3s ease-in-out;}

.scopri-btn:hover { background:#000; color:#fff; text-decoration:none;}

/* ======================= */
/* SLIDER PROGETTI */
/* ======================= */
.slider-progetti-section { position:relative; padding:40px;}

.slider-progetti-swiper { position:relative; overflow:visible;}

.slider-progetti-swiper .swiper-wrapper { display:flex; align-items:center;}

.slider-progetti-swiper .swiper-slide { position:relative; width:50%;}

.slider-progetti-swiper .slide-content { position:relative; width:100%;}

.slider-progetti-swiper .slide-content img { width:100%; height:auto;}

/* ======================= */
/* HOTSPOT CON TOOLTIP */
/* ======================= */
.progetti-hotspot { position:absolute; cursor:pointer; transform:translate(-50%, -50%);}

.progetti-hotspot .dot { display:inline-block; width:14px; height:14px; background:rgb(223, 2, 29); border-radius:50%; box-shadow:0 0 15px 15px rgb(157 157 157 / 50%);}

/* Tooltip nascosto di default */
.progetti-hotspot .progetti-tooltip { display:none; position:absolute; top:25px; left:50%; transform:translateX(-50%); background:#fff; color:#000; padding:8px 12px; white-space:nowrap; font-size:18px; width:254px; box-shadow:2px 2px 5px #ccc;}
.progetti-hotspot .progetti-tooltip h4 { font-weight:bold; font-size:18px;}

/* Mostra il tooltip al passaggio del mouse */
.progetti-hotspot:hover .progetti-tooltip { display:block;}

/* ======================= */
/* FRECCE DI NAVIGAZIONE */
/* ======================= */
.progetti-prev,.progetti-next { position:absolute; top:50%; transform:translateY(-50%); width:50px; height:50px; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:10;}

.progetti-prev::after,.progetti-next::after { font-size:20px; color:#000;}

/* Contenitore principale dello slider */
.slider-progetti-container { position:relative;}

.progetti-header { margin-bottom:20px;}
.progetti-header h2 { font-size:2rem; margin-bottom:10px;}
.progetti-header p { font-size:1rem; color:#555;}

/* Swiper container con classi dedicate */
.swiper-progetti { width:100%; height:auto; overflow:visible;}

/* Wrapper delle slide */
.progetti-slide { display:flex; flex-direction:column; padding:0 40px; border-top:1px solid #000;}

.progetti-text { display:flex;}
.progetti-text h3 { font-size:1.5rem; margin-bottom:10px;}
.progetti-text p { font-size:1rem; margin-bottom:15px; color:#555;}
.btn-progetti { display:inline-block; padding:10px 20px; background-color:#000; color:#fff; text-decoration:none; border-radius:4px;}

/* Area immagini */
.progetti-images { display:flex; flex:1 1; /* Larghezza minima e flessibilità */
  gap:10px; justify-content:space-between; position:relative;}

/* Immagine grande */
.progetti-image-large { flex:2; /* Occupa più spazio */
  position:relative;}
.progetti-image-large img { width:100%; height:auto; display:block;}
.hotspot { position:absolute; /* top, left impostali via inline style 
     oppure qui se vuoi (es. 50%, 50%) */
  transform:translate(-50%, -50%); /* Se vuoi centrarlo nelle coordinate date 
     (es. top:50%, left:50%) */
  cursor:pointer; z-index:2; /* per stare sopra l'immagine */
}

/* Il piccolo cerchio visibile come "punto cliccabile" */
.hotspot-dot { display:block; width:20px; height:20px; background-color:rgb(223, 2, 29); box-shadow:0px 0px 10px 5px #fff; border-radius:50%; position:relative;}

/* Il contenitore del tooltip con immagine, testo, ecc. */
.hotspot-tooltip { position:absolute; top:-10px; /* posizionalo dove preferisci rispetto al cerchio */
  left:30px; background:#fff; padding:10px; box-shadow:0 2px 6px rgba(0, 0, 0, 0.2); width:200px; /* Larghezza del tooltip, modificabile */

  display:none; /* di default nascosto */
  z-index:3;}

/* Se vuoi la freccia tipo fumetto:
   (freccia a sinistra) */
.hotspot-tooltip::before { content:""; position:absolute; top:20px; /* centrata verticalmente nel tooltip */
  left:-8px; /* esce a sinistra */
  border:8px solid transparent; border-right-color:#fff;}

/* Mostra il tooltip al passaggio del mouse 
   sul container .hotspot (punto + tooltip) */
.hotspot:hover .hotspot-tooltip { display:block;}

.hotspot-tooltip a { color:#000; text-decoration:none;}
/* Esempio per un layout del contenuto del tooltip */
.hotspot-tooltip img { max-width:100%; height:auto; margin-bottom:8px;}

.hotspot-tooltip h4 { margin:0 0 5px 0; font-size:16px; font-weight:bold;}

.hotspot-tooltip p { margin:0; font-size:14px; line-height:1.4;}
/* Immagine piccola */
.progetti-image-small { flex:1; /* Occupa meno spazio */
}
.progetti-image-small img { width:100%; height:100%; display:block; object-fit:cover;}

/* Frecce di navigazione personalizzate */
.swiper-button-next-progetti,.swiper-button-prev-progetti { color:#000; /* Colore delle frecce */
  width:30px; height:30px; top:50%; transform:translateY(-50%);}

.swiper-button-next-progetti,.progetti-next { right:50px;}

.swiper-button-prev-progetti,.progetti-prev { left:50px;}

/* ======================= */
/* SEZIONE NEWSLETTER */
/* ======================= */
.newsletter-section { position:relative; background-color:#fff; padding:100px 40px; margin:100px 0; overflow:hidden; display:flex; align-items:center; justify-content:space-between; min-height:50vh; background:url("../img/Vector-A.svg") no-repeat center; background-size:contain;}

.newsletter-content { position:relative; display:flex; justify-content:space-between; align-items:center; width:100%; z-index:2;}

.newsletter-text { width:50%;}

.newsletter-text h2 { font-size:44px; font-weight:400; line-height:1.3; color:#000;}

.newsletter-form { width:40%; display:flex; justify-content:flex-end;}
.newsletter-form form { width:80%;}
.newsletter-form form .newsletter-box { display:flex; align-items:center; width:100%; max-width:500px; border:1px solid #ddd; border-radius:50px; padding:5px;}

.newsletter-form input { flex:1; border:none; outline:none; font-size:16px; padding:10px 15px; border-radius:50px; background:transparent;}
input#mce-EMAIL::placeholder { color:#dddddd;}
.newsletter-form button { background:#000; color:#fff; border:none; padding:10px 30px; font-size:16px; font-weight:bold; border-radius:50px; cursor:pointer; transition:0.3s ease;}

.newsletter-form button:hover { background:#333;}

/* ======================= */
/* SFONDO LETTERA "A" */
/* ======================= */
.newsletter-background { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:400px; font-weight:bold; color:transparent; text-align:center; z-index:1;}

.letter-a { display:inline-block; background-size:cover; -webkit-background-clip:text; background-clip:text;}

/* ======================= */
/* FOOTER GENERALE */
/* ======================= */
.main-footer { background-color:#1a1a1a; color:#fff; padding:50px 0 20px; font-family:"neue-haas-grotesk-display", sans-serif; font-size:12rem;}

/* ======================= */
/* SEZIONE "ENTRA IN CONTATTO" */
/* ======================= */
.footer-contact { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(255, 255, 255, 0.2); padding:70px 30px;}

.footer-contact h2 { font-size:12rem;}

.contact-plus { font-size:40px; color:red; text-decoration:none;}

/* ======================= */
/* SEZIONE LINK PRINCIPALI */
/* ======================= */

.footer-links ul { list-style:none; padding:0;}

.footer-links ul li { border-bottom:1px solid rgba(255, 255, 255, 0.2); padding:15px 30px;}

.footer-links ul li a { color:#fff; text-decoration:none; font-size:54px; font-weight:lighter; display:flex; justify-content:space-between; align-items:center; width:100%;}

.arrow { font-size:20px;}

/* ======================= */
/* SEZIONE INFORMAZIONI AZIENDALI */
/* ======================= */
.footer-info { display:flex; justify-content:space-between; flex-wrap:wrap; padding:50px 30px 30px 30px;}

.footer-logo { flex:1;}

.footer-brand { font-size:24px; font-weight:bold; color:rgb(223, 2, 29);}

.footer-brand img { width:60%;}

.footer-address { flex:2; font-size:14px;}

.footer-address p { margin:5px 0 30px;}

.footer-address a { color:#fff; text-decoration:none;}

.social-icons { display:flex; gap:10px; margin-top:10px;}

.social-icons a { color:#fff; font-size:18px;}

/* ======================= */
/* MENU NEL FOOTER */
/* ======================= */
.footer-navigation { flex:1; font-size:18px;}

.column2 a { font-size:30px;}
.column3 a { font-size:15px;}

.footer-navigation ul { list-style:none; padding:0;}

.footer-navigation ul li { margin:5px 0;}

.footer-navigation ul li a { color:#fff; text-decoration:none;}

/* ======================= */
/* COPYRIGHT */
/* ======================= */
.footer-copyright { text-align:left; font-size:12px; margin-top:20px; padding:10px 30px 0; color:rgba(255, 255, 255, 0.6); display:flex; justify-content:space-between;}

.footer-copyright a { color:rgba(255, 255, 255, 0.6);}

.credits { text-align:right; font-size:12px;}

/* ======================= */
/* HEADER BASE */
/* ======================= */
.site-header { width:100%; position:fixed; top:0; left:0; z-index:1000; transition:background-color 0.3s ease, box-shadow 0.3s ease;}
.menu-open { background:#000 !important;}

/* Bottone hamburger generico */
.hamburger { width:30px; height:22px; display:none; position:relative; cursor:pointer; background:none; border:none; padding:0;}

/* Le 3 barre */
.hamburger .bar { display:block; width:100%; height:3px; background-color:#fff; margin:4px 0; transition:0.3s; /* animazione morbida */
}
.nav-scroll .hamburger .bar { background-color:#000;}

/* Quando la classe .open è presente, trasforma le barre */
.hamburger.open .bar:nth-child(1) { transform:translateY(9px) rotate(45deg);}

.hamburger.open .bar:nth-child(2) { opacity:0;}

.hamburger.open .bar:nth-child(3) { transform:translateY(-5px) rotate(-45deg);}

.navbar { padding:15px 30px; background:transparent; transition:all 0.3s ease-in-out; border-radius:0;}

.navbar-fixed { background:linear-gradient(rgba(0, 0, 0, 0.8), transparent); border:none;}

.navbar.nav-scroll { background:#fff; box-shadow:0 2px 10px rgba(0, 0, 0, 0.1); color:#000;}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:focus,.navbar-default .navbar-nav > .open > a:hover { background:transparent !important;}
.nav-link { z-index:5;}
.navbar.nav-scroll .lang a.nav-link { border:1px solid; padding:4px 7px; border-radius:50px; width:30px;}

.navbar-brand { font-size:24px; font-weight:bold; height:auto;}

.logo-text img { width:100%; position:relative; z-index:9999;}

/* ======================= */
/* MENU NAVIGAZIONE */
/* ======================= */
.navbar-nav { display:flex; align-items:center;}
.navbar-header { width:210px;}
.navbar-nav a { font-size:16px; color:#fff; text-decoration:none; transition:color 0.3s ease-in-out;}

.navbar-default .navbar-nav > li > a { color:#fff;}

.navbar-left li .nav-link { font-weight:bold;}

.navbar.nav-scroll .navbar-nav .nav-link { color:#000 !important; background-color:transparent !important; z-index:2;}

.navbar-bg a,.navbar-bg .search-box input::placeholder,.navbar-bg .navbar.nav-scroll a,.navbar-bg .navbar.nav-scroll .search-box input::placeholder,.navbar-bg .navbar.nav-scroll .navbar-nav .nav-link { z-index:5; position:relative; color:#fff !important;}
.navbar-bg .search-box::before { z-index:5; color:white !important;}
.navbar-bg .search-box { z-index:5; border-color:#fff !important;}

/* ======================= */
/* BOX RICERCA */
/* ======================= */
.search-container { display:flex; align-items:center; z-index:5;}

nav .search-box { display:flex; align-items:center; border:1px solid white; padding:4px 15px 4px 30px; border-radius:50px; transition:all 0.3s ease; background:transparent; position:relative;}

.search-box svg { filter:invert(1); position:absolute; left:10px;}

.modal-search { display:none;}
.modal-search::before { content:"⌕"; font-size:30px; margin-right:10px; color:white; display:inline-block; transform:scaleX(-1);}
.navbar-bg .navbar.nav-scroll .search-box svg,.category-bg .navbar.nav-scroll .search-box svg,.category-bg .search-container-prodotti .search-box svg { filter:invert(1);}
.navbar.nav-scroll .search-box svg { filter:invert(0);}
.search-box input { border:none; background:transparent; outline:none; color:white; font-size:16px; width:165px;}
.navbar.nav-scroll .search-container input::placeholder,.search-container-prodotti input::placeholder { color:#000 !important;}
.search-box input::placeholder { color:#fff;}
.navbar.nav-scroll .search-box { border:1px solid #000;}

.navbar.nav-scroll .search-box i { color:#000;}

.navbar.nav-scroll .search-box input { color:#000;}
.attr-nav { display:none;}

.scroll-to-top { position:fixed; bottom:20px; right:20px; background-color:#333; color:#fff; width:40px; height:40px; border-radius:50%; text-align:center; line-height:40px; cursor:pointer; opacity:0; pointer-events:none; transition:opacity 0.3s ease-in-out; z-index:9999;}

/* Classe che mostra il bottone */
.scroll-to-top.visible { opacity:1; pointer-events:auto;}
.scroll-to-top.visible span { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

/* ======================= */
/* PAGINA PRODOTTI */
/* ======================= */
.container-prodotti { margin:0 40px;}
.intestazione { margin:150px 0 50px;}
.container-prodotti .inner-title p > *:not(:last-child):after { content:"\000BB"; margin:0 4px 0 4px; color:#000 !important;}
.container-prodotti .inner-title p > * { color:#000; margin:0;}
.intestazione h1 { font-size:12rem; margin:0;}

.sidebar-widget.elenco-famiglie:first-child { border-top:1px solid #000; border-bottom:1px solid #000;}
.sidebar-widget.elenco-famiglie:last-child { border-bottom:1px solid #000;}
.linee-page .sidebar-widget.elenco-famiglie:last-child { border:none;}
.linee-page .sidebar-title { padding:0;}
.sottomodelli-page .search-container-prodotti { display:none;}
.sottomodelli-page .prod_lista_single { padding:0 1rem;}
.accordion-content { width:100%;}
.accordion-content .sidebar-widget.elenco-famiglie ul a { color:#000;}

.sidebar-title { cursor:pointer; display:flex; justify-content:space-between; align-items:center; padding:30px 40px;}

.sidebar-title h2 { margin:0; font-size:30px; font-weight:bold;}
.category_card .svg-icon,.accordion-content .active img { background:rgba(223, 2, 29, 1) !important;}
.category_card div { padding-left:20px;}

.accordion-content { display:none; overflow:hidden;}

/* Lista prodotti dentro l'accordion */
.accordion-content ul { list-style:none; margin:0; padding:30px 40px; display:flex; justify-content:flex-start; flex-wrap:wrap;}

.accordion-content li a { display:flex; flex-direction:column; align-items:center; flex-wrap:wrap; min-width:100px; margin-bottom:10px;}
.accordion-content li a img { margin-bottom:5px;}
.cs-product-area .accordion-content a { color:#000;}
/* Icona toggle */
.toggle-icon { font-size:1.2em; transition:transform 0.3s ease-in-out;}

/* Icona toggle creata in CSS */
.toggle-icon { display:inline-block; width:30px; height:30px; position:relative;}

/* Le due “linee” della plus (usiamo pseudo-elementi) */
.toggle-icon:before,.toggle-icon:after { content:""; position:absolute; background-color:#333; /* Colore della linea */
  transition:opacity 0.3s;}

/* Linea orizzontale */
.toggle-icon:before { top:50%; left:10%; right:10%; height:2px; /* Spessore della linea */
  transform:translateY(-50%);}

/* Linea verticale (usata per il plus) */
.toggle-icon:after { left:50%; top:10%; bottom:10%; width:2px; transform:translateX(-50%);}

/* Quando è impostata la classe icon-minus, nascondi la linea verticale */
.toggle-icon.icon-minus:after { opacity:0;}
.toggle-icon.icon-minus::before { transform:rotate(0deg); margin-top:-1px;}
.accessori .search-box { display:none;}
.accessori .nav .search-box { display:flex;}

.cs-calculate-col.filtro_accessori.filtro_pad1,.cs-calculate-col.filtro_accessori.filtro_pad2 { position:absolute; width:350px; left:50%; transform:translateX(-50%); margin-top:-90px;}
.accoridion-accessori ul { display:flex; flex-direction:column; align-items:flex-start; flex-wrap:nowrap; padding-top:0 !important;}
.accoridion-accessori li { width:100%; align-items:normal; text-align:center;}
ul.elenco-accessori { display:flex; flex-direction:row; padding-bottom:0;}
.accoridion-accessori ul { width:100%;}
ul.elenco-accessori li { width:100px;}
.accoridion-accessori .elenco_acc_1 { margin-bottom:30px;}
.accoridion-accessori .elenco_acc_1 ul { flex-direction:row; justify-content:flex-start; width:100%; flex-wrap:wrap; display:flex;}
.accoridion-accessori .elenco_acc_1 div { font-size:2rem; text-align:left; margin-bottom:10px;}
#elenco_acc { margin-bottom:15px;}
#elenco_acc,.popular-tags { border-bottom:1px solid #000;}
.accoridion-accessori .elenco_acc_1 a,.accoridion-accessori .elenco_acc_1 img { align-self:center;}

.prod_lista { padding:20px 10px;}

/* Wrapper generale */
.prod_lista { width:100%; margin:0 auto; padding:1rem; box-sizing:border-box;}
.accessori-page .prod_list_container { display:grid; grid-template-columns:repeat(6, 1fr); gap:1rem; margin:5rem 0;}
.prod_list_container { display:grid; grid-template-columns:repeat(4, 1fr); gap:1rem; margin:5rem 0;}

@media (max-width:1200px) {
  .accessori-page .prod_list_container { display:grid; grid-template-columns:repeat(4, 1fr); gap:1rem; margin:5rem 0;}
  .slider-con-testo .overlay-img { top:250px;}
}

/* Su schermi fino a 768px, passa a 2 colonne */
@media (max-width:768px) {
  .accessori-page .prod_list_container { grid-template-columns:repeat(3, 1fr); margin:0 0 5rem;}
  .prod_list_container { grid-template-columns:repeat(2, 1fr); margin:0 0 5rem;}
}

/* Su schermi fino a 480px, passa a 1 colonna */
@media (max-width:480px) {
  .prod_list_container { grid-template-columns:1fr;}
}

/* Card generica per prodotti e categoria */
.prod_card { padding:1rem; box-sizing:border-box; display:flex; flex-direction:column;}
/*.prod_card:first-child div{ height:100%;}*/
.prod_card div { display:flex; flex-direction:column;}
.prod_card a { text-decoration:none; color:#000;}

.prod_card p { height:100%; display:flex; align-items:flex-end; margin-bottom:30px;}

/* Stile immagine */
.prod_img img { max-width:100%; height:auto; display:block;}

.prod_img p { font-size:1.125rem; font-weight:300;}

.prod_card h2 { font-size:3.375rem;}
.prod-text-container { padding-left:20px;}
.prod_title { margin-top:0.5rem; font-size:1.5rem; font-weight:bold;}

/* Contenitore generale */
.search-container-prodotti { display:flex; align-items:center; justify-content:space-between; width:100%; margin:0 auto; padding:40px;}
.search-container-prodotti .search-box { width:33%;}
/* Sezione "Prodotti trovati" */
.search-info { display:flex; align-items:center; font-size:16px; font-weight:400;}

.search-count { font-size:22px; font-weight:700; margin-right:5px;}
.search-container-prodotti form { width:100%;}

.search-input-container { display:flex; align-items:center; border:1px solid #ccc; border-radius:30px; padding:5px 15px 5px 25px;}

.search-icon { margin-right:10px; color:#666;}

.search-box input { border:none; outline:none; flex:1; font-size:14px; color:#000; background:transparent;}
.search-container input { color:#fff;}
.nav .search-container form { margin:0;}

.search-container-prodotti .search-box div::before { color:#000;}

/* Struttura del toggle */
.switch { position:relative; display:inline-block; width:180px; height:34px;}

.lang-de .switch { width:210px;}
.lang-de .off-text { padding-left:0;}
.lang-de .toggle-circle { width:105px;}
.lang-de .switch input:checked + .slider .toggle-circle { transform:translateX(99px);}
.lang-en .off-text,.lang-fr .off-text { padding-left:6px;}
.lang-de .accordion-content ul,.lang-fr .accordion-content ul { gap:10px; text-align:center;}
.lang-de .accordion-content li,.lang-fr .accordion-content li { width:100px;}
/* Nascondere input nativo */
.switch input { opacity:0; width:0; height:0;}

/* Background del toggle */
.slider { position:absolute; width:100%; height:100%; background-color:black; border-radius:34px; cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0 12px; transition:background 0.3s ease-in-out; overflow:hidden; top:3px;}

.on-text,.off-text { z-index:1;}
.on-text { padding-right:5px; color:#fff;}
.off-text { padding-left:12px; color:#000;}

/* Testo dentro il toggle */
.text-container { display:flex; width:100%; justify-content:space-between; font-size:14px; font-weight:lighter; transition:transform 0.3s ease-in-out; color:white;}

/* Cerchio che si muove */
.toggle-circle { position:absolute; width:92px; height:28px; background:white; border-radius:50px; left:3px; transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index:0;}

/* Quando attivo */
.switch input:checked + .slider .toggle-circle { transform:translateX(82px);}

.switch input:checked + .slider .off-text { color:white; background:transparent;}
.switch input:checked + .slider .on-text { color:black;}
.navbar-right { z-index:5;}
.navbar-right .dropdown-menu { min-width:60px; background:rgba(255, 255, 255, 0.5); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border:none; border-radius:15px !important;}

.default-bg .navbar.nav-scroll .n avbar-right .dropdown-toggle,.navbar.nav-scroll .navbar-right .dropdown-toggle { border:1px solid #000; border-radius:50px; padding:5px 8px;}

.category-bg .navbar.nav-scroll .navbar-right .dropdown-toggle { border:none;}
.default-bg .svg-icon,.navbar.nav-scroll .svg-icon { background:#1a1a1a;}
.search-container-prodotti div { position:relative;}
.search-container-prodotti .search-box svg { filter:invert(0);}

.modal { display:none; position:fixed; z-index:10000; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgba(0, 0, 0, 0.8);}
.modal-content { position:relative; margin:10% auto; padding:20px; background-color:#fff; width:90%; max-width:500px; box-shadow:0 0 10px rgba(0,0,0,0.5);}
.close-modal { position:absolute; top:10px; right:20px; font-size:30px; font-weight:bold; cursor:pointer;}
.modal-content img { width:100%; margin-top:30px;}
.modal-content a { color:#000;}

@media (min-width:768px) {
  .accordion-content-MM { display:block; overflow:hidden;}

  /* Lista prodotti dentro l'accordion */
  .accordion-content-MM ul { list-style:none; margin:0; padding:30px 40px; display:flex; justify-content:space-between;}
  .accoridion-accessori ul { padding-bottom:10px;}
  .accoridion-accessori ul li ul { padding:0 30px 0 0;}
  .accoridion-accessori div { font-size:2rem;}

  .accordion-content-MM li div { display:flex; flex-direction:column; align-items:center; width:85px;}
  .accordion-content-MM li img { margin-bottom:15px;}
  .megamenu-container { padding-bottom:30px;}
  .megamenu-container .sidebar-title::after { border:none;}
  .megamenu-container .sidebar-widget.elenco-famiglie:last-child,.megamenu-container .sidebar-widget.elenco-famiglie:first-child,.megamenu-container #elenco_acc,.megamenu-container .popular-tags { border:none;}
  .megamenu-container a { color:#fff; text-align:center;}
  .megamenu-container .btn-megamenu:hover { color:#000; background-color:#fff;}
  .btn-megamenu { padding:10px 20px; margin:0 40px; border:1px solid #fff; color:#fff; text-transform:uppercase; border-radius:50px; width:fit-content; cursor:pointer;}

  .btn-megamenu:hover { background:#fff; color:#000 !important;}
  .navbar.nav-scroll .btn-megamenu:hover { background:#fff; color:#000 !important;}
  .category-bg .btn-megamenu { color:#fff; border:1px solid #fff;}
  .category-bg .btn-megamenu:hover { background:#fff; color:#000;}
  .navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li > a:hover { color:#fff; background-color:transparent; text-decoration:underline;}
  /* Nascondi il mega menu di default */
  .navbar-left #mega-menu { display:none; visibility:hidden; position:fixed; left:0; top:0; width:100%; height:100vh; padding:100px 0 0 0; color:#fff; background:#1a1a1a; border:none; box-shadow:none; overflow-y:scroll; scrollbar-width:none; -ms-overflow-style:none; z-index:1; transition:opacity 0.3s ease, visibility 0.3s ease;}
  .navbar-left #mega-menu::-webkit-scrollbar { display:none;}
  #mega-menu,.overlay-megamenu { display:none; visibility:hidden; transition:opacity 0.3s ease;}

  /* Stile per il pulsante di chiusura */
  .close-mega { position:absolute; top:110px; right:35px; background:none; border:none; font-size:24px; color:#fff; cursor:pointer; z-index:1001;}
}

.custom-dropdown { position:relative; width:100%; max-width:350px; /* adatta alle tue esigenze */
  margin-top:10px;}

.custom-dropdown-header { padding:10px 30px 10px 15px; border:1px solid #ccc; border-radius:50px; user-select:none; cursor:pointer; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
div#filtroAccessoriHeader:after { content:">"; right:20px; position:absolute; transform:rotate(90deg);}
.custom-dropdown-body { position:absolute; top:calc(100% + 5px); left:0; right:0; background:#fff; border:1px solid #ccc; border-radius:20px; max-height:500px; overflow-y:auto; display:none; z-index:999;}

.custom-dropdown-body.show { display:block;}
.custom-dropdown-optgroup { padding:5px 0; border-bottom:1px solid #eee;}
.custom-dropdown-optgroup-label { font-weight:bold; padding:8px 15px; transition:background 0.2s; cursor:pointer;}
.custom-dropdown-option { padding:5px 25px; transition:background 0.2s; cursor:pointer;}
.custom-dropdown-optgroup-label:hover,.custom-dropdown-option:hover { background:#f0f0f0;}
.menu-mobile-collapse.in { display:block;}

.megamenu-align { flex:0 0 10%; width:10%;}
.megamenu-align div { display:flex; flex-direction:column;}
.lang-de .megamenu-align div a,.lang-de .accordion-content a { word-break:break-word;}

.megamenu-align a:hover img { background:rgba(223, 2, 29, 1) !important;}
.overlay-megamenu { position:absolute; top:0; left:0; width:100%; height:110px; background:#1a1a1a; z-index:2; display:none;}
.desktop-prodotti { display:block !important;}
.mobile-prodotti { display:none !important;}

@media (max-width:1130px) {
  .desktop-prodotti { display:none !important;}
  .mobile-prodotti { display:block !important;}
  .menu-mobile-collapse { display:none;}
  .hamburger { display:inline-block;}
  .top-search { position:absolute; border-radius:50px; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); background-color:rgb(51 51 51 / 80%); margin-bottom:10px; z-index:99999; left:10px; right:10px;}
  .navbar-header { float:none;}
  .navbar-toggle { display:block;}
  .navbar-collapse { border-top:1px solid transparent; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1);}
  .navbar-nav { align-items:flex-start; flex-direction:column; float:none !important; margin:7.5px -15px;}
  .navbar-nav > li { float:none;}
  .navbar-nav > li > a { padding-top:10px; padding-bottom:10px;}
  .navbar-collapse.collapse.in { justify-content:space-between; margin-top:20px; max-height:100vh; overflow-y:scroll;}
  li.lang.dropdown { border:1px solid #fff; border-radius:80px; margin-left:10px;}
  .search-container { display:none !important;}
  .modal-search { display:block; position:absolute; right:10%; margin:0; padding:0; background:transparent; border:none; top:12px;}
  .navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover { background-color:transparent;}
  .attr-nav { display:block; position:absolute; right:12rem; font-size:18px; color:#fff; top:3.4rem;}
  .navbar.nav-scroll .attr-nav svg { filter:invert(0);}
  .attr-nav svg,.input-group-addon svg { filter:invert(1);}
  .navbar-default .navbar-toggle { color:#fff; border:none; font-size:20px; margin-top:18px;}
  .navbar.nav-scroll .navbar-toggle { color:#000 !important;}
  .navbar-right .dropdown-menu { min-width:0px;}
  .navbar-right .open .dropdown-menu > li > a { padding:5px 10px;}
  .newsletter-content { align-items:flex-start; flex-direction:column;}
  .newsletter-section { background-position-x:calc(100% - 25px); background-size:50%;}
}

@media (min-width:1200px) {
  .hero-home-slider .overlay .big-title { max-width:70%;}
}

/* ======================= */
/* RESPONSIVE */
/* ======================= */
@media (max-width:1024px) {
  .titolo-grande { padding:50px 30px;}
  .titolo-grande .display-4 { font-size:10rem;}
  .flex-images { flex-direction:column;}
  .middle-image { margin:50px 40px;}

  .middle-image img { width:100%;}
  .flex-images div:last-child { margin-top:100px;}
  .swiper-button-prev-progetti,.progetti-prev { left:15px;}
  .swiper-button-next-progetti,.progetti-next { right:15px;}
  .swiper-button-prev.cataloghi-prev,.swiper-button-prev.progetti-prev { left:auto; right:70px; top:-10%; border:1px solid #000;}
  .cataloghiSwiper .cataloghi-prev,.cataloghiSwiper .cataloghi-next { top:-10%;}
  .swiper-button-next.cataloghi-next,.swiper-button-next.progetti-next { right:0px; top:-10%; border:1px solid #000;}
  .cataloghiSwiper .cataloghi-prev,.cataloghiSwiper .cataloghi-next { top:-10%;}

  .slider-con-testo .parallax-bg,.mySecondSwiper .swiper-slide { height:60vh;}
  .cataloghiSwiper { overflow:visible;}
}
@media (max-width:992px) {
  .swiper-button-next.prodotti-next { display:flex; position:absolute; right:40px; top:75px; border:1px solid #000;}
  .swiper-button-prev.prodotti-prev { display:flex; position:absolute; right:105px; top:75px; left:auto; border:1px solid #000;}
  .prodotti-container { grid-template-columns:50% 50%;}
  .prodotti-container a { margin-bottom:50px; width:100%;}
  .progetti-evidenza div.progetti-container { flex-direction:column;}
  .main-footer { padding:0;}
  .newsletter-section { background-position-y:top; background-size:200px; padding:50px 25px; margin:100px 0 0px; background-position-x:center;}
  .newsletter-content { flex-direction:column; border-radius:20px; align-items:center; text-align:center;}
  .newsletter-text { padding-top:120px;}
}
.pagina-linee .sidebar { position:absolute;}
.pagina-linee .sidebar svg { left:17px; top:15px;}
.pagina-linee .sidebar input::placeholder { color:#3a3a3a;}
@media (max-width:768px) {
  .hotspot .hotspot-tooltip { visibility:hidden;}
  .cs-calculate-col.filtro_accessori.filtro_pad1,.cs-calculate-col.filtro_accessori.filtro_pad2 { margin-top:-150px; width:200px;}
  .swiper-button-next.prodotti-next { right:40px; top:50px;}
  .swiper-button-prev.prodotti-prev { right:105px; top:50px;}
  .progetti-images { flex-direction:column;}
 
  .toggle-switch { margin-bottom:0 !important;}
  .search-container-prodotti { padding:40px 40px 0;}
  .slider-con-testo .parallax-bg,.mySecondSwiper .swiper-slide { height:100vh;}
  .navbar { padding:15px 25px;}
  .intestazione { margin:130px 0 50px;}
  .sidebar-title,.accordion-content ul { padding:10px 25px;}
  .progetti-slide { padding:0 25px;}
  .cataloghiSwiper .cataloghi-prev,.cataloghiSwiper .cataloghi-next { top:-10%;}
  .progetti-prev,.progetti-next { top:-40px;}
  .navbar-right .open .dropdown-menu > li > a { padding:5px 3px;}
  .slider-con-testo .testo-top-left p { font-size:40px; line-height:1.1; margin-bottom:20px;}
  .intestazione h1 { font-size:8rem;}
  .img-hover { display:none;}
  .accordion-content ul { justify-content:flex-start;}
  .prodotti-in-evidenza .scopri-btn { margin:50px 0 30px;}
  .prodotti-in-evidenza { padding:20px 25px;}
  .prodotti-container { grid-template-columns:100%; justify-items:center;}
  .navbar-collapse.collapse.in { display:block !important; max-height:100vh; overflow-y:scroll;}
  .search-container { display:none !important;}
  .hero-home-slider .swiper-slide { display:flex; align-items:center;}
  .hero-home-slider .overlay .big-title,.titolo-grande .display-4,.footer-contact h2 { font-size:5rem;}

  .navbar-nav { flex-direction:column;}

  .search-box { width:100%; justify-content:center;}
  .chi-siamo { margin-bottom:30px;}
  .chi-siamo-text { flex-direction:column; margin:50px 25px;}
  .chi-siamo-text p { font-size:4rem; line-height:40px; width:100%; word-break:break-word; margin-bottom:30px;}
  .chi-siamo-text a { align-self:baseline;}
  .product-box { flex:1 1 calc(100% - 10px); max-width:calc(100% - 10px);}
  .icona-piu-wrapper { margin-top:10px;}
  .flex-images { flex-direction:column; margin:0px 25px;}
  .flex-images .flex-images-1,.flex-images .flex-images-2 { max-width:100%;}
  .middle-image img { width:100%;}
  .flex-images div { width:100%;}
  .flex-images div:last-child { margin-top:50px;}
  .middle-image { width:100%; padding:0 25px; margin:30px auto;}
  .cataloghiSwiper { overflow:visible;}
  .swiper-button-next,.swiper-rtl .swiper-button-prev { right:-35px; border:1px solid #000;}
  .swiper-button-prev.cataloghi-prev,.swiper-button-prev.progetti-prev { left:auto; right:70px;}
  .swiper-button-next.cataloghi-next,.swiper-button-next.progetti-next { right:0px;}

  .swiper-button-prev,.swiper-rtl .swiper-button-next { left:-35px; border:1px solid #000;}
  .progetti-evidenza div.max-container { flex-direction:column;}
  .progetto-text,.progetto-desc { max-width:100%;}
  .progetto-desc { margin-bottom:30px;}
  .newsletter-content { flex-direction:column; border-radius:20px;}
  .newsletter-text h2 { font-size:40px; line-height:1.1;}
  .newsletter-text { width:100%; text-align:center; margin-bottom:30px; padding-top:150px;}
  .newsletter-form { width:100%; display:flex; justify-content:center;}
  .newsletter-form form { width:100%;}
  .newsletter-form input::placeholder { color:#000;}
  .footer-links ul li a { font-size:3rem;}
  .footer-info { flex-direction:column;}
  .footer-logo,.footer-address,.footer-navigation,.footer-navigation { display:flex;}
  .footer-address { text-align:center; margin-top:30px; flex-wrap:wrap;}
  .footer-navigation,.footer-navigation { flex-direction:row;}
  .footer-navigation ul { display:flex; width:100%; justify-content:space-evenly;}
  .footer-address > * { flex:1 1 50%; text-align:center; margin:5px 0 10px;}
  .social-icons { margin-top:0; justify-content:center;}
  .search-container-prodotti { flex-wrap:wrap; gap:1rem;}
  .search-container-prodotti .search-info { flex:1 1 45%; order:1;}
  .search-container-prodotti .search-box { flex-basis:100%; order:3;}
  .search-container-prodotti .toggle-switch { flex:1 1 45%; order:2; display:flex; justify-content:right;}
  .search-container-prodotti div { margin-bottom:20px;}
  .search-container-prodotti .search-box { width:100% !important;}
  .slider-con-testo .overlay-img { width:55%; bottom:200px;}
  .newsletter-section { background-position-y:top; background-size:200px; padding:50px 25px; margin:100px 0 0px; background-position-x:center;}
  .progetti-image-small { display:none;}
  .icona-piu-wrapper img { width:30px;}
  .container-prodotti { margin:0 25px;}
}

@media (max-width:450px) {
  .newsletter-box button[type="submit"] { position:relative; width:40px; height:40px; background:none; border:none; padding:0;}
  .newsletter-box button[type="submit"] input { display:none;}
  .newsletter-box button[type="submit"]::after { content:"\2192"; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:24px; color:white; background:black; padding:9px 14px; border-radius:50px;}

  .footer-logo { display:block; text-align:center;}
  .footer-address { flex-direction:column;}
  .footer-copyright { flex-direction:column; align-items:center; text-align:center;}
  .footer-navigation,.footer-navigation { margin-top:30px;}
  .newsletter-form button { padding:10px 20px;}
  section.titolo-grande.dark-bg { padding-bottom:0;}
  section.linea-prodotto-parallax.dark-bg { margin-top:-1px;}
  .flex-images { margin:0 25px;}
  .cataloghi-section { padding:20px 40px 70px;}
  .product-box { flex:1 1 100%; max-width:100%;}
  .titolo-grande { padding:30px 25px;}
  .titolo-grande .display-4,.footer-contact h2 { font-size:3rem;}
  .icona-piu-wrapper { margin-top:0px;}
  .icona-piu-wrapper img { width:15px;}
  .footer-navigation ul { text-align:center; flex-direction:column;}
  .footer-links ul li a { font-size:2rem;}
  .footer-contact { padding:40px 30px;}
  .search-container-prodotti .search-info { flex:1 1 20%; flex-direction:column;}
  .search-container-prodotti .toggle-switch { flex:1 1 50%;}
  .intestazione h1 { font-size:5rem;}
}