/* Slideshow home: foto centrale a colori, laterali in grigio, miniature a sinistra */
.slideshow{position:relative;height:400px;overflow:hidden;background:#1d2418}

/* le foto vengono posizionate dal JavaScript */
.ss-track .slide{position:absolute;top:0;height:400px;width:667px;max-width:none;object-fit:cover;
  filter:grayscale(1) brightness(.75);transition:left .7s ease,filter .7s ease}
.ss-track .slide.attiva{filter:none}

/* miniature verticali */
.ss-thumbs{position:absolute;left:0;top:0;bottom:0;z-index:3;width:92px;background:#1d2418;
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}
.ss-thumbs img{width:56px;height:56px;object-fit:cover;border:2px solid #555;cursor:pointer;opacity:.75}
.ss-thumbs img.attiva{border-color:#fff;opacity:1}

/* frecce */
.ss-freccia{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:none;border:0;
  color:#fff;font-size:3.5rem;line-height:1;cursor:pointer;text-shadow:0 0 8px rgba(0,0,0,.7);padding:0 .6rem}
.ss-prev{left:110px}.ss-next{right:20px}

/* telefono: solo foto centrale e frecce */
@media (max-width:700px){
  .slideshow{height:240px}
  .ss-track .slide{height:240px;width:100%}
  .ss-thumbs{display:none}
  .ss-prev{left:5px}.ss-next{right:5px}
  .ss-freccia{font-size:2.6rem}
}
@media (prefers-reduced-motion:reduce){.ss-track .slide{transition:none}}