(function () {
					const images = [ "https://www.pachamama-adventure.it/immagini_gallery/pista_ciclabile_lago_di_canterno/pista-ciclabile-lago-di-canterno-2.jpg ",  "https://www.pachamama-adventure.it/immagini_gallery/pista_ciclabile_lago_di_canterno/pista-ciclabile-lago-di-canterno-9.jpg ",  "https://www.pachamama-adventure.it/immagini_gallery/pista_ciclabile_lago_di_canterno/pista-ciclabile-lago-di-canterno-13.jpg ",  "https://www.pachamama-adventure.it/immagini_gallery/pista_ciclabile_lago_di_canterno/pista-ciclabile-lago-di-canterno-11.jpg ",  "https://www.pachamama-adventure.it/immagini_gallery/pista_ciclabile_lago_di_canterno/pista-ciclabile-lago-di-canterno-10.jpg ",  "https://www.pachamama-adventure.it/immagini_gallery/pista_ciclabile_lago_di_canterno/pista-ciclabile-lago-di-canterno-3.jpg ",  "https://www.pachamama-adventure.it/immagini_gallery/pista_ciclabile_lago_di_canterno/pista-ciclabile-lago-di-canterno-4.jpg ",  "https://www.pachamama-adventure.it/immagini_gallery/pista_ciclabile_lago_di_canterno/pista-ciclabile-lago-di-canterno-6.jpg ",  "https://www.pachamama-adventure.it/immagini_gallery/pista_ciclabile_lago_di_canterno/pista-ciclabile-lago-di-canterno-8.jpg ",  "https://www.pachamama-adventure.it/immagini_gallery/pista_ciclabile_lago_di_canterno/pista-ciclabile-lago-di-canterno-1.jpg ",  "https://www.pachamama-adventure.it/immagini_gallery/pista_ciclabile_lago_di_canterno/pista-ciclabile-lago-di-canterno-12.jpg ",  "https://www.pachamama-adventure.it/immagini_gallery/pista_ciclabile_lago_di_canterno/pista-ciclabile-lago-di-canterno-5.jpg ",  "https://www.pachamama-adventure.it/immagini_gallery/pista_ciclabile_lago_di_canterno/pista-ciclabile-lago-di-canterno-7.jpg ", ];;					
					let currentIndex = 0;
					const container = document.getElementById("pista_ciclabile_lago_di_canterno");
					if (!container) return;

					container.innerHTML = `
						<div class="pm-gallery-wrapper">
							<div class="pm-carousel">
								<button class="pm-prev">&#10094;</button>
								<div class="pm-image-container"></div>
								<button class="pm-next">&#10095;</button>
							</div>
						</div>
					`;

					const imageContainer = container.querySelector(".pm-image-container");
					const prevBtn = container.querySelector(".pm-prev");
					const nextBtn = container.querySelector(".pm-next");

					// ===== CREA SLIDE SENZA CARICARE IMMAGINI =====
					images.forEach((src, i) => {

						const img = document.createElement("img");

						img.dataset.src = src;   // niente src → niente download
						img.className = "pm-slide";

						if (i === 0) {
							img.classList.add("active");
						}

						imageContainer.appendChild(img);
					});

					// ===== CARICA SOLO LA PRIMA IMMAGINE =====
					loadImage(currentIndex);

					function loadImage(index) {

						const slides = container.querySelectorAll(".pm-slide");
						const img = slides[index];

						// carica solo quando necessario
						if (!img.src) {
							img.src = img.dataset.src;
						}

						slides.forEach(s => s.classList.remove("active"));
						img.classList.add("active");
					}

					function nextSlide() {
						currentIndex = (currentIndex + 1) % images.length;
						loadImage(currentIndex);
					}

					function prevSlide() {
						currentIndex =
							(currentIndex - 1 + images.length) % images.length;
						loadImage(currentIndex);
					}

					nextBtn.addEventListener("click", nextSlide);
					prevBtn.addEventListener("click", prevSlide);

					// ===== STILI =====
					const style = document.createElement("style");
					style.innerHTML = `
						.pm-gallery-wrapper{
							max-width:900px;
							margin:auto;
							background-color: #FCFCFC !important;					 
						}

						.pm-carousel{
							position:relative;
						}

						.pm-image-container{							
							position:relative;
							width:100%;
							height:500px;
							overflow:hidden;
							background:#000;
						}

						.pm-slide{
						   position:absolute;
							top:50%;
							left:50%;						   
							height:100%;
							object-fit:cover;      	 /* riempie senza deformare */
							object-position:center; /* centratura perfetta */
							transform:translate(-50%, -50%);
							opacity:0;
							transition:opacity .4s ease;							
						}

						.pm-slide.active{
							opacity:1;
						}

						.pm-prev,
						.pm-next{
							position:absolute;
							top:50%;
							transform:translateY(-50%);
							background:rgba(0,0,0,.6);
							color:#fff;
							border:none;
							padding:10px 15px;
							cursor:pointer;
							font-size:22px;
							z-index:10;
						}

						.pm-prev{ left:10px; }
						.pm-next{ right:10px; }

						@media(max-width:768px){
							.pm-image-container{
								height:320px;
							}
						}
					`;
					document.head.appendChild(style);

				})();