.custom-gallery-wrapper {width:100%;margin:0 auto 20px;}
.custom-product-slider {
display:flex;justify-content:center;align-items:center;
min-height:400px;
}
.custom-product-slider .img-box {
display:none; /* tutte nascoste di default */
justify-content:center;align-items:center;
width:100%;overflow:hidden;
position:relative;
}
.custom-product-slider .img-box.show-now {
display:flex; /* mostriamo subito main + seconda img */
}
.custom-product-slider .img-box img {
max-width:100%;max-height:600px;width:auto;height:auto;margin:auto;display:block; cursor:pointer;
}
.custom-product-thumbs {display:none;}
.custom-product-thumbs img {padding:5px;max-height:150px;margin:auto;object-fit:contain;}
.custom-product-thumbs .slick-current img {outline:1px solid black;}
.custom-product-thumbs .slick-list {padding:0 15px !important;margin-top:15px;}
.custom-product-thumbs .slick-track {display:flex !important;flex-wrap:nowrap !important;align-items:center; margin-top:10px;}
.custom-product-thumbs .slick-slide {display:flex !important;justify-content:center;align-items:center;}
.zoom-btn {
position:absolute;bottom:10px;right:10px;
background:rgba(0,0,0,0.6);color:#fff;border:none;
padding:8px;border-radius:50%;cursor:pointer;font-size:18px;
}
#zoom-lightbox {
position:fixed;top:0;left:0;width:100%;height:100%;
background:rgba(0,0,0,0.85);display:none;
justify-content:center;align-items:center;z-index:9999;
padding:20px;box-sizing:border-box;
}
#zoom-lightbox img {max-width:95%;max-height:95%;box-shadow:0 0 20px #000;}
@media (min-width:768px){.custom-gallery-wrapper{width:45%;margin-left:4%;float:left;}}
@media (max-width:767px){.custom-gallery-wrapper{width:100%;margin:0 auto 20px;float:none;}}
@media (max-width:480px){.custom-product-thumbs img{max-height:70px;}}
.custom-product-slider .img-box:not(:first-child) {
display: none;
}
/* Manteniamo solo lo style essenziale dello zoom */
#zoom-lightbox {
position: fixed; top:0; left:0; width:100%; height:100%;
background: rgba(0,0,0,0.85); display:flex;
justify-content:center; align-items:center; z-index:9999;
padding:20px; box-sizing:border-box;
}
.slick-arrow{z-index:9;}
.zoom-control {
position: absolute;
top: 15px;
width: 25px;
height: 25px;
border-radius: 100%;
border: none;
background: rgba(255, 255, 255, 0.8);
cursor: pointer;
z-index: 10001;
display: flex;
justify-content: center;
align-items: center;
font-size: 30px;
}
#zoom-in { right: 100px; }
#zoom-out { right: 65px; }
.close-lightbox {
right: 30px;
color: #fff;
position: absolute;
top: 15px;
width: 25px;
height: 25px;
border-radius: 100%;
border: none;
cursor: pointer;
z-index: 10001;
display: flex;
justify-content: center;
align-items: center;
font-size: 30px;
}
@media screen and (max-width: 900px) {
.slick-prev, .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev {
left: -10px;
}
.slick-next {
right: -10px;
}
}
#zoom-lightbox {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.85); display:flex; justify-content:center; align-items:center; z-index:9999; padding:20px; box-sizing:border-box;}
#zoom-lightbox img {background-color:white;max-width:95%; max-height:95%; box-shadow:0 0 20px #000; transform-origin:center center; transition: transform 0.2s ease;}
jQuery(document).ready(function($){
var $slider = $(‘.custom-product-slider’);
var $thumbs = $(‘.custom-product-thumbs’);
// Inizializza slider e thumbs come nel tuo codice base
requestAnimationFrame(function(){
$slider.on(‘init’, function(){ $slider.find(‘.img-box’).css(‘display’,’flex’); });
$thumbs.on(‘init’, function(){ $thumbs.css(‘display’,’block’); });
$slider.removeClass(‘no-js’).slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
fade: false,
asNavFor: ‘.custom-product-thumbs’,
adaptiveHeight: true,
});
$thumbs.removeClass(‘no-js’).slick({
slidesToShow: 4,
slidesToScroll: 1,
asNavFor: ‘.custom-product-slider’,
focusOnSelect: true
});
});
// Zoom con pulsanti
const lightbox = document.getElementById(‘zoom-lightbox’);
const zoomedImg = document.getElementById(‘zoomed-image’);
const closeBtn = document.querySelector(‘.close-lightbox’);
const zoomIn = document.getElementById(‘zoom-in’);
const zoomOut = document.getElementById(‘zoom-out’);
let scale = 1;
document.querySelectorAll(‘.zoom-click’).forEach(img => {
img.addEventListener(‘click’, function(){
zoomedImg.src = this.src;
scale = 1;
zoomedImg.style.transform = `scale(${scale})`;
lightbox.style.display = ‘flex’;
});
});
closeBtn.addEventListener(‘click’, ()=> lightbox.style.display=’none’);
lightbox.addEventListener(‘click’, e => { if(e.target===lightbox) lightbox.style.display=’none’; });
zoomIn.addEventListener(‘click’, ()=> { scale += 0.2; zoomedImg.style.transform = `scale(${scale})`; });
zoomOut.addEventListener(‘click’, ()=> { scale = Math.max(0.2, scale-0.2); zoomedImg.style.transform = `scale(${scale})`; });
zoomedImg.addEventListener(‘wheel’, e => {
e.preventDefault();
if(e.deltaY {
scale = (scale === 1) ? maxScale : 1;
zoomedImg.style.transform = `scale(${scale})`;
});
// Doppio tap su touch
zoomedImg.addEventListener(‘touchend’, (e) => {
const currentTime = new Date().getTime();
const tapLength = currentTime – lastTap;
if (tapLength 0) { // doppio tap entro 300ms
scale = (scale === 1) ? maxScale : 1;
zoomedImg.style.transform = `scale(${scale})`;
e.preventDefault();
}
lastTap = currentTime;
});
});

• Riordinabile

  Tag Heuer

  Orologio Tag Heuer Aquaracer WBP201ABA0632

  €3.800,00
  .post-92080 .disponibile-stock{display:none!important;} <!–

  Riordinabile

  –>

  Acquista
• Riordinabile

  Tag Heuer

  Orologio Tag Heuer Aquaracer WBP201BFT6198

  €3.600,00
  .post-92071 .disponibile-stock{display:none!important;} <!–

  Riordinabile

  –>

  Acquista
• Riordinabile

  Tag Heuer

  OROLOGIO TAG HEUER AQUARACER PROFESSIONAL 200 SOLARGRAPH WBP1314BA0005

  €5.500,00
  .post-158055 .disponibile-stock{display:none!important;} <!–

  Riordinabile

  –>

  Acquista
• Tag Heuer

  OROLOGIO TAG HEUER AQUARACER PROFESSIONAL 200 SOLARGRAPH WBP1180BF0000

  €3.550,00

  Disponibile

  Acquista
• Tag Heuer

  OROLOGIO TAG HEUER Aquaracer Professional 300 date WBP5111FT6259

  €4.350,00

  Disponibile

  Acquista
• Riordinabile

  Tag Heuer

  OROLOGIO TAG HEUER Aquaracer Professional 300 date WBP231GFT6226

  €3.950,00
  .post-166519 .disponibile-stock{display:none!important;} <!–

  Riordinabile

  –>

  Acquista
• Riordinabile

  Tag Heuer

  OROLOGIO TAG HEUER Aquaracer Professional 300 date wbp231dba0626

  €3.800,00
  .post-166512 .disponibile-stock{display:none!important;} <!–

  Riordinabile

  –>

  Acquista
• Riordinabile

  Tag Heuer

  OROLOGIO TAG HEUER AQUARACER PROFESSIONAL 200 SOLARGRAPH WBP1311BA0005

  €2.550,00
  .post-153674 .disponibile-stock{display:none!important;} <!–

  Riordinabile

  –>

  Acquista
• Riordinabile

  Tag Heuer

  OROLOGIO TAG HEUER AQUARACER PROFESSIONAL 300 WBP231CBA0626

  €3.600,00
  .post-140654 .disponibile-stock{display:none!important;} <!–

  Riordinabile

  –>

  Acquista
• Riordinabile

  Tag Heuer

  OROLOGIO TAG HEUER AQUARACER PROFESSIONAL 200 CHRONOGRAPH CBP1113BA0627

  €3.050,00
  .post-158047 .disponibile-stock{display:none!important;} <!–

  Riordinabile

  –>

  Acquista